view/style.css

   1
   2 body {
   3         background: #EEEEEE;
   4         font-family: verdana, sans-serif;
   5         font-size: 1.0em;
   6         margin-left: 10px;
   7 }
   8
   9 img.photo {
  10         border: 1px solid #AAAAAA;
  11         padding: 5px;
  12         background: #FFFFFF;
  13 }
  14
  15 aside {
  16         position: absolute;
  17         left: 0px;
  18         top: 60px;
  19         right: 250px;
  20         width: 250px;
  21         margin-left: 20px;
  22         margin-right: 0px;
  23         font-size: 0.9em;
  24 }
  25 section {
  26         position: absolute;
  27         left: 270px;
  28         top: 60px;
  29         margin-left: 20px;
  30         margin-right: 20px;
  31 }
  32 h1 {
  33         font-size: 1.6em;
  34 }
  35
  36 nav {
  37         position: absolute;
  38         top: 0px;
  39         height: 30px;
  40         left: 0px;
  41         right: 0px;
  42         margin-top: 20px;
  43 }
  44
  45 footer {
  46         position: absolute;
  47         left: 0px;
  48         right: 0px;
  49         bottom: 0px;
  50         margin: 20px 20px 20px 20px;
  51 }
  52 .fn {
  53         font-size: 1.4em;
  54         margin-bottom: 10px;
  55         line-height: 1.5;
  56 }
  57
  58 .powered {
  59         font-size: 0.6em;
  60 }
  61 .error-message {
  62         color: #FF0000;
  63         font-size: 1.1em;
  64         border: 1px solid #FF8888;
  65         background-color: #FFEEEE;
  66         padding: 10px;
  67 }
  68 .nav-link {
  69         float: right;
  70         margin-left: 0px;
  71         margin-right: 10px;
  72         padding: 5px;
  73         border: 1px solid black;
  74         background: #DDDDFF;
  75         font-size: 0.7em;
  76         font-weight: bold;
  77
  78 }
  79
  80 .nav-commlink {
  81         float: left;
  82         margin-left: 10px;
  83         margin-right: 0px;
  84         padding: 5px;
  85         border: 1px solid black;
  86         background: #DDDDFF;
  87         font-size: 0.7em;
  88         font-weight: bold;
  89 }
  90 #nav-end {
  91         clear: both;
  92 }
  93
  94 .login-extra-links {
  95         font-size: 0.7em;
  96 }
  97
  98 #profile-extra-links {
  99         margin-top: 20px;
 100         margin-bottom: 20px;
 101         margin-left: 20px;
 102         margin-right: 20px;
 103 }
 104
 105 #label-register-name, #label-register-email {
 106         float: left;
 107         width: 350px;
 108         margin-top: 10px;
 109 }
 110
 111 #register-name, #register-email {
 112         float: left;
 113         margin-top: 10px;
 114         width: 150px;
 115 }
 116
 117 #register-name-end, #register-email-end, #register-submit-end {
 118         clear: both;
 119 }
 120
 121 #register-submit-button {
 122         margin-top: 10px;
 123         margin-left: 350px;
 124 }
 125
 126 #label-login-name, #label-login-password, #login-extra-filler {
 127         float: left;
 128         width: 150px;
 129         margin-bottom: 20px;
 130 }
 131
 132
 133 #login-name, #login-password {
 134         float: left;
 135         width: 150px;
 136 }
 137
 138 #register-link, #lost-password-link {
 139         float: left;
 140         font-size: 0.7em;
 141         margin-right: 15px;
 142 }
 143
 144 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
 145         clear: both;
 146 }
 147
 148 #login-submit-button {
 149         margin-top: 10px;
 150         margin-left: 150px;
 151 }
 152
 153 input#dfrn-url {
 154         float: left;
 155         background: url(dfrn.gif) no-repeat;
 156         background-position: 2px center;
 157         font-size: 17px;
 158         padding-left: 21px;
 159         height: 21px;
 160         background-color: #FFFFFF;
 161         color: #000000;
 162         margin-bottom: 20px;
 163 }
 164
 165 #dfrn-url-label {
 166         float: left;
 167         width: 250px;
 168 }
 169
 170 #dfrn-request-url-end {
 171         clear: both;
 172 }
 173
 174 #knowyouyes, #knowyouno {
 175         float: left;
 176 }
 177
 178 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
 179
 180         float: none;
 181 }
 182 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
 183         float: left;
 184         width: 75px;
 185         margin-left: 50px;
 186         margin-bottom: 7px;
 187 }
 188 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
 189         clear: both;
 190
 191 }
 192
 193 #dfrn-request-message-wrapper {
 194         margin-bottom: 50px;
 195 }
 196 #dfrn-request-submit-wrapper {
 197         clear: both;
 198         margin-left: 50px;
 199 }
 200
 201 #dfrn-request-info-wrapper {
 202         margin-left: 50px;
 203 }
 204
 205 #settings-username-end, #settings-email-end, #settings-nick-end, #settings-timezone-end, #settings-password-end, #settings-confirm-end {
 206         margin-bottom: 5px;
 207         clear: both;
 208 }
 209
 210 #settings-username-label, #settings-email-label, #settings-nick-label, #settings-timezone-label, #settings-password-label, #settings-confirm-label {
 211         float: left;
 212         width: 200px;
 213 }
 214
 215 #settings-username, #settings-email, #settings-nick, #timezone-select, #settings-password, #settings-confirm {
 216         float: left;
 217         margin-bottom: 20px;
 218 }
 219
 220 #settings-nick-desc {
 221         width: 500px;
 222 }
 223
 224 #settings-nick {
 225         margin-bottom: 50px;
 226 }
 227
 228 #cropimage-wrapper, #cropimage-preview-wrapper {
 229         float: left;
 230         padding: 30px;
 231 }
 232
 233 #crop-image-form {
 234         margin-top: 30px;
 235         clear: both;
 236 }
 237
 238 .intro-fullname {
 239         font-size: 1.1em;
 240         font-weight: bold;
 241
 242 }
 243 .intro-desc {
 244         margin-bottom: 20px;
 245 }
 246
 247 .intro-note {
 248         padding: 10px;
 249 }
 250
 251 .intro-end {
 252         padding: 30px;
 253 }
 254
 255 .intro-approve-form, .intro-form {
 256         float: left;
 257 }
 258 .intro-submit-approve, .intro-submit-ignore {
 259         margin-right: 20px;
 260 }
 261 .intro-top {
 262         width: 500px;
 263         margin-bottom: 30px;
 264 }
 265 .intro-end {
 266         clear: both;
 267         margin-bottom: 30px;
 268 }
 269 #profile-edit-default-desc {
 270         color: #FF0000;
 271         border: 1px solid #FF8888;
 272         background-color: #FFEEEE;
 273         padding: 7px;
 274
 275
 276 }
 277 #profile-edit-clone-link-wrapper {
 278         margin-left: 50px;
 279         margin-bottom: 20px;
 280 }
 281
 282 #profile-edit-profile-name-label,
 283 #profile-edit-name-label,
 284 #profile-edit-gender-label,
 285 #profile-edit-address-label,
 286 #profile-edit-locality-label,
 287 #profile-edit-region-label,
 288 #profile-edit-postal-code-label,
 289 #profile-edit-country-name-label,
 290 #profile-edit-marital-label,
 291 #profile-edit-homepage-label {
 292         float: left;
 293         width: 175px;
 294 }
 295
 296 #profile-edit-profile-name,
 297 #profile-edit-name,
 298 #gender-select,
 299 #profile-edit-address,
 300 #profile-edit-locality,
 301 #profile-edit-region,
 302 #profile-edit-postal-code,
 303 #profile-edit-country-name,
 304 #marital-select,
 305 #profile-in-dir-yes,
 306 #profile-in-dir-no {
 307         float: left;
 308         margin-bottom: 20px;
 309 }
 310
 311 #profile-in-dir-yes-label, #profile-in-dir-no-label {
 312         margin-left: 125px;
 313         float: left;
 314         width: 50px;
 315 }
 316
 317 #profile-edit-homepage {
 318         float: left;
 319         margin-bottom: 35px;
 320 }
 321
 322 #profile-edit-profile-name-end,
 323 #profile-edit-name-end,
 324 #profile-edit-gender-end,
 325 #profile-edit-address-end,
 326 #profile-edit-locality-end,
 327 #profile-edit-region-end,
 328 #profile-edit-postal-code-end,
 329 #profile-edit-country-name-end,
 330 #profile-edit-marital-end,
 331 #profile-edit-homepage-end,
 332 #profile-in-dir-break,
 333 #profile-in-dir-end {
 334         clear: both;
 335 }
 336
 337 #gender-select, #marital-select {
 338  width: 145px;
 339 }
 340
 341 #profile-edit-profile-name-wrapper .required {
 342         color: #FF0000;
 343         float: left;
 344 }
 345
 346 #contacts-main {
 347         margin-bottom: 20px;
 348 }
 349 .contact-entry-photo-wrapper {
 350         float: left;
 351 }
 352 .contact-entry-direction-icon {
 353         margin-top: 24px;
 354         float: left;
 355 }
 356 .contact-entry-photo img {
 357         border: none;
 358 }
 359 .contact-entry-photo-end {
 360         clear: both;
 361 }
 362 .contact-entry-edit-links {
 363         float: left;
 364         margin-top: 10px;
 365 }
 366 .contact-entry-name {
 367         float: left;
 368 }
 369 .contact-entry-nav-wrapper {
 370         float: left;
 371         margin-left: 10px;
 372 }
 373 .contact-entry-nav-end {
 374         clear: both;
 375 }
 376 .contact-entry-break {
 377         clear: both;
 378 }
 379 .contact-entry-edit-links img {
 380         border: none;
 381         margin-right: 15px;
 382 }
 383 .contact-entry-photo {
 384         float: left;
 385 }
 386 .contact-entry-end {
 387         clear: both;
 388 }
 389
 390 .wall-item-photo-wrapper {
 391         margin-top: 20px;
 392         width: 100px;
 393         float: left;
 394 }
 395 .wall-item-wrapper {
 396         margin-top: 30px;
 397         float: left;
 398 }
 399
 400 .wall-item-wrapper-end {
 401         clear: both;
 402 }
 403 .wall-item-name-link {
 404         font-weight: bold;
 405         text-decoration: none;
 406         color: #3172BD;
 407 }
 408 .wall-item-photo {
 409         border: none;
 410 }
 411
 412 .comment-edit {
 413         font-size: 0.8em;
 414         cursor: pointer;
 415         color: #3172BD;
 416         margin-top: 15px;
 417 }
 418
 419
 420 #profile-jot-submit-wrapper {
 421         margin-top: 15px;
 422 }
 423 #profile-jot-end {
 424         margin-bottom: 30px;
 425 }
 426 #about-jot-submit-wrapper {
 427         margin-top: 15px;
 428 }
 429 #about-jot-end {
 430         margin-bottom: 30px;
 431 }
 432 #contacts-main {
 433         margin-bottom: 30px;
 434 }
 435
 436 #profile-listing-new-link-wrapper {
 437         margin-bottom: 30px;
 438 }
 439 .profile-listing-photo-wrapper {
 440         float: left;
 441 }
 442
 443 .profile-listing-edit-buttons-wrapper {
 444         clear: both;
 445 }
 446 .profile-listing-photo-edit-link {
 447         float: left;
 448         width: 125px;
 449 }
 450 .profile-listing-end {
 451         clear: both;
 452 }
 453 .profile-listing-edit-buttons-wrapper img{
 454         border: none;
 455         margin-right: 20px;
 456 }
 457 .profile-listing {
 458         margin-top: 25px;
 459 }
 460 .profile-listing-name {
 461         float: left;
 462         margin-top: 10px;
 463 }
 464 .fortune {
 465         margin-top: 50px;
 466         color: #3172BD;
 467         font-weight: bold;
 468         margin-bottom: 20px;
 469 }
 470
 471
 472 .directory-end {
 473         clear: both;
 474 }
 475
 476 .directory-item {
 477         float: left;
 478         width: 225px;
 479 }
 480