themes/graycube/theme.css

   1 body {
   2         background : #f6f6f6;
   3 }
   4
   5 a:hover {
   6         color : gray;
   7 }
   8
   9 div.cdmArticle {
  10         border-width : 0px 0px 1px 0px;
  11         border-color : #999999;
  12         margin : 0px;
  13         padding : 10px;
  14         background : #f9f9f9;
  15         -moz-border-radius : 0px;
  16 }
  17
  18 div.cdmArticleUnread {
  19         border-width : 0px 0px 1px 0px;
  20         border-color : #999999;
  21         margin : 0px;
  22         padding : 10px;
  23         background : white;
  24         -moz-border-radius : 0px;
  25 }
  26
  27 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
  28         border-width : 0px 0px 1px 0px;
  29         border-color : #999999;
  30         margin : 0px;
  31         padding : 10px;
  32         background : #ffcccc;
  33         -moz-border-radius : 0px;
  34 }
  35
  36 div.cdmArticleUnread div.cdmHeader a.title,
  37 div.cdmArticleUnreadSelected div.cdmHeader a.title {
  38         color : black;
  39 }
  40
  41 div.cdmHeader a:hover {
  42         color : black;
  43 }
  44
  45 .notify {
  46         border-color : #999;
  47         background-color : #f9f9f9;
  48         color : black;
  49         -moz-border-radius : 0px;
  50 }
  51
  52 div.notice {
  53         background : #f9f9f9;
  54         border : 1px solid #999999;
  55 }
  56
  57 div.warning {
  58         background : #ffcccc;
  59         border : 1px solid #ff0000;
  60 }
  61
  62
  63 ul.userFeedList, ul.browseFeedList, ul.labelTestResults {
  64         border : 1px solid #999999;
  65 }
  66
  67 table.headlinesSubToolbar td {
  68         font-size : x-small;
  69         color : gray;
  70         background-image : url("images/grad_1.png");
  71         background-repeat : repeat-x;
  72         background-position : bottom left;
  73         background-color : #f3f3f2;
  74 }
  75
  76 div.postReply {
  77         padding : 0px;
  78         margin : 0px;
  79         font-size : medium;
  80 }
  81
  82 div.postReply a {
  83         color : black;
  84 }
  85
  86 div.postReply a:hover {
  87         color : gray;
  88 }
  89
  90 div.postReply div.postHeader {
  91         background : #f9f9f9;
  92         border-style : solid;
  93         border-color : #999999;
  94         border-width : 0px 0px 1px 0px;
  95 }
  96
  97 div.postReply > div.postHeader {
  98         padding : 5px;
  99 }
 100
 101 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 102         .evenSelectedUnread td {
 103         background-color : #ffcccc;
 104         font-weight : bold;
 105         border-width : 1px 0px 1px 0px;
 106         border-style : solid;
 107         border-color : #ebebeb;
 108 }
 109
 110 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 111         .oddSelectedUnread td {
 112         background-color : #ffcccc;
 113         font-weight : bold;
 114 }
 115
 116 .evenSelected, .evenSelected td {
 117         background-color : #ffcccc;
 118                   border-width : 1px 0px 1px 0px;
 119                   border-style : solid;
 120                   border-color : #ebebeb;
 121 }
 122
 123 .oddSelected, .evenSelected td {
 124         background-color : #ffcccc;
 125 }
 126
 127 .evenGrayed, .evenGrayed td {
 128         background-color : white;
 129         color : #909090;
 130                   border-width : 1px 0px 1px 0px;
 131                   border-style : solid;
 132                   border-color : #ebebeb;
 133 }
 134
 135 .oddGrayed {
 136         color : #909090;
 137 }
 138
 139 .even, .even td {
 140                   border-width : 1px 0px 1px 0px;
 141                   border-style : solid;
 142                   border-color : #ebebeb;
 143         background-color : #f9f9f9;
 144 }
 145
 146 .odd, .odd td {
 147         background-color : #f9f9f9;
 148 }
 149
 150 .evenUnread, .evenUnread td {
 151         background-color : white;
 152         font-weight : bold;
 153                   border-width : 1px 0px 1px 0px;
 154                   border-style : solid;
 155                   border-color : #ebebeb;
 156 }
 157
 158 .oddUnread, .oddUnread td {
 159         font-weight : bold;
 160 }
 161
 162 ul.feedList {
 163         list-style-type : none;
 164         margin : 5px;
 165         padding : 0px 0px 0px 5px;
 166         font-size : small;
 167         white-space : nowrap;
 168 }
 169
 170 ul.feedList hr {
 171         border-width : 0px;
 172 }
 173
 174 ul.feedList li.feedCat {
 175         margin : 0px;
 176         padding : 1px 0px 1px 0px;
 177         color : #707070;
 178         font-size : small;
 179 }
 180
 181 ul.feedList li.feedCat a:hover {
 182         color : black;
 183 }
 184
 185 ul.feedCatList {
 186         list-style-type : none;
 187         margin : 0px 0px 0px 10px;
 188         padding : 0px;
 189 }
 190
 191 ul.feedCatList li {
 192         margin : 0px;
 193         padding : 1px 0px 1px 0px;
 194         color : black;
 195 }
 196
 197 ul.feedList img {
 198         vertical-align : bottom;
 199 }
 200
 201 ul.feedList li {
 202         margin : 0px;
 203         padding : 2px 0px 2px 0px;
 204 }
 205
 206
 207 li.feedSelected a,
 208 li.labelSelected a,
 209 li.virtSelected a,
 210 li.tagSelected a {
 211         color : gray;
 212 }
 213
 214 li.feedUnreadSelected a,
 215 li.labelUnreadSelected a,
 216 li.virtUnreadSelected a,
 217 li.tagUnreadSelected a {
 218         color : gray;
 219 }
 220
 221 table.prefFeedList td.feedEditCat {
 222         font-weight : bold;
 223         border-width : 0px 0px 1px 0px;
 224         border-style : solid;
 225         border-color : #999999;
 226         padding-top : 0.5em;
 227 }
 228
 229 tr.title td {
 230         color : gray;
 231         font-weight : bold;
 232 }
 233
 234 tr.title td a {
 235         color : gray;
 236 }
 237
 238 tr.title td a:hover {
 239         color : black;
 240 }
 241
 242 span.contentPreview:hover {
 243         color : gray;
 244 }
 245
 246 #dispSwitch a:hover {
 247         color : black;
 248 }
 249
 250 #infoBoxTitle {
 251         border-width : 0px 0px 1px 0px;
 252         border-style : solid;
 253         border-color : #999999;
 254         background : #f9f9f9;
 255         padding : 2px;
 256         color : black;
 257 }
 258
 259
 260 #infoBox {
 261         border-width : 1px 1px 1px 1px;
 262         border-style : solid;
 263         border-color : #999999;
 264         font-size : small;
 265         position : relative;
 266         bottom : 2px;
 267         right : 2px;
 268         padding-bottom : 5px;
 269         background : white;
 270 }
 271
 272 #header {
 273         position : absolute;
 274         white-space: nowrap;
 275         top : 10px;
 276         left : 25px;
 277         right : 20px;
 278         height : 40px;
 279         color : gray;
 280         font-size : small;
 281 }
 282
 283 #feeds-holder {
 284         border-width : 1px 1px 1px 1px;
 285         border-style : solid;
 286         border-color : #c0c0c0;
 287         top : 50px;
 288         left : 20px;
 289         position : absolute;
 290         width : 240px;
 291         overflow : auto;
 292         bottom : 30px;
 293         border-collapse : collapse;
 294         background : #f9f9f9;
 295 }
 296
 297 #toolbar {
 298         position : absolute;
 299         left : 280px;
 300         padding : 0px 20px 10px 0px;
 301         top : 50px;
 302         right : 0px;
 303         white-space: nowrap;
 304         height : 30px;
 305         background-image : url("images/toolbar.png");
 306         background-position : bottom left;
 307         background-repeat : repeat-x;
 308 }
 309
 310 div.headlines_normal {
 311         position : absolute;
 312         border-width : 1px 1px 1px 1px;
 313         border-style : solid;
 314         border-color : #999999;
 315         left : 280px;
 316         height : 305px;
 317         top : 85px;
 318         right : 20px;
 319         overflow : hidden;
 320         background : white;
 321         font-size : small;
 322         border-collapse : collapse;
 323 }
 324
 325 div.headlines_cdm {
 326         position : absolute;
 327         border-width : 1px 1px 1px 1px;
 328         border-style : solid;
 329         border-color : #999;
 330         left : 280px;
 331         bottom : 30px;
 332         top : 85px;
 333         right : 20px;
 334         overflow : hidden;
 335         font-size : small;
 336         background : white;
 337         border-collapse : collapse;
 338 }
 339
 340 #content-frame {
 341         position : absolute;
 342         border-width : 1px 1px 1px 1px;
 343         border-style : solid;
 344         border-color : #999999;
 345         background : white;
 346         overflow : auto;
 347         top : 410px;
 348         left : 280px;
 349         bottom : 30px;
 350         right : 20px;
 351         border-collapse : collapse;
 352 }
 353
 354 #footer, #prefFooter {
 355         vertical-align : middle;
 356         display : block;
 357         position : absolute;
 358         bottom : 5px;
 359         text-align : center;
 360         color : gray;
 361         font-size : x-small;
 362         right : 0px;
 363         left : 0px;
 364         padding : 0px;
 365         border-width : 0px;
 366         background : #f6f6f6;
 367 }
 368
 369 #footer a {
 370         color : gray;
 371 }
 372
 373 #headlinesContainer {
 374         margin-left : 0px;
 375         background-color : white;
 376 }
 377
 378 #headlineActionsTop {
 379 /*      border-width : 0px 0px 1px 0px;
 380         border-style : solid;
 381         border-color : #c0c0c0;
 382         background-color : #fafafa; */
 383         font-size : x-small;
 384 }
 385
 386 #headlinesInnerContainer {
 387         overflow : auto;
 388         position : absolute;
 389         left : 1px;
 390         right : 0px;
 391         bottom : 0px;
 392         top : 25px;
 393 }
 394
 395 div.firstTab {
 396         width : 20px;
 397         float : left;
 398 }
 399
 400 div.prefsTab {
 401         border-color : #999999;
 402 }
 403
 404 div.prefsTabSelected {
 405         border-color : #999999;
 406         background : white;
 407 }
 408
 409 /* preferences layout */
 410
 411 #prefHeader {
 412         margin : 10px 10px 10px 25px;
 413         color : gray;
 414         font-size : small;
 415 }
 416
 417 div.return {
 418         float : right;
 419         font-size : small;
 420         margin-right : 10px;
 421 }
 422
 423 div.return a {
 424         color : black;
 425 }
 426
 427 div.return a:hover {
 428         color : gray;
 429 }
 430
 431 #prefContent {
 432         clear : left;
 433         position : absolute;
 434         bottom : 30px;
 435         top : 75px;
 436         overflow : auto;
 437         left : 10px;
 438         right : 10px;
 439         padding : 1em;
 440         margin : 0px;
 441         background : white;
 442         font-size : small;
 443         border-width : 1px 1px 1px 1px;
 444         border-color : #999999;
 445         border-style : solid;
 446
 447 }
 448