view/theme/frost-mobile/style.css

   1 /**\r
   2  * duepuntozero Frindika style\r
   3  * Fabio Comuni <fabrix.xm@gmail.com>\r
   4  *\r
   5  * Heavily modified for Frost Mobile\r
   6  * Zach P\r
   7  */\r
   8 \r
   9 \r
  10 /* generals */\r
  11 html {\r
  12         width: 320px;\r
  13         margin-left: auto;\r
  14         margin-right: auto;\r
  15 }\r
  16 \r
  17 body {\r
  18         font-family: helvetica,arial,freesans,clean,sans-serif;\r
  19         font-size: 16px;\r
  20 /*      line-height: 24px;*/\r
  21         background-color: #ffffff;\r
  22         background-image: url(head.jpg);\r
  23         background-repeat: repeat-x;\r
  24         color: #505050;\r
  25         margin: 0px;\r
  26 }\r
  27 \r
  28 div.container {\r
  29         display: block;\r
  30 /*      width: 100%;*/\r
  31         margin-top: 0px;\r
  32         margin-bottom: 0px;\r
  33         margin-left: auto;\r
  34         margin-right: auto;\r
  35 }\r
  36 \r
  37 a, a:visited, a:link { color: #3465a4; text-decoration: none; }\r
  38 a:hover {text-decoration: underline; }\r
  39 \r
  40 input {\r
  41         border: 1px solid #666666;\r
  42         -moz-border-radius: 3px;\r
  43         -webkit-border-radius: 3px;\r
  44         border-radius: 3px;     \r
  45         padding: 3px;\r
  46 }\r
  47 \r
  48 img { border :0px; }\r
  49 \r
  50 #id_openid_url, .openid input {\r
  51    background: url(login-bg.gif) no-repeat;\r
  52    background-position: 0 50%;\r
  53    padding-left: 18px;\r
  54    width: 252px;\r
  55    margin-left: 20px;\r
  56 }\r
  57 .openid:hover {\r
  58 \r
  59 }\r
  60 \r
  61 /*#id_openid_url {\r
  62         width: 384px;\r
  63 }*/\r
  64 \r
  65 code {\r
  66         font-family: Courier, monospace;\r
  67         white-space: pre;\r
  68         display: block;\r
  69         overflow: auto;\r
  70         border: 1px solid #444;\r
  71         background: #EEE;\r
  72         color: #444;\r
  73         padding: 10px;\r
  74         margin-top: 20px; \r
  75 }\r
  76 \r
  77 blockquote {\r
  78         background-color: #f4f8f9;\r
  79         border-left: 4px solid #dae4ee;\r
  80         padding: 0.4em;\r
  81 }\r
  82 \r
  83 .icollapse-wrapper, .ccollapse-wrapper {\r
  84         border: 1px solid #CCC;\r
  85         padding: 5px;\r
  86 }\r
  87 \r
  88 .hide-comments-outer {\r
  89         margin-left: 0px;\r
  90         font-weight: 700;\r
  91         opacity: 0.6;\r
  92 }\r
  93 .hide-comments {\r
  94         margin-left: 5px;\r
  95 }\r
  96 \r
  97 #panel {\r
  98         background-color: ivory;\r
  99         position: absolute;\r
 100         z-index: 2;\r
 101         width: 30%;\r
 102         padding: 25px;\r
 103         border: 1px solid #444;\r
 104 }\r
 105 \r
 106 .heart {\r
 107         color: #FF0000;\r
 108         font-size: 100%;\r
 109         margin-right: 5px;\r
 110 }\r
 111 \r
 112 \r
 113 \r
 114 /* nav */\r
 115 nav {\r
 116         height: 94px;\r
 117 /*      width: 100%;*/\r
 118         width: 320px;\r
 119         display: block;\r
 120         margin-top: 0px;\r
 121         margin-bottom: 0px;\r
 122         margin-left: auto;\r
 123         margin-right: auto;\r
 124 }\r
 125 nav #site-location {\r
 126         color: #888a85;\r
 127         font-size: 0.8em;\r
 128         position: absolute;\r
 129 }\r
 130 \r
 131 .error-message {\r
 132         color: #FF0000;\r
 133         font-size: 1.1em;\r
 134         border: 1px solid #FF8888;\r
 135         background-color: #FFEEEE;\r
 136         padding: 10px;\r
 137 }\r
 138 \r
 139 .info-message {\r
 140         color: #204a87;\r
 141         font-size: 1.1em;\r
 142         border: 1px solid #3465a4;\r
 143         background-color: #d7e3f1;\r
 144         padding: 10px;\r
 145 }\r
 146 \r
 147 \r
 148 nav #banner {\r
 149 /*      display: block;*/\r
 150         display: none;\r
 151         margin-top: 14px;\r
 152         position: absolute;\r
 153 }\r
 154 nav #banner #logo-text a {\r
 155         display: none;\r
 156         font-size: 40px;\r
 157         font-weight: bold;\r
 158         margin-left: 3px;\r
 159         color: #000000;\r
 160 \r
 161 }\r
 162 nav #banner #logo-text a:hover { text-decoration: none; }\r
 163 \r
 164 \r
 165 /* ZP REMOVE? nav-commlink */\r
 166 .nav-commlink, .nav-login-link {\r
 167         display: block;\r
 168         height: 15px;\r
 169         margin-top: 67px;\r
 170         margin-right: 2px;\r
 171         /*padding: 6px 10px;*/\r
 172         padding: 6px 3px;\r
 173         float: left;\r
 174         bottom: 140px;\r
 175         border: 1px solid #babdb6;\r
 176         border-bottom: 0px;\r
 177         background-color: #aec0d3;\r
 178         color: #565854;         \r
 179         -moz-border-radius: 3px 3px 0px 0px;\r
 180         -webkit-border-radius: 3px 3px 0px 0px;\r
 181         border-radius: 3px 3px 0px 0px; \r
 182 }\r
 183 \r
 184 .nav-commlink.selected {\r
 185         background-color: #ffffff;\r
 186         border-bottom: 1px solid #ffffff;\r
 187         color: #000000 !important;\r
 188         margin-top: 64px;\r
 189         padding-top: 6px;\r
 190         padding-bottom: 8px;\r
 191 }\r
 192 \r
 193 .nav-ajax-left.show {\r
 194         position: absolute;\r
 195         font-size: 0.8em;\r
 196         top: 22px;\r
 197         right: 2px;\r
 198         padding: 1px 2px;\r
 199         border-radius: 4px;\r
 200         -moz-border-radius: 4px;\r
 201         -webkit-border-radius: 4px;\r
 202         background-color: gold !important;\r
 203 }\r
 204 \r
 205 \r
 206 \r
 207 nav #nav-link-wrapper .nav-link {\r
 208         /*border-right: 1px solid #babdb6;*/\r
 209 }\r
 210 \r
 211 nav .nav-link {\r
 212         margin-top: 24px;\r
 213         margin-bottom: 0.2em;\r
 214         margin-right: 1em;\r
 215         margin-left: 1em;\r
 216         background-color: transparent !important;\r
 217 }\r
 218 \r
 219 .nav-button-container {\r
 220         float: right;\r
 221         position: relative;\r
 222 }\r
 223 \r
 224 .nav-button-container .nav-ajax-left {\r
 225 }\r
 226 \r
 227 .nav-menu-list {\r
 228         text-align: center;\r
 229         text-size: 18px;\r
 230         line-height: 24px;\r
 231 \r
 232         border-left: 1px solid #aaa;/*#444444;*/\r
 233         border-right: 1px solid #aaa;\r
 234         border-top: 1px solid #aaa;\r
 235         border-bottom: 1px solid #aaa;\r
 236 \r
 237         background: #FFFFFF;\r
 238 \r
 239         display: none;\r
 240         list-style: none;\r
 241 \r
 242         width: 8em;\r
 243         position: absolute;\r
 244         margin: 0px;\r
 245 /*      right: -33px;*/\r
 246         padding: 1em 0px;\r
 247 \r
 248         -moz-box-shadow: 3px 3px 5px #555;\r
 249         -webkit-box-shadow: 3px 3px 5px #555;\r
 250         box-shadow: 3px 3px 5px #555;\r
 251 \r
 252         z-index: 10000;\r
 253 }\r
 254 \r
 255 #network-menu-list {\r
 256         left: 3px;\r
 257 }\r
 258 \r
 259 #contacts-menu-list {\r
 260         right: -30px;\r
 261 }\r
 262 \r
 263 #system-menu-list {\r
 264         right: 3px;\r
 265 }\r
 266 \r
 267 \r
 268 div.main-container {\r
 269 /*      width: 100%;*/\r
 270         margin: 0px auto;\r
 271         display: block;\r
 272         position: relative;\r
 273 }\r
 274 \r
 275 /*div.main-content-loading {\r
 276         position: absolute;\r
 277         top: 200px;\r
 278         left: 50%;\r
 279         display: none;\r
 280 }*/\r
 281 \r
 282 \r
 283 /* aside */\r
 284 aside {\r
 285 /*      display: block;*/\r
 286         display: none;\r
 287         min-height: 112px;\r
 288 \r
 289         width: 250px;\r
 290 \r
 291         padding: 1em;\r
 292         margin: 1em 0px 0px 0px;\r
 293 \r
 294         position: absolute;\r
 295 \r
 296 /*      float:left;*/\r
 297 }\r
 298 \r
 299 #dfrn-request-link {\r
 300         display: block;\r
 301         color: #FFFFFF;\r
 302         -webkit-border-radius: 5px ;\r
 303         -moz-border-radius: 5px;\r
 304         border-radius: 5px;\r
 305         padding: 5px;\r
 306         font-weight: bold;\r
 307         background: #3465a4 url('friendika-16.png') no-repeat 95% center;\r
 308 }\r
 309 #wallmessage-link {\r
 310         display: block;\r
 311         color: #FFFFFF;\r
 312         -webkit-border-radius: 5px ;\r
 313         -moz-border-radius: 5px;\r
 314         border-radius: 5px;\r
 315         padding: 5px;\r
 316         font-weight: bold;\r
 317         background-color: #3465a4;\r
 318 }\r
 319 \r
 320 /* section */\r
 321 div.section-wrapper {\r
 322 /*      width: 100%;*/\r
 323         width: 320px;\r
 324 \r
 325         margin-left: auto;\r
 326         margin-right: auto;\r
 327 \r
 328         /*padding-right:2em;*/\r
 329 \r
 330         display: block;\r
 331 \r
 332         background-color: #ffffff;\r
 333         background-image: url(border.jpg);\r
 334         background-position: top right;\r
 335         background-repeat: no-repeat;\r
 336 }\r
 337 \r
 338 section {\r
 339         margin: 0px 0px 0px 0px;\r
 340 \r
 341         padding-left: 5px;\r
 342         padding-right: 5px;\r
 343         padding-top: 1em;\r
 344         padding-bottom: 3em;\r
 345 \r
 346         background-image: url(border.jpg);\r
 347         background-position: top left;\r
 348         background-repeat: no-repeat;\r
 349 \r
 350         min-height: 112px;\r
 351         border-top: 1px solid #babdb6;  \r
 352 }\r
 353 \r
 354 .tabs {\r
 355         /*background-image: url(head.jpg);\r
 356         background-repeat: repeat-x;    \r
 357         background-position: 0px -20px;*/\r
 358         border-bottom: 1px solid #babdb6;\r
 359         padding:0px;\r
 360 }\r
 361 .tabs li { margin: 0px 0px 20px 0px; padding-left: 1em; list-style: none; }\r
 362 .tabs a {\r
 363         padding: 0.4em 2em;\r
 364         border: 1px solid #aaa;\r
 365         border-radius: 8px;\r
 366         -moz-border-radius: 8px;\r
 367         -webkit-border-radius: 8px;\r
 368 }\r
 369 .tab {\r
 370         /*display:block;*/\r
 371         /*float:left;*/\r
 372         padding-left: 1em;\r
 373         padding-right: 0.4em;\r
 374         padding-top: 0.4em;\r
 375         padding-bottom: 0.4em;\r
 376         /*margin-right: 1em;*/\r
 377         margin-right: 3px ;\r
 378 }\r
 379 .tab.active {\r
 380         font-weight: bold;\r
 381         \r
 382 }\r
 383 #events-tab {\r
 384         display: none;\r
 385 }\r
 386 \r
 387 \r
 388 /* footer */\r
 389 footer {\r
 390     display: none;\r
 391 \r
 392 }\r
 393 \r
 394 .birthday-today, .event-today {\r
 395         font-weight: bold;\r
 396 }\r
 397 \r
 398 .preview {\r
 399         background: #FFFFC8;\r
 400 }\r
 401 \r
 402 #theme-preview {\r
 403         margin: 15px 0 15px 150px;\r
 404 }\r
 405 \r
 406 /* from default */\r
 407 #jot-perms-icon, \r
 408 #profile-location,\r
 409 #profile-nolocation,\r
 410 #profile-youtube, \r
 411 #profile-video, \r
 412 #profile-audio,\r
 413 #profile-link,\r
 414 #profile-title, \r
 415 #wall-image-upload,\r
 416 #wall-file-upload,\r
 417 #profile-upload-wrapper,\r
 418 #wall-image-upload-div,\r
 419 #wall-file-upload-div,\r
 420 .hover, .focus {\r
 421         cursor: pointer;\r
 422 }\r
 423 \r
 424 #jot-perms-icon {\r
 425         float: left;\r
 426 }\r
 427 \r
 428 #jot-title, #jot-category {\r
 429         border: 0px;\r
 430         margin: 0px;\r
 431         height: 20px;\r
 432         width: 270px;\r
 433         margin-bottom: 5px;\r
 434         font-weight: bold;\r
 435         border: 1px solid #ffffff;\r
 436 }\r
 437 \r
 438 #jot-title::-webkit-input-placeholder{font-weight: normal;}\r
 439 #jot-category::-webkit-input-placeholder{font-weight: normal;}\r
 440 #jot-title:-moz-placeholder{font-weight: normal;}\r
 441 #jot-category:-moz-placeholder{font-weight: normal;}\r
 442                 \r
 443         \r
 444 #jot-title:hover,\r
 445 #jot-title:focus,\r
 446 #jot-category:hover,\r
 447 #jot-category:focus {\r
 448         border: 1px solid #cccccc; \r
 449 }\r
 450 \r
 451 .jothidden { display:none; }\r
 452 \r
 453 \r
 454 .fakelink, .fakelink:visited, .fakelink:link {\r
 455         color: #3465a4;\r
 456         text-decoration: none;\r
 457         cursor: pointer;\r
 458         margin-top: 15px;\r
 459         margin-bottom: 15px;\r
 460 }\r
 461 .lockview {\r
 462         cursor: pointer;\r
 463 }\r
 464 \r
 465 #group-sidebar {\r
 466         margin-bottom: 10px;\r
 467 }\r
 468 \r
 469 .group-selected, .nets-selected, .fileas-selected, .categories-selected {\r
 470         padding: 3px;\r
 471         -moz-border-radius: 3px;\r
 472         -webkit-border-radius: 3px;\r
 473         border-radius: 3px;     \r
 474         border: 1px solid #CCCCCC;\r
 475         background: #F8F8F8;\r
 476         font-weight: bold;\r
 477 }\r
 478 \r
 479 .settings-widget .selected {\r
 480         padding: 3px;\r
 481         -moz-border-radius: 3px;\r
 482         -webkit-border-radius: 3px;\r
 483         border-radius: 3px;     \r
 484         border: 1px solid #CCCCCC;\r
 485         background: #F8F8F8;\r
 486         font-weight: bold;\r
 487 }\r
 488 \r
 489 .fakelink:hover {\r
 490         color: #3465a4;\r
 491         text-decoration: underline;\r
 492         cursor: pointer;\r
 493 }\r
 494 .smalltext {\r
 495         font-size: 0.7em;\r
 496 }\r
 497 #sysmsg {\r
 498         /*width: 600px;*/\r
 499         margin-bottom: 10px;\r
 500 }\r
 501 \r
 502 #register-fill-ext {\r
 503         margin-bottom: 25px;\r
 504 }\r
 505 \r
 506 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {\r
 507         float: left;\r
 508         width: 350px;\r
 509         margin-top: 10px;\r
 510 }\r
 511 \r
 512 #register-name, #register-email, #register-nickname {\r
 513         float: left;\r
 514         margin-top: 10px;\r
 515         width: 150px;\r
 516 }\r
 517 \r
 518 #register-openid {\r
 519         float: left;\r
 520         margin-top: 10px;\r
 521         width: 130px;\r
 522 }\r
 523 \r
 524 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {\r
 525         clear: both;\r
 526 }\r
 527 \r
 528 #register-nickname-desc {\r
 529         margin-top: 30px;\r
 530         width: 650px;\r
 531 }\r
 532 #register-sitename {\r
 533         float: left;\r
 534         margin-top: 10px;\r
 535 }\r
 536 \r
 537 #register-submit-button {\r
 538         margin-top: 10px;\r
 539 }\r
 540 \r
 541 \r
 542 #login_standard {\r
 543         width: 210px;\r
 544         float: left;\r
 545 }\r
 546 #login_openid {\r
 547         width: 210px;\r
 548         margin-left: 250px;\r
 549 }\r
 550 \r
 551 #login_standard input,\r
 552 #login_openid input {\r
 553         width: 180px;\r
 554 }\r
 555 \r
 556 #login-extra-links {\r
 557         clear: both;\r
 558 }\r
 559 \r
 560 #register-link, #lost-password-link {\r
 561         float: left;\r
 562         font-size: 80%;\r
 563         margin-right: 15px;\r
 564 }\r
 565 \r
 566 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {\r
 567         height: 50px;\r
 568 }\r
 569 \r
 570 #login-submit-button {\r
 571 /*      margin-top: 10px; */\r
 572         margin-left: 200px;\r
 573 }\r
 574 \r
 575 \r
 576 input#dfrn-url {\r
 577         float: left;\r
 578         background: url(friendika-16.png) no-repeat;\r
 579         background-position: 2px center;\r
 580         font-size: 17px;\r
 581         padding-left: 21px;\r
 582         height: 21px;\r
 583         background-color: #FFFFFF;\r
 584         color: #000000;\r
 585         margin-bottom: 20px;\r
 586 }\r
 587 \r
 588 #dfrn-url-label {\r
 589         float: left;\r
 590         width: 250px;\r
 591 }\r
 592 \r
 593 #dfrn-request-url-end {\r
 594         clear: both;\r
 595 }\r
 596 \r
 597 #knowyouyes, #knowyouno {\r
 598         float: left;\r
 599 }\r
 600 \r
 601 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {\r
 602 \r
 603         float: none;\r
 604 }\r
 605 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {\r
 606         float: left;\r
 607         width: 75px;\r
 608         margin-left: 50px;\r
 609         margin-bottom: 7px;\r
 610 }\r
 611 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {\r
 612         clear: both;\r
 613 \r
 614 }\r
 615 \r
 616 #dfrn-request-message-wrapper {\r
 617         margin-bottom: 50px;\r
 618 }\r
 619 #dfrn-request-submit-wrapper {\r
 620         clear: both;\r
 621         margin-left: 50px;\r
 622 }\r
 623 \r
 624 #dfrn-request-info-wrapper {\r
 625         margin-left: 50px;\r
 626 }\r
 627 \r
 628 \r
 629 \r
 630 #cropimage-wrapper, #cropimage-preview-wrapper {\r
 631         float: left;\r
 632         padding: 10px;\r
 633 }\r
 634 .imgCrop {\r
 635         max-width: 280px;\r
 636 }\r
 637 #crop-image-form {\r
 638         margin-top: 30px;\r
 639         clear: both;\r
 640 }\r
 641 \r
 642 .intro-wrapper {\r
 643         margin-top: 20px;\r
 644 }\r
 645 \r
 646 .intro-fullname {\r
 647         font-size: 1.1em;\r
 648         font-weight: bold;\r
 649 \r
 650 }\r
 651 .intro-desc {\r
 652         margin-bottom: 20px;\r
 653         font-weight: bold;\r
 654 }\r
 655 \r
 656 .intro-note {\r
 657         padding: 10px;\r
 658 }\r
 659 \r
 660 .intro-end {\r
 661         padding: 30px;\r
 662 }\r
 663 \r
 664 .intro-form {\r
 665         float: left;\r
 666 }\r
 667 .intro-approve-form {\r
 668         clear: both;\r
 669 }\r
 670 .intro-approve-as-friend-end {\r
 671         clear: both;\r
 672 }\r
 673 .intro-submit-approve, .intro-submit-ignore {\r
 674         margin-right: 20px;\r
 675 }\r
 676 .intro-submit-approve {\r
 677         margin-top: 15px;\r
 678 }\r
 679 \r
 680 .intro-approve-as-friend-label, .intro-approve-as-fan-label {\r
 681         float: left;\r
 682         width: 100px;\r
 683         margin-left: 20px;\r
 684 }\r
 685 .intro-approve-as-friend, .intro-approve-as-fan {\r
 686         float: left;\r
 687 }\r
 688 .intro-form-end {\r
 689         clear: both;\r
 690 }\r
 691 .intro-approve-as-friend-desc {\r
 692         margin-top: 15px;\r
 693 }\r
 694 .intro-approve-as-end {\r
 695         clear: both;\r
 696         margin-bottom: 10px;\r
 697 }\r
 698 \r
 699 .intro-end {\r
 700         clear: both;\r
 701         margin-bottom: 30px;\r
 702 }\r
 703 .aprofile dt {\r
 704         font-weight: bold;\r
 705 }\r
 706 #page-profile .title {\r
 707         font-weight: bold;\r
 708 }\r
 709 #profile-vcard-break {\r
 710         clear: both;\r
 711 }\r
 712 #profile-extra-links {\r
 713         clear: both;\r
 714         margin-top: 10px;\r
 715 }\r
 716 \r
 717 #profile-extra-links ul {\r
 718         list-style-type: none;\r
 719         padding: 0px;\r
 720 }\r
 721 \r
 722 \r
 723 #profile-extra-links li {\r
 724         margin-top: 5px;\r
 725 }\r
 726 \r
 727 #profile-edit-links ul {\r
 728         list-style-type: none;\r
 729 }\r
 730 \r
 731 #profile-edit-links li {\r
 732         margin-top: 10px;\r
 733 }\r
 734 .profile-edit-side-div {\r
 735         float: right;\r
 736 }\r
 737 .profile-edit-side-link {\r
 738         opacity: 0.3;\r
 739         filter:alpha(opacity=30);\r
 740 }\r
 741 .profile-edit-side-link:hover {\r
 742         opacity: 1.0;\r
 743         filter:alpha(opacity=100);\r
 744 }\r
 745 \r
 746 .view-contact-wrapper {\r
 747         margin-top: 20px;\r
 748         float: left;\r
 749         margin-left: 20px;\r
 750         width: 180px;\r
 751 }\r
 752 \r
 753 .contact-wrapper {\r
 754         float: left;\r
 755         width: 150px;\r
 756         height: 150px;\r
 757         overflow: auto;\r
 758 }\r
 759 \r
 760 #view-contact-end {\r
 761         clear: both;\r
 762 }\r
 763 \r
 764 \r
 765 #viewcontacts {\r
 766         margin-top: 15px;\r
 767 }\r
 768 #profile-edit-default-desc {\r
 769         color: #FF0000;\r
 770         border: 1px solid #FF8888;\r
 771         background-color: #FFEEEE;\r
 772         padding: 7px;\r
 773 }\r
 774 \r
 775 #profile-edit-clone-link-wrapper {\r
 776         float: left;\r
 777         margin-left: 50px;\r
 778         margin-bottom: 20px;\r
 779         width: 300px;\r
 780 }\r
 781 \r
 782 \r
 783 #profile-edit-links-end {\r
 784         clear: both;\r
 785         margin-bottom: 15px;\r
 786 }\r
 787 \r
 788 .profile-listing-photo {\r
 789         border: none;\r
 790 }\r
 791 \r
 792 .profile-edit-submit-wrapper {\r
 793         margin-top: 20px;\r
 794         margin-bottom: 20px;\r
 795 }\r
 796 \r
 797 #profile-photo-link-select-wrapper {\r
 798         margin-top: 2em;\r
 799 }\r
 800 \r
 801 #profile-photo-submit-wrapper {\r
 802         margin-top: 10px;\r
 803 }\r
 804 \r
 805 #profile-photo-wrapper img {\r
 806         width:175px;\r
 807         height:175px;\r
 808         padding: 12px;\r
 809 }\r
 810 \r
 811 #profile-edit-profile-name-label,\r
 812 #profile-edit-name-label,\r
 813 #profile-edit-pdesc-label,\r
 814 #profile-edit-gender-label,\r
 815 #profile-edit-dob-label,\r
 816 #profile-edit-address-label,\r
 817 #profile-edit-locality-label,\r
 818 #profile-edit-region-label,\r
 819 #profile-edit-postal-code-label,\r
 820 #profile-edit-country-name-label,\r
 821 #profile-edit-marital-label,\r
 822 #profile-edit-sexual-label,\r
 823 #profile-edit-politic-label,\r
 824 #profile-edit-religion-label,\r
 825 #profile-edit-pubkeywords-label,\r
 826 #profile-edit-prvkeywords-label,\r
 827 #profile-edit-homepage-label,\r
 828 #profile-edit-hometown-label {\r
 829         font-weight: 700;\r
 830         float: left;\r
 831         width: 175px;\r
 832 }\r
 833 \r
 834 #profile-edit-profile-name,\r
 835 #profile-edit-name,\r
 836 #profile-edit-pdesc,\r
 837 #gender-select,\r
 838 #profile-edit-dob,\r
 839 #profile-edit-address,\r
 840 #profile-edit-locality,\r
 841 #profile-edit-region,\r
 842 #profile-edit-postal-code,\r
 843 #profile-edit-country-name,\r
 844 #marital-select,\r
 845 #sexual-select,\r
 846 #profile-edit-politic,\r
 847 #profile-edit-religion,\r
 848 #profile-edit-pubkeywords,\r
 849 #profile-edit-prvkeywords,\r
 850 #profile-in-dir-yes,\r
 851 #profile-in-dir-no,\r
 852 #profile-in-netdir-yes,\r
 853 #profile-in-netdir-no,\r
 854 #hide-wall-yes,\r
 855 #hide-wall-no,\r
 856 #hide-friends-yes,\r
 857 #hide-friends-no {\r
 858         float: left;\r
 859         margin-bottom: 20px;\r
 860         margin-left: 20px;\r
 861 }\r
 862 #profile-edit-country-name {\r
 863         max-width: 260px;\r
 864 }\r
 865 #profile-edit-pubkeywords,\r
 866 #profile-edit-prvkeywords {\r
 867         margin-bottom: 5px;\r
 868 }\r
 869 #settings-normal,\r
 870 #settings-soapbox,\r
 871 #settings-freelove,\r
 872 #settings-community {\r
 873         float: left;\r
 874 }\r
 875 #settings-notifications label {\r
 876         margin-left: 20px;\r
 877 }\r
 878 #settings-notify-desc, #settings-activity-desc {\r
 879         font-weight: bold;\r
 880         margin-bottom: 15px;\r
 881 }\r
 882 #settings-pagetype-desc {\r
 883         color: #666666;\r
 884         margin-bottom: 15px;\r
 885 }\r
 886 \r
 887 #profile-in-dir-yes-label,\r
 888 #profile-in-dir-no-label,\r
 889 #profile-in-netdir-yes-label,\r
 890 #profile-in-netdir-no-label,\r
 891 #hide-wall-yes-label,\r
 892 #hide-wall-no-label,\r
 893 #hide-friends-yes-label,\r
 894 #hide-friends-no-label {\r
 895         margin-left: 125px;\r
 896         float: left;\r
 897         width: 50px;\r
 898 }\r
 899 \r
 900 \r
 901 #profile-edit-howlong-label,\r
 902 #profile-edit-with-label {\r
 903         display: block;\r
 904         font-style: italic;\r
 905         width: 175px;\r
 906         margin-left: 0px;\r
 907 }\r
 908 #profile-edit-howlong,\r
 909 #profile-edit-with {\r
 910         margin-left: 20px;\r
 911         margin-bottom: 20px;\r
 912 }\r
 913 \r
 914 #profile-publish-yes-reg,\r
 915 #profile-publish-no-reg {\r
 916         float: left;\r
 917         margin-bottom: 10px;\r
 918 }\r
 919 \r
 920 #profile-publish-yes-label-reg,\r
 921 #profile-publish-no-label-reg {\r
 922         margin-left: 350px;\r
 923         float: left;\r
 924         width: 50px;\r
 925 }\r
 926 \r
 927 #profile-publish-break-reg,\r
 928 #profile-publish-end-reg {\r
 929         clear: both;\r
 930 }\r
 931 \r
 932 \r
 933 #profile-edit-pdesc-desc,\r
 934 #profile-edit-pubkeywords-desc,\r
 935 #profile-edit-prvkeywords-desc  {\r
 936         float: left;\r
 937         color: #777;\r
 938         margin-left: 20px;\r
 939         margin-bottom: 20px;\r
 940 }\r
 941 #profile-edit-prvkeywords-desc {\r
 942         margin-bottom: 0px;\r
 943 }\r
 944 \r
 945 #profile-edit-homepage, #profile-edit-hometown {\r
 946         float: left;\r
 947         margin-bottom: 25px;\r
 948         margin-left: 20px;\r
 949 }\r
 950 #profile-edit-hometown {\r
 951         margin-bottom: 5px;\r
 952 }\r
 953 #settings-normal-label,\r
 954 #settings-soapbox-label,\r
 955 #settings-community-label,\r
 956 #settings-freelove-label {\r
 957         float: left;\r
 958         width: 200px;\r
 959 }\r
 960 #settings-normal-desc,\r
 961 #settings-soapbox-desc,\r
 962 #settings-community-desc,\r
 963 #settings-freelove-desc {\r
 964         /*float: left;\r
 965         margin-left: 75px;*/\r
 966     clear: left;\r
 967     color: #666666;\r
 968     display: block;\r
 969     margin-bottom: 20px \r
 970 }\r
 971 \r
 972 #profile-edit-profile-name-end,\r
 973 #profile-edit-name-end,\r
 974 #profile-edit-pdesc-end,\r
 975 #profile-edit-gender-end,\r
 976 #profile-edit-dob-end,\r
 977 #profile-edit-address-end,\r
 978 #profile-edit-locality-end,\r
 979 #profile-edit-region-end,\r
 980 #profile-edit-postal-code-end,\r
 981 #profile-edit-country-name-end,\r
 982 #profile-edit-marital-end,\r
 983 #profile-edit-sexual-end,\r
 984 #profile-edit-politic-end,\r
 985 #profile-edit-religion-end,\r
 986 #profile-edit-pubkeywords-end,\r
 987 #profile-edit-prvkeywords-end,\r
 988 #profile-edit-homepage-end,\r
 989 #profile-edit-hometown-end,\r
 990 #profile-in-dir-break,\r
 991 #profile-in-dir-end,\r
 992 #profile-in-netdir-break,\r
 993 #profile-in-netdir-end,\r
 994 #hide-wall-break,\r
 995 #hide-wall-end,\r
 996 #hide-friends-break,\r
 997 #hide-friends-end,\r
 998 #settings-normal-break,\r
 999 #settings-soapbox-break,\r
