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-width : 1px 0px 1px 0px;
 103         border-style : solid;
 104         border-color : #ebebeb;
 105 }
 106
 107 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 108         .oddSelectedUnread td {
 109         background-color : #ffcccc;
 110         font-weight : bold;
 111 }
 112
 113 .evenSelected, .evenSelected td {
 114         background-color : #ffcccc;
 115                   border-width : 1px 0px 1px 0px;
 116                   border-style : solid;
 117                   border-color : #ebebeb;
 118 }
 119
 120 .oddSelected, .evenSelected td {
 121         background-color : #ffcccc;
 122 }
 123
 124 .evenGrayed, .evenGrayed td {
 125         background-color : #f9f9f9;
 126         color : gray;
 127         border-width : 1px 0px 1px 0px;
 128         border-style : solid;
 129         border-color : #ebebeb;
 130 }
 131
 132 .oddGrayed {
 133         color : gray;
 134         background-color : #f9f9f9;
 135 }
 136
 137 .even, .even td {
 138                   border-width : 1px 0px 1px 0px;
 139                   border-style : solid;
 140                   border-color : #ebebeb;
 141         background-color : #f9f9f9;
 142 }
 143
 144 .odd, .odd td {
 145         background-color : #f9f9f9;
 146 }
 147
 148 .evenUnread, .evenUnread td {
 149         background-color : white;
 150         font-weight : bold;
 151                   border-width : 1px 0px 1px 0px;
 152                   border-style : solid;
 153                   border-color : #ebebeb;
 154 }
 155
 156 .oddUnread, .oddUnread td {
 157         font-weight : bold;
 158 }
 159
 160 ul.feedList {
 161         list-style-type : none;
 162         margin : 5px;
 163         padding : 0px 0px 0px 5px;
 164         font-size : 9pt;
 165 }
 166
 167 ul.feedList hr {
 168         border-width : 0px;
 169 }
 170
 171 ul.feedList li.feedCat {
 172         margin : 0px;
 173         padding : 1px 0px 1px 0px;
 174         color : #707070;
 175         font-size : 9pt;
 176 }
 177
 178 ul.feedList li.feedCat a:hover {
 179         color : black;
 180 }
 181
 182 ul.feedCatList {
 183         list-style-type : none;
 184         margin : 0px 0px 0px 10px;
 185         padding : 0px;
 186 }
 187
 188 ul.feedCatList li {
 189         margin : 0px;
 190         padding : 1px 0px 1px 0px;
 191         color : black;
 192 }
 193
 194 ul.feedList img {
 195         vertical-align : bottom;
 196 }
 197
 198 ul.feedList li {
 199         margin : 0px;
 200         padding : 2px 0px 2px 0px;
 201 }
 202
 203
 204 li.feedSelected a,
 205 li.labelSelected a,
 206 li.virtSelected a,
 207 li.tagSelected a {
 208         color : gray;
 209 }
 210
 211 li.feedUnreadSelected a,
 212 li.labelUnreadSelected a,
 213 li.virtUnreadSelected a,
 214 li.tagUnreadSelected a {
 215         color : gray;
 216 }
 217
 218 div.prefFeedCatHolder {
 219         border : 1px solid #999999;
 220 }
 221
 222 table.prefFeedList td.feedEditCat {
 223         font-weight : bold;
 224         border-width : 0px 0px 1px 0px;
 225         border-style : solid;
 226         border-color : #999999;
 227         padding-top : 0.5em;
 228 }
 229
 230 tr.title td {
 231         color : gray;
 232         font-weight : bold;
 233 }
 234
 235 tr.title td a {
 236         color : gray;
 237 }
 238
 239 tr.title td a:hover {
 240         color : black;
 241 }
 242
 243 span.contentPreview:hover {
 244         color : gray;
 245 }
 246
 247 #dispSwitch a:hover {
 248         color : black;
 249 }
 250
 251 #infoBoxTitle {
 252         border-width : 0px 0px 1px 0px;
 253         border-style : solid;
 254         border-color : #999999;
 255         background : #f9f9f9;
 256         padding : 2px;
 257         color : black;
 258 }
 259
 260
 261 #infoBox {
 262         border-width : 1px 1px 1px 1px;
 263         border-style : solid;
 264         border-color : #999999;
 265         position : relative;
 266         bottom : 2px;
 267         right : 2px;
 268         padding-bottom : 5px;
 269         background : white;
 270 }
 271
 272 div.infoBoxContents a {
 273         color : gray;
 274 }
 275
 276 div.infoBoxContents a:hover {
 277         color : black;
 278 }
 279
 280 #header {
 281         position : absolute;
 282         white-space: nowrap;
 283         top : 10px;
 284         left : 25px;
 285         right : 20px;
 286         height : 40px;
 287         color : gray;
 288 }
 289
 290 #feeds-holder {
 291         border-width : 1px 1px 1px 1px;
 292         border-style : solid;
 293         border-color : #c0c0c0;
 294         top : 50px;
 295         left : 20px;
 296         position : absolute;
 297         width : 240px;
 298         overflow : auto;
 299         bottom : 30px;
 300         border-collapse : collapse;
 301         background : #f9f9f9;
 302 }
 303
 304 #toolbar {
 305         position : absolute;
 306         left : 280px;
 307         padding : 0px 20px 10px 0px;
 308         top : 50px;
 309         right : 0px;
 310         white-space: nowrap;
 311         height : 30px;
 312         background-image : url("images/toolbar.png");
 313         background-position : bottom left;
 314         background-repeat : repeat-x;
 315 }
 316
 317 div.headlines_normal {
 318         position : absolute;
 319         border-width : 1px 1px 1px 1px;
 320         border-style : solid;
 321         border-color : #999999;
 322         left : 280px;
 323         height : 305px;
 324         top : 85px;
 325         right : 20px;
 326         overflow : hidden;
 327         background : white;
 328         border-collapse : collapse;
 329 }
 330
 331 div.headlines_cdm {
 332         position : absolute;
 333         border-width : 1px 1px 1px 1px;
 334         border-style : solid;
 335         border-color : #999;
 336         left : 280px;
 337         bottom : 30px;
 338         top : 85px;
 339         right : 20px;
 340         overflow : hidden;
 341         background : white;
 342         border-collapse : collapse;
 343 }
 344
 345 #content-frame {
 346         position : absolute;
 347         border-width : 1px 1px 1px 1px;
 348         border-style : solid;
 349         border-color : #999999;
 350         background : white;
 351         overflow : auto;
 352         top : 410px;
 353         left : 280px;
 354         bottom : 30px;
 355         right : 20px;
 356         border-collapse : collapse;
 357 }
 358
 359 #footer, #prefFooter {
 360         vertical-align : middle;
 361         display : block;
 362         position : absolute;
 363         bottom : 5px;
 364         text-align : center;
 365         color : gray;
 366         right : 0px;
 367         left : 0px;
 368         padding : 0px;
 369         border-width : 0px;
 370         background : #f6f6f6;
 371 }
 372
 373 #footer a {
 374         color : gray;
 375 }
 376
 377 #headlinesContainer {
 378         margin-left : 0px;
 379         background-color : white;
 380 }
 381
 382 #headlineActionsTop {
 383 /*      border-width : 0px 0px 1px 0px;
 384         border-style : solid;
 385         border-color : #c0c0c0;
 386         background-color : #fafafa; */
 387 }
 388
 389 #headlinesInnerContainer {
 390         overflow : auto;
 391         position : absolute;
 392         left : 1px;
 393         right : 0px;
 394         bottom : 0px;
 395         top : 25px;
 396 }
 397
 398 div.firstTab {
 399         width : 20px;
 400         float : left;
 401 }
 402
 403 div.prefsTab {
 404         border-color : #999999;
 405 }
 406
 407 div.prefsTabSelected {
 408         border-color : #999999;
 409         background : white;
 410 }
 411
 412 /* preferences layout */
 413
 414 #prefHeader {
 415         margin : 10px 10px 10px 25px;
 416         color : gray;
 417 }
 418
 419 div.return {
 420         float : right;
 421         margin-right : 10px;
 422 }
 423
 424 div.return a {
 425         color : black;
 426 }
 427
 428 div.return a:hover {
 429         color : gray;
 430 }
 431
 432 #prefContent {
 433         clear : left;
 434         position : absolute;
 435         bottom : 30px;
 436         top : 75px;
 437         overflow : auto;
 438         left : 10px;
 439         right : 10px;
 440         padding : 1em;
 441         margin : 0px;
 442         background : white;
 443         border-width : 1px 1px 1px 1px;
 444         border-color : #999999;
 445         border-style : solid;
 446
 447 }
 448
 449 ul.headlineDropdownMenu ul li:hover {
 450         color : black;
 451 }
 452
 453 .insensitive a {
 454         color : gray;
 455         text-decoration : underline;
 456 }
 457
 458 .insensitive a:hover {
 459         color : black;
 460 }