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