/src/main/resources/org/apache/struts2/static/calendar/assets/skins/sam/calendar-skin.css

http://struts2yuiplugin.googlecode.com/ · CSS · 361 lines · 253 code · 50 blank · 58 comment · 0 complexity · 5df64976d43548ac2756b5a9b86d9529 MD5 · raw file

  1. /*
  2. Copyright (c) 2009, Yahoo! Inc. All rights reserved.
  3. Code licensed under the BSD License:
  4. http://developer.yahoo.net/yui/license.txt
  5. version: 2.7.0
  6. */
  7. /**
  8. * SAM
  9. *
  10. * Skin colors used:
  11. *
  12. * - Control Border : 808080
  13. * - Control Chrome : f2f2f2
  14. * - Cell Borders : cccccc
  15. * - Normal Cell BG : ffffff
  16. * - Date Links : 0066cc
  17. * - Selected Cells BG : b3d4ff
  18. * - Cell Hover BG : 426fd9
  19. * - Disabled BG : cccccc
  20. * - Disabled Text Color : a6a6a6
  21. **/
  22. /* CALENDAR BOUNDING BOX */
  23. .yui-skin-sam .yui-calcontainer {
  24. background-color:#f2f2f2;
  25. border:1px solid #808080;
  26. padding:10px;
  27. }
  28. /* CALENDARGROUP BOUNDING BOX */
  29. .yui-skin-sam .yui-calcontainer.multi {
  30. padding:0 5px 0 5px;
  31. }
  32. /* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
  33. .yui-skin-sam .yui-calcontainer.multi .groupcal {
  34. background-color:transparent;
  35. border:none;
  36. padding:10px 5px 10px 5px;
  37. margin:0;
  38. }
  39. /* TITLE BAR */
  40. .yui-skin-sam .yui-calcontainer .title {
  41. background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
  42. border-bottom:1px solid #cccccc;
  43. font:100% sans-serif;
  44. color:#000;
  45. font-weight:bold;
  46. height:auto;
  47. padding:.4em;
  48. margin:0 -10px 10px -10px;
  49. top:0;
  50. left:0;
  51. text-align:left;
  52. }
  53. .yui-skin-sam .yui-calcontainer.multi .title {
  54. margin:0 -5px 0 -5px;
  55. }
  56. .yui-skin-sam .yui-calcontainer.withtitle {
  57. padding-top:0;
  58. }
  59. /* CLOSE BUTTON */
  60. .yui-skin-sam .yui-calcontainer .calclose {
  61. background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;
  62. width:25px;
  63. height:15px;
  64. top:.4em;
  65. right:.4em;
  66. cursor:pointer;
  67. }
  68. /* CALENDAR TABLE */
  69. .yui-skin-sam .yui-calendar {
  70. border-spacing:0;
  71. border-collapse:collapse;
  72. font:100% sans-serif;
  73. text-align:center;
  74. margin:0;
  75. }
  76. /* NAVBAR BOUNDING BOX */
  77. .yui-skin-sam .yui-calendar .calhead {
  78. background:transparent;
  79. border:none;
  80. vertical-align:middle;
  81. padding:0;
  82. }
  83. /* NAVBAR TEXT CONTAINER */
  84. .yui-skin-sam .yui-calendar .calheader {
  85. background:transparent;
  86. font-weight:bold;
  87. padding:0 0 .6em 0;
  88. text-align:center;
  89. }
  90. .yui-skin-sam .yui-calendar .calheader img {
  91. border:none;
  92. }
  93. /* NAVBAR LEFT ARROW */
  94. .yui-skin-sam .yui-calendar .calnavleft {
  95. background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -450px;
  96. width:25px;
  97. height:15px;
  98. top:0;
  99. bottom:0;
  100. left:-10px;
  101. margin-left:.4em;
  102. cursor:pointer;
  103. }
  104. /* NAVBAR RIGHT ARROW */
  105. .yui-skin-sam .yui-calendar .calnavright {
  106. background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -500px;
  107. width:25px;
  108. height:15px;
  109. top:0;
  110. bottom:0;
  111. right:-10px;
  112. margin-right:.4em;
  113. cursor:pointer;
  114. }
  115. /* WEEKDAY HEADER ROW */
  116. .yui-skin-sam .yui-calendar .calweekdayrow {
  117. height:2em;
  118. }
  119. .yui-skin-sam .yui-calendar .calweekdayrow th {
  120. padding:0;
  121. border:none;
  122. }
  123. /* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
  124. .yui-skin-sam .yui-calendar .calweekdaycell {
  125. color:#000;
  126. font-weight:bold;
  127. text-align:center;
  128. width:2em;
  129. }
  130. /* CALENDAR FOOTER. NOT IMPLEMENTED BY DEFAULT */
  131. .yui-skin-sam .yui-calendar .calfoot {
  132. background-color:#f2f2f2;
  133. }
  134. /* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
  135. .yui-skin-sam .yui-calendar .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot {
  136. color:#a6a6a6;
  137. font-size:85%;
  138. font-style:normal;
  139. font-weight:normal;
  140. border:none;
  141. }
  142. .yui-skin-sam .yui-calendar .calrowhead {
  143. text-align:right;
  144. padding:0 2px 0 0;
  145. }
  146. .yui-skin-sam .yui-calendar .calrowfoot {
  147. text-align:left;
  148. padding:0 0 0 2px;
  149. }
  150. /* NORMAL CELLS */
  151. .yui-skin-sam .yui-calendar td.calcell {
  152. border:1px solid #cccccc;
  153. background:#fff;
  154. padding:1px;
  155. height:1.6em;
  156. line-height:1.6em; /* set line height equal to cell height to center vertically */
  157. text-align:center;
  158. white-space:nowrap;
  159. }
  160. /* LINK INSIDE NORMAL CELLS */
  161. .yui-skin-sam .yui-calendar td.calcell a {
  162. color:#0066cc;
  163. display:block;
  164. height:100%;
  165. text-decoration:none;
  166. }
  167. /* TODAY'S DATE */
  168. .yui-skin-sam .yui-calendar td.calcell.today {
  169. background-color:#000;
  170. }
  171. .yui-skin-sam .yui-calendar td.calcell.today a {
  172. background-color:#fff;
  173. }
  174. /* OOM DATES */
  175. .yui-skin-sam .yui-calendar td.calcell.oom {
  176. background-color:#cccccc;
  177. color:#a6a6a6;
  178. cursor:default;
  179. }
  180. /* SELECTED DATE */
  181. .yui-skin-sam .yui-calendar td.calcell.selected {
  182. background-color:#fff;
  183. color:#000;
  184. }
  185. .yui-skin-sam .yui-calendar td.calcell.selected a {
  186. background-color:#b3d4ff;
  187. color:#000;
  188. }
  189. /* HOVER DATE */
  190. .yui-skin-sam .yui-calendar td.calcell.calcellhover {
  191. background-color:#426fd9;
  192. color:#fff;
  193. cursor:pointer;
  194. }
  195. .yui-skin-sam .yui-calendar td.calcell.calcellhover a {
  196. background-color:#426fd9;
  197. color:#fff;
  198. }
  199. /* DEFAULT OOB DATES */
  200. .yui-skin-sam .yui-calendar td.calcell.previous {
  201. color:#e0e0e0;
  202. }
  203. /* CUSTOM RENDERERS */
  204. .yui-skin-sam .yui-calendar td.calcell.restricted { text-decoration:line-through; }
  205. .yui-skin-sam .yui-calendar td.calcell.highlight1 { background-color:#ccff99; }
  206. .yui-skin-sam .yui-calendar td.calcell.highlight2 { background-color:#99ccff; }
  207. .yui-skin-sam .yui-calendar td.calcell.highlight3 { background-color:#ffcccc; }
  208. .yui-skin-sam .yui-calendar td.calcell.highlight4 { background-color:#ccff99; }
  209. /* CalendarNavigator */
  210. /* MONTH/YEAR LABEL */
  211. .yui-skin-sam .yui-calendar a.calnav {
  212. border: 1px solid #f2f2f2;
  213. padding:0 4px;
  214. text-decoration:none;
  215. color:#000;
  216. zoom:1;
  217. }
  218. .yui-skin-sam .yui-calendar a.calnav:hover {
  219. background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
  220. border-color:#A0A0A0;
  221. cursor:pointer;
  222. }
  223. /* NAVIGATOR MASK */
  224. .yui-skin-sam .yui-calcontainer .yui-cal-nav-mask {
  225. background-color:#000;
  226. opacity:0.25;
  227. filter:alpha(opacity=25); /* IE */
  228. }
  229. /* NAVIGATOR BOUNDING BOX */
  230. .yui-skin-sam .yui-calcontainer .yui-cal-nav {
  231. font-family:arial,helvetica,clean,sans-serif;
  232. font-size:93%;
  233. border:1px solid #808080;
  234. left:50%;
  235. margin-left:-7em;
  236. width:14em;
  237. padding:0;
  238. top:2.5em;
  239. background-color:#f2f2f2;
  240. }
  241. .yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav {
  242. top:4.5em;
  243. }
  244. /* NAVIGATOR BOUNDING BOX */
  245. .yui-skin-sam .yui-calcontainer.multi .yui-cal-nav {
  246. width:16em;
  247. margin-left:-8em;
  248. }
  249. /* NAVIGATOR YEAR/MONTH/BUTTON/ERROR BOUNDING BLOCKS */
  250. .yui-skin-sam .yui-calcontainer .yui-cal-nav-y,
  251. .yui-skin-sam .yui-calcontainer .yui-cal-nav-m,
  252. .yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
  253. padding:5px 10px 5px 10px;
  254. }
  255. .yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
  256. text-align:center;
  257. }
  258. .yui-skin-sam .yui-calcontainer .yui-cal-nav-e {
  259. margin-top:5px;
  260. padding:5px;
  261. background-color:#EDF5FF;
  262. border-top:1px solid black;
  263. display:none;
  264. }
  265. /* NAVIGATOR LABELS */
  266. .yui-skin-sam .yui-calcontainer .yui-cal-nav label {
  267. display:block;
  268. font-weight:bold;
  269. }
  270. /* NAVIGATOR MONTH CONTROL */
  271. .yui-skin-sam .yui-calcontainer .yui-cal-nav-mc {
  272. width:100%;
  273. _width:auto; /* IE6, IE7 Quirks don't handle 100% well */
  274. }
  275. /* NAVIGATOR MONTH CONTROL, VALIDATION ERROR */
  276. .yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid {
  277. background-color:#FFEE69;
  278. border: 1px solid #000;
  279. }
  280. /* NAVIGATOR YEAR CONTROL */
  281. .yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
  282. width:4em;
  283. }
  284. /* NAVIGATOR BUTTONS */
  285. /* BUTTON WRAPPER */
  286. .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
  287. border:1px solid #808080;
  288. background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
  289. background-color:#ccc;
  290. margin: auto .15em;
  291. }
  292. /* BUTTON (based on button-skin.css) */
  293. .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
  294. padding:0 8px;
  295. font-size:93%;
  296. line-height: 2; /* ~24px */
  297. *line-height: 1.7; /* For IE */
  298. min-height: 2em; /* For Gecko */
  299. *min-height: auto; /* For IE */
  300. color: #000;
  301. }
  302. /* DEFAULT BUTTONS */
  303. /* NOTE: IE6 will only pickup the yui-default specifier from the multiple class specifier */
  304. .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
  305. border:1px solid #304369;
  306. background-color: #426fd9;
  307. background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;
  308. }
  309. .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
  310. color:#fff;
  311. }