home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 December / 12_02.iso / games / top / files / ut2003-demo.exe / Web / ServerAdmin / ut2003.css < prev   
Cascading Style Sheet File  |  2002-08-12  |  10KB  |  254 lines
  1. /*
  2.  *    ut2k3stats.css   6/6/2002 5:55PM
  3.  *   ----------------
  4.  *   Control the look of the ut2k3stats output pages with this style sheet file.
  5.  */
  6.  
  7. /* Design by Walter |2| Costinak <2@2design.org>
  8.  
  9. Category    Color description    RGB        Use
  10. --------    -----------------    ---        ---
  11.  
  12. Backgrounds:    dark blue        #243954        main background color for all pages
  13.         lighter blue/grey    #58677C         table title bg and table headers bg
  14.                 grey            #6C6C6C        table info text, search strip background
  15.                 black            #000000        table default background
  16.                 dark grey        #474747        table mark alternating line of data
  17.  
  18. Text colors:    white            #FFFFFF        main text color
  19.         light blue        #CBE1FF        table header color
  20.                 orange/yellow        #FFCC66        link color
  21.  
  22. Color        light grey        #CCCCCC
  23.  
  24. Page width         760
  25. Content Width        700        table headers, in page gfx
  26. Left/Right Margin       30/30
  27. Between top boxes       20
  28.  
  29. Font sizes:        Arial Size 4    14pt        Titels in top of page, page name
  30.             Arial Size 3    12pt        Table Title (bold, white)
  31.                     10pt        Normal text
  32.                     8pt        Small Text
  33.  
  34. Pixel Infos:
  35. ------------
  36. Transparent gif:    151 x 99        Subpage nice middle pic
  37.  
  38.  
  39. Table Title/Text:
  40. -----------------
  41. Table Title:        172 x 54        at least; dynamic, bg blue/grey
  42. Table Text:        700-172 x 54        cellpadding 8-10, cellspacing = 0
  43.  
  44. Quick reference box     14            text offset top/left
  45. Intro text box        16            text offset top/left
  46.  
  47.  
  48.  
  49.  
  50.  
  51. */
  52.  
  53. /*---Links & Mouse-Overs---*/
  54. A:link        {color: #FFCC66; text-decoration: none}}
  55. A:visited    {color: #FFCC66; text-decoration: none}}
  56. A:active    {color: #FFCC66; text-decoration: underline}}
  57. A:hover        {color: #FFFFFF; text-decoration: underline}}
  58.  
  59.  
  60. /*---Span classes - Text---*/
  61.  
  62. /*Standard info text*/
  63. span.text    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt; color:#FFFFFF; }
  64.  
  65. /*Small font quick links, tables small text*/
  66. span.small    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 8pt; color:#FFFFFF; }
  67.  
  68. /*Mark text in blue*/
  69. span.blue    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; color:#CBE1FF; }
  70. span.orange    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; color:#FFCC66; }    /*###only for tests!*/
  71.  
  72.  
  73. /*Top Navigation - page_head.php*/
  74. span.navigation    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt; }
  75.  
  76. /*Location - page_head.php*/
  77. span.location    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt; }
  78.  
  79. /*Table title text (or use td.ttitle)*/
  80. span.ttitle    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12pt; color:#FFFFFF; font-weight:bold; }
  81.  
  82. /*Page info title text - quick reference box table_quick.inc.*/
  83. span.ptitle    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:14pt; color:#FFFFFF; font-weight:bold; }
  84.  
  85. /*Introduction box*/
  86. span.intro    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;
  87.           color:#FFFFFF; }
  88.  
  89. /*Nick name coloring in Introduction box*/
  90. span.nick    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; color:#CBE1FF; }    /*same as span.blue*/
  91.  
  92.  
  93. /*---TABLE, TD Classes - Text---*/
  94. /*table.border    { background-color:#000000; border-width:1px; border-color:#000000; border-style:solid; }*/
  95.  
  96. table.border    { border-width:0px;  background-color:#243954;}
  97.  
  98. /*Table title style (used)*/
  99. td.ttitle    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  100.           font-size:12pt; font-weight:bold; color:#FFFFFF; background-color:#58677C;
  101.                   vertical-align:bottom; text-align:left; }    /*background-image:url(./pics/metalw.gif);*/
  102.  
  103. /*Table info text style (used)*/
  104. td.ttext    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  105.           font-size:8pt;  font-weight:normal; color:#FFFFFF; background-color:#6C6C6C;
  106.                   vertical-align:bottom; text-align:left; } /*###  #243954 #474747 org:#FFFFFF*/
  107.  
  108.  
  109. /*Quick index table, top left (used)*/
  110. td.index    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:8pt;
  111.           color:#FFFFFF; line-height:11pt; }
  112.  
  113. /*Intro text rounded box, top right*/
  114. td.intro    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;
  115.           color:#FFFFFF; }
  116.  
  117. /*Info "!" rounded box*/
  118. td.info        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;
  119.           color:#FFFFFF; }
  120.  
  121. /*(Advanced)Search tags (used)*/
  122. td.search    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;
  123.           font-weight:bold; color:#FFFFFF; }
  124.  
  125. /*Standard info text, like span.text (used, e.g. by advanced search)*/
  126. td.text        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:9pt;
  127.           color:#FFFFFF; }
  128.  
  129. /*---TD Classes - Text with background colors---*/
  130.  
  131. /*NORMAL HEADER line in table with bg - 1st top description line*/
  132. td.nhbg        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;
  133.           color:#CBE1FF; background-color:#58677C;  } /*light blue, background-image:url(./pics/metalw.gif);*/
  134.  
  135. /*NORMAL TEXT with background, left most descriptive column*/
  136. td.ntbg        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;
  137.           color:#FFFFFF; background-color:#58677C;  } /*background-image:url(./pics/metalw.gif);*/
  138.  
  139. /*NORMAL ALTERNATING data with bg*/
  140. td.nabg        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;
  141.           color:#FFFFFF; background-color:#474747; }
  142.  
  143. /*NORMAL data text - transparent*/
  144. td.n        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;
  145.           color:#FFFFFF; }
  146.  
  147. /*SMALL HEADER line in table with bg - 1st top description line*/
  148. td.shbg        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:8pt;
  149.           color:#CBE1FF; background-color:#58677C;  }
  150.  
  151. /*SMALL TEXT with background, left most descriptive column*/
  152. td.stbg        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:8pt;
  153.           color:#FFFFFF; background-color:#58677C;  }
  154.  
  155. /*SMALL ALTERNATING data with bg*/
  156. td.sabg        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:8pt;
  157.           color:#FFFFFF; background-color:#474747; }
  158.  
  159. /*SMALL data text - transparent*/
  160. td.s        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:8pt;
  161.           color:#FFFFFF; }
  162.  
  163. td        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;
  164.           color:#FFFFFF; }
  165.  
  166. /*Standard info text, like span.text (used, e.g. by advanced search)*/
  167. input.textbox    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:9pt;
  168.                     color:#000000; background-color:#9CABC0; border-width:1px; }
  169.  
  170. /*Standard info text, like span.text (used, e.g. by advanced search)*/
  171. input.button    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:9pt;
  172.                     color:#000000; background-color:#9CABC0; border-width:1px; 
  173.                 }
  174.  
  175. select            { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;
  176.                     color:#000000; background-color:#9CABC0; border: 1px solid black; }
  177.  
  178. select.mini        { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:8pt;
  179.                     color:#000000; background-color:#9CABC0; }
  180.  
  181.  
  182.  
  183. /*--OLD STUFF BELOW------------------------------------------------------------------------------------*/
  184.  
  185. /*---Span classes - Color---*/
  186.  
  187. /*Secondary 'marking' color, used in all tables, and also on the templates */
  188. span.red    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; color:#6699CC; }        /*blue ,darker orange CC9933*/
  189.  
  190. /*Secondary 'marking' color, used in all tables, and also on the templates */
  191. span.wight    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; color:#000000; }
  192.  
  193.  
  194. /*Navigation bar - color of link we reached, then only a text*/
  195. span.gray    { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; color:#3C3C3C; }
  196.  
  197. /*Colored text - Intensity range blue to red, same as the 'td.0' to 'td.9' intensity range*/
  198. span.i0        { color:#FF0101; } /*red    */
  199. span.i1        { color:#FF7901; } /*organge    */
  200. span.i2        { color:#FFB401; } /*lorange    */
  201. span.i3        { color:#FFF001; } /*yellow    */
  202. span.i4        { color:#D2FF01; } /*ygreen    */
  203. span.i5        { color:#96FF01; } /*lgreen    */
  204. span.i6        { color:#01FF5B; } /*dgreen    */
  205. span.i7        { color:#01FFD2; } /*lblueg    */
  206. span.i8        { color:#01B4FF; } /*lblue    */
  207. span.i9        { color:#013DFF; } /*dblue    */
  208.  
  209.  
  210.  
  211. /*---Special----*/
  212. /*Typewriter font - used in templates to denote files names, and paths, uses span.blue color*/
  213. tt        { font-family:Courier New,Courier,mono; color:#FFCC66; font-size:10pt; }
  214.  
  215. /*Blockquote used for intro, faq and help page templates*/
  216. blockquote.text { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt; }
  217.  
  218.  
  219.  
  220.  
  221.  
  222. /*---TABLE Classes---*/
  223. /*table.border    { border-width:1px; border-color:#CCCCFF; border-style:solid } */ /*index table*/
  224. /*table.border2    { border-width:1px; border-color:#336699; border-style:solid } */ /*6699CC info tables*/
  225.  
  226.  
  227. /*Color spectrum for td backgrounds (e.g. player numbers, or Weapons), used in all tables*/
  228. td.s0    { background-color:#ea0000; } /*red    */
  229. td.s1    { background-color:#ea8100; } /*organge    */
  230. td.s2    { background-color:#d9ca00; } /*yellow    */
  231. td.s3    { background-color:#58ea00; } /*litegreen*/
  232. td.s4    { background-color:#00d000; } /*green    */
  233. td.s5    { background-color:#00eaa4; } /*olive    */
  234. td.s6    { background-color:#00b6ea; } /*liteblue*/
  235. td.s7    { background-color:#003aea; } /*blue    */
  236. td.s8    { background-color:#c700ea; } /*purple    */
  237. td.s9    { background-color:#ea0093; } /*pink    */
  238.  
  239. /*s10 is not part of any loop - extra 11th "color"
  240.        gray, extra color used for suis in pl weapon usage table*/
  241. td.s10    { background-color:#7b7c6e; }
  242.  
  243. /*Intensity range blue to red, used in all tables*/
  244. td.i0    { background-color:#FF0101; } /*red    */
  245. td.i1    { background-color:#FF7901; } /*organge    */
  246. td.i2    { background-color:#FFB401; } /*lorange    */
  247. td.i3    { background-color:#FFF001; } /*yellow    */
  248. td.i4    { background-color:#D2FF01; } /*ygreen    */
  249. td.i5    { background-color:#96FF01; } /*lgreen    */
  250. td.i6    { background-color:#01FF5B; } /*dgreen    */
  251. td.i7    { background-color:#01FFD2; } /*lblueg    */
  252. td.i8    { background-color:#01B4FF; } /*lblue    */
  253. td.i9    { background-color:#013DFF; } /*dblue    */
  254.