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