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         background : #f9f9f9;
  14         -moz-border-radius : 0px;
  15 }
  16
  17 div.cdmArticleUnread {
  18         border-width : 0px 0px 1px 0px;
  19         border-color : #999999;
  20         margin : 0px;
  21         background : white;
  22         -moz-border-radius : 0px;
  23 }
  24
  25 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
  26         border-width : 0px 0px 1px 0px;
  27         border-color : #999999;
  28         margin : 0px;
  29         background : #ffcccc;
  30         -moz-border-radius : 0px;
  31 }
  32
  33 div.cdmArticleUnread div.cdmHeader a.title,
  34 div.cdmArticleUnreadSelected div.cdmHeader a.title {
  35         color : black;
  36 }
  37
  38 div.cdmHeader a:hover {
  39         color : black;
  40 }
  41
  42 .notify {
  43         border-color : #999;
  44         background-color : #f9f9f9;
  45         color : black;
  46         -moz-border-radius : 0px;
  47 }
  48
  49 div.notice {
  50         background : #f9f9f9;
  51         border : 1px solid #999999;
  52 }
  53
  54 div.warning {
  55         background : #ffcccc;
  56         border : 1px solid #ff0000;
  57 }
  58
  59
  60 ul.userFeedList, ul.browseFeedList, ul.labelTestResults {
  61         border : 1px solid #999999;
  62 }
  63
  64 table.headlinesSubToolbar td {
  65         color : gray;
  66         background-image : url("images/grad_1.png");
  67         background-repeat : repeat-x;
  68         background-position : bottom left;
  69         background-color : #f3f3f2;
  70 }
  71
  72 div.postReply {
  73         padding : 0px;
  74         margin : 0px;
  75         font-size : medium;
  76 }
  77
  78 div.postReply a {
  79         color : black;
  80 }
  81
  82 div.postReply a:hover {
  83         color : gray;
  84 }
  85
  86 div.postReply div.postHeader {
  87         background : #f9f9f9;
  88         border-style : solid;
  89         border-color : #999999;
  90         border-width : 0px 0px 1px 0px;
  91         margin : 0px;
  92 }
  93
  94 div.postReply > div.postHeader {
  95         padding : 5px;
  96 }
  97
  98 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
  99         .evenSelectedUnread td {
 100         background-color : #ffcccc;
 101         font-weight : bold;
 102         border-color : #ebebeb;
 103 }
 104
 105 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 106         .oddSelectedUnread td {
 107         background-color : #ffcccc;
 108         font-weight : bold;
 109         border-color : #ebebeb;
 110
 111 }
 112
 113 .evenSelected, .evenSelected td {
 114         background-color : #ffcccc;
 115         border-color : #ebebeb;
 116 }
 117
 118 .oddSelected, .oddSelected td {
 119         background-color : #ffcccc;
 120         border-color : #ebebeb;
 121 }
 122
 123 .evenGrayed, .evenGrayed td {
 124         background-color : #f9f9f9;
 125         color : gray;
 126         border-color : #ebebeb;
 127 }
 128
 129 .oddGrayed, .oddGrayed td {
 130         border-color : #ebebeb;
 131 }
 132
 133 .oddGrayed {
 134         color : gray;
 135         background-color : #f9f9f9;
 136 }
 137
 138 .even, .even td {
 139         border-color : #ebebeb;
 140         background-color : #f9f9f9;
 141 }
 142
 143 .odd, .odd td {
 144         background-color : #f9f9f9;
 145         border-color : #ebebeb;
 146 }
 147
 148 .evenUnread, .evenUnread td {
 149         background-color : white;
 150         font-weight : bold;
 151         border-color : #ebebeb;
 152 }
 153
 154 .oddUnread, .oddUnread td {
 155         font-weight : bold;
 156         border-color : #ebebeb;
 157 }
 158
 159 ul.feedList {
 160         list-style-type : none;
 161         margin : 5px;
 162         padding : 0px 0px 0px 5px;
 163         font-size : 9pt;
 164 }
 165
 166 ul.feedList hr {
 167         border-width : 0px;
 168 }
 169
 170 ul.feedList li.feedCat {
 171         margin : 0px;
 172         padding : 1px 0px 1px 0px;
 173         color : #707070;
 174         font-size : 9pt;
 175 }
 176
 177 ul.feedList li.feedCat a:hover {
 178         color : black;
 179 }
 180
 181 ul.feedCatList {
 182         list-style-type : none;
 183         margin : 0px 0px 0px 10px;
 184         padding : 0px;
 185 }
 186
 187 ul.feedCatList li {
 188         margin : 0px;
 189         padding : 1px 0px 1px 0px;
 190         color : black;
 191 }
 192
 193 ul.feedList img {
 194         vertical-align : bottom;
 195 }
 196
 197 ul.feedList li {
 198         margin : 0px;
 199         padding : 2px 0px 2px 0px;
 200 }
 201
 202
 203 li.feedSelected a,
 204 li.labelSelected a,
 205 li.virtSelected a,
 206 li.tagSelected a {
 207         color : gray;
 208 }
 209
 210 li.feedUnreadSelected a,
 211 li.labelUnreadSelected a,
 212 li.virtUnreadSelected a,
 213 li.tagUnreadSelected a {
 214         color : gray;
 215 }
 216
 217 div.prefFeedCatHolder {
 218         border : 1px solid #999999;
 219 }
 220
 221 table.prefFeedList td.feedEditCat {
 222         border-color : #999999;
 223 }
 224
 225 table.prefFilterList td.filterEditCat {
 226         border-color : #999999;
 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         color : black;
 256 }
 257
 258
 259 #infoBox {
 260         border-width : 1px 1px 1px 1px;
 261         border-style : solid;
 262         border-color : #999999;
 263         position : relative;
 264         bottom : 2px;
 265         right : 2px;
 266         padding-bottom : 5px;
 267         background : #efefef;
 268 }
 269
 270 div.infoBoxContents a {
 271         color : gray;
 272 }
 273
 274 div.infoBoxContents a:hover {
 275         color : black;
 276 }
 277
 278 #header {
 279         position : absolute;
 280         white-space: nowrap;
 281         top : 10px;
 282         left : 25px;
 283         right : 20px;
 284         height : 40px;
 285         color : gray;
 286 }
 287
 288 #feeds-holder {
 289         border-width : 1px 1px 1px 1px;
 290         border-style : solid;
 291         border-color : #c0c0c0;
 292         top : 50px;
 293         left : 20px;
 294         position : absolute;
 295         width : 240px;
 296         overflow : auto;
 297         bottom : 30px;
 298         border-collapse : collapse;
 299         background : #f9f9f9;
 300 }
 301
 302 #toolbar {
 303         position : absolute;
 304         left : 280px;
 305         padding : 0px 20px 10px 0px;
 306         top : 50px;
 307         right : 0px;
 308         white-space: nowrap;
 309         height : 30px;
 310         background-image : url("images/toolbar.png");
 311         background-position : bottom left;
 312         background-repeat : repeat-x;
 313 }
 314
 315 div.headlines_normal {
 316         position : absolute;
 317         border-width : 1px 1px 1px 1px;
 318         border-style : solid;
 319         border-color : #999999;
 320         left : 280px;
 321         height : 305px;
 322         top : 85px;
 323         right : 20px;
 324         overflow : hidden;
 325         background : white;
 326         border-collapse : collapse;
 327 }
 328
 329 div.headlines_cdm {
 330         position : absolute;
 331         border-width : 1px 1px 1px 1px;
 332         border-style : solid;
 333         border-color : #999;
 334         left : 280px;
 335         bottom : 30px;
 336         top : 85px;
 337         right : 20px;
 338         overflow : hidden;
 339         background : white;
 340         border-collapse : collapse;
 341 }
 342
 343 #content-frame {
 344         position : absolute;
 345         border-width : 1px 1px 1px 1px;
 346         border-style : solid;
 347         border-color : #999999;
 348         background : white;
 349         overflow : auto;
 350         top : 410px;
 351         left : 280px;
 352         bottom : 30px;
 353         right : 20px;
 354         border-collapse : collapse;
 355 }
 356
 357 #footer, #prefFooter {
 358         vertical-align : middle;
 359         display : block;
 360         position : absolute;
 361         bottom : 5px;
 362         text-align : center;
 363         color : gray;
 364         right : 0px;
 365         left : 0px;
 366         padding : 0px;
 367         border-width : 0px;
 368         background : #f6f6f6;
 369 }
 370
 371 #footer a {
 372         color : gray;
 373 }
 374
 375 #headlinesContainer {
 376         margin-left : 0px;
 377         background-color : white;
 378 }
 379
 380 #headlineActionsTop {
 381 /*      border-width : 0px 0px 1px 0px;
 382         border-style : solid;
 383         border-color : #c0c0c0;
 384         background-color : #fafafa; */
 385 }
 386
 387 #headlinesInnerContainer {
 388         overflow : auto;
 389         position : absolute;
 390         left : 1px;
 391         right : 0px;
 392         bottom : 0px;
 393         top : 25px;
 394 }
 395
 396 div.firstTab {
 397         width : 20px;
 398         float : left;
 399 }
 400
 401 div.prefsTab {
 402         border-color : #999999;
 403 }
 404
 405 div.prefsTabSelected {
 406         border-color : #999999;
 407         background : white;
 408 }
 409
 410 /* preferences layout */
 411
 412 #prefHeader {
 413         margin : 10px 10px 10px 25px;
 414         color : gray;
 415 }
 416
 417 div.return {
 418         float : right;
 419         margin-right : 10px;
 420 }
 421
 422 div.return a {
 423         color : black;
 424 }
 425
 426 div.return a:hover {
 427         color : gray;
 428 }
 429
 430 #prefContentOuter {
 431         clear : left;
 432         position : absolute;
 433         bottom : 30px;
 434         top : 75px;
 435         overflow : auto;
 436         left : 10px;
 437         right : 10px;
 438         padding : 1em;
 439         margin : 0px;
 440         background : white;
 441         border-width : 1px 1px 1px 1px;
 442         border-color : #999999;
 443         border-style : solid;
 444 }
 445
 446 #prefContent {
 447         background : white;
 448
 449 }
 450
 451 ul.headlineDropdownMenu ul li:hover {
 452         color : black;
 453 }
 454
 455 .insensitive a {
 456         color : gray;
 457         text-decoration : underline;
 458 }
 459
 460 .insensitive a:hover {
 461         color : black;
 462 }
 463
 464 div.topLinks a {
 465         color : black;
 466 }
 467
 468 div.topLinks a:hover {
 469         color : gray;
 470 }
 471
 472 a.visibleLink {
 473         color : gray;
 474 }
 475
 476 table.prefFilterList tr.even:hover td,
 477 table.prefFilterList tr.odd:hover td,
 478 table.prefFilterList tr.evenSelected:hover td,
 479 table.prefFilterList tr.oddSelected:hover td
 480 table.prefLabelList tr.even:hover td,
 481 table.prefLabelList tr.odd:hover td,
 482 table.prefLabelList tr.evenSelected:hover td,
 483 table.prefLabelList tr.oddSelected:hover td,
 484 table.prefUserList tr.even:hover td,
 485 table.prefUserList tr.odd:hover td,
 486 table.prefUserList tr.evenSelected:hover td,
 487 table.prefUserList tr.oddSelected:hover td,
 488 table.prefFeedList tr.even:hover td,
 489 table.prefFeedList tr.odd:hover td,
 490 table.prefFeedList tr.evenSelected:hover td,
 491 table.prefFeedList tr.oddSelected:hover td
 492 {
 493         color : gray;
 494 }
 495
 496 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
 497         color : gray;
 498 }
 499
 500 table.headlinesList tr.feedTitle td {
 501         background : #efefef;
 502 }
 503
 504 div.cdmFeedTitle {
 505         background : #efefef;
 506 }
 507
 508 div.tagCloudContainer {
 509         border : 1px solid #999999;
 510 }
 511
 512 #resize-grabber {
 513         border-color : gray;
 514         background : url("images/resize_horiz.png") top left;
 515 }
 516
 517 table.prefPrefsList tr:hover td.prefValue {
 518         color : gray;
 519 }
 520
 521 table.prefPrefsList tr:hover td.prefValue input {
 522         color : gray;
 523 }
 524