zxing.appspot.com/generator/src/com/google/zxing/web/generator/public/DatePickerDemo.css

   1 /**
   2 Date picker styles, most of these will eventually move into a default resource bundle.
   3 */
   4 .gwt-DatePicker {
   5   width: 150px;
   6   border: 1px solid #f1f1f1;
   7   border-bottom: 2px solid #f1f1f1;
   8   color: 6b6b6b;
   9   cursor: default;
  10
  11 }
  12
  13 .gwt-DatePicker td {
  14   font-family: Arial;
  15   font-size: 65%;
  16   padding: 2px;
  17   text-align: center;
  18   padding: 2px;
  19   outline: none;
  20   -moz-outline: none;
  21   cursor: default;
  22 }
  23
  24 .gwt-DatePicker td,.month-selector td :focus {
  25   outline: none
  26 }
  27
  28 .gwt-DateBox input {
  29   width: 8em;
  30 }
  31
  32 /**
  33 Calendar styles
  34 */
  35 .calendar-view {
  36   background-color: white;
  37   width: 100%;
  38 }
  39
  40 .calendar-view .filler-cell {
  41   color: #bfbfbf;
  42   padding: 1px;
  43   cursor: hand;
  44 }
  45
  46 .calendar-view .date-cell {
  47   padding: 1px;
  48   cursor:hand;
  49 }
  50
  51 .calendar-view .selected-cell {
  52   background: #aaccee;
  53 }
  54
  55 .calendar-view .day-title {
  56   background: #dbe6de;
  57 }
  58
  59 .gwt-DatePicker .calendar-view .highlighted-cell {
  60   border: 1px solid #eeeeee;
  61   padding: 0px;
  62 }
  63
  64 .calendar-view .today-cell {
  65   border: 1px solid black;
  66   padding: 0px;
  67 }
  68
  69 .gwt-DatePicker .calendar-view .weekend {
  70   background: #f1f1f1;
  71 }
  72
  73 .calendar-view .disabled-cell {
  74   color: graytext;
  75 }
  76
  77 /*
  78 Month selector styles
  79 */
  80 .month-selector {
  81   background: #dbe6de;
  82   width: 100%;
  83   text-align: center;
  84 }
  85
  86 .month-selector td {
  87   font-weight: bold;
  88   font-size: 70%;
  89 }
  90
  91 .month-selector .month-label {
  92   text-align: center;
  93   background: #dbe6de;
  94 }
  95
  96 .month-selector .month-backward {
  97   padding-right: 2em;
  98 }
  99
 100 .month-selector .month-forward {
 101   padding-left: 2em;
 102 }
 103
 104 /****************************
 105 helper styles
 106 ******************************/
 107 .log-panel {
 108   position: relative;
 109   float: right;
 110   border: 1px solid black;
 111   margin-left: 30px;
 112 }
 113
 114 .gwt-TabPanel {
 115   margin-top: 4px;
 116 }
 117
 118 .gwt-TabPanelBottom {
 119   background-color: #E8EEF7;
 120 }
 121
 122 .gwt-TabBar {
 123   padding-top: 2px;
 124   border-bottom: 4px solid #87B3FF;
 125   background-color: #fff;
 126 }
 127
 128 .gwt-TabBar .gwt-TabBarItem {
 129   padding: 4px;
 130   cursor: pointer;
 131   cursor: hand;
 132   background-color: #e8eef7;
 133   border-bottom: 2px solid white;
 134   margin-right: 2px;
 135 }
 136
 137 .gwt-TabBar .gwt-TabBarItem-selected {
 138   padding: 4px;
 139   font-weight: bold;
 140   cursor: default;
 141   background-color: #87b3ff;
 142   border-bottom: 2px solid #87b3ff;
 143   margin-right: 2px;
 144 }
 145
 146 /*  Styles demo*/
 147 .gwt-DatePicker .red-date {
 148   background-color: red;
 149 }
 150
 151 .gwt-DatePicker .blue-background {
 152   background-color: blue;
 153 }
 154
 155 .gwt-DatePicker .red-text {
 156   color: red;
 157 }
 158
 159 .gwt-DatePicker .green-border {
 160   border: 5px solid green;
 161 }
 162
 163 .gwt-DatePicker .big-text {
 164   font-size: x-large;
 165 }
 166
 167 .gwt-DatePicker .underlined-and-bold-text {
 168   font-weight: bold;
 169   text-decoration: underline;
 170 }
 171
 172 .gwt-DatePicker .yellow-background {
 173   background-color: yellow;
 174 }
 175
 176 /* date range styles */
 177 .filler {
 178   width: 30px;
 179   text-align: center;
 180 }