home *** CD-ROM | disk | FTP | other *** search
/ bombers.k12.ar.us / bombers.k12.ar.us.tar / bombers.k12.ar.us / webevent / style.css < prev   
Cascading Style Sheet File  |  2001-11-06  |  9KB  |  586 lines
  1. /* Style Sheet for WebEvent */
  2.  
  3. BODY {
  4.     font-family: Verdana, Arial;        
  5.     background: #FFFFFF;
  6.     color: #000000;
  7.     }
  8.  
  9.  
  10.  
  11. A:link, A:active, A:visited { 
  12.         text-decoration: underline; 
  13.         color: #990000;
  14.         background: none;
  15.     } 
  16.  
  17. A:hover {
  18.         text-decoration: underline;
  19.         color: #3333FF;
  20.     }    
  21.  
  22.  
  23. P {
  24.         font-family: Verdana, Arial;
  25.         font-weight: normal; 
  26.         font-size: 11px; 
  27.         color: #000000;
  28.     }
  29.  
  30. H1,H2,H3,H4,H5,H6 {
  31.         font-family: Verdana, Arial;
  32.         color: #000000;
  33.     }
  34.  
  35. TABLE {
  36.         font-family: Verdana, Arial;
  37.         
  38. }
  39.     
  40. PRE    {
  41.         font-family: Courier New, Courier;
  42.         font-weight: normal;
  43.         font-size: 11px;
  44.         color: #000000;
  45.         margin: 2px;        
  46. }
  47.  
  48. .special {
  49.         font-family: Verdana, Arial;
  50.         font-weight: bold; 
  51.         font-size: 12px; 
  52.         color: #006699;
  53.     }
  54.  
  55.  
  56.  
  57. .outsidetable {
  58.     
  59.         color: #000000;
  60.         background: #000000;
  61. }    
  62.  
  63. /* Navigation bar at top of page (search, options, etc */
  64.  
  65. .topnavbar {
  66.  
  67.         color: #000000;
  68.         background: #EEEEEE;
  69. }
  70.  
  71. /* Calendar header section  */
  72.  
  73. .calheader {
  74.  
  75.         color: #000000;
  76.         background: #FFFFFF;
  77.  
  78. }
  79.  
  80.  
  81. /* Date and calendar section 
  82.  
  83. NOTE:  You will need to modify the WebEvent image file:
  84.  
  85.        nv_tile.gif
  86.        
  87.        for the colors to match correctly.
  88.  
  89. */
  90.  
  91. .datecalsection{
  92.  
  93.         color: #000000;
  94.         background: #CCCCCC;
  95.  
  96. }
  97.  
  98.  
  99. /* Horizontal bar beneath tabs
  100.  
  101. NOTE:  Need to edit the tab images for these to match correctly.
  102.  
  103. */
  104.  
  105. .printmode {
  106.  
  107.         background: #FFFFFF;
  108.  
  109.     }
  110.  
  111. .printmodetext {     
  112.         font-family: Verdana, Arial;
  113.         font-weight: bold; 
  114.         font-size: 11px; 
  115.         color: #000000; 
  116.     } 
  117.  
  118.  
  119. .dateuserbar {
  120.  
  121.         background: #006699;
  122.  
  123.     }
  124.  
  125. /* Date font in bar beneath tabs */
  126.  
  127. .datebar {     
  128.         font-family: Verdana, Arial;
  129.         font-weight: bold; 
  130.         font-size: 12px; 
  131.         color: #ffffff;
  132.     } 
  133.  
  134.  
  135.  
  136. /* User font in bar beneath tabs */
  137.  
  138. .userbar {     
  139.         font-family: Verdana, Arial;
  140.         font-weight: bold; 
  141.         font-size: 11px; 
  142.         color: #FFFFFF; 
  143.     } 
  144.  
  145. /* *******************************************
  146.  
  147. Calendar view sectino
  148.  
  149. ******************************************** */
  150.  
  151.  
  152. /* Font and background for weekday cells in calendar view */
  153.  
  154. .weekday {     
  155.         font-family: Verdana, Arial;
  156.         font-weight: bold;
  157.         font-size: 10px; 
  158.         color: #000000;
  159.         background: #cccccc;
  160.     } 
  161.  
  162. A.weekday:link, A.weekday:visited, A.weekday:active {
  163.  
  164.         text-decoration: none;
  165.         color: #000000;
  166. }
  167.  
  168. A.weekday:hover {
  169.  
  170.         text-decoration: none;
  171.         color: #990000;
  172. }
  173.  
  174. .weekdayprint {     
  175.         font-family: Verdana, Arial;
  176.         font-weight: bold;
  177.         font-size: 10px; 
  178.         color: #000000;
  179.         background: #FFFFFF;
  180.     } 
  181.  
  182. .weekdaylink {
  183.         text-align: right;
  184.         vertical-align: top;
  185.         text-decoration: none;
  186.     }
  187.  
  188. /* Calendar cell color */
  189.  
  190. .calcell {
  191.         background: #FFFFFF;
  192.     }
  193.  
  194. /* Calendar Cell lookthrough */
  195.  
  196. .calcelllook {
  197.  
  198.         background: #EEEEEE;
  199.     }
  200.  
  201. /* Calendar cell active day */
  202.  
  203. .calcellactive {
  204.  
  205. /*        background: #FFFFCC; 
  206.         background: #99CCCC;  
  207. */
  208.         background: #FFCC66;
  209.  
  210. }
  211.  
  212. /* Different colors for grid week view */
  213. .calcellweek {
  214.           
  215.           background: #FFFFFF;
  216. }
  217.  
  218. .calcellweek1 {
  219.           
  220.           background: #FFFFCC;
  221. }
  222.  
  223. .calcellweek2 {
  224.  
  225.           background: #EEEEEE;
  226. }
  227.  
  228. /* Calendar cell today background color */
  229.  
  230. .calcelltoday {
  231. /*        background: #99CCCC;  */
  232.         background: #FFFF99; 
  233.  
  234.     }    
  235.  
  236. /* Unapproved Text */
  237.  
  238. .unapproved {     
  239.         font-family: Verdana, Arial;
  240.         TEXT-ALIGN: left;
  241.         font-size: 14px; 
  242.         font-weight: bold;
  243.         color: #006699;
  244. }  
  245.  
  246.  
  247. /* Font used for entries in calendar views */
  248.  
  249. .calevent {     
  250.         font-family: Verdana, Arial;
  251.         TEXT-ALIGN: left;
  252.         font-size: 10px; 
  253.         font-weight: normal;
  254.     }  
  255.  
  256. .caleventlarge {     
  257.         font-family: Verdana, Arial;
  258.         TEXT-ALIGN: left;
  259.         font-size: 12px; 
  260.         font-weight: normal;
  261.     }  
  262.  
  263. .caleventsmall {     
  264.         font-family: Verdana, Arial;
  265.         TEXT-ALIGN: left;
  266.         font-size: 8px; 
  267.         font-weight: normal;
  268.     }  
  269.  
  270.  
  271.  
  272. /* Font used for extra elements in calendar views */
  273.  
  274. .caldetails {     
  275.         font-family: Verdana, Arial;
  276.         TEXT-ALIGN: left;
  277.         font-size: 9px; 
  278.         font-weight: normal;
  279.         margin-left: 4px;
  280. }  
  281.  
  282. /* Spacing between events in calendar views */
  283.  
  284. .calspacer {
  285.         font-family: Verdana, Arial;
  286.         TEXT-ALIGN: left;
  287.         font-size: 1px; 
  288.         font-weight: normal;
  289.         margin: 10px;
  290.     }  
  291.  
  292.  
  293. /* Font used for calendar numbers in calendar calendar view:
  294.     
  295.     Links, hover, and basic text
  296. */
  297.  
  298. A.calnum:link, A.calnum:visited, A.calnum:active {
  299.  
  300.         text-decoration: none;
  301.         color: #006666;
  302. }
  303.  
  304. A.calnum:hover {
  305.  
  306.         text-decoration: none;
  307.         color: #990000;
  308. }
  309.  
  310.  
  311. .calnum {     
  312.         font-family: Verdana, Arial;
  313.         font-weight: bold;
  314.         font-size: 9px; 
  315.         color: #006666;
  316.         text-align: right;
  317.         text-decoration: none;
  318.     } 
  319.  
  320.  
  321. /* ******************************************
  322.  
  323. Calendar List Section
  324.  
  325. *********************************************/
  326.  
  327. /*  Day section headers */
  328.  
  329. .listdatesec {     
  330.         font-family: Verdana, Arial;
  331.         TEXT-ALIGN: left;
  332.         font-size: 12px; 
  333.         font-weight: bold;
  334.         color: #000000;
  335.         background: #CCCCCC;
  336.     }  
  337.  
  338. /* Background for list event cells */
  339.  
  340. .listeventbg {
  341.         color: #000000;
  342.         background: #EEEEEE;
  343.     }    
  344.  
  345. .minicalbg {
  346.         color: #000000;
  347.     }    
  348.  
  349. /* Text (if any) in the first column of each listed event */
  350.  
  351. .listeventicon {
  352.         font-family: Verdana, Arial;
  353.         TEXT-ALIGN: left;
  354.         font-size: 10px; 
  355.         font-weight: bold;
  356.  
  357.     }  
  358.  
  359. /* Font for date in second column of each listed event */
  360.  
  361. .listeventdate {
  362.         font-family: Verdana, Arial;
  363.         TEXT-ALIGN: left;
  364.         font-size: 10px; 
  365.         font-weight: bold;
  366.         color: #000000;
  367.     }  
  368.  
  369. /* Font for time in third column for each listed event */
  370. .listeventtime {
  371.         font-family: Verdana, Arial;
  372.         TEXT-ALIGN: left;
  373.         font-size: 10px; 
  374.         font-weight: bold;
  375.         color: #000000;
  376.     }  
  377.  
  378. /* Font for event title of each listed event */
  379.  
  380. .listeventtitlelarge {
  381.         font-family: Verdana, Arial;
  382.         TEXT-ALIGN: left;
  383.         font-size: 12px; 
  384.         font-weight: bold;
  385.         color: #000000;
  386.     }  
  387.  
  388. .listeventtitle {
  389.         font-family: Verdana, Arial;
  390.         TEXT-ALIGN: left;
  391.         font-size: 10px; 
  392.         font-weight: bold;
  393.         color: #000000;
  394.     }  
  395.  
  396. .listeventtitlesmall {
  397.         font-family: Verdana, Arial;
  398.         TEXT-ALIGN: left;
  399.         font-size: 8px; 
  400.         font-weight: bold;
  401.         color: #000000;
  402.     }  
  403.  
  404. A.minicaltitle:link {
  405.         COLOR: #000000
  406. }
  407. A.minicaltitle:visited {
  408.         COLOR: #000000
  409. }
  410. A.minicaltitle:active {
  411.         COLOR: #000000
  412. }
  413.  
  414. .minicaltitle {
  415.         FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:
  416.         Verdana, Arial; TEXT-ALIGN: center
  417. }
  418. A.minical:link {
  419.         COLOR: #000000
  420. }
  421. A.minical:visited {
  422.         COLOR: #000000
  423. }
  424. A.minical:active {
  425.         COLOR: #000000
  426. }
  427. .minical {
  428.         FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY:
  429.         Verdana, Arial; TEXT-ALIGN: center
  430. }
  431.  
  432. .minicalborder {  background-color: #CCCCCC; border-top-width: 10px}
  433. .minicalbg2 {  background-color: #eeeeee}
  434. .minicalheaderbg {  background-color: #CCCCCC}
  435. .minicalcellbg {  background-color: #EEEEEE}
  436. .minicalactivebg { background-color: #cccccc}
  437.  
  438. /* Font for the event details */
  439. .listeventdetails {
  440.         font-family: Verdana, Arial;
  441.         TEXT-ALIGN: left;
  442.         font-size: 10px; 
  443.  
  444.     }  
  445.  
  446. /* Spacer between information in event details */
  447.  
  448. .listeventspacer {
  449.         font-family: Verdana, Arial;
  450.         TEXT-ALIGN: left;
  451.         font-size: 1px; 
  452.         font-weight: normal;
  453.         margin: 3px;
  454.  
  455.     }  
  456.  
  457.  
  458.  
  459.  
  460.  
  461. .powered {
  462.         font-family: Verdana, Arial;
  463.         font-weight: normal;
  464.         font-size: 10px; 
  465.         color: #000000;
  466.     }
  467.  
  468.  
  469.  
  470.  
  471. .bgtableimg1 {
  472.         background: #CCCCCC;
  473.     }     
  474.  
  475.  
  476. /* Form Heading */
  477.  
  478. .formtitle {
  479.         font-family: Verdana, Arial;
  480.         font-weight: bold;
  481.         font-size: 14px; 
  482.         color: #006699;
  483.     }
  484.  
  485.     
  486.  
  487. /* Background of form */
  488.  
  489. TABLE.formoutline {
  490. /*        border: 1pt solid #000000; */
  491.         background: #000000;
  492.  
  493. }    
  494.  
  495. TABLE.formbg {
  496.  
  497.         background: #FFFFCC;
  498.  
  499. }
  500.  
  501.  
  502. .formtext {
  503.         font-family: Verdana, Arial;
  504.         font-weight: bold;
  505.         font-size: 12px; 
  506.         color: #000000;
  507.     }
  508.  
  509. .formtextarea {
  510.         font-family: Courier, Arial;
  511.         font-weight: normal;
  512.         font-size: 12px; 
  513.         color: #000000;
  514.     }
  515.  
  516.  
  517. .formsubmit {
  518.         font-family: Verdana, Arial;
  519.         font-weight: normal;
  520.         font-size: 12px; 
  521.         color: #000000;
  522.     }
  523.  
  524. .formsubmitsmall {
  525.         font-family: Verdana, Arial;
  526.         font-weight: normal;
  527.         font-size: 11px; 
  528.         color: #000000;
  529.     }
  530.  
  531. .formtextheader {
  532.         font-family: Verdana, Arial;
  533.         font-weight: bold;
  534.         font-size: 14px; 
  535.         color: #006699;
  536.     }
  537.  
  538. .formpulldown {
  539.         font-family: Verdana, Arial;
  540.         font-weight: normal;
  541.         font-size: 11px; 
  542.         color: #000000;
  543. }
  544.  
  545.     
  546.  
  547. .showeventheader {
  548.         font-family: Verdana, Arial;
  549.         font-weight: bold;
  550.         font-size: 14px;
  551.         color: #000000;
  552.  
  553. }
  554.  
  555.  
  556. .showeventclose {
  557.  
  558.         font-family: Verdana, Arial;
  559.         font-weight: bold;
  560.         font-size: 10px;
  561.         color: #000000;
  562.  
  563. }
  564.  
  565. .showeventfield {
  566.  
  567.         font-family: Verdana, Arial;
  568.         font-weight: bold;
  569.         font-size: 11px;
  570.         color: #000000;
  571. }
  572.  
  573.  
  574. .showeventdetails {
  575.  
  576.         font-family: Verdana, Arial;
  577.         font-weight: normal;
  578.         font-size: 11px;
  579.         color: #000000;
  580. }
  581.  
  582.  
  583.  
  584.  
  585.  
  586.