bluesteel-3.02.css

   1 /* Bluesteel StyleSheet Document Version 3.01\r
   2  * Created by Trinity of ZionMatrix\r
   3  * For Use with The Trinity Edition of BNBT 7.7r3.2004.07.15\r
   4  *\r
   5  * Project Homepage - http://bnbteasytracker.sourceforge.net/\r
   6  */\r
   7  \r
   8 /* STANDARD BODY ELEMENTS --------------------------------------------------- */\r
   9 \r
  10 img {\r
  11 \r
  12     vertical-align:            middle                   ;\r
  13     \r
  14 }\r
  15 \r
  16 body {\r
  17 \r
  18     color:                     black                 ;\r
  19     background-color:          white                 ;\r
  20     font-family:               tahoma                ;\r
  21     font-size:                 8pt                   ;\r
  22     font-weight:               normal                ;\r
  23 \r
  24 }\r
  25 \r
  26 p { /* Used often; places text/objects in Block Level Paragraphs */\r
  27 \r
  28     color:                     inherit               ;\r
  29     font-family:               inherit               ;\r
  30     font-size:                 inherit               ;\r
  31     font-weight:               inherit               ;\r
  32 \r
  33 }\r
  34 \r
  35 h1 {\r
  36 \r
  37     color:                     inherit               ;\r
  38     font-family:               inherit               ;\r
  39     font-size:                 20pt                  ;\r
  40     font-weight:               normal                ;\r
  41 \r
  42 }\r
  43 \r
  44 h2 {\r
  45 \r
  46     color:                     inherit               ;\r
  47     font-family:               inherit               ;\r
  48     font-size:                 15pt                  ;\r
  49     font-weight:               normal                ;\r
  50 \r
  51 }\r
  52 \r
  53 h3 { /* Used for the Header Text on each Tracker Page */\r
  54 \r
  55     color:                     inherit               ;\r
  56     font-family:               inherit               ;\r
  57     font-size:                 15pt                  ;\r
  58     font-weight:               normal                ;\r
  59 }\r
  60 \r
  61 h4 { /* Used for subsequent Header Text - specific to TTE\r
  62       * These settings should match what you have for H3 */\r
  63       \r
  64     color:                     inherit               ;\r
  65     font-family:               inherit               ;\r
  66     font-size:                 15pt                  ;\r
  67     font-weight:               normal                ;\r
  68     \r
  69 }\r
  70 \r
  71 /* HYPERLINKED TEXT ELEMENTS */\r
  72 \r
  73 a {\r
  74 \r
  75     color:                     #3F419B               ; /* specifies the default (unvisited) link color */\r
  76     font-family:               tahoma                ;\r
  77     font-size:                 8pt                   ;\r
  78     font-weight:               normal                ;\r
  79     text-decoration:           none                  ; /* none | underline | overline | line-through */\r
  80 \r
  81 }\r
  82 \r
  83 a:hover { /* Used to specify hyperlinked text style when the user's mouse hovers over the link */\r
  84 \r
  85     color:                     #404040                 ;\r
  86     font-family:               tahoma                ;\r
  87     font-size:                 8pt                   ;\r
  88     font-weight:               normal                ;\r
  89     text-decoration:           underline             ;\r
  90     \r
  91 }\r
  92 \r
  93 a.sort { /* Used to specify style for the A and Z sort links in the column headers */\r
  94 \r
  95     color:                     black                 ;\r
  96     font-family:               tahoma                ;\r
  97     font-size:                 8pt                   ;\r
  98     font-weight:               normal                ;\r
  99     text-transform:            lowercase             ;\r
 100     \r
 101 }\r
 102 \r
 103 a.sort:hover {\r
 104 \r
 105     text-transform:            uppercase             ;\r
 106     text-decoration:           none                  ;\r
 107     \r
 108     /* You will notice that only one specification is being used... when this\r
 109      * happens, the other specs are taken from the parent. In this case, that\r
 110      * would be "a.sort"\r
 111      */\r
 112     \r
 113 }\r
 114 \r
 115 /* a.download {\r
 116  */\r
 117 /* Used to further specify style for the DL (Download) Link\r
 118  * since it is not being used in this stylesheet, its properties are taken\r
 119  * from the parent, which in this case is "a". This holds true for any\r
 120  * "element.class" not specified.\r
 121  */\r
 122 /* }\r
 123  */\r
 124 \r
 125  \r
 126 /* TABLE SPECIFICATIONS ----------------------------------------------------- */\r
 127 \r
 128 table {\r
 129 \r
 130       /* the space between cell borders; filled with background color */\r
 131     border-spacing:            1pt                   ;\r
 132       /* forces empty cells to be rendered; useful for display borders on empty cells */\r
 133     empty-cells:               show                  ;\r
 134     \r
 135 }\r
 136 \r
 137 tr.even, tr.com_body { /* specifies the bgcolor for even numbered rows AND for user comments */\r
 138 \r
 139     background-color:          #DEE3E7               ;\r
 140 \r
 141 }\r
 142 \r
 143 tr.odd, tr.com_header { /* specifies the bgcolor for odd numbered rows AND user comment headers*/\r
 144 \r
 145     background-color:          #EFEFEF               ;\r
 146 \r
 147 }\r
 148 \r
 149 code { /* specifies attributes of user commented text */\r
 150 \r
 151     font-family:               inherit                ;\r
 152     \r
 153 }\r
 154 \r
 155 \r
 156     \r
 157 /* CLASSES FOR THE <TH> and <TD> ELEMENTS\r
 158 .tag          - the category tag\r
 159 .hash         - the torrent hash\r
 160 .name         - torrent name, uploader's name\r
 161 .download     - download link\r
 162 .number       - comments, files, seeders, leechers, completed\r
 163 .date         - date added\r
 164 .bytes        - size, transferred\r
 165 .percent      - min/average/max | progress/left\r
 166 .infolink     - InfoLink\r
 167 .admin        - Admin\r
 168 .ip           - for IP Addresses on stats.html\r
 169 .connected    - for connected time on stats.html\r
 170 */\r
 171 \r
 172 th { /* specifies properties for the column headers */\r
 173 \r
 174     color:                     black                 ; /* text color */\r
 175     background-color:          #C0C0C0               ;\r
 176     font-family:               tahoma                ;\r
 177     font-size:                 8pt                   ;\r
 178     font-weight:               normal                ;\r
 179     padding:                   1px 1px 1px 1px     ; /* specifies the space around the text in the cell (top, right, bottom, left) */\r
 180     vertical-align:            top                   ; /* specifies the vertical alignment of the text in the cell */\r
 181     text-transform:            none                  ;\r
 182     border:                    1px        ;\r
 183     \r
 184 }\r
 185 \r
 186 td {\r
 187 \r
 188     color:                     black                 ; /* text color */\r
 189     font-family:               tahoma                ;\r
 190     font-size:                 8pt                   ;\r
 191     padding:                   2px 3px 2px 3px     ;\r
 192     \r
 193 }\r
 194 \r
 195 td.name, td.download, td.bytes, td.date, td.infolink, td.admin {\r
 196 \r
 197     white-space:               nowrap                ;\r
 198     \r
 199 }\r
 200 \r
 201 td.download, td.percent, td.infolink, td.admin, td.ip {\r
 202 \r
 203     text-align:                center                ;\r
 204     \r
 205 }\r
 206 \r
 207 td.bytes, td.connected {\r
 208 \r
 209     text-align:                right                 ;\r
 210     \r
 211 }\r
 212 \r
 213 td.number, td.number_red, td.number_yellow, td.number_green {\r
 214 \r
 215     text-align:                center                ;\r
 216     \r
 217 }\r
 218 \r
 219 td.number_red, td.number_yellow, td.number_green {\r
 220 \r
 221     border:                    1px       ;\r
 222     \r
 223 }\r
 224 \r
 225 td.number_red {\r
 226 \r
 227     color:                     red                   ;\r
 228     \r
 229 }\r
 230 \r
 231 td.number_yellow {\r
 232 \r
 233     color:                     #FFA24A               ;\r
 234 \r
 235 }\r
 236 \r
 237 td.number_green {\r
 238 \r
 239     color:                     green                 ;\r
 240 \r
 241 }\r
 242 \r
 243 /* MISCELLANEOUS ------------------------------------------------------------ */\r
 244 \r
 245 .pipe { /* specifies style for the vertical line (or pipe) between the tag filter images */\r
 246 \r
 247     color:                     white                 ;\r
 248     \r
 249 }\r
 250 \r
 251 /* CSS NOTE:\r
 252  * You will notice that the element name was not specified above... this specification\r
 253  * will have an effect on all elements with the class name "pipe", but since .pipe is\r
 254  * only used for <span>, we don't have to worry about. This is basically shorthand.\r
 255  */\r
 256  \r
 257 .username { /* specifies style for the username displayed in logged in messages */\r
 258 \r
 259     color:                     red                   ;\r
 260     \r
 261 }\r
 262 \r
 263 .clearfilter { /* disables the Clear Filter button above the the tag filter images */\r
 264 \r
 265     display:                   none                  ; /* change to "normal" to enable */\r
 266 \r
 267 }\r
 268 \r
 269 input, select, option {\r
 270 \r
 271     font-family:               tahoma                ;\r
 272     font-size:                 8pt                   ;\r
 273     \r
 274 }\r
 275 \r
 276 .gen_index { /* specifies style for the page generation time on index.html */\r
 277 \r
 278     text-align:                center                ;\r
 279     \r
 280 }\r
 281 \r
 282 \r
 283 /* NAVIGATION BAR TWEAKS ---------------------------------------------------- */\r
 284 \r
 285 body {\r
 286 \r
 287     margin:                    0px                   ;\r
 288     \r
 289 }\r
 290 \r
 291 table.navbar {\r
 292 \r
 293     background-color:          #EFEFEF               ;\r
 294     border-bottom:             1px ;\r
 295     margin:                    0px                   ;\r
 296     position:                  absolute              ;\r
 297     top:                       0px                   ;\r
 298     left:                      0px                   ;\r
 299     \r
 300 }\r
 301 \r
 302 p, form, table, h3, h4, input.help_upload {\r
 303 \r
 304     margin-left:               15px                  ;\r
 305     \r
 306 }\r
 307 \r
 308 h3, h4 {\r
 309 \r
 310     margin-top:                50px                  ; /* moves the page headers down some because of the fixed navbar */\r
 311 \r
 312 }\r
 313 \r
 314 td.navbar, td.navbar_search {\r
 315 \r
 316     vertical-align:            top                   ;\r
 317     white-space:               nowrap                ;\r
 318     \r
 319 }\r
 320 \r
 321 td.navbar_search {\r
 322 \r
 323     text-align:                right                 ; /* forces the search form to align right */\r
 324     \r
 325 }\r
 326 \r
 327 table {\r
 328 \r
 329     margin:                    15px                  ;\r
 330     \r
 331 }\r
 332 \r
 333 .gen_index {\r
 334 \r
 335     margin-top:                30px                  ;\r
 336     \r
 337 }\r