theme/stoica/display.css

   1 /* CSS Document */
   2 /* Design & CSS by Marie-Claude Doyon */
   3
   4 html {
   5         background-color: #d8e2d7;
   6
   7         }
   8 body {
   9         position: absolute;
  10         width: 100%;
  11         margin: 0;
  12         padding: 0;
  13         font-family: Verdana, Arial, Helvetica, sans-serif;
  14         font-size: 10px;
  15         line-height: 12px;
  16         min-height: 100%;
  17         color: #193441;
  18         background: url(bg-body.gif) repeat-y top center;
  19         }
  20 a {
  21         color: #C15D42;
  22         text-decoration: none;
  23         }
  24 a:hover {
  25         text-decoration: underline;
  26         }
  27 img, img a {
  28         border: 0;
  29         }
  30 h1 {
  31         font-size: 14px;
  32         }
  33
  34
  35 #wrap {
  36         margin: 0 auto;
  37         padding: 0 20px;
  38         width: 760px;
  39         background: url(bg-header.gif) repeat-x #FCFFF5;
  40         }
  41 #header {
  42         position: relative;
  43         margin: 0 auto;
  44         width: 540px;
  45         height: 216px;
  46         /*border: 1px solid #FF0;*/
  47         /*background-color: #193441;*/
  48         }
  49 #logo {
  50         margin-top: 9px;
  51         }
  52 p#branding {
  53         margin: 0;
  54         padding: 6px 0 3px 0;
  55         color: #fbf2d7;
  56         font-size: 21px;
  57         font-weight: bold;
  58         line-height: 27px;
  59         }
  60 p#branding a {
  61         color: #dab134;
  62         }
  63
  64 #header h1.pagetitle {
  65         margin: 0;
  66         padding: 0;
  67         font-size: 15px;
  68         line-height: 24px;
  69         color: #FCFFF5;
  70         color: #d8e2d7;
  71 }
  72
  73 #header h2.sitename {
  74         display: none;
  75         margin: 0;
  76         padding: 0;
  77         color: #FCFFF5;
  78 }
  79
  80 /* ===== Begin Navigation Styling ===== */
  81
  82 /* ----- Navigation ------ */
  83 #nav {
  84         float: right;
  85         margin: 0;
  86         padding: 0;
  87         list-style-type: none;
  88         font-size: 12px;
  89         }
  90 #nav li {
  91         display: block;
  92         float: left;
  93         }
  94 #nav li a {
  95         display: block;
  96         padding: 9px 9px 12px 9px;
  97         color: #91AA9D;
  98         }
  99 #nav li a:hover {
 100         text-decoration: underline;
 101         }
 102
 103 /* ----- Tabs ----- */
 104 #nav_views {
 105         margin: 0 auto;
 106         padding: 0;
 107         position: absolute;
 108         bottom: 0;
 109         list-style-type: none;
 110         font-size: 14px;
 111         font-weight: bold;
 112         width: 540px;
 113         /*height: 30px;*/
 114         }
 115 #nav_views li {
 116         display: block;
 117         float: left;
 118         line-height: 21px;
 119         }
 120 #nav_views li a {
 121         display: block;
 122         margin: 0;
 123         padding: 4px 12px 3px 12px;
 124         color: #FCFFF5;
 125         background-color: #91AA9D;
 126         border-right: 1px solid #6A8787;
 127         }
 128 #nav_views li a:hover {
 129         text-decoration: none;
 130         }
 131 #nav_views li.current a, #nav_views li.current a:hover {
 132         color: #3F606F;
 133         background-color: #FCFFF5;
 134         border-right: 1px solid #6A8787;
 135         }
 136 #nav_views li.current a:hover {
 137         color: #193441;
 138         }
 139 #nav_views li a:hover {
 140         color: #FCFFF5;
 141         background-color: #3F606F;
 142         border-right: 1px solid #6A8787;
 143         }
 144
 145 /* ----- Nav Footer ----- */
 146 #nav_sub {
 147         clear: both;
 148         margin: 18px auto 0 auto;
 149         padding: 0;
 150         list-style-type: none;
 151         font-size: 11px;
 152         font-weight: bold;
 153         line-height: 21px;
 154         border-top: 1px solid #D8E2D7;
 155         width: 540px;
 156         }
 157 #nav_sub li {
 158         display: block;
 159         float: left;
 160         }
 161 #nav_sub li a {
 162         padding: 6px 24px 6px 0;
 163         }
 164 #nav_sub li a:hover {
 165         text-decoration: underline;
 166         }
 167 /* ===== End Navigation Styling ===== */
 168
 169 #content {
 170         clear: left;
 171         margin: 40px 0 45px 0;
 172         padding: 0 110px;
 173         font-family: Georgia, "Times New Roman", Times, serif;
 174         font-size: 14px;
 175         line-height: 18px;
 176         }
 177 #content h2 {
 178         font-family: Verdana, Arial, Helvetica, sans-serif;
 179         font-size: 15px;
 180         }
 181 #content label {
 182         font-family: Verdana, Arial, Helvetica, sans-serif;
 183         font-size: 12px;
 184         }
 185 .instructions, .success, .error {
 186         font-weight: normal;
 187         margin: 36px 0 0 0;
 188         padding: 10px;
 189         font-family: Georgia, "Times New Roman", Times, serif;
 190         font-size: 13px;
 191         line-height: 15px;
 192         border: 1px solid #91AA9D;
 193         color: #FCFFF5;
 194         }
 195 .success {
 196         background-color: #48705b;
 197         }
 198 .error {
 199         background-color: #ce3728;
 200         }
 201
 202
 203
 204 /* ----- Profile -----*/
 205 #profile {
 206         clear: left;
 207         margin: 0 -110px;
 208         padding: 10px 0 0 0;
 209         min-height: 170px;
 210         border-top: 1px solid #D8E2D7;
 211         font-family: Georgia, "Times New Roman", Times, serif;
 212         }
 213 #profile h1 {
 214         margin: 0;
 215         padding: 0;
 216         font-family: Verdana, Arial, Helvetica, sans-serif;
 217         font-size: 14px;
 218         }
 219 #profile h2 {
 220         margin: 0;
 221         padding: 0;
 222         font-family: Verdana, Arial, Helvetica, sans-serif;
 223         font-size: 11px;
 224         text-transform: uppercase;
 225         color: #91AA9D;
 226         }
 227 #profile p {
 228         margin: 0 10px 0 0;
 229         font-size: 12px;
 230         line-height: 14px;
 231         }
 232 #profile p.location {
 233         margin: 0 10px 12px 0;
 234         font-style: italic;
 235         }
 236 #profile p.notice_current {
 237         font-size: 18px;
 238         line-height: 21px;
 239         }
 240 #profile_avatar {
 241         float: left;
 242         margin-right: 4px;
 243         }
 244 #profile_avatar img {
 245         margin-bottom: 5px;
 246         }
 247 .avatar.profile {
 248         float: none;
 249         clear: left;
 250         margin: 0 10px 5px 0;
 251         }
 252 .avatar.original {
 253         margin: 0 10px 18px 0;
 254         }
 255 a.nickname {
 256         font-family: Verdana, Arial, Helvetica, sans-serif;
 257         font-weight: bold;
 258         font-size: 12px;
 259         padding-right: 3px;
 260         }
 261 #profile_information {
 262         float: left;
 263         position: relative;
 264         width: 270px;
 265         height: 200px;
 266         }
 267 .statistics {
 268         margin-top: 18px;
 269         }
 270 .statistics h2 {
 271         margin: 12px 0 3px 0;
 272         }
 273 dl.statistics {
 274         margin: 0;
 275         font-size: 12px;
 276         line-height: 14px;
 277         }
 278 .statistics dt, .statistics dd {
 279         float: left;
 280         margin: 0;
 281         }
 282 .statistics dt {
 283         clear: left;
 284         width: 96px;
 285         }
 286 .statistics dd {
 287         clear: right;
 288         }
 289 .statistics dt:after {
 290         content: ":";
 291         }
 292 #subscriptions {
 293         float: left;
 294         margin: 18px 0 30px 0;
 295         }
 296 #subscriptions_avatars {
 297         /*float: left;*/
 298         margin: 6px 0 0 0;
 299         padding: 0;
 300         list-style-type: none;
 301         width: 270px;
 302         }
 303 #subscriptions_avatars li .avatar.mini {
 304         float: left;
 305         margin: 0 3px 3px 0;
 306         padding: 0;
 307         line-height: 0;
 308         }
 309 #subscriptions_viewall {
 310         clear: left;
 311         }
 312 /* ----- End Profile -----*/
 313
 314 /* ----- Begin Subscriptions & Subscribers -----*/
 315
 316 .subscriptions {
 317         overflow: auto;
 318 }
 319
 320
 321
 322 #notices {
 323         clear: both;
 324         margin: 0 auto;
 325         padding: 0;
 326         list-style-type: none;
 327         width: 540px;
 328         border-top: 1px solid #D8E2D7;
 329         /*border: 1px solid #F00;*/
 330         }
 331 #notices a:hover {
 332         text-decoration: underline;
 333         }
 334 .notice_single {
 335         clear: both;
 336         display: block;
 337         margin: 0;
 338         padding: 5px 5px 5px 0;
 339         min-height: 48px;
 340         font-family: Georgia, "Times New Roman", Times, serif;
 341         font-size: 13px;
 342         line-height: 16px;
 343         border-bottom: 1px solid #D8E2D7;
 344         }
 345 .notice_single:hover {
 346         background-color: #F3F8EA;
 347         }
 348 .notice_single p {
 349         display: inline;
 350         margin: 0;
 351         padding: 0;
 352         }
 353 .avatar {
 354         float: left;
 355         margin: 0 10px 0 0;
 356         }
 357
 358 p.time {
 359         display: block;
 360         font-family: Verdana, Arial, Helvetica, sans-serif;
 361         font-size: 10px;
 362         line-height: 15px;
 363         }
 364 p.time a {
 365         color: #91AA9D;
 366         }
 367
 368 #pagination {
 369         margin: 18px auto;
 370         width: 540px;
 371         }
 372 #nav_pagination {
 373         margin: 0 0 36px 0;
 374         padding: 0;
 375         float: right;
 376         list-style-type: none;
 377         font-size: 12px;
 378         font-weight: bold;
 379         }
 380 #nav_pagination li {
 381         display: block;
 382         float: left;
 383         background-color: #91AA9D;
 384         }
 385 #nav_pagination li.before {
 386         margin-right: 1px;
 387         }
 388 #nav_pagination li a {
 389         padding: 6px 15px;
 390         line-height: 21px;
 391         background-color: #91AA9D;
 392         color: #FCFFF5;
 393         }
 394 #nav_pagination li a:hover {
 395         background-color: #3F606F;
 396         color: #FCFFF5;
 397         text-decoration: none;
 398         }
 399
 400 #footer {
 401         clear: both;
 402         margin: 0 auto;
 403         padding: 0 0 36px 0;
 404         width: 540px;
 405         border-top: 1px solid #D8E2D7;
 406         }
 407 #footer p {
 408         margin-top: 9px;
 409         }
 410 #cc {
 411         float: left;
 412         margin: 3px 10px 0 0;
 413         }
 414
 415 /* ===== Begin Forms Styling ===== */
 416
 417 /* ----- Forms General Style ----- */
 418 form {
 419         margin: 0 auto;
 420         padding: 0;
 421         }
 422 form {
 423         font-family: Verdana, Arial, Helvetica, sans-serif;
 424         font-size: 12px;
 425         }
 426 form label {
 427         display: block;
 428         font-size: 12px;
 429         font-weight: bold;
 430         line-height: 18px;
 431         }
 432 form input {
 433         border: 1px solid #D8E2D7;
 434         width: 264px;
 435         }
 436 input#submit  {
 437         display: block;
 438         margin: 18px 0;
 439         padding: 4px;
 440         font-weight: bold;
 441         color: #FCFFF5;
 442         background-color: #C15D42;
 443         cursor: pointer;
 444         border: 0;
 445         width: auto;
 446         }
 447 input#submit:hover {
 448         background-color: #904632;
 449         }
 450 textarea, input {
 451         font-family: Verdana, Arial, Helvetica, sans-serif;
 452         font-size: 12px;
 453         color: #193441;
 454         padding: 3px;
 455         }
 456 textarea:focus, input:focus {
 457         background-color: #f0f6eb;
 458         }
 459 textarea {
 460         width: 270px;
 461         border: 1px solid #D8E2D7;
 462         }
 463 .input_instructions {
 464         display: block;
 465         font-size: 11px;
 466         line-height: 21px;
 467         color: #91aa9d;
 468         font-family: Verdana, Arial, Helvetica, sans-serif;
 469         }
 470
 471 /* ----- Status Form ----- */
 472 #status_form {
 473         height: 96px;
 474         /*background-color: #F00;*/
 475         }
 476 #status_form p {
 477         margin: 36px 0 0 0;
 478         padding: 0;
 479         }
 480 #status_label {
 481         display: block;
 482         clear: both;
 483         margin: 0;
 484         padding: 0 0 3px 0;
 485         font-size: 18px;
 486         font-weight: bold;
 487         line-height: 24px;
 488         color: #91AA9D;
 489         }
 490 #status_textarea {
 491         display: block;
 492         float: left;
 493         width: 463px;
 494         height: 35px;
 495         padding: 5px;
 496         font-family: Verdana, Arial, Helvetica, sans-serif;
 497         font-size: 12px;
 498         color: #193441;
 499         border: 0;
 500         }
 501 #status_submit {
 502         display: block;
 503         float: left;
 504         margin: 1px 0 0 4px;
 505         width: 63px;
 506         height: 45px;
 507         background-color: #C15D42;
 508         font-family: Verdana, Arial, Helvetica, sans-serif;
 509         font-weight: bold;
 510         font-size: 14px;
 511         color: #FCFFF5;
 512         cursor: pointer;
 513         border: 0;
 514         }
 515 #status_submit:hover {
 516         background-color: #904632;
 517         }
 518
 519 /* ----- Subscribe Form ----- */
 520 #subscribe .button, #unsubscribe .button, #remotesubscribe .button {
 521         margin: 0;
 522         width: 96px;
 523         height: 27px;
 524         font-family: verdana, arial, helvetica, sans-serif;
 525         font-weight: bold;
 526         font-size: 10px;
 527         text-transform: uppercase;
 528         background-color: #c15d42;
 529         color: #fcfff5;
 530         border: 0;
 531         }
 532 #subscribe .button:hover, #unsubscribe .button:hover {
 533         background-color: #904632;
 534         cursor: pointer;
 535         }
 536 input#profile_url {
 537         width: 88px;
 538         padding: 3px;
 539         margin: 0 0 10px 0;
 540         }
 541 /* ----- Login Form -----*/
 542 input#license {
 543         width: auto;
 544         }
 545 /* ----- Avatar Form -----*/
 546 form {
 547         clear: left;
 548 }
 549
 550 /* ===== End Forms Styling ===== */
 551