themes/graycube/theme.css

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