CSS 20
Winxp.css Guest on 28th August 2020 01:10:51 PM
  1. @import url("http://my.fit.edu/~vkepuska/ece4553/css/themes/layouts/layout-3d.css");
  2. .calendar {
  3.   border-color: #efebde #736d63 #736d63 #efebde;
  4.   border-width: 1px;
  5.   color: #000;
  6.   background-color: #efebde;
  7. }
  8.  
  9. .calendar table {
  10.   border-color: #fff #adaa9c #adaa9c #fff;
  11. }
  12.  
  13. /* Header part -- contains navigation buttons and day names. */
  14.  
  15. .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  16.   border-color: #fff #adaa9c #adaa9c #fff;
  17. }
  18.  
  19. .calendar thead .title { /* This holds the current "month, year" */
  20.   border: none;
  21.   background-color: #8f8b7e;
  22.   color: #fff;
  23. }
  24.  
  25. .calendar thead .headrow { /* Row <TR> containing navigation buttons */
  26. }
  27.  
  28. .calendar thead .daynames { /* Row <TR> containing the day names */
  29. }
  30.  
  31. .calendar thead .name { /* Cells <TD> containing the day names */
  32.   border-color: #000;
  33.   background-color: #f4f0e8;
  34. }
  35.  
  36. .calendar thead .weekend { /* How a weekend day name shows in header */
  37.   color: #f00;
  38. }
  39.  
  40. .calendar thead .hilite,
  41. .calendar tbody .hilite,
  42. .calendar tfoot .hilite { /* How do the buttons in header appear when hover */
  43.   border-color: #fff #adaa9c #adaa9c #fff;
  44.   background-color: #fffbfe;
  45. }
  46.  
  47. .calendar thead .active { /* Active (pressed) buttons in header */
  48.   padding: 2px 0px 0px 2px;
  49.   border-color: #adaa9c #fff #fff #adaa9c;
  50.   background-color: #dfdbce;
  51. }
  52.  
  53. /* The body part -- contains all the days in month. */
  54.  
  55. .calendar tbody .day { /* Cells <TD> containing month days dates */
  56. }
  57. .calendar tbody .day.othermonth {
  58.   color: #888;
  59. }
  60. .calendar tbody .day.othermonth.oweekend {
  61.   color: #e88;
  62. }
  63.  
  64. .calendar table .wn {
  65.   border-color: #8f8b7e;
  66.   background-color: #f4f0e8;
  67.   color: #6f6b5e;
  68. }
  69.  
  70. .calendar tbody .rowhilite td {
  71.   background-color: #f4f0e8;
  72. }
  73.  
  74. .calendar tbody .rowhilite td.wn {
  75.   background-color: #efebde;
  76.   color: #000;
  77. }
  78.  
  79. .calendar tbody td.hilite { /* Hovered cells <TD> */
  80.   border-color: #fff #adaa9c #adaa9c #fff;
  81. }
  82.  
  83. .calendar tbody td.active { /* Active (pressed) cells <TD> */
  84.   border-color: #adaa9c #fff #fff #adaa9c;
  85. }
  86.  
  87. .calendar tbody td.selected { /* Cell showing selected date */
  88.   border-color: #adaa9c #fff #fff #adaa9c;
  89.   background-color: #fffbee;
  90. }
  91.  
  92. .calendar tbody td.weekend { /* Cells showing weekend days */
  93.   color: #f00;
  94. }
  95.  
  96. .calendar tbody td.today { /* Cell showing today date */
  97.   color: #00f;
  98. }
  99.  
  100. .calendar tbody .disabled { color: #999; }
  101.  
  102. /* The footer part -- status bar and "Close" button */
  103.  
  104. .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  105.   border-color: #adaa9c #fff #fff #adaa9c;
  106.   color: #000;
  107.   font-size: 90%;
  108. }
  109.  
  110. .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  111.   border-color: #000 #fff #fff #000;
  112. }
  113.  
  114. /* Combo boxes (menus that display months/years for direct selection) */
  115.  
  116. .calendar .combo {
  117.   border-color: #fff #adaa9c #adaa9c #fff;
  118.   background-color: #efebde;
  119. }
  120.  
  121. .calendar .combo .active {
  122.   background-color: #dfdbce;
  123.   border-color: #adaa9c #fff #fff #adaa9c;
  124. }
  125.  
  126. .calendar .combo .hilite {
  127.   background-color: #0041ac;
  128.   color: #fff;
  129. }
  130.  
  131. /* time */
  132.  
  133. .calendar tfoot tr.time td { border-color: #8f8b7e; }
  134. .calendar tfoot tr.time table td { background-color: #efebde; }
  135. .calendar tfoot tr.time td.hour,
  136. .calendar tfoot tr.time td.minute { border-color: #cdcabc; background-color: #fffbee; }
  137. .calendar tfoot tr.time td.hilite { background-color: #8cf; }
  138. .calendar tfoot tr.time td.active { background-color: #48f; }
  139. .calendar-time-scroller { border-color: #adaa9c; }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.