1000 #settings-community-break,\r
1001 #settings-freelove-break {\r
1002         clear: both;\r
1003 }\r
1004 #profile-edit-marital-wrapper, #profile-edit-address-wrapper {\r
1005         margin-top: 50px;\r
1006 }\r
1007 #profile-edit-marital-end {\r
1008         margin-bottom: 20px;\r
1009 }\r
1010 \r
1011 .settings-widget ul {\r
1012         list-style-type: none;\r
1013         padding: 0px;\r
1014 }\r
1015 \r
1016 .settings-widget li {\r
1017         margin-left: 24px;\r
1018         margin-bottom: 8px;\r
1019 }\r
1020 \r
1021 \r
1022 #gender-select, #marital-select, #sexual-select {\r
1023         width: 220px;\r
1024 }\r
1025 \r
1026 #profile-edit-profile-name-wrapper .required {\r
1027         color: #FF0000;\r
1028         float: left;\r
1029 }\r
1030 \r
1031 #contacts-display-wrapper {\r
1032         padding-left: 35px;\r
1033 }\r
1034 \r
1035 #contacts-main {\r
1036         margin-top: 20px;\r
1037         margin-bottom: 20px;\r
1038 }\r
1039 \r
1040 .contact-entry-wrapper {\r
1041         float: left;\r
1042 /*      width: 120px;\r
1043         height: 120px;*/\r
1044         padding-left: 15px;\r
1045         padding-right: 15px; \r
1046         width: 95px;\r
1047         height: 170px;\r
1048 }\r
1049 #contacts-search-end {\r
1050         margin-bottom: 10px;\r
1051 }\r
1052 \r
1053 .contact-entry-direction-icon {\r
1054         margin-top: 24px;\r
1055         margin-right: 2px;\r
1056 }\r
1057 \r
1058 .contact-entry-photo img {\r
1059         border: none;\r
1060 }\r
1061 .contact-entry-photo-end {\r
1062         clear: both;\r
1063 }\r
1064 .contact-entry-name {\r
1065         float: left;\r
1066         margin-left: 0px;\r
1067         margin-right: 10px;\r
1068         padding-bottom: 5px;\r
1069         width: 120px;\r
1070         font-weight: 600;\r
1071         overflow: hidden;\r
1072 }\r
1073 .contact-entry-details {\r
1074         font-style: italic;\r
1075         font-size: 10px;\r
1076         font-weight: 500;\r
1077 }\r
1078 .contact-entry-network {\r
1079         font-size: 10px;\r
1080         font-weight: 500;\r
1081 }\r
1082 .contact-entry-edit-links {\r
1083         margin-top: 6px;\r
1084         margin-left: 10px;\r
1085         width: 16px;\r
1086 }\r
1087 .contact-entry-nav-wrapper {\r
1088         float: left;\r
1089         margin-left: 10px;\r
1090 }\r
1091 \r
1092 .contact-entry-edit-links img {\r
1093         border: none;\r
1094         margin-right: 15px;\r
1095 }\r
1096 .contact-entry-photo {\r
1097         float: left;\r
1098         position: relative;\r
1099 }\r
1100 .contact-entry-end {\r
1101         clear: both;\r
1102 }\r
1103 \r
1104 #fsuggest-desc, #fsuggest-submit-wrapper {\r
1105         margin-top: 15px;\r
1106         margin-bottom: 15px;\r
1107 }\r
1108 \r
1109 #network-star-link{\r
1110         margin-top: 10px;\r
1111 }\r
1112 .network-star {\r
1113         float: left;\r
1114         margin-right: 5px;\r
1115 }\r
1116 #network-bmark-link {\r
1117         margin-top: 10px;\r
1118 }\r
1119 \r
1120 .wall-item-content-wrapper {\r
1121         margin-top: 60px;\r
1122         padding-top: 30px;\r
1123         border-top: 2px solid #AAAAAA;\r
1124         position: relative;\r
1125 \r
1126 }\r
1127 \r
1128 .wall-item-content-wrapper.comment {\r
1129         margin-top: 30px;\r
1130         padding-top: 0px;\r
1131         margin-left: 5px;\r
1132         margin-right: 5px;\r
1133         border: 2px solid #AAAAAA;\r
1134         border-radius: 10px;\r
1135         -webkit-border-radius: 10px;\r
1136         -moz-border-radius: 10px;\r
1137 /*      background: #EEEEEE;*/\r
1138 }\r
1139 \r
1140 .wall-item-like, .wall-item-dislike {\r
1141         font-style: italic;\r
1142         margin-left: 0px;\r
1143         opacity: 0.6;\r
1144 }\r
1145 \r
1146 .wall-item-like.comment, .wall-item-dislike.comment {\r
1147         margin-left: 5px;\r
1148 }\r
1149 \r
1150 .wall-item-info {\r
1151         display: block;\r
1152         float: left;\r
1153         width:110px;\r
1154         margin-right:10px;\r
1155 }\r
1156 .comment .wall-item-info {\r
1157         width: 70px;\r
1158 }\r
1159 \r
1160 .wall-item-photo-wrapper {\r
1161         margin-bottom: 10px;\r
1162         width: 100px;\r
1163 }\r
1164 .wall-item-photo-menu-button {\r
1165         display: block;\r
1166         position: absolute;\r
1167         background-image: url("photo-menu.jpg");\r
1168         background-position: top left; \r
1169         background-repeat: no-repeat;\r
1170         margin: 0px; padding: 0px;\r
1171         width: 16px;\r
1172         height: 16px;\r
1173         top: 94px; left:0px;\r
1174         overflow: hidden;\r
1175         text-indent: 40px;\r
1176         display: none;\r
1177         \r
1178 }\r
1179 .wall-item-photo-menu {\r
1180         width: auto;\r
1181         border: 2px solid #444444;\r
1182         background: #FFFFFF;\r
1183         position: absolute;\r
1184         left: 0px; top:110px;\r
1185         display: none;\r
1186         z-index: 10000;\r
1187 }\r
1188 .wall-item-photo-menu { margin:0px; padding: 0px; list-style: none }\r
1189 .wall-item-photo-menu li a { display: block; padding: 2px; }\r
1190 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }\r
1191 \r
1192 \r
1193 .comment .wall-item-photo-menu-button { top: 64px;}\r
1194 .comment .wall-item-photo-menu { top: 80px; }\r
1195 \r
1196 .wallwall .wwto {\r
1197     left: 50px;\r
1198     margin: 0;\r
1199     position: absolute;\r
1200     top: 80px;\r
1201     width: 30px\r
1202 }\r
1203 .wallwall .wwto img {\r
1204         width: 30px !important;\r
1205         height: 30px !important;\r
1206 }\r
1207 \r
1208 .wallwall /*.wall-item-photo-end*/ {\r
1209         clear: both;\r
1210 }\r
1211 \r
1212 .wall-item-arrowphoto-wrapper {\r
1213     position: absolute;\r
1214     left: 75px;\r
1215     top: 80px;\r
1216     z-index: 100;\r
1217 }\r
1218 .wall-item-wrapper {\r
1219         margin-left:10px;\r
1220 }\r
1221 .wall-item-lock {\r
1222         margin-top: 30px;\r
1223         left: 105px;\r
1224         position: absolute;\r
1225         top: 1px;       \r
1226 }\r
1227 .comment .wall-item-lock {\r
1228         margin-top: 0px;\r
1229         left: 65px;\r
1230 }\r
1231 \r
1232 .wall-item-ago {\r
1233         color: #888888;\r
1234         font-size: 0.8em;\r
1235 }\r
1236 \r
1237 .wall-item-location {\r
1238         overflow: hidden;\r
1239         /* add ellipsis on text overflow               */\r
1240         /* this work on safari, opera, ie, chrome.     */\r
1241         /* firefox users have to wait support or we    */\r
1242         /* can use a jquery plugin http://bit.ly/zJskg */\r
1243         text-overflow: ellipsis;\r
1244         -o-text-overflow: ellipsis;\r
1245         width: 100%;\r
1246 }\r
1247 \r
1248 .wall-item-like-buttons {\r
1249         float: left;\r
1250         margin-right: 3px;\r
1251 }\r
1252 \r
1253 .like-rotator {\r
1254         margin-left: 5px;\r
1255 }\r
1256 \r
1257 .wall-item-like-buttons > a,\r
1258 .wall-item-like-buttons > img {\r
1259         float: left;\r
1260 }\r
1261 \r
1262 .wall-item-like-buttons img {\r
1263         cursor: pointer;\r
1264 }\r
1265 \r
1266 .wall-item-share-buttons {\r
1267         margin-left: 10px;\r
1268         margin-right: 10px;\r
1269 }\r
1270 \r
1271 .editpost {\r
1272         margin-left: 10px;\r
1273         float: left;\r
1274 }\r
1275 .star-item {\r
1276         margin-left: 10px;\r
1277         float: left;    \r
1278 }\r
1279 .tag-item {\r
1280         margin-left: 10px;\r
1281         float: left;    \r
1282 }\r
1283 \r
1284 .filer-item {\r
1285         margin-left: 10px;\r
1286         float: left;\r
1287 }\r
1288 \r
1289 .wall-item-links-wrapper {\r
1290         float: left;\r
1291 }\r
1292 \r
1293 .wall-item-delete-wrapper {\r
1294         float: right;\r
1295 }\r
1296 \r
1297 /*.wall-item-delete-end {\r
1298         clear: both;\r
1299 }*/\r
1300 \r
1301 .wall-item-delete-icon {\r
1302         border: none;\r
1303 }\r
1304 \r
1305 \r
1306 /*.wall-item-wrapper-end {\r
1307         clear: both;\r
1308 }*/\r
1309 .wall-item-name-link {\r
1310         font-weight: bold;\r
1311         text-decoration: none;\r
1312         color: #3172BD;\r
1313 }\r
1314 .wall-item-photo {\r
1315         border: none;\r
1316 }\r
1317 .comment .wall-item-photo {\r
1318         width: 50px !important; \r
1319         height: 50px !important;\r
1320         border-top-left-radius: 10px;\r
1321 }\r
1322 .wall-item-content {\r
1323         float: left;\r
1324         margin-left: 3px;\r
1325 /*      padding-right: 1em;\r
1326         max-height: 500px;\r
1327         overflow: auto;*/\r
1328 }\r
1329 \r
1330 .wall-item-content img {\r
1331         max-width: 300px;\r
1332         border-radius: 7px;\r
1333         -moz-border-radius: 7px;\r
1334         -webkit-border-radius: 7px;\r
1335 }\r
1336 \r
1337 \r
1338 \r
1339 .wall-item-title {\r
1340         float: left;\r
1341         font-weight: bold;\r
1342         font-size: 1.6em; \r
1343         /*width: 450px;*/\r
1344 }\r
1345 \r
1346 /*.wall-item-title-end {\r
1347         clear: both;\r
1348 }*/\r
1349 \r
1350 .wall-item-body {\r
1351         text-align: justify;\r
1352         float: left;\r
1353         width: 300px;\r
1354         overflow: hidden;\r
1355         margin-top: 10px;\r
1356         line-height: 23px;\r
1357 }\r
1358 \r
1359 .wall-item-body code {\r
1360         overflow: auto;\r
1361 }\r
1362 \r
1363 .comment .wall-item-body {\r
1364         margin-left: 5px;\r
1365         width: 280px;\r
1366 }\r
1367 \r
1368 .wall-item-tools {\r
1369         clear: both;\r
1370 /*      background-image: url("head.jpg");\r
1371         background-position: 0 -20px;\r
1372         background-repeat: repeat-x;*/\r
1373         padding: 5px 5px 0px;\r
1374         height: 32px;\r
1375 }\r
1376 .wall-item-author {\r
1377 /*      margin-top: 10px;*/\r
1378         margin-top: 0px;\r
1379 }\r
1380 \r
1381 .comment .wall-item-tools {\r
1382 /*      background:none;*/\r
1383 /*      background-image: url("head.jpg");\r
1384         background-position: 0 -20px;\r
1385         background-repeat: repeat-x;*/\r
1386         border-bottom-left-radius: 10px;\r
1387         border-bottom-right-radius: 10px;\r
1388 } \r
1389 \r
1390 .comment-edit-wrapper {\r
1391         margin-top: 15px;\r
1392         background: #f3f3f3;\r
1393         margin-left: 50px;\r
1394 }\r
1395 \r
1396 .comment-wwedit-wrapper {\r
1397         display: block;\r
1398         margin-top: 15px;\r
1399         background: #f3f3f3;\r
1400         margin-left: 10px;\r
1401         margin-right: 10px;\r
1402 }\r
1403 \r
1404 .comment-edit-photo {\r
1405         margin-top: 15px;\r
1406         margin-left: 10px;\r
1407         margin-bottom: 10px;\r
1408         width: 25px;\r
1409         float: left;\r
1410 }\r
1411 .comment-edit-photo img {\r
1412         width: 25px;\r
1413 }\r
1414 .comment-edit-text-empty, .comment-edit-text-full {\r
1415 /*      float: left;*/\r
1416         -moz-border-radius: 3px;\r
1417         -webkit-border-radius: 3px;\r
1418         border-radius: 3px;     \r
1419         border: 1px solid #cccccc;\r
1420         padding: 3px 1px 1px 3px;\r
1421 }\r
1422 \r
1423 .comment-edit-text-empty {\r
1424         color: gray;\r
1425         height: 30px;\r
1426         width: 175px;\r
1427 /*      overflow: auto;*/\r
1428         margin-top: 40px;\r
1429         margin-bottom: 10px;\r
1430         margin-left: 20px;\r
1431 }\r
1432 \r
1433 .comment-edit-text-full {\r
1434         color: black;\r
1435         height: 150px;\r
1436 /*      width: 350px;\r
1437         overflow: auto;*/\r
1438         width: 250px;\r
1439         margin-top: 15px;\r
1440         margin-left: 20px;\r
1441 }\r
1442 \r
1443 .comment-edit-text-end {\r
1444         clear: both;\r
1445 }\r
1446 \r
1447 .comment-edit-submit {\r
1448         font-size: 18px;\r
1449         padding: 5px 10px;\r
1450         margin: 10px 0px 10px 110px;\r
1451 }\r
1452 \r
1453 #profile-jot-wrapper {\r
1454         padding-left: 10px;\r
1455 }\r
1456 \r
1457 #profile-jot-plugin-wrapper,\r
1458 #profile-jot-submit-wrapper {\r
1459         margin-top: 15px;\r
1460 }\r
1461 \r
1462 #profile-jot-submit {\r
1463         float: left;\r
1464         font-size: 18px;\r
1465         padding: 5px 8px;\r
1466 }\r
1467 #profile-upload-wrapper {\r
1468         float: left;\r
1469         margin-left: 30px;\r
1470 }\r
1471 #profile-attach-wrapper {\r
1472         float: left;\r
1473         margin-left: 15px;\r
1474 }\r
1475 #profile-rotator {\r
1476         float: left;\r
1477         margin-left: 30px;\r
1478 }\r
1479 #profile-link-wrapper {\r
1480         float: left;\r
1481         margin-left: 15px;\r
1482 }\r
1483 #profile-youtube-wrapper {\r
1484         float: left;\r
1485         margin-left: 15px;\r
1486 }\r
1487 #profile-video-wrapper {\r
1488         float: left;\r
1489         margin-left: 15px;\r
1490 }\r
1491 #profile-audio-wrapper {\r
1492         float: left;\r
1493         margin-left: 15px;\r
1494 }\r
1495 #profile-location-wrapper {\r
1496         float: left;\r
1497         margin-left: 15px;\r
1498 }\r
1499 #jot-preview-link {\r
1500         display: none;\r
1501         float: left;\r
1502         margin-left: 45px;\r
1503         margin-top: 0px !important;\r
1504 }\r
1505 \r
1506 \r
1507 #profile-nolocation-wrapper {\r
1508         float: left;\r
1509         margin-left: 15px;\r
1510 }\r
1511 #profile-title-wrapper {\r
1512         float: left;\r
1513         margin-left: 15px;\r
1514 }\r
1515 \r
1516 #profile-jot-perms {\r
1517         float: left;\r
1518         margin-left: 40px;\r
1519         font-weight: bold;\r
1520         font-size: 1.2em;\r
1521 }\r
1522 \r
1523 \r
1524 #profile-jot-perms-end {\r
1525         /*clear: left;*/\r
1526         height: 30px;\r
1527 }\r
1528 \r
1529 #profile-jot-plugin-end{\r
1530   clear: both;\r
1531 }\r
1532 .profile-jot-net {\r
1533         float: left;\r
1534         margin-right: 10px;\r
1535         margin-top: 5px;\r
1536         margin-bottom: 5px;\r
1537 }\r
1538 \r
1539 #profile-jot-networks-end {\r
1540         clear: both;\r
1541 }\r
1542 \r
1543 .profile-jot-box {\r
1544         margin-top: 50px;\r
1545 }\r
1546 .profile-edit-textarea {\r
1547         margin-left: 20px;\r
1548 }\r
1549 \r
1550 #profile-jot-end {\r
1551         /*clear: both;*/\r
1552         margin-bottom: 30px;\r
1553 }\r
1554 #about-jot-submit-wrapper {\r
1555         margin-top: 15px;\r
1556 }\r
1557 #about-jot-end {\r
1558         margin-bottom: 30px;\r
1559 }\r
1560 #contacts-main {\r
1561         margin-bottom: 30px;\r
1562 }\r
1563 \r
1564 #profile-listing-desc {\r
1565         margin-left: 30px;\r
1566 }\r
1567 \r
1568 #profile-listing-new-link-wrapper {\r
1569         margin-left: 30px;\r
1570         margin-bottom: 30px;\r
1571 }\r
1572 .profile-listing-photo-wrapper {\r
1573         float: left;\r
1574 }\r
1575 \r
1576 .profile-listing-edit-buttons-wrapper {\r
1577         clear: both;\r
1578 }\r
1579 .profile-listing-photo-edit-link {\r
1580         float: left;\r
1581         width: 125px;\r
1582 }\r
1583 .profile-listing-end {\r
1584         clear: both;\r
1585 }\r
1586 .profile-listing-edit-buttons-wrapper img{\r
1587         border: none;\r
1588         margin-right: 20px;\r
1589 }\r
1590 .profile-listing {\r
1591         float: left;\r
1592         margin-left: 30px;\r
1593         margin-top: 25px;\r
1594 }\r
1595 .profile-listing-visible {\r
1596         margin-left: 100px;\r
1597 }\r
1598 .profile-listing-name {\r
1599         float: left;\r
1600         margin-left: 12px;\r
1601         margin-top: 10px;\r
1602         color: #3172BD;\r
1603         font-weight: bold;\r
1604         width: 200px;\r
1605 \r
1606 }\r
1607 .fortune {\r
1608         margin-top: 50px;\r
1609         color: #4444FF;\r
1610         font-weight: bold;\r
1611         margin-bottom: 20px;\r
1612 }\r
1613 \r
1614 \r
1615 .directory-end {\r
1616         clear: both;\r
1617 }\r
1618 .directory-name {\r
1619         text-align: center;\r
1620 }\r
1621 .directory-photo {\r
1622         margin-left: 15px;\r
1623 }\r
1624 .directory-details {\r
1625         font-size: 0.7em;\r
1626         text-align: center;\r
1627         margin-left: 5px;\r
1628         margin-right: 5px;\r
1629 }\r
1630 .directory-item {\r
1631         float: left;\r
1632 /*      width: 225px;\r
1633         height: 260px;*/\r
1634         padding-left: 15px;\r
1635         width: 130px;\r
1636         height: 235px;\r
1637         overflow: auto;\r
1638 }\r
1639 \r
1640 #directory-search-wrapper {\r
1641         margin-top: 20px;\r
1642         margin-right: 20px;\r
1643         margin-bottom: 50px;\r
1644 }\r
1645 \r
1646 #directory-search-end {\r
1647 }\r
1648 \r
1649 .directory-photo-img {\r
1650         width: 125px;\r
1651         border: none;\r
1652 }\r
1653 \r
1654 \r
1655 .pager {\r
1656   margin-top: 30px;\r
1657   margin-right: auto;\r
1658   margin-left: auto;\r
1659 \r
1660   padding-top: 10px;\r
1661   padding-bottom: 10px;\r
1662   padding-left: 10px;\r
1663   text-align: center;\r
1664 /*  line-height: 2.75em;*/\r
1665 }\r
1666 \r
1667 .pager a {\r
1668         font-size: 1.5em;\r
1669         padding: 0.2em 1em;\r
1670         border: 1px solid #aaa;\r
1671         border-radius: 10px;\r
1672         -moz-border-radius: 10px;\r
1673         -webkit-border-radius: 10px;\r
1674 }\r
1675 \r
1676 \r
1677 .pager_first,\r
1678 .pager_last,\r
1679 .pager_prev,\r
1680 .pager_next,\r
1681 .pager_n {\r
1682 /*      float: left;\r
1683         border: 1px solid black;\r
1684         border-radius: 7px;\r
1685         background: #EEE;\r
1686         text-align: center;\r
1687         width: 50px;\r
1688         margin-right: 5px;\r
1689         margin-bottom: 10px;*/\r
1690 /*      float: left;*/\r
1691 /*      margin-right: 15px;\r
1692         margin-left: 15px;*/\r
1693 }\r
1694 \r
1695 .pager_first,\r
1696 .pager_last,\r
1697 .pager_n {\r
1698         display: none;\r
1699 }\r
1700 \r
1701 /*.pager_first a,\r
1702 .pager_last a,\r
1703 .pager_prev a,\r
1704 .pager_next a {\r
1705         padding-top: 5px;\r
1706         padding-bottom: 5px;\r
1707         padding-left: 25px;\r
1708         padding-right: 30px;\r
1709 \r
1710         border: 2px solid #AAAAAA;\r
1711         border-radius: 10px;\r
1712         -moz-border-radius: 10px;\r
1713         -webkit-border-radius: 10px;\r
1714     font-size: 1.25em;\r
1715         text-align: center;\r
1716         text-decoration: none;\r
1717 }\r
1718 .pager_n a {\r
1719         padding-top: 2px;\r
1720         padding-bottom: 2px;\r
1721         padding-left: 9px;\r
1722         padding-right: 18px;\r
1723         text-decoration: none;\r
1724 }*/\r
1725 \r
1726 .pager_prev a,\r
1727 .pager_next a {\r
1728         font-size: 1.5em;\r
1729         padding: 0.2em 1em;\r
1730         border: 1px solid #aaa;\r
1731         border-radius: 10px;\r
1732         -moz-border-radius: 10px;\r
1733         -webkit-border-radius: 10px;\r
1734 }\r
1735 \r
1736 .pager_current {\r
1737         display: none;\r
1738         float: left;\r
1739         border: 1px solid black;\r
1740         border-radius: 7px;\r
1741         -moz-border-radius: 7px;\r
1742         -webkit-border-radius: 7px;\r
1743         background: #FFCCCC;\r
1744         font-size: 1.25em;\r
1745         text-align: center;\r
1746         width: 50px;\r
1747         margin-right: 5px;\r
1748         margin-bottom: 10px;\r
1749 }\r
1750 \r
1751 \r
1752 #advanced-profile-name-wrapper,\r
1753 #advanced-profile-gender-wrapper,\r
1754 #advanced-profile-dob-wrapper,\r
1755 #advanced-profile-age-wrapper,\r
1756 #advanced-profile-marital-wrapper,\r
1757 #advanced-profile-sexual-wrapper,\r
1758 #advanced-profile-homepage-wrapper,\r
1759 #advanced-profile-politic-wrapper,\r
1760 #advanced-profile-religion-wrapper,\r
1761 #advanced-profile-about-wrapper,\r
1762 #advanced-profile-interest-wrapper,\r
1763 #advanced-profile-contact-wrapper,\r
1764 #advanced-profile-music-wrapper,\r
1765 #advanced-profile-book-wrapper,\r
1766 #advanced-profile-tv-wrapper,\r
1767 #advanced-profile-film-wrapper,\r
1768 #advanced-profile-romance-wrapper,\r
1769 #advanced-profile-work-wrapper,\r
1770 #advanced-profile-education-wrapper {\r
1771         margin-top: 20px;\r
1772 }\r
1773 \r
1774 #advanced-profile-name-text,\r
1775 #advanced-profile-gender-text,\r
1776 #advanced-profile-dob-text,\r
1777 #advanced-profile-age-text,\r
1778 #advanced-profile-marital-text,\r
1779 #advanced-profile-sexual-text,\r
1780 #advanced-profile-homepage-text,\r
1781 #advanced-profile-politic-text,\r
1782 #advanced-profile-religion-text,\r
1783 #advanced-profile-about-text,\r
1784 #advanced-profile-interest-text,\r
1785 #advanced-profile-contact-text,\r
1786 #advanced-profile-music-text,\r
1787 #advanced-profile-book-text,\r
1788 #advanced-profile-tv-text,\r
1789 #advanced-profile-film-text,\r
1790 #advanced-profile-romance-text,\r
1791 #advanced-profile-work-text,\r
1792 #advanced-profile-education-text {\r
1793         width: 300px;\r
1794         float: left;\r
1795 }\r
1796 \r
1797 #advanced-profile-name-end,\r
1798 #advanced-profile-gender-end,\r
1799 #advanced-profile-dob-end,\r
1800 #advanced-profile-age-end,\r
1801 #advanced-profile-marital-end,\r
1802 #advanced-profile-sexual-end,\r
1803 #advanced-profile-homepage-end,\r
1804 #advanced-profile-politic-end,\r
1805 #advanced-profile-religion-end {\r
1806         height: 10px;\r
1807 }\r
1808 \r
1809 #advanced-profile-about-end,\r
1810 #advanced-profile-interest-end,\r
1811 #advanced-profile-contact-end,\r
1812 #advanced-profile-music-end,\r
1813 #advanced-profile-book-end,\r
1814 #advanced-profile-tv-end,\r
1815 #advanced-profile-film-end,\r
1816 #advanced-profile-romance-end,\r
1817 #advanced-profile-work-end,\r
1818 #advanced-profile-education-end {\r
1819 \r
1820 \r
1821 }\r
1822 \r
1823 #advanced-profile-name,\r
1824 #advanced-profile-gender,\r
1825 #advanced-profile-dob,\r
1826 #advanced-profile-age,\r
1827 #advanced-profile-marital,\r
1828 #advanced-profile-sexual,\r
1829 #advanced-profile-homepage,\r
1830 #advanced-profile-politic,\r
1831 #advanced-profile-religion {\r
1832         float: left;\r
1833 \r
1834 }\r
1835 \r
1836 \r
1837 #advanced-profile-about,\r
1838 #advanced-profile-interest,\r
1839 #advanced-profile-contact,\r
1840 #advanced-profile-music,\r
1841 #advanced-profile-book,\r
1842 #advanced-profile-tv,\r
1843 #advanced-profile-film,\r
1844 #advanced-profile-romance,\r
1845 #advanced-profile-work,\r
1846 #advanced-profile-education {\r
1847         margin-top: 10px;\r
1848         margin-left: 50px;\r
1849         margin-right: 20px;\r
1850         padding: 10px;\r
1851         border: 1px solid #CCCCCC;\r
1852 }\r
1853 \r
1854 #advanced-profile-with {\r
1855         float: left;\r
1856         margin-left: 15px;\r
1857 }\r
1858 \r
1859 #contact-edit-wrapper {\r
1860         margin-top: 10px;\r
1861 }\r
1862 \r
1863 #contact-edit-banner-name {\r
1864         font-size: 1.4em;\r
1865         font-weight: bold;\r
1866 }\r
1867 \r
1868 #contact-edit-poll-wrapper {\r
1869         margin-top: 15px;\r
1870 }\r
1871 \r
1872 #contact-edit-last-update-text {\r
1873         float: left;\r
1874         clear: left;\r
1875         margin-top: 30px;\r
1876 }\r
1877 \r
1878 #contact-edit-poll-text {\r
1879         float: left;\r
1880         clear: left;\r
1881         margin-top: 15px;\r
1882         margin-bottom: 0px;\r
1883 }\r
1884 \r
1885 #contact-edit-update-now {\r
1886         margin-top: 15px;\r
1887 }\r
1888 \r
1889 #contact-edit-links{\r
1890         clear: both;\r
1891 }\r
1892 \r
1893 #contact-edit-links ul {\r
1894         list-style: none;\r
1895         list-style-type: none;\r
1896         margin-left: 0px;\r
1897         padding-left: 0px;\r
1898 }\r
1899 \r
1900 #contact-edit-links li {\r
1901         margin-top: 5px;\r
1902 }\r
1903 \r
1904 #contact-edit-drop-link {\r
1905         float: right;\r
1906         margin-right: 10px;\r
1907 }\r
1908 \r
1909 #contact-edit-nav-end {\r
1910         clear: both;\r
1911 }\r
1912 \r
1913 #contact-edit-wrapper {\r
1914         width: 100%;\r
1915 }\r
1916 \r
1917 #update_now_link {\r
1918         float: left;\r
1919         clear: left;\r
1920         margin-bottom: 20px;\r
1921 }\r
1922 \r
1923 #label_id_hidden, #id_hidden {\r
1924         margin-top: 30px;\r
1925 }\r
1926 #help_id_hidden {\r
1927         margin-top: 30px;\r
1928 }\r
1929 \r
1930 #contact-edit-end {\r
1931         clear: both;\r
1932         margin-top: 15px;\r
1933 }\r
1934 \r
1935 #contact-profile-selector {\r
1936         width: 175px;\r
1937         margin-left: 0px;\r
1938 }\r
1939 \r
1940 .contact-edit-submit {\r
1941         margin-top: 20px;\r
1942         padding: 0.2em 0.5em;\r
1943         font-size: 18px;\r
1944 }\r
1945 \r
1946 \r
1947 .contact-photo-menu-button {\r
1948 /*      position: absolute;\r
1949         background-image: url("photo-menu.jpg");\r
1950         background-position: top left; \r
1951         background-repeat: no-repeat;\r
1952         margin: 0px; padding: 0px;\r
1953         width: 16px;\r
1954         height: 16px;\r
1955         top: 64px; left:0px;\r
1956         overflow: hidden;\r
1957         text-indent: 40px;\r
1958         display: none;*/\r
1959         \r
1960 }\r
1961 .contact-photo-menu {\r
1962         width: 130px;\r
1963         border: 1px solid #AAA;\r
1964         background: #FFFFFF;\r
1965         position: absolute;\r
1966         left: -30px; top: 80px;\r
1967         display: none;\r
1968         z-index: 10000;\r
1969         -moz-box-shadow: 3px 3px 5px #555;\r
1970         -webkit-box-shadow: 3px 3px 5px #555;\r
1971         box-shadow: 3px 3px 5px #555;\r
1972 }\r
1973 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }\r
1974 .contact-photo-menu li a { display: block; padding: 2px; }\r
1975 .contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }\r
1976 \r
1977 \r
1978 #block-message, #ignore-message, #archive-message, #lost-contact-message {\r
1979         color: #FF0000;\r
1980 }\r
1981 \r
1982 #profile-edit-insecure {\r
1983         margin-top: 20px;\r
1984         color: #FF0000;\r
1985         font-size: 1.1em;\r
1986         border: 1px solid #FF8888;\r
1987         background-color: #FFEEEE;\r
1988         padding-left: 5px;\r
1989         /*: 3px 3px 3px 5px; */\r
1990         width: 587px;\r
1991 }\r
1992 \r
1993 #profile-jot-desc {\r
1994         /*float: left;*/\r
1995         width: 100%;\r
1996         color: #FF0000;\r
1997         margin-top: 10px;\r
1998         margin-bottom: 10px;\r
1999 }\r
2000 \r
2001 #profile-jot-text {\r
2002         width: 90%;\r
2003         height: 20px;\r
2004         color:#cccccc;\r
2005         border: 1px solid #cccccc;\r
2006         padding: 3px 0px 0px 5px;\r
2007         -moz-border-radius: 3px;\r
2008         -webkit-border-radius: 3px;\r
2009         border-radius: 3px;     \r
2010 }\r
2011 \r
2012 \r
2013 /** acl **/\r
2014 #photo-edit-perms-select,\r
2015 #photos-upload-permissions-wrapper,\r
2016 #profile-jot-acl-wrapper{\r
2017         display:block!important;\r
2018 }\r
2019 \r
2020 #photos-usage-message {\r
2021         margin-bottom: 15px;\r
2022 }\r
2023 \r
2024 #profile-jot-acl-wrapper{\r
2025         width:270px;\r
2026         padding-left:10px;\r
2027         height:auto;\r
2028         overflow:visible;\r
2029 }\r
2030 \r
2031 #acl-wrapper {\r
2032         width: 270px;\r
2033         float:left;\r
2034 }\r
2035 #acl-search {\r
2036         display: none;\r
2037         float:right;\r
2038         background: #ffffff url("../../../images/search_18.png") no-repeat right center;\r
2039         padding-right:20px;\r
2040 }\r
2041 #acl-showall {\r
2042         float: left;\r
2043         display: block;\r
2044         width: auto;\r
2045         height: 18px;\r
2046         background-color: #cccccc;\r
2047         background-image: url("../../../images/show_all_off.png");\r
2048         background-position: 7px 7px;\r
2049         background-repeat: no-repeat;\r
2050         padding: 7px 5px 0px 30px;\r
2051         -webkit-border-radius: 5px ;\r
2052         -moz-border-radius: 5px;\r
2053         border-radius: 5px;\r
2054         color: #999999;\r
2055 }\r
2056 #acl-showall.selected {\r
2057         color: #000000;\r
2058         background-color: #ff9900;\r
2059         background-image: url("../../../images/show_all_on.png");\r
2060 }\r
2061 \r
2062 #acl-list {\r
2063 /*      height: 210px;*/\r
2064         border: 1px solid #cccccc;\r
2065         clear: both;\r
2066         margin-top: 30px;\r
2067         overflow: visible;\r
2068 }\r
2069 #acl-list-content {\r
2070         \r
2071 }\r
2072 .acl-list-item {\r
2073         display: block;\r
2074         width: 120px;\r
2075         height: 30px;\r
2076         border: 1px solid #cccccc;\r
2077         -moz-border-radius: 4px;\r
2078         -webkit-border-radius: 4px;\r
2079         border-radius: 4px;\r
2080         margin-top: 5px;\r
2081         margin-bottom: 5px;\r
2082         margin-right: 2px;\r
2083         margin-left: 2px;\r
2084         padding-left: 5px;\r
2085         float: left;\r
2086 }\r
2087 .acl-list-item img{\r
2088         display: none;\r
2089         width:22px;\r
2090         height: 22px;\r
2091         float: left;\r
2092         margin: 4px;\r
2093 }\r
2094 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}\r
2095 .acl-list-item a { \r
2096         font-size: 8px;\r
2097         display: block;\r
2098         width: 40px;\r
2099         height: 10px;\r
2100         float: left;\r
2101         color: #999999;\r
2102         background-color: #cccccc;\r
2103         background-position: 3px 3px;\r
2104         background-repeat: no-repeat;\r
2105         margin-right: 5px;\r
2106         -webkit-border-radius: 2px ;\r
2107         -moz-border-radius: 2px;\r
2108         border-radius: 2px;\r
2109         padding-left: 15px;\r
2110 }\r
2111 #acl-wrapper a:hover {\r
2112         text-decoration: none;\r
2113         color:#000000;\r
2114 }\r
2115 .acl-button-show { background-image: url("../../../images/show_off.png"); }\r
2116 .acl-button-hide { background-image: url("../../../images/hide_off.png"); }\r
2117 \r
2118 .acl-button-show.selected {\r
2119         color: #000000;\r
2120         background-color: #9ade00;\r
2121         background-image: url("../../../images/show_on.png");\r
2122 }\r
2123 .acl-button-hide.selected {\r
2124         color: #000000;\r
2125         background-color: #ff4141;\r
2126         background-image: url("../../../images/hide_on.png");\r
2127 }\r
2128 .acl-list-item.groupshow { border-color: #9ade00; }\r
2129 .acl-list-item.grouphide { border-color: #ff4141; }\r
2130 /** /acl **/\r
2131 \r
2132 \r
2133 #group-new-submit-wrapper {\r
2134         margin-top: 30px;\r
2135 }\r
2136 \r
2137 #group-edit-name-label {\r
2138         float: left;\r
2139         width: 175px;\r
2140         margin-top: 20px;\r
2141         margin-bottom: 20px;\r
2142 }\r
2143 \r
2144 #group-edit-name {\r
2145         float: left;\r
2146         width: 225px;\r
2147         margin-top: 20px;\r
2148         margin-bottom: 20px;\r
2149 }\r
2150 \r
2151 #group-edit-name-wrapper {\r
2152 \r
2153 \r
2154 }\r
2155 \r
2156 \r
2157 #group_members_select_label {\r
2158         display: block;\r
2159         float: left;\r
2160         width: 175px;\r
2161 }\r
2162 \r
2163 .group_members_select {\r
2164         float: left;\r
2165         width: 230px;\r
2166         overflow: auto;\r
2167 }\r
2168 \r
2169 #group_members_select_end {\r
2170         clear: both;\r
2171 }\r
2172 #group-edit-name-end {\r
2173         clear: both;\r
2174 }\r
2175 \r
2176 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {\r
2177         margin-bottom: 10px;\r
2178         margin-top: 20px;\r
2179 }\r
2180 \r
2181 #prvmail-submit {\r
2182         float: left;\r
2183         font-size: 18px;\r
2184         padding: 0.25em 0.5em;\r
2185         margin-top: 10px;\r
2186         margin-right: 30px;\r
2187 }\r
2188 #prvmail-upload-wrapper,\r
2189 #prvmail-link-wrapper,\r
2190 #prvmail-rotator-wrapper {\r
2191         float: left;\r
2192         margin-top: 10px;\r
2193         margin-right: 10px;\r
2194         width: 24px;\r
2195 }\r
2196 \r
2197 #prvmail-end {\r
2198         clear: both;\r
2199 }\r
2200 \r
2201 .mail-list-sender,\r
2202 .mail-list-detail {\r
2203         float: left;\r
2204 }\r
2205 .mail-list-detail {\r
2206         margin-left: 20px;\r
2207 }\r
2208 \r
2209 .mail-list-subject {\r
2210         font-size: 1.1em;\r
2211         margin-top: 10px;\r
2212 }\r
2213 a.mail-list-link {\r
2214     display: block;\r
2215     font-size: 1.3em;\r
2216     padding: 4px 0;\r
2217 }\r
2218 \r
2219 /*\r
2220 *a.mail-list-link:hover {\r
2221 *       background-color: #15607B;\r
2222 *       color: #F5F6FB;\r
2223 *}\r
2224 */\r
2225 \r
2226 .mail-list-outside-wrapper-end {\r
2227         clear: both;\r
2228 }\r
2229 \r
2230 .mail-list-outside-wrapper {\r
2231         margin-top: 30px;\r
2232 }\r
2233 \r
2234 .mail-list-delete-wrapper {\r
2235         float: right;\r
2236         margin-right: 30px;\r
2237         margin-top: 15px;\r
2238 }\r
2239 \r
2240 .mail-list-delete-icon {\r
2241         border: none;\r
2242 }\r
2243 \r
2244 .mail-conv-sender,\r
2245 .mail-conv-detail {\r
2246         float: left;\r
2247 }\r
2248 .mail-conv-detail {\r
2249         margin-left: 20px;\r
2250         margin-bottom: 10px;\r
2251         width: 270px;\r
2252 }\r
2253 \r
2254 .mail-conv-subject {\r
2255     font-size: 1.4em;\r
2256     margin: 10px 0;\r
2257 }\r
2258 \r
2259 .mail-conv-outside-wrapper-end {\r
2260         clear: both;\r
2261 }\r
2262 \r
2263 .mail-conv-outside-wrapper {\r
2264         margin-top: 30px;\r
2265 }\r
2266 \r
2267 .mail-conv-delete-wrapper {\r
2268         float: right;\r
2269         margin-right: 5px;\r
2270         margin-top: 15px;\r
2271 }\r
2272 .mail-conv-break {\r
2273         clear: both;\r
2274 }\r
2275 \r
2276 .mail-conv-delete-icon {\r
2277         border: none;\r
2278 }\r
2279 \r
2280 .message-links ul {\r
2281         list-style-type: none;\r
2282         padding: 0px;\r
2283 }\r
2284 \r
2285 .message-links li {\r
2286         margin-top: 10px;\r
2287         float: left;\r
2288 }\r
2289 .message-links a {\r
2290         padding: 3px 5px;\r
2291 }\r
2292 \r
2293 .message-links-end {\r
2294         clear: both;\r
2295 }\r
2296 \r
2297 #sidebar-group-list ul {\r
2298         list-style-type: none;\r
2299 }\r
2300 \r
2301 #sidebar-group-list .icon, #sidebar-group-list .iconspacer {\r
2302         display: inline-block;\r
2303         height: 12px;\r
2304         width: 12px;\r
2305 }\r
2306 \r
2307 #sidebar-group-list li {\r
2308         margin-top: 10px;\r
2309 }\r
2310 \r
2311 .nets-ul, .fileas-ul, .categories-ul {\r
2312         list-style-type: none;\r
2313 }\r
2314 \r
2315 .nets-ul li, .fileas-ul li, .categories-ul li {\r
2316         margin-top: 10px;\r
2317 }\r
2318 \r
2319 .nets-link {\r
2320         margin-left: 24px;\r
2321 }\r
2322 .nets-all {\r
2323         margin-left: 42px;\r
2324 }\r
2325 \r
2326 .fileas-link, .categories-link {\r
2327         margin-left: 24px;\r
2328 }\r
2329 \r
2330 .fileas-all, .categories-all {\r
2331         margin-left: 0px;\r
2332 }\r
2333 \r
2334 #search-save {\r
2335         margin-left: 5px;\r
2336 }\r
2337 .groupsideedit {\r
2338         margin-right: 10px;\r
2339 }\r
2340 #saved-search-ul {\r
2341         list-style-type: none;\r
2342 }\r
2343 .savedsearchdrop, .savedsearchterm {\r
2344         float: left;\r
2345         margin-top: 10px;\r
2346 }\r
2347 .savedsearchterm {\r
2348         margin-left: 10px;\r
2349 }\r
2350 \r
2351 \r
2352 #side-follow-wrapper {\r
2353         margin-top: 20px;\r
2354 }\r
2355 #side-follow-url, #side-peoplefind-url {\r
2356         margin-top: 5px;\r
2357 }\r
2358 #side-follow-submit, #side-peoplefind-submit {\r
2359         margin-top: 15px;\r
2360 }\r
2361 \r
2362 #side-match-link {\r
2363         margin-top: 10px;\r
2364 }\r
2365 \r
2366 aside input[type='text'] {\r
2367  width: 174px;\r
2368 }\r
2369 \r
2370 .widget {\r
2371         border: 1px solid #DDDDDD;\r
2372         padding: 8px;\r
2373         margin-top: 5px;\r
2374         -moz-border-radius:5px;\r
2375         -webkit-border-radius:5px;\r
2376         border-radius:5px;\r
2377 \r
2378 }\r
2379 \r
2380 \r
2381 /*.photos {\r
2382         height: auto;\r
2383         overflow: auto;\r
2384 }*/\r
2385 \r
2386 .photos-end {\r
2387         clear: both;\r
2388         margin-bottom: 25px;\r
2389 }\r
2390 \r
2391 .photo-album-image-wrapper {\r
2392         float: left;\r
2393         margin-top: 15px;\r
2394         margin-right: 15px;\r
2395         margin-left: 15px;\r
2396 /*      width: 200px; height: 200px; \r
2397         overflow: hidden; \r
2398         position: relative; */\r
2399 }\r
2400 .photo-album-image-wrapper .caption {\r
2401         display: none; \r
2402         width: 100%;\r
2403 /*      position: absolute; */\r
2404         bottom: 0px; \r
2405         padding: 0.5em 0.5em 0px 0.5em;\r
2406         background-color: rgba(245, 245, 255, 0.8);\r
2407         border-bottom: 2px solid #CCC;\r
2408         margin: 0px;\r
2409 }\r
2410 .photo-album-image-wrapper a:hover .caption {\r
2411         display:block;\r
2412 }\r
2413 \r
2414 #photo-album-end {\r
2415         clear: both;\r
2416         margin-bottom: 25px;\r
2417 }\r
2418 \r
2419 .photo-top-image-wrapper {\r
2420 /*      position: relative; */\r
2421         float: left;\r
2422         margin-top: 15px;\r
2423         margin-right: 15px;\r
2424         margin-left: 15px;\r
2425         margin-bottom: 15px;\r
2426 /*      width: 200px; height: 200px; \r
2427         overflow: hidden; */\r
2428 }\r
2429 .photo-top-image-wrapper img {\r
2430         max-width: 290px;\r
2431         border-radius: 10px;\r
2432         -moz-border-radius: 10px;\r
2433         -webkit-border-radius: 10px;\r
2434 }\r
2435 .photo-top-album-name {\r
2436         width: 100%;\r
2437         min-height: 2em;\r
2438 /*      position: absolute;  */\r
2439         bottom: 0px; \r
2440         padding: 0px 3px;\r
2441         padding-top: 0.5em;\r
2442         background-color: rgb(255, 255, 255);\r
2443 }\r
2444 #photo-top-end {\r
2445         clear: both;\r
2446 }\r
2447 \r
2448 #photo-top-links {\r
2449         margin-bottom: 30px;\r
2450         margin-left: 30px;\r
2451 }\r
2452 \r
2453 #photos-upload-newalbum-div {\r
2454         float: left;\r
2455         width: 175px;\r
2456 }\r
2457 \r
2458 #photos-upload-noshare {\r
2459         margin-bottom: 10px;\r
2460 }\r
2461 #photos-upload-existing-album-text {\r
2462         float: left;\r
2463         width: 175px;\r
2464 }\r
2465 #photos-upload-newalbum {\r
2466         float: left;\r
2467 }\r
2468 #photos-upload-album-select {\r
2469         float: left;\r
2470 }\r
2471 \r
2472 #photos-upload-spacer {\r
2473         margin-top: 25px;\r
2474 }\r
2475 #photos-upload-new-end, #photos-upload-exist-end {\r
2476         clear: both;\r
2477 }\r
2478 #photos-upload-exist-end {\r
2479         margin-bottom: 15px;\r
2480 }\r
2481 #photos-upload-submit {\r
2482         margin-top: 15px;\r
2483 }\r
2484 \r
2485 #photos_upload_applet_wrapper {\r
2486         margin-bottom: 15px;\r
2487 }\r
2488 \r
2489 #photos-upload-no-java-message {\r
2490         margin-bottom: 15px;\r
2491 }\r
2492 \r
2493 #character-counter {\r
2494         float: right;\r
2495         font-size: 120%;\r
2496 }\r
2497 \r
2498 #character-counter.grey {\r
2499         color: #888888;\r
2500 }\r
2501 \r
2502 #character-counter.orange {\r
2503         color: orange;\r
2504 }\r
2505 #character-counter.red {\r
2506         color: red;\r
2507 }\r
2508 \r
2509 #profile-jot-banner-end {\r
2510         /* clear: both; */ \r
2511 }\r
2512 \r
2513 #photos-upload-select-files-text {\r
2514         margin-top: 15px;\r
2515         margin-bottom: 15px;\r
2516 }\r
2517 \r
2518 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {\r
2519         color: #8888FF;\r
2520         text-decoration: none;\r
2521         cursor: pointer;\r
2522 }\r
2523 \r
2524 #photos-upload-perms-menu {\r
2525         margin-left: 15px;\r
2526 }\r
2527 \r
2528 #photos-upload-perms-menu:hover {\r
2529         color: #0000FF;\r
2530         text-decoration: underline;\r
2531         cursor: pointer;\r
2532 }\r
2533 #settings-default-perms-menu {\r
2534         margin-top: 15px;\r
2535         margin-bottom: 15px;\r
2536 }\r
2537 \r
2538 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {\r
2539         float: left;\r
2540         width: 150px;\r
2541 }\r
2542 \r
2543 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {\r
2544         font-weight: 700;\r
2545 }\r
2546 \r
2547 #photos-upload-noshare-div {\r
2548         margin-top: 140px;\r
2549         margin-bottom: 15px;\r
2550 }\r
2551 \r
2552 #photos-upload-noshare-label {\r
2553         margin-left: 25px;\r
2554 }\r
2555 \r
2556 #photos-upload-noshare {\r
2557         float: left;\r
2558 }\r
2559 \r
2560 .photo-perms-icon {\r
2561         float: left;\r
2562 }\r
2563 \r
2564 #photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {\r
2565         text-decoration: none;\r
2566 }\r
2567 \r
2568 .photo-jot-perms-text {\r
2569         padding-top: 5px;\r
2570         padding-left: 40px;\r
2571 }\r
2572 \r
2573 #photo-edit-perms, #photos-upload-perms, #settings-default-perms {\r
2574         margin-top: 30px;\r
2575 }\r
2576 #photos-upload-perms {\r
2577         margin-top: 15px;\r
2578         margin-left: 5px;\r
2579 }\r
2580 \r
2581 #photo-edit-perms-select, #photos-upload-permissions-wrapper, #settings-jot-acl-wrapper {\r
2582         margin-top: 30px;\r
2583         margin-left: 20px;\r
2584 }\r
2585 \r
2586 #advanced-expire-popup {\r
2587         padding-left: 1em;\r
2588         margin-top: 15px;\r
2589         border: 1px solid #aaa;\r
2590         border-radius: 10px;\r
2591         -moz-border-radius: 10px;\r
2592         -webkit-border-radius: 10px;\r
2593 }\r
2594 \r
2595 #photo-edit-perms-end {\r
2596         margin-bottom: 15px;\r
2597 }\r
2598 \r
2599 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {\r
2600         float: left;\r
2601         margin-bottom: 25px;\r
2602 }\r
2603 \r
2604 .photo-edit-rotate {\r
2605         float: left;\r
2606         margin-left: 20px;\r
2607 }\r
2608 #photo-edit-link-wrap {\r
2609         margin-bottom: 15px;\r
2610 }\r
2611 #photo-like-div {\r
2612         margin-left: 15px;\r
2613         margin-bottom: 65px;\r
2614 }\r
2615 \r
2616 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {\r
2617         clear: both;\r
2618 }\r
2619 \r
2620 #photo-edit-rotate-end {\r
2621         margin-bottom: 15px;\r
2622 }\r
2623 \r
2624 #photo-edit-submit-button, #photo-edit-delete-button, #photos-upload-submit {\r
2625         margin-top: 30px;\r
2626         padding: 0.25em 0.5em;\r
2627         font-size: 18px;\r
2628 }\r
2629 #photo-edit-submit-button {\r
2630         margin-left: 10px;\r
2631 }\r
2632 #photo-edit-delete-button {\r
2633         margin-left: 45px;\r
2634 }\r
2635 #photos-upload-choose {\r
2636         position: absolute;\r
2637         top: 460px;\r
2638         left: 5px;\r
2639 }\r
2640 #photos-upload-submit {\r
2641         margin-top: 30px;\r
2642         margin-left: 100px;\r
2643         margin-bottom: 20px;\r
2644 }\r
2645 .settings-submit, .profile-edit-submit-button {\r
2646         padding: 0.25em 0.5em;\r
2647         margin-bottom: 10px;\r
2648         font-size: 18px;\r
2649 }\r
2650 #photo-edit-end {\r
2651         margin-bottom: 35px;\r
2652 }\r
2653 #photo-caption {\r
2654         font-size: 110%;\r
2655         font-weight: bold;\r
2656         margin-top: 15px;\r
2657         margin-bottom: 15px;\r
2658 }\r
2659 \r
2660 #in-this-photo-text {\r
2661         color: #0000FF;\r
2662         margin-left: 30px;\r
2663 }\r
2664 \r
2665 #in-this-photo {\r
2666         margin-left: 60px;\r
2667         margin-top: 10px;\r
2668         margin-bottom: 20px;\r
2669 }\r
2670 \r
2671 #photo-album-edit-submit, #photo-album-edit-drop {\r
2672         margin-top: 15px;\r
2673         margin-bottom: 15px;\r
2674 }\r
2675 \r
2676 #photo-album-edit-drop {\r
2677         margin-left: 200px;\r
2678 }\r
2679 \r
2680 .group-delete-wrapper {\r
2681         float: right;\r
2682         margin-right: 50px;\r
2683 }\r
2684 \r
2685 #install-dbhost-label,\r
2686 #install-dbuser-label,\r
2687 #install-dbpass-label,\r
2688 #install-dbdata-label,\r
2689 #install-tz-desc {\r
2690        float: left;\r
2691        width: 250px;\r
2692        margin-top: 10px;\r
2693        margin-bottom: 10px;\r
2694 \r
2695 }\r
2696 \r
2697 #install-dbhost,\r
2698 #install-dbuser,\r
2699 #install-dbpass,\r
2700 #install-dbdata {\r
2701        float: left;\r
2702        width: 200px;\r
2703        margin-left: 20px;\r
2704 }\r
2705 \r
2706 #install-dbhost-end,\r
2707 #install-dbuser-end,\r
2708 #install-dbpass-end,\r
2709 #install-dbdata-end,\r
2710 #install-tz-end {\r
2711        clear: both;\r
2712 }\r
2713 \r
2714 #install-form select#timezone_select {\r
2715        float: left;\r
2716        margin-top: 18px;\r
2717        margin-left: 20px;\r
2718 }\r
2719 \r
2720 #dfrn-request-networks {\r
2721         margin-bottom: 30px;\r
2722 }\r
2723 \r
2724 #pause {\r
2725   position: fixed;\r
2726   bottom: 5px;\r
2727   right: 5px;\r
2728 }\r
2729 \r
2730 .sparkle {\r
2731         cursor: url('lock.cur'), pointer;\r
2732 /*      cursor: pointer !important; */\r
2733 }\r
2734 \r
2735 .contact-block-div {\r
2736         float: left;\r
2737         width: 52px;\r
2738         height: 52px;\r
2739 }\r
2740 .contact-block-textdiv {\r
2741         float: left;\r
2742         width: 150px;\r
2743         height: 34px;\r
2744 }\r
2745 \r
2746 #contact-block-end {\r
2747         clear: both;\r
2748 }\r
2749 .contact-block-link {\r
2750         float: left;\r
2751 }\r
2752 .contact-block-img {\r
2753         width:48px;\r
2754         height:48px;\r
2755 }\r
2756 \r
2757 #tag-remove {\r
2758         margin-bottom: 15px;\r
2759 }\r
2760 \r
2761 #tagrm li {\r
2762         margin-bottom: 10px;\r
2763 }\r
2764 \r
2765 #tagrm-submit, #tagrm-cancel {\r
2766         margin-top: 25px;\r
2767 }\r
2768 \r
2769 #tagrm-cancel {\r
2770         margin-left: 15px;\r
2771 }\r
2772 \r
2773 .wall-item-conv {\r
2774         margin-top: 5px;\r
2775         margin-bottom: 25px;\r
2776 }\r
2777 \r
2778 #search-submit {\r
2779         margin-left: 15px;\r
2780 }\r
2781 \r
2782 #search-box {\r
2783         margin-bottom: 25px;\r
2784 }\r
2785 \r
2786 .location-label, .gender-label, .marital-label, .homepage-label {\r
2787         float: left;\r
2788         text-align: right;\r
2789         display: block;\r
2790         width: 65px;\r
2791 }\r
2792 \r
2793 .adr, .x-gender, .marital-text, .homepage-url {\r
2794         float: left;\r
2795         display: block;\r
2796         margin-left: 8px;\r
2797 }\r
2798 \r
2799 .profile-clear {\r
2800         clear: both;\r
2801 }\r
2802 \r
2803 \r
2804 .clear {\r
2805         clear: both;\r
2806 }\r
2807 \r
2808 .cc-license {\r
2809         margin-top: 50px;\r
2810         font-size: 70%;\r
2811 }\r
2812 \r
2813 \r
2814 #plugin-settings-link, #account-settings-link {\r
2815         margin-bottom: 10px;\r
2816 }\r
2817 \r
2818 #uexport-link {\r
2819         margin-bottom: 20px;\r
2820 }\r
2821 \r
2822 /* end from default */\r
2823         \r
2824 \r
2825 .fn {\r
2826         padding: 0px 0px 5px 12px;\r
2827         font-size: 120%;\r
2828         font-weight: bold;\r
2829 }\r
2830 \r
2831 .vcard .title {\r
2832         margin-bottom: 5px;\r
2833         margin-left: 12px;\r
2834 }\r
2835 \r
2836 .vcard dl {\r
2837         clear: both;\r
2838 }\r
2839 \r
2840 #birthday-title {\r
2841         float: left;\r
2842         font-weight: bold;      \r
2843 }\r
2844 \r
2845 #birthday-adjust {\r
2846         float: left;\r
2847         font-size: 75%;\r
2848         margin-left: 10px;\r
2849 }\r
2850 \r
2851 #birthday-title-end {\r
2852         clear: both;\r
2853 }\r
2854 \r
2855 .birthday-list {\r
2856         margin-left: 15px;\r
2857 }\r
2858 \r
2859 #birthday-wrapper {\r
2860         margin-bottom: 20px;\r
2861 }\r
2862 \r
2863 #network-new-link {\r
2864         margin-top: 15px;\r
2865         margin-bottom: 15px;\r
2866 }\r
2867 \r
2868 \r
2869 .tool-wrapper {\r
2870   float: left;\r
2871   margin-left: 15px;\r
2872 }\r
2873 \r
2874 .tool-link {\r
2875   cursor: pointer;\r
2876 }\r
2877 \r
2878 .eventcal {\r
2879         float: left;\r
2880         font-size: 20px;\r
2881 }\r
2882 \r
2883 #event-summary-text {\r
2884         margin-top: 15px;\r
2885 }\r
2886 \r
2887 #event-share-checkbox {\r
2888         float: left;\r
2889         margin-top: 10px;\r
2890 }\r
2891 \r
2892 #event-share-text {\r
2893         float: left;\r
2894         margin-top: 10px;\r
2895         margin-left: 5px;\r
2896 }\r
2897 \r
2898 #event-share-break {\r
2899         clear: both;\r
2900         margin-bottom: 10px;\r
2901 }\r
2902 \r
2903 #event-summary {\r
2904         width: 280px;\r
2905 }\r
2906 \r
2907 .vevent {\r
2908         border: 1px solid #CCCCCC;\r
2909 }\r
2910 \r
2911 .vevent .event-summary {\r
2912         margin-left: 10px;\r
2913         margin-right: 10px;\r
2914         font-weight: bold;\r
2915 }\r
2916 \r
2917 .vevent .event-description, .vevent .event-location {\r
2918         margin-left: 10px;\r
2919         margin-right: 10px;\r
2920 }\r
2921 .vevent .event-start {\r
2922         margin-left: 10px;\r
2923         margin-right: 10px;\r
2924 }\r
2925 \r
2926 #new-event-link {\r
2927         margin-bottom: 10px;\r
2928 }\r
2929 \r
2930 .edit-event-link, .plink-event-link {\r
2931         float: left;\r
2932         margin-top: 4px;\r
2933         margin-right: 4px;\r
2934         margin-bottom: 15px;\r
2935 }\r
2936 \r
2937 .event-description:before {\r
2938         content: url('../../../images/calendar.png');\r
2939         margin-right: 15px;\r
2940 }\r
2941 \r
2942 .event-start, .event-end {\r
2943         font-size: 14px;\r
2944         margin-left: 10px;\r
2945         width: 280px;\r
2946         clear: both;\r
2947         padding-bottom: 1.5em;\r
2948 }\r
2949 \r
2950 .event-start .dtstart, .event-end .dtend {\r
2951         clear: both;\r
2952         float: left;\r
2953 }\r
2954 \r
2955 .event-list-date {\r
2956         margin-bottom: 10px;\r
2957 }\r
2958 \r
2959 .prevcal, .nextcal {\r
2960         float: left;\r
2961         margin-left: 32px;\r
2962         margin-right: 32px;\r
2963         margin-top: 64px;\r
2964 }\r
2965 .event-calendar-end {\r
2966         clear: both;\r
2967 }\r
2968 \r
2969  \r
2970 .calendar {\r
2971         font-family: Courier, monospace;\r
2972 }\r
2973 .today {\r
2974         font-weight: bold;\r
2975         color: #FF0000;\r
2976 }\r
2977 \r
2978 .settings-block {\r
2979         border: 1px solid #AAA;\r
2980         margin: 10px;\r
2981         padding: 10px;\r
2982 }\r
2983 \r
2984 .app-title {\r
2985         margin: 10px;\r
2986 }\r
2987 \r
2988 #identity-manage-desc {\r
2989         margin-top:15px;\r
2990         margin-bottom: 15px;\r
2991 }\r
2992 \r
2993 #identity-manage-choose {\r
2994         margin-bottom: 15px;\r
2995 }\r
2996 \r
2997 #identity-submit {\r
2998         margin-top: 20px;\r
2999 }\r
3000 \r
3001 #photo-nav {\r
3002         position: relative;\r
3003         height: 55px;\r
3004 }\r
3005 \r
3006 #photo-prev-link {\r
3007         position: absolute;\r
3008         left: 5px;\r
3009 }\r
3010 #photo-next-link {\r
3011         position: absolute;\r
3012         right: 5px;\r
3013 }\r
3014 #photo-prev-link, #photo-next-link {\r
3015         padding: 10px;\r
3016 /*      float: left;*/\r
3017 }\r
3018 \r
3019 /*#photo-photo {\r
3020         float: left;\r
3021 }*/\r
3022 \r
3023 #photo-photo img {\r
3024         max-width: 310px;\r
3025 }\r
3026 \r
3027 #photo-photo-end {\r
3028         clear: both;\r
3029 }\r
3030 \r
3031 .profile-match-photo {\r
3032         float: left;\r
3033         text-align: center;\r
3034         width: 120px;\r
3035 }\r
3036 \r
3037 .profile-match-name {\r
3038         float: left;\r
3039         text-align: center;\r
3040         width: 120px;\r
3041         overflow: hidden;\r
3042 }\r
3043 \r
3044 .profile-match-break,\r
3045 .profile-match-end {\r
3046         clear: both;\r
3047 }\r
3048 \r
3049 .profile-match-connect {\r
3050         text-align: center;\r
3051         font-weight: bold;\r
3052 }\r
3053 \r
3054 .profile-match-wrapper {\r
3055         float: left;\r
3056         padding: 10px;\r
3057         width: 120px;\r
3058         height: 120px;\r
3059         scroll: auto;\r
3060 }\r
3061 #profile-match-wrapper-end {\r
3062         clear: both;\r
3063 }\r
3064 .side-link {\r
3065         margin-bottom: 15px;\r
3066 }\r
3067 \r
3068 #language-selector {\r
3069         position: absolute;\r
3070         top: 0px;\r
3071         left: 16px;\r
3072 }\r
3073 \r
3074 #group-members {\r
3075         margin-top: 20px;\r
3076         padding: 10px;\r
3077         height: 250px;\r
3078         overflow: auto;\r
3079         border: 1px solid #ddd;\r
3080 }\r
3081 \r
3082 #group-members-end {\r
3083         clear: both;\r
3084 }\r
3085 \r
3086 #group-separator {\r
3087         margin-top: 10px;\r
3088         margin-bottom: 10px;\r
3089 }\r
3090 \r
3091 #group-all-contacts {\r
3092         padding: 10px;\r
3093         height: 450px;\r
3094         overflow: auto;\r
3095         border: 1px solid #ddd;\r
3096 }\r
3097 \r
3098 #group-all-contacts-end {\r
3099         clear: both;\r
3100         margin-bottom: 10px;\r
3101 }\r
3102 \r
3103 #group-edit-desc {\r
3104         margin-top: 15px;\r
3105 }\r
3106 \r
3107 \r
3108 #prof-members {\r
3109         margin-top: 20px;\r
3110         padding: 10px;\r
3111         height: 250px;\r
3112         overflow: auto;\r
3113         border: 1px solid #ddd;\r
3114 }\r
3115 \r
3116 #prof-members-end {\r
3117         clear: both;\r
3118 }\r
3119 \r
3120 #prof-separator {\r
3121         margin-top: 10px;\r
3122         margin-bottom: 10px;\r
3123 }\r
3124 \r
3125 #prof-all-contacts {\r
3126         padding: 10px;\r
3127         height: 450px;\r
3128         overflow: auto;\r
3129         border: 1px solid #ddd;\r
3130 }\r
3131 \r
3132 #prof-all-contacts-end {\r
3133         clear: both;\r
3134         margin-bottom: 10px;\r
3135 }\r
3136 \r
3137 #prof-edit-desc {\r
3138         margin-top: 15px;\r
3139 }\r
3140 \r
3141 #crepair-name-label,\r
3142 #crepair-nick-label,\r
3143 #crepair-attag-label,\r
3144 #crepair-url-label,\r
3145 #crepair-request-label,\r
3146 #crepair-confirm-label,\r
3147 #crepair-notify-label,\r
3148 #crepair-photo-label,\r
3149 #crepair-poll-label {\r
3150         float: left;\r
3151         width: 200px;\r
3152         margin-bottom: 15px;\r
3153 }\r
3154 \r
3155 #crepair-name,\r
3156 #crepair-nick,\r
3157 #crepair-attag,\r
3158 #crepair-url,\r
3159 #crepair-request,\r
3160 #crepair-confirm,\r
3161 #crepair-notify,\r
3162 #crepair-photo,\r
3163 #crepair-poll {\r
3164         float: left;\r
3165         width: 300px;\r
3166 }\r
3167 \r
3168 \r
3169 #netsearch-box {\r
3170         margin-top: 20px;       \r
3171 }\r
3172 \r
3173 #netsearch-box #search-submit {\r
3174         margin: 5px 0px 0px 0px;\r
3175 }\r
3176 \r
3177 .required {\r
3178         color: #FF0000;\r
3179 }\r
3180 \r
3181 #event-start-text, #event-finish-text {\r
3182         margin-top: 10px;\r
3183         margin-bottom: 5px;\r
3184 }\r
3185 \r
3186 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {\r
3187         float: left;\r
3188 }\r
3189 #event-datetime-break {\r
3190         margin-bottom: 10px;\r
3191 }\r
3192 \r
3193 #event-nofinish-break, #event-adjust-break {\r
3194         clear: both;\r
3195 }\r
3196 \r
3197 #event-desc-text, #event-location-text {\r
3198         margin-top: 10px;\r
3199         margin-bottom: 5px;\r
3200 }\r
3201 #event-submit {\r
3202         margin-top: 10px;\r
3203 }\r
3204 \r
3205 .body-tag, .filesavetags, .categorytags {\r
3206         opacity: 0.5;\r
3207         filter:alpha(opacity=50);\r
3208 }\r
3209 \r
3210 .body-tag:hover, .filesavetags:hover, .categorytags:hover {\r
3211         opacity: 1.0 !important;\r
3212         filter:alpha(opacity=100) !important;\r
3213 }\r
3214 \r
3215 .item-select {\r
3216         display: none;\r
3217         opacity: 0.1;\r
3218         filter:alpha(opacity=10);\r
3219         float: right;\r
3220         margin-right: 10px;\r
3221 \r
3222 }\r
3223 .item-select:hover, .checkeditem {\r
3224         opacity: 1;\r
3225         filter:alpha(opacity=100);\r
3226 }\r
3227 \r
3228 \r
3229 #item-delete-selected {\r
3230         margin-top: 30px;\r
3231 }\r
3232 \r
3233 #item-delete-selected-end {\r
3234         clear: both;\r
3235 }\r
3236 #item-delete-selected-icon, #item-delete-selected-desc {\r
3237         float: left;\r
3238         margin-right: 5px;\r
3239 }\r
3240 #item-delete-selected-desc:hover {\r
3241         text-decoration: underline;\r
3242 }\r
3243 \r
3244 #lang-select-icon {\r
3245         cursor: pointer;\r
3246         position: fixed;\r
3247         left: 0px;\r
3248         top: 0px;\r
3249         opacity: 0.2;\r
3250         filter:alpha(opacity=20);\r
3251 }\r
3252 \r
3253 #lang-select-icon:hover {\r
3254         opacity: 1;\r
3255         filter:alpha(opacity=100);\r
3256 }\r
3257 \r
3258 .notif-image {\r
3259         height: 80px;\r
3260         width: 80px;\r
3261         margin-right: 15px;\r
3262 }\r
3263 .notification-listing-end {\r
3264         clear: both;\r
3265         margin-bottom: 15px;\r
3266 }\r
3267 \r
3268 \r
3269 \r
3270 /**\r
3271  * Plugins settings\r
3272  */\r
3273 \r
3274 .settings-block > h3,\r
3275 .settings-heading {\r
3276         border-bottom: 1px solid #babdb6;\r
3277 }\r
3278  \r
3279 \r
3280 /**\r
3281  * Form fields\r
3282  */\r
3283 .field {\r
3284         margin-bottom: 10px;\r
3285         padding-bottom: 10px;\r
3286         overflow: auto;\r
3287         width: 100%\r
3288 }\r
3289 \r
3290 .field label {\r
3291         font-weight: 700;\r
3292         float: left;\r
3293         width: 200px;\r
3294 }\r
3295 \r
3296 .field input,\r
3297 .field textarea {\r
3298         width: 270px;\r
3299         margin-left: 20px;\r
3300 }\r
3301 .field textarea { height: 100px; }\r
3302 .field_help {\r
3303         display: block;\r
3304         margin-left: 20px;\r
3305         color: #666666;\r
3306         \r
3307 }\r
3308 \r
3309 \r
3310 .field .onoff {\r
3311         float: left;\r
3312         width: 80px;\r
3313 }\r
3314 .field .onoff a {\r
3315         display: block;\r
3316         border:1px solid #666666;\r
3317         background-image:url("../../../images/onoff.jpg");\r
3318         background-repeat: no-repeat;\r
3319         padding: 4px 2px 2px 2px;\r
3320         height: 16px;\r
3321         text-decoration: none;\r
3322 }\r
3323 .field .onoff .off {\r
3324         border-color:#666666;\r
3325         padding-left: 40px;\r
3326         background-position: left center;\r
3327         background-color: #cccccc;\r
3328         color: #666666;\r
3329         text-align: right;\r
3330 }\r
3331 .field .onoff .on {\r
3332         border-color:#204A87;\r
3333         padding-right: 40px;\r
3334         background-position: right center;\r
3335         background-color: #D7E3F1;\r
3336         color: #204A87;\r
3337         text-align: left;\r
3338 }\r
3339 .hidden { display: none!important; }\r
3340 \r
3341 .field.radio .field_help { clear: left; margin-left: 20px; }\r
3342 \r
3343 /**\r
3344  * ADMIN\r
3345  */\r
3346 #pending-update {\r
3347         float:right;\r
3348         color: #ffffff;\r
3349         font-weight: bold;\r
3350         background-color: #FF0000;\r
3351         padding: 0em 0.3em;\r
3352         \r
3353 }\r
3354 #adminpage dl {\r
3355         clear: left;\r
3356         min-height: 40px;\r
3357         margin-bottom: 2px;\r
3358         padding-bottom: 2px;\r
3359         border-bottom: 1px solid black;\r
3360 }\r
3361 #adminpage dt {\r
3362         width: 180px;\r
3363         float: left;\r
3364         font-weight: bold;\r
3365 }\r
3366 #adminpage dd {\r
3367         margin-left: 180px;\r
3368 }\r
3369 \r
3370 #adminpage h3 {\r
3371         border-bottom: 1px solid #cccccc;\r
3372 }\r
3373 #adminpage .field label {\r
3374         font-weight: bold;\r
3375 }\r
3376 #adminpage .submit {\r
3377         clear:left;\r
3378         text-align: right;\r
3379 }\r
3380 \r
3381 #adminpage #pluginslist {\r
3382         margin: 0px; padding: 0px;\r
3383 }\r
3384 #adminpage .plugin {\r
3385         list-style: none;\r
3386         display: block;\r
3387         border: 1px solid #888888;\r
3388         padding: 1em;\r
3389         margin-bottom: 5px;\r
3390         clear: left;\r
3391 }\r
3392 #adminpage .plugin .desc { margin-left: 2.5em;}\r
3393 #adminpage .toggleplugin {\r
3394         float:left;\r
3395         margin-right: 1em;\r
3396 }\r
3397 \r
3398 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}\r
3399 #adminpage table th { text-align: left;}\r
3400 #adminpage td .icon { float: left;}\r
3401 #adminpage table#users img { width: 16px; height: 16px; }\r
3402 #adminpage table tr:hover { background-color: #bbc7d7; }\r
3403 #adminpage .selectall { text-align: right; }\r
3404 \r
3405 #cnftheme {\r
3406         display: none;\r
3407 }\r
3408 \r
3409 /*\r
3410  * UPDATE\r
3411  */\r
3412 .popup {        \r
3413         width: 100%; height: 100%;\r
3414         top:0px; left:0px;\r
3415         position: absolute;\r
3416         display: none;\r
3417 }\r
3418 \r
3419 .popup .background {\r
3420         background-color: rgba(0,0,0,128);\r
3421         opacity: 0.5;\r
3422         width: 100%; height: 100%;\r
3423         position: absolute;\r
3424         top:0px; left:0px;\r
3425 }\r
3426 .popup .panel {\r
3427         top:25%;left:25%;width:50%;height:50%;\r
3428         padding: 1em;\r
3429         position: absolute;\r
3430         border: 4px solid #000000;\r
3431         background-color: #FFFFFF;\r
3432 }\r
3433 .popup .panel .panel_text { display: block; overflow: auto; height: 80%; } \r
3434 .popup .panel .panel_in { width: 100%; height: 100%;    position: relative; }\r
3435 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }\r
3436 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}\r
3437 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}\r
3438 \r
3439 /**\r
3440  * OAuth\r
3441  */\r
3442 .oauthapp {\r
3443         height: auto; overflow: auto;\r
3444         border-bottom: 2px solid #cccccc;\r
3445         padding-bottom: 1em;\r
3446         margin-bottom: 1em;     \r
3447 }\r
3448 .oauthapp img {\r
3449         float: left;\r
3450         width: 48px; height: 48px;\r
3451         margin: 10px;\r
3452 }\r
3453 .oauthapp img.noicon {\r
3454         background-image: url("../../../images/icons/48/plugin.png");\r
3455         background-position: center center;\r
3456         background-repeat: no-repeat;\r
3457 }\r
3458 .oauthapp a {\r
3459         float: left;\r
3460 }\r
3461 \r
3462 /**\r
3463  * ICONS\r
3464  */\r
3465 .iconspacer {\r
3466         display: block; width: 16px; height: 16px;\r
3467 }\r
3468 \r
3469 .icon {\r
3470         display: block; width: 16px; height: 16px;\r
3471         background-image: url('../../../images/icons.png');\r
3472 }\r
3473 .article { background-position: 0px 0px;}\r
3474 .icon.audio { display: none; background-position: -16px 0px;}\r
3475 .block { background-position: -32px 0px;}\r
3476 /*.drop { background-position: -48px 0px;}\r
3477 .drophide { background-position: -64px 0px;}*/\r
3478 .icon.drop {\r
3479         display: block; width: 28px; height: 28px;\r
3480         background-size: 100% 100%;\r
3481         background-image: url('images/drop-darkred.png');\r
3482         background-repeat: no-repeat;\r
3483 }\r
3484 .icon.drophide {\r
3485         display: block; width: 28px; height: 28px;\r
3486         background-size: 100% 100%;\r
3487         background-image: url('images/drop-darkred.png');\r
3488         background-repeat: no-repeat;\r
3489 }\r
3490 .edit { background-position: -80px 0px;}\r
3491 /*.camera { background-position: -96px 0px;}*/\r
3492 .icon.camera {\r
3493         display: block; width: 28px; height: 21px;\r
3494         margin-top: 4px;\r
3495         background-size: 100% 100%;\r
3496         background-image: url('images/camera.png');\r
3497         background-repeat: no-repeat;\r
3498 }\r
3499 /*.dislike { background-position: -112px 0px;}*/\r
3500 .icon.dislike {\r
3501         display: block;\r
3502         width: 26px; height: 28px;/*31 33*/\r
3503         background-size: 100% 100%;\r
3504         background-image: url('images/disapprove.png');\r
3505         background-repeat: no-repeat;\r
3506         opacity: 0.5;\r
3507 }\r
3508 /*.like { background-position: -128px 0px;}*/\r
3509 .icon.like {\r
3510         display: block; width: 26px; height: 28px;/*31 33*/\r
3511         margin-right: 7px;\r
3512         background-size: 100% 100%;\r
3513         background-image: url('images/approve.png');\r
3514         background-repeat: no-repeat;\r
3515         opacity: 0.5;\r
3516 }\r
3517 .icon.link { display: none; background-position: -144px 0px;}\r
3518 \r
3519 /*.globe { background-position: 0px -16px;}*/\r
3520 .icon.globe {\r
3521         display: block; width: 28px; height: 28px;\r
3522         background-size: 100% 100%;\r
3523         background-image: url('images/globe.png');\r
3524         background-repeat: no-repeat;\r
3525 }\r
3526 .noglobe { background-position: -16px -16px;}\r
3527 .no { background-position: -32px -16px;}\r
3528 .pause { background-position: -48px -16px;}\r
3529 .play { background-position: -64px -16px;}\r
3530 /*.pencil { background-position: -80px -16px;}\r
3531 .small-pencil { background-position: -96px -16px;}*/\r
3532 .icon.pencil {\r
3533         display: block; width: 28px; height: 28px;\r
3534         background-size: 100% 100%;\r
3535         background-image: url('images/pencil.png');\r
3536         background-repeat: no-repeat;\r
3537         opacity: 0.5;\r
3538 }\r
3539 .icon.small-pencil {\r
3540         display: block; width: 28px; height: 28px;\r
3541         background-size: 100% 100%;\r
3542         background-image: url('images/pencil.png');\r
3543         background-repeat: no-repeat;\r
3544         opacity: 0.5;\r
3545 }\r
3546 /*.recycle { background-position: -112px -16px;}*/\r
3547 .icon.recycle {\r
3548         display: block;\r
3549         width: 28px; height: 27px;/*33 32*/\r
3550         background-size: 100% 100%;\r
3551         background-image: url('images/recycle.png');\r
3552         background-repeat: no-repeat;\r
3553         opacity: 0.5;\r
3554 }\r
3555 /*.remote-link { background-position: -128px -16px;}*/\r
3556 .icon.remote-link {\r
3557 /*      display: block;*/\r
3558         display: none;\r
3559         width: 28px; height: 28px;\r
3560         background-size: 100% 100%;\r
3561         background-image: url('images/remote-link.png');\r
3562         background-repeat: no-repeat;\r
3563         opacity: 0.5;\r
3564 }\r
3565 .share { background-position: -144px -16px;}\r
3566 \r
3567 .tools { background-position: 0px -32px;}\r
3568 /*.lock { background-position: -16px -32px;}*/\r
3569 .icon.lock {\r
3570         display: block; width: 17px; height: 25px;\r
3571         margin-top: 1px;\r
3572         background-size: 100% 100%;\r
3573         background-image: url('images/lock.png');\r
3574         background-repeat: no-repeat;\r
3575 }\r
3576 /*.unlock { background-position: -32px -32px;}*/\r
3577 .icon.unlock {\r
3578         display: block; width: 17px; height: 28px;\r
3579         margin-top: -2px;\r
3580         background-size: 100% 100%;\r
3581         background-image: url('images/unlock.png');\r
3582         background-repeat: no-repeat;\r
3583 }\r
3584 .icon.video { display: none; background-position: -48px -32px;}\r
3585 .oembed.video a { display: block; }\r
3586 .youtube { background-position: -64px -32px;}\r
3587 /*.attach { background-position: -80px -32px; }*/\r
3588 .icon.attach {\r
3589         display: block; width: 28px; height: 28px;\r
3590         background-size: 100% 100%;\r
3591         background-image: url('images/paperclip.png');\r
3592         background-repeat: no-repeat;\r
3593 }\r
3594 .language { background-position: -96px -32px; }\r
3595 .prev { background-position: -112px -32px; }\r
3596 .next { background-position: -128px -32px; }\r
3597 .on { background-position: -144px -32px; }\r
3598 \r
3599 .off { background-position: 0px -48px; }\r
3600 /*.starred { background-position: -16px -48px; }*/\r
3601 .icon.starred {\r
3602         display: block; width: 28px; height: 28px;\r
3603         background-size: 100% 100%;\r
3604         background-image: url('images/star-yellow.png');\r
3605         background-repeat: no-repeat;\r
3606 }\r
3607 /*.unstarred { background-position: -32px -48px; }*/\r
3608 .icon.unstarred {\r
3609         display: block; width: 28px; height: 28px;\r
3610         background-size: 100% 100%;\r
3611         background-image: url('images/star.png');\r
3612         background-repeat: no-repeat;\r
3613         opacity: 0.5;\r
3614 }\r
3615 /*.tagged { background-position: -48px -48px; }*/\r
3616 .icon.tagged {\r
3617         display: block; width: 28px; height: 28px;\r
3618         background-size: 100% 100%;\r
3619         background-image: url('images/tag.png');\r
3620         background-repeat: no-repeat;\r
3621         opacity: 0.5;\r
3622 }\r
3623 .yellow { background-position: -64px -48px; }\r
3624 \r
3625 \r
3626 .filer-icon {\r
3627         display: block; width: 24px; height: 24px;\r
3628         background-size: 100% 100%;\r
3629         background-image: url('images/folder.png');\r
3630         background-repeat: no-repeat;\r
3631         opacity: 0.5;\r
3632 }\r
3633 \r
3634 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }\r
3635 \r
3636 [class^="comment-edit-bb"] {\r
3637         list-style: none;\r
3638         display: none;\r
3639         margin: 0px 0 -5px 20px;\r
3640         width: 75%;\r
3641 }\r
3642 [class^="comment-edit-bb"] > li {\r
3643         display: inline-block;\r
3644         margin: 20px 10px 0 0;\r
3645         visibility: none;\r
3646 }\r
3647 /*[class^="comment-edit-bb-end"] {\r
3648         clear: both;\r
3649 }*/\r
3650 .editicon {\r
3651     display: inline-block;\r
3652         background-size: 100% 100%;\r
3653         background-repeat: no-repeat;\r
3654         background-color: #f3f3f3;\r
3655     text-decoration: none;\r
3656 }\r
3657 /*.editicon:hover {\r
3658         background-color: #ccc;\r
3659 }*/\r
3660 .boldbb {\r
3661 /*      background-position: 0px 0px;*/\r
3662         width: 26px; height: 28px;\r
3663         background-image: url('images/boldB-serif.png');\r
3664 }\r
3665 /*.boldbb:hover {\r
3666         background-position: 0px -16px;\r
3667 }*/\r
3668 .italicbb {\r
3669 /*      background-position: -16px 0px;*/\r
3670         width: 16px; height: 28px;\r
3671         background-image: url('images/italicI-serif.png');\r
3672 }\r
3673 /*.italicbb:hover {\r
3674         background-position: -16px -16px;\r
3675 }*/\r
3676 .underlinebb {\r
3677 /*      background-position: -32px 0px;*/\r
3678         width: 25px; height: 28px;\r
3679         background-image: url('images/underlineU-serif.png');\r
3680 }\r
3681 /*.underlinebb:hover {\r
3682         background-position: -32px -16px;\r
3683 }*/\r
3684 .quotebb {\r
3685 /*      background-position: -48px 0px;*/\r
3686         width: 28px; height: 28px;\r
3687         background-image: url('images/quote.png');\r
3688 }\r
3689 /*.quotebb:hover {\r
3690         background-position: -48px -16px;\r
3691 }*/\r
3692 .codebb {\r
3693 /*      background-position: -64px 0px;*/\r
3694         width: 28px; height: 28px;\r
3695         background-image: url('images/code.png');\r
3696 }\r
3697 /*.codebb:hover {\r
3698         background-position: -64px -16px;\r
3699 }*/\r
3700 .imagebb {\r
3701         background-position: -80px 0px;\r
3702 }\r
3703 .imagebb:hover {\r
3704         background-position: -80px -16px;\r
3705 }\r
3706 .urlbb {\r
3707         background-position: -96px 0px;\r
3708 }\r
3709 .urlbb:hover {\r
3710         background-position: -96px -16px;\r
3711 }\r
3712 .videobb {\r
3713         background-position: -112px 0px;\r
3714 }\r
3715 .videobb:hover {\r
3716         background-position: -112px -16px;\r
3717 }\r
3718 \r
3719 .attachtype {\r
3720         display: block; width: 20px; height: 23px;\r
3721         float: left;\r
3722         background-image: url('../../../images/content-types.png');\r
3723 }\r
3724 \r
3725 .body-attach {\r
3726         margin-top: 10px;\r
3727 }\r
3728 \r
3729 .type-video { background-position: 0px 0px; }\r
3730 .type-image { background-position: -20px 0px; }\r
3731 .type-audio { background-position: -40px 0px; }\r
3732 .type-text  { background-position: -60px 0px; }\r
3733 .type-unkn  { background-position: -80px 0px; }\r
3734 \r
3735 \r
3736 /* autocomplete popup */\r
3737 .acpopup {\r
3738         max-height:150px;\r
3739         background-color:#ffffff;\r
3740         overflow:auto;\r
3741         z-index:100000;\r
3742         border:1px solid #cccccc;\r
3743 }\r
3744 .acpopupitem {\r
3745         background-color:#ffffff; padding: 4px;\r
3746         clear:left;\r
3747 }\r
3748 .acpopupitem img {\r
3749         float: left;\r
3750         margin-right: 4px;\r
3751 }\r
3752 \r
3753 .acpopupitem.selected {\r
3754         color: #FFFFFF; background: #3465A4;\r
3755 }\r
3756 \r
3757 /* popup notifications */\r
3758 div.jGrowl div.notice {\r
3759   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;\r
3760   color: #ffffff;\r
3761   padding-left: 58px;\r
3762 }\r
3763 div.jGrowl div.info {\r
3764   background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;\r
3765   color: #ffffff;\r
3766   padding-left: 58px;\r
3767 }\r
3768 #jGrowl.top-right {\r
3769         top: 15px;\r
3770         right: 15px;\r
3771 }\r
3772 .qcomment {\r
3773         border: 1px solid #EEE;\r
3774         padding: 3px;\r
3775         margin-top: 15px;\r
3776         margin-left: 25px;\r
3777         width: 125px;\r
3778         overflow-y: auto;\r
3779 }\r
3780 \r
3781 \r
3782 .qcomment option {\r
3783         width: 125px;\r
3784         overflow-x: hidden;\r
3785 }\r
3786 \r
3787 .qcomment {\r
3788         opacity: 0.3;\r
3789         filter:alpha(opacity=30);\r
3790 }\r
3791 .qcomment:hover {\r
3792         opacity: 1.0;\r
3793         filter:alpha(opacity=100);\r
3794 }\r
3795 \r
3796 /* notifications popup menu */\r
3797 .nav-notify {\r
3798         display: none;\r
3799         position: absolute;\r
3800         font-size: 10px;\r
3801         padding: 1px 3px;\r
3802         top: 0px;\r
3803         right: -10px;\r
3804         min-width: 15px;\r
3805         text-align: right;\r
3806 }\r
3807 .nav-notify.show {\r
3808         display: block;\r
3809 }\r
3810 ul.notifications-menu-popup {\r
3811         position: absolute;\r
3812         display: none;\r
3813         width: 10em;\r
3814         margin: 0px;\r
3815         padding: 0px;\r
3816         list-style: none;\r
3817         z-index: 100000;\r
3818         right: -55px;\r
3819 }\r
3820 #nav-notifications-menu {\r
3821         width: 300px;\r
3822 /*      max-height: 400px;*/\r
3823         height: auto;\r
3824         overflow-y: scroll;overflow-style:scrollbar;\r
3825         background-color:#FFFFFF;\r
3826         -moz-border-radius: 5px;\r
3827         -webkit-border-radius: 5px;\r
3828         border-radius:5px;\r
3829         border: 1px solid #AAA;\r
3830         -moz-box-shadow: 3px 3px 5px #555;\r
3831         -webkit-box-shadow: 3px 3px 5px #555;\r
3832         box-shadow: 3px 3px 5px #555;\r
3833 }\r
3834 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }\r
3835 #nav-notifications-menu img { float: left; margin-right: 5px; }\r
3836 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }\r
3837 #nav-notifications-menu li {\r
3838         padding: 7px 0px 7px 10px;\r
3839         word-wrap:normal;\r
3840         border-bottom: 1px solid #000;\r
3841 }\r
3842 \r
3843 #nav-notifications-menu li:hover {\r
3844 \r
3845 }\r
3846 \r
3847 #nav-notifications-menu a:hover {\r
3848         text-decoration: underline;\r
3849 }\r
3850 \r
3851 .notif-item a {\r
3852         color: #000000;\r
3853 }\r
3854 \r
3855 .notif-item a:hover {\r
3856         text-decoration: underline;\r
3857 }\r
3858 \r
3859 .notif-image {\r
3860         width: 32px;\r
3861         height: 32px;\r
3862         padding: 7px 7px 0px 0px;\r
3863 }\r
3864 \r
3865 .notify-seen {\r
3866         background: #DDDDDD;\r
3867 }\r
3868 \r
3869 #id_term_label {\r
3870         width:75px;\r
3871 }\r
3872 #id_term {\r
3873         width:100px;\r
3874 }\r
3875 \r
3876 #recip {\r
3877         \r
3878 }\r
3879 .autocomplete-w1 { background: #ffffff; no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }\r
3880 .autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }\r
3881 .autocomplete .selected { background:#F0F0F0; }\r
3882 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }\r
3883 \r
3884 #datebrowse-sidebar select {\r
3885         margin-left: 40px;\r
3886         width: 130px;\r
3887 }\r
3888 \r
3889 @media only screen and (min-device-width: 768px)\r
3890 and (max-device-width: 1024px)\r
3891 {\r
3892 html {\r
3893 width:700px\r
3894 }\r
3895 div.section-wrapper {\r
3896 width:700px;\r
3897 margin-left:0px;\r
3898 }\r
3899 .wall-item-body {\r
3900 width:700px;\r
3901 }\r
3902 .comment .wall-item-body {\r
3903 width:650px;\r
3904 }\r
3905 }