theme/stoica/display.css

   1 /* CSS Document */
   2
   3 body {
   4         margin: 0;
   5         padding: 0;
   6         font-family: Verdana, Arial, Helvetica, sans-serif;
   7         font-size: 10px;
   8         line-height: 12px;
   9         color: #193441;
  10         background: url(images/bg-header.gif) repeat-x #FCFFF5;
  11         }
  12 a {
  13         color: #C15D42;
  14         text-decoration: none;
  15         }
  16 a:hover {
  17         text-decoration: underline;
  18         }
  19 img, img a {
  20         border: 0;
  21         }
  22 h1 {
  23         font-size: 14px;
  24         }
  25
  26
  27
  28 /* ----- Forms General Style ----- */
  29 form {
  30         clear: left;
  31         margin: 0 auto;
  32         padding: 0;
  33         width: 540px;
  34         }
  35 form label {
  36         display: block;
  37         font-size: 12px;
  38         font-weight: bold;
  39         line-height: 15px;
  40         }
  41 form input {
  42         border: 1px solid #CCC;
  43         }
  44 input.submit  {
  45         display: block;
  46         margin: 10px 0;
  47         padding: 2px;
  48         background-color: #C15D42;
  49         font-family: Verdana, Arial, Helvetica, sans-serif;
  50         font-size: 12px;
  51         font-weight: bold;
  52         color: #FCFFF5;
  53         cursor: pointer;
  54         border: 0;
  55         }
  56 input.submit:hover {
  57         background-color: #ab5138;
  58         }
  59
  60
  61
  62
  63 #wrap {
  64         margin: 0 auto;
  65         width: 760px;
  66         }
  67 #header {
  68         margin: 0 auto;
  69         width: 540px;
  70         height: 36px;
  71         }
  72 #logo {
  73         margin-top: 6px;
  74         }
  75
  76
  77 /* ----- Navigation ------ */
  78 #nav {
  79         float: right;
  80         margin: 0;
  81         padding: 0;
  82         list-style-type: none;
  83         font-size: 12px;
  84         }
  85 #nav li {
  86         display: block;
  87         float: left;
  88         }
  89 #nav li a {
  90         display: block;
  91         padding: 9px 12px 12px 24px;
  92         color: #91AA9D;
  93         }
  94 #nav li a:hover {
  95         text-decoration: underline;
  96         }
  97
  98
  99
 100 /* ----- Status Form ----- */
 101 #status_form {
 102         height: 106px;
 103         }
 104 #status_form p {
 105         margin: 0;
 106         padding: 0;
 107         }
 108 #status_label {
 109         display: block;
 110         clear: both;
 111         padding-top: 15px;
 112         font-size: 18px;
 113         font-weight: bold;
 114         line-height: 36px;
 115         color: #91AA9D;
 116         }
 117 #status_textarea {
 118         display: block;
 119         float: left;
 120         width: 422px;
 121         height: 35px;
 122         padding: 5px;
 123         font-family: Verdana, Arial, Helvetica, sans-serif;
 124         font-size: 12px;
 125         color: #193441;
 126         border: 0;
 127         }
 128 #status_submit {
 129         display: block;
 130         float: left;
 131         margin-left: 4px;
 132         width: 63px;
 133         height: 45px;
 134         background-color: #C15D42;
 135         font-family: Verdana, Arial, Helvetica, sans-serif;
 136         font-weight: bold;
 137         font-size: 14px;
 138         color: #FCFFF5;
 139         cursor: pointer;
 140         border: 0;
 141         }
 142 #status_submit:hover {
 143         background-color: #ab5138;
 144         }
 145
 146
 147
 148 #content {
 149         clear: left;
 150         margin: 0 auto;
 151         }
 152
 153
 154 /* ----- Tabs ----- */
 155 #nav_views {
 156         clear: both;
 157         margin: 0 auto;
 158         padding: 0;
 159         list-style-type: none;
 160         font-size: 14px;
 161         font-weight: bold;
 162         width: 540px;
 163         }
 164 #nav_views li {
 165         display: block;
 166         float: left;
 167         line-height: 21px;
 168         }
 169 #nav_views li a {
 170         display: block;
 171         margin: 0 0 36px 0;
 172         padding: 4px 12px 3px 12px;
 173         color: #FCFFF5;
 174         background-color: #91AA9D;
 175         border-right: 1px solid #6A8787;
 176         }
 177 #nav_views li a:hover {
 178         text-decoration: none;
 179         }
 180 #nav_views li.current a, #nav_views li.current a:hover {
 181         color: #3F606F;
 182         background-color: #FCFFF5;
 183         border-right: 1px solid #6A8787;
 184         }
 185 #nav_views li.current a:hover {
 186         color: #193441;
 187         }
 188 #nav_views li a:hover {
 189         color: #FCFFF5;
 190         background-color: #3F606F;
 191         border-right: 1px solid #6A8787;
 192         }
 193
 194
 195 /* ----- Profile -----*/
 196 #profile {
 197         clear: left;
 198         /*background-color: #000;*/
 199         padding-top: 10px;
 200         border-top: 1px solid #D8E2D7;
 201         font-family: Georgia, "Times New Roman", Times, serif;
 202         }
 203 #profile h1 {
 204         margin: 0;
 205         padding: 0 0 3px 0;
 206         font-family: Verdana, Arial, Helvetica, sans-serif;
 207         font-size: 14px;
 208         }
 209 #profile h2 {
 210         margin: 0;
 211         padding: 0;
 212         font-family: Verdana, Arial, Helvetica, sans-serif;
 213         font-size: 11px;
 214         text-transform: uppercase;
 215         color: #91AA9D;
 216         }
 217 #profile p {
 218         margin: 0 10px 0 0;
 219         font-size: 12px;
 220         line-height: 14px;
 221         }
 222 #profile p.location {
 223         margin: 0 10px 12px 0;
 224         font-style: italic;
 225         }
 226 #profile p.notice_current {
 227         font-size: 18px;
 228         line-height: 21px;
 229         min-height: 96px;
 230         }
 231
 232 #profile_avatar {
 233         float: left;
 234         margin-right: 4px;
 235         }
 236 #profile_avatar img {
 237         margin-bottom: 5px;
 238         }
 239 #profile_information {
 240         float: left;
 241         width: 270px;
 242         }
 243
 244 #statistics {
 245         clear: left;
 246         /*margin-left: 108px;*/
 247         }
 248 #statistics h2 {
 249         margin: 12px 0 3px 0;
 250         }
 251 #statistics dl {
 252         margin: 0;
 253         font-size: 12px;
 254         line-height: 14px;
 255         }
 256 #statistics dt, #statistics dd {
 257         float: left;
 258         margin: 0;
 259         }
 260 #statistics dt {
 261         clear: left;
 262         width: 96px;
 263         }
 264 #statistics dd {
 265         clear: right;
 266         }
 267 #statistics dt:after {
 268         content: ":";
 269         }
 270 #subscriptions {
 271         float: left;
 272         margin-bottom: 30px;
 273         }
 274 #subscriptions_avatars {
 275         /*float: left;*/
 276         margin: 6px 0 0 0;
 277         padding: 0;
 278         list-style-type: none;
 279         width: 270px;
 280         }
 281 #subscriptions_avatars li {
 282         float: left;
 283         margin: 0 3px 3px 0;
 284         padding: 0;
 285         line-height: 0;
 286         }
 287 #subscriptions_viewall {
 288         clear: left;
 289         }
 290
 291
 292
 293 .action_subscription {
 294         clear: left;
 295         width: 96px;
 296         font-family: Verdana, Arial, Helvetica, sans-serif;
 297         font-weight: bold;
 298         text-transform: uppercase;
 299         background-color: #C15D42;
 300         }
 301 .action_subscription a {
 302         font-size: 10px;
 303         line-height: 24px;
 304         padding: 6px 7px;
 305         color: #FFF;
 306         }
 307 .action_subscription a:hover {
 308         text-decoration: none;
 309         background-color: #ab5138;
 310         }
 311
 312
 313 #notices {
 314         clear: both;
 315         margin: 0 auto;
 316         padding: 0;
 317         list-style-type: none;
 318         width: 540px;
 319         border-top: 1px solid #D8E2D7;
 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 p.nickname {
 348         font-family: Verdana, Arial, Helvetica, sans-serif;
 349         font-weight: bold;
 350         font-size: 12px;
 351         padding-right: 3px;
 352         }
 353 p.time {
 354         display: block;
 355         font-family: Verdana, Arial, Helvetica, sans-serif;
 356         font-size: 10px;
 357         line-height: 15px;
 358         }
 359 p.time a {
 360         color: #91AA9D;
 361         }
 362
 363 #pagination {
 364         margin: 18px auto;
 365         width: 540px;
 366         }
 367 #nav_pagination {
 368         margin: 0 0 36px 0;
 369         padding: 0;
 370         float: right;
 371         list-style-type: none;
 372         font-size: 12px;
 373         font-weight: bold;
 374         }
 375 #nav_pagination li {
 376         display: block;
 377         float: left;
 378         background-color: #91AA9D;
 379         }
 380 #nav_pagination li.before {
 381         margin-right: 1px;
 382         }
 383 #nav_pagination li a {
 384         padding: 6px 15px;
 385         line-height: 21px;
 386         background-color: #91AA9D;
 387         color: #FCFFF5;
 388         }
 389 #nav_pagination li a:hover {
 390         background-color: #3F606F;
 391         color: #FCFFF5;
 392         text-decoration: none;
 393         }
 394
 395 #nav_sub {
 396         clear: both;
 397         margin: 18px auto 0 auto;
 398         padding: 0;
 399         list-style-type: none;
 400         font-size: 11px;
 401         font-weight: bold;
 402         line-height: 21px;
 403         border-top: 1px solid #D8E2D7;
 404         width: 540px;
 405         }
 406 #nav_sub li {
 407         display: block;
 408         float: left;
 409         }
 410 #nav_sub li a {
 411         padding: 6px 24px 6px 0;
 412         }
 413 #nav_sub li a:hover {
 414         text-decoration: underline;
 415         }
 416
 417 #footer {
 418         clear: left;
 419         margin: 0 auto;
 420         /*padding-top: 6px;*/
 421         width: 540px;
 422         border-top: 1px solid #D8E2D7;
 423         }
 424 #footer p {
 425         margin-top: 9px;
 426         }
 427 #cc {
 428         float: left;
 429         margin: 12px 10px 0 0;
 430         }