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         padding : 0px 0px 0px 5px;
 162         font-size : 9pt;
 163 }
 164
 165 ul.feedList hr {
 166         border-width : 0px;
 167 }
 168
 169 ul.feedList li.feedCat {
 170         margin : 0px;
 171         padding : 1px 0px 1px 0px;
 172         color : #707070;
 173         font-size : 9pt;
 174 }
 175
 176 ul.feedList li.feedCat span.catTitle:hover {
 177         color : black;
 178 }
 179
 180 ul.feedCatList {
 181         list-style-type : none;
 182         margin : 0px 0px 0px 15px;
 183         padding : 0px;
 184 }
 185
 186 ul.feedCatList li {
 187         margin : 0px;
 188         padding : 1px 0px 1px 0px;
 189         color : black;
 190 }
 191
 192 ul.feedList img {
 193         vertical-align : bottom;
 194 }
 195
 196 ul.feedList li {
 197         margin : 0px;
 198         padding : 2px 0px 2px 0px;
 199 }
 200
 201
 202 li.feedSelected a,
 203 li.labelSelected a,
 204 li.virtSelected a,
 205 li.tagSelected a {
 206         color : gray;
 207 }
 208
 209 li.feedUnreadSelected a,
 210 li.labelUnreadSelected a,
 211 li.virtUnreadSelected a,
 212 li.tagUnreadSelected a {
 213         color : gray;
 214 }
 215
 216 div.prefFeedCatHolder {
 217         border : 1px solid #999999;
 218 }
 219
 220 table.prefFeedList td.feedEditCat {
 221         border-color : #999999;
 222 }
 223
 224 table.prefFilterList td.filterEditCat {
 225         border-color : #999999;
 226 }
 227
 228 tr.title td {
 229         color : gray;
 230         font-weight : bold;
 231 }
 232
 233 tr.title td a {
 234         color : gray;
 235 }
 236
 237 tr.title td a:hover {
 238         color : black;
 239 }
 240
 241 span.contentPreview:hover {
 242         color : gray;
 243 }
 244
 245 #dispSwitch a:hover {
 246         color : black;
 247 }
 248
 249 #infoBoxTitle {
 250         border-width : 0px 0px 1px 0px;
 251         border-style : solid;
 252         border-color : #999999;
 253         background : #f9f9f9;
 254         color : black;
 255 }
 256
 257
 258 #infoBox {
 259         border-width : 1px 1px 1px 1px;
 260         border-style : solid;
 261         border-color : #999999;
 262         position : relative;
 263         bottom : 2px;
 264         right : 2px;
 265         padding-bottom : 5px;
 266         background : #efefef;
 267 }
 268
 269 div.infoBoxContents a {
 270         color : gray;
 271 }
 272
 273 div.infoBoxContents a:hover {
 274         color : black;
 275 }
 276
 277 #header {
 278         position : absolute;
 279         white-space: nowrap;
 280         top : 10px;
 281         left : 25px;
 282         right : 20px;
 283         height : 40px;
 284         color : gray;
 285 }
 286
 287 #feeds-holder {
 288         border-width : 1px 1px 1px 1px;
 289         border-style : solid;
 290         border-color : #c0c0c0;
 291         top : 50px;
 292         left : 20px;
 293         position : absolute;
 294         width : 240px;
 295         overflow : auto;
 296         bottom : 30px;
 297         border-collapse : collapse;
 298         background : #f9f9f9;
 299 }
 300
 301 #toolbar {
 302         position : absolute;
 303         left : 280px;
 304         padding : 0px 20px 10px 0px;
 305         top : 50px;
 306         right : 0px;
 307         white-space: nowrap;
 308         height : 30px;
 309         background-image : url("images/toolbar.png");
 310         background-position : bottom left;
 311         background-repeat : repeat-x;
 312 }
 313
 314 div.headlines_normal {
 315         position : absolute;
 316         border-width : 1px 1px 1px 1px;
 317         border-style : solid;
 318         border-color : #999999;
 319         left : 280px;
 320         height : 305px;
 321         top : 85px;
 322         right : 20px;
 323         overflow : hidden;
 324         background : white;
 325         border-collapse : collapse;
 326 }
 327
 328 div.headlines_cdm {
 329         position : absolute;
 330         border-width : 1px 1px 1px 1px;
 331         border-style : solid;
 332         border-color : #999;
 333         left : 280px;
 334         bottom : 30px;
 335         top : 85px;
 336         right : 20px;
 337         overflow : hidden;
 338         background : white;
 339         border-collapse : collapse;
 340 }
 341
 342 #content-frame {
 343         position : absolute;
 344         border-width : 1px 1px 1px 1px;
 345         border-style : solid;
 346         border-color : #999999;
 347         background : white;
 348         overflow : auto;
 349         top : 410px;
 350         left : 280px;
 351         bottom : 30px;
 352         right : 20px;
 353         border-collapse : collapse;
 354 }
 355
 356 #footer, #prefFooter {
 357         vertical-align : middle;
 358         display : block;
 359         position : absolute;
 360         bottom : 5px;
 361         text-align : center;
 362         color : gray;
 363         right : 0px;
 364         left : 0px;
 365         padding : 0px;
 366         border-width : 0px;
 367         background : #f6f6f6;
 368 }
 369
 370 #footer a {
 371         color : gray;
 372 }
 373
 374 #headlinesContainer {
 375         margin-left : 0px;
 376         background-color : white;
 377 }
 378
 379 #headlineActionsTop {
 380 /*      border-width : 0px 0px 1px 0px;
 381         border-style : solid;
 382         border-color : #c0c0c0;
 383         background-color : #fafafa; */
 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 }
 415
 416 div.return {
 417         float : right;
 418         margin-right : 10px;
 419 }
 420
 421 div.return a {
 422         color : black;
 423 }
 424
 425 div.return a:hover {
 426         color : gray;
 427 }
 428
 429 #prefContentOuter {
 430         clear : left;
 431         position : absolute;
 432         bottom : 30px;
 433         top : 75px;
 434         overflow : auto;
 435         left : 10px;
 436         right : 10px;
 437         padding : 1em;
 438         margin : 0px;
 439         background : white;
 440         border-width : 1px 1px 1px 1px;
 441         border-color : #999999;
 442         border-style : solid;
 443 }
 444
 445 #prefContent {
 446         background : white;
 447
 448 }
 449
 450 .insensitive a {
 451         color : gray;
 452         text-decoration : underline;
 453 }
 454
 455 .insensitive a:hover {
 456         color : black;
 457 }
 458
 459 div.topLinks a {
 460         color : black;
 461 }
 462
 463 div.topLinks a:hover {
 464         color : gray;
 465 }
 466
 467 a.visibleLink {
 468         color : gray;
 469 }
 470
 471 table.prefFilterList tr.even:hover td,
 472 table.prefFilterList tr.odd:hover td,
 473 table.prefFilterList tr.evenSelected:hover td,
 474 table.prefFilterList tr.oddSelected:hover td
 475 table.prefLabelList tr.even:hover td,
 476 table.prefLabelList tr.odd:hover td,
 477 table.prefLabelList tr.evenSelected:hover td,
 478 table.prefLabelList tr.oddSelected:hover td,
 479 table.prefUserList tr.even:hover td,
 480 table.prefUserList tr.odd:hover td,
 481 table.prefUserList tr.evenSelected:hover td,
 482 table.prefUserList tr.oddSelected:hover td,
 483 table.prefFeedList tr.even:hover td,
 484 table.prefFeedList tr.odd:hover td,
 485 table.prefFeedList tr.evenSelected:hover td,
 486 table.prefFeedList tr.oddSelected:hover td
 487 {
 488         color : gray;
 489 }
 490
 491 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
 492         color : gray;
 493 }
 494
 495 table.headlinesList tr.feedTitle td {
 496         background : #efefef;
 497 }
 498
 499 div.cdmFeedTitle {
 500         background : #efefef;
 501 }
 502
 503 div.tagCloudContainer {
 504         border : 1px solid #999999;
 505 }
 506
 507 #resize-grabber {
 508         border-color : gray;
 509         background : url("images/resize_horiz.png") top left;
 510 }
 511
 512 table.prefPrefsList tr:hover td.prefValue {
 513         color : gray;
 514 }
 515
 516 table.prefPrefsList tr:hover td.prefValue input {
 517         color : gray;
 518 }
 519
 520 ul#headlineActionsBody li:hover {
 521         color : black;
 522         background : #ffcccc;
 523 }
 524
 525 span#headlineActionsDrop {
 526         background : #f0f0f0;
 527         color : black;
 528 }
 529