view/theme/dispy-dark/style.css

   1 /*
   2  * dispy-dark
   3  *
   4  * modernised, sort of, by simon <http://simon.kisikew.org/>
   5  *
   6  */
   7
   8 /* from html5boilerplate */
   9
  10 /* these are to tell browsers they should be displayed a certain way */
  11 article, aside, details, figcaption, figure, footer,
  12 header, hgroup, nav, section {
  13     display: block;
  14 }
  15 audio, canvas, video, time {
  16     display: inline-block;
  17     *display: inline;
  18     *zoom: 1;
  19 }
  20 audio:not([controls]) {
  21     display: none;
  22 }
  23 [hidden] {
  24     display: none;
  25 }
  26
  27 /*
  28  *  Base
  29  */
  30
  31 /*
  32  * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
  33  * 2. Force vertical scrollbar in non-IE
  34  * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
  35  */
  36
  37 html {
  38     font-size: 100%;
  39     overflow-y: scroll;
  40     -webkit-text-size-adjust: 100%;
  41     -ms-text-size-adjust: 100%;
  42 }
  43 body {
  44     margin: 0;
  45     font-size: 16px;
  46     line-height: 1.1em;
  47 }
  48 body, button, input, select, textarea {
  49     font-family: sans-serif;
  50     color: #eec;
  51         /*background-color: #2e3436;*/
  52         background-color: #2e2f2e;
  53 }
  54 select {
  55         border: 1px #555 dotted;
  56         padding: 3px;
  57         margin: 2px;
  58 }
  59 option {
  60         padding: 3px;
  61         vertical-align: middle;
  62 }
  63 li {
  64         padding: 0 0 0 2px;
  65 }
  66 /* remember to define focus styles! */
  67 :focus {
  68     outline: 0;
  69 }
  70
  71 /* remember to highlight inserts somehow! */
  72 ins {
  73     background-color: #2e302e;
  74     color: #ff9;
  75     text-decoration: none;
  76 }
  77 mark {
  78     background-color: #2e302e;
  79     color: #ff9;
  80     font-style: italic;
  81     font-weight: bold;
  82 }
  83 /* Redeclare monospace font family: h5bp.com/j */
  84 pre, code, kbd, samp, .wall-item-body code {
  85     font-family: monospace, monospace;
  86     _font-family: monospace;
  87     font-size: 1em; }
  88
  89 /* Improve readability of pre-formatted text in all browsers */
  90 pre, .wall-item-body code {
  91     white-space: pre;
  92     white-space: pre-wrap;
  93     word-wrap: break-word;
  94 }
  95
  96 q {
  97     quotes: none;
  98 }
  99 q:before, q:after {
 100     content: "";
 101     content: none;
 102 }
 103 small {
 104     font-size: 85%;
 105 }
 106
 107 /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
 108 sub, sup {
 109     font-size: 75%;
 110     line-height: 0;
 111     position: relative;
 112     vertical-align: baseline;
 113 }
 114 sup {
 115     top: -0.5em;
 116 }
 117 sub {
 118     bottom: -0.25em;
 119 }
 120 img {
 121     border: 0 none;
 122     /*vertical-align: middle;*/
 123 }
 124 a {
 125     color: #88a9d2;
 126     text-decoration: none;
 127     margin-bottom: 1px;
 128 }
 129 a:hover img {
 130     text-decoration: none;
 131 }
 132 blockquote {
 133     background: #444;
 134         color: #eec;
 135     text-indent: 5px;
 136     padding: 5px;
 137     border: 1px #aaa solid;
 138     border-radius: 5px;
 139 }
 140 a:hover {
 141     color: #729fcf;
 142     border-bottom: 1px dotted #729fcf;
 143 }
 144 .required {
 145     display: inline;
 146     color: #ff0;
 147     font-size: 16px;
 148     font-weight: bold;
 149     margin: 3px;
 150 }
 151 .fakelink, .lockview {
 152     color: #729fcf;
 153     cursor: pointer;
 154 }
 155 .fakelink:hover {
 156     color: #729fcf;
 157 }
 158 input[type=submit] {
 159     background-color: #eee;
 160         color: #2e302e;
 161         font-weight: bold;
 162     margin-top: 10px;
 163     height: 22px;
 164     -webkit-border-radius: 5px;
 165     -moz-border-radius: 5px;
 166     border-radius: 5px;
 167     border: 0;
 168 }
 169 .smalltext {
 170     font-size: 0.7em;
 171 }
 172 #panel {
 173         position: absolute;
 174         font-size: 0.8em;
 175         -webkit-border-radius: 5px;
 176         -moz-border-radius: 5px;
 177         border-radius: 5px;
 178         border: 1px solid #fff;
 179         background-color: #2e302e;
 180         color: #eeeeec;
 181         padding: 1em;
 182 }
 183 .pager {
 184         margin-top: 60px;
 185         display: block;
 186         clear: both;
 187         text-align: center;
 188 }
 189 .pager span {
 190     padding: 4px;
 191     margin: 4px;
 192 }
 193 .pager_current {
 194     background-color: #729fcf;
 195     color: #fff;
 196 }
 197
 198
 199 /**
 200  * global
 201  */
 202 /* .tool .action */
 203 .action {
 204         margin: 5px 0;
 205 }
 206 .tool {
 207         margin: 5px 0;
 208         list-style: none;
 209 }
 210
 211
 212 /**
 213  *      login
 214  */
 215 #login-extra-links a {
 216     margin-right: 20px;
 217 }
 218
 219
 220 /**
 221  * nav
 222  */
 223 nav {
 224         height: 60px;
 225         display: block;
 226         background-color: #1d1f1d;
 227         color: #eeeeec;
 228         position: relative;
 229         padding: 20px 20px 10px 95px;
 230     margin-left: auto;
 231     margin-right: auto;
 232 }
 233 nav a {
 234         text-decoration: none;
 235         color: #eeeeec;
 236         border: 0px;
 237 }
 238 nav a:hover {
 239         text-decoration: none;
 240         color: #eeeeec;
 241     border: 0px;
 242 }
 243 nav #banner {
 244         display: block;
 245         position: absolute;
 246         left: 51px;
 247         top: 25px;
 248 }
 249 nav #banner #logo-text a {
 250         font-size: 40px;
 251         font-weight: bold;
 252         margin-left: 3px;
 253 }
 254 nav #user-menu {
 255     display: block;
 256     width: auto;
 257     float: right;
 258     margin: 3px 68px 0 0;
 259     position: relative;
 260         background-color: #555753;
 261     -webkit-border-radius: 5px;
 262     -moz-border-radius: 5px;
 263     border-radius: 5px;
 264     background: #555753 url("menu-user-pin.jpg") 98% center no-repeat;
 265     clear: both;
 266 }
 267 nav #user-menu-label {
 268         float: left;
 269         font-size: 12px;
 270     padding: 3px 20px 9px 5px;
 271     height: 10px;
 272 }
 273 ul#user-menu-popup {
 274         display: none;
 275         position: absolute;
 276         background-color: #555753;
 277         width: 100%;
 278     padding: 10px 0px;
 279     margin: 0px;
 280         top: 20px;
 281         left: 0;
 282         -webkit-border-radius: 0 0 5px 5px;
 283         -moz-border-radius: 0 0 5px 5px;
 284         border-radius: 0 0 5px 5px;
 285         z-index: 10000;
 286 }
 287 ul#user-menu-popup li {
 288         display: block;
 289 }
 290 ul#user-menu-popup li a {
 291         display: block;
 292         padding: 5px;
 293 }
 294 ul#user-menu-popup li a:hover {
 295         color: #2e302e;
 296         background-color: #eeeeec;
 297 }
 298 ul#user-menu-popup li a.nav-sep {
 299         border-top: 1px solid #eeeeec;
 300 }
 301 #nav-buttons {
 302     clear: both;
 303         list-style: none;
 304         padding: 0px;
 305 }
 306 #nav-buttons li {
 307         padding: 0;
 308 }
 309 nav .nav-link {
 310         float: right;
 311         display: block;
 312         width: 22px;
 313         height: 22px;
 314         overflow: hidden;
 315         margin: 0px 5px 5px;
 316         text-indent: 50px;
 317         background: transparent url(icons.png) 0 0 no-repeat;
 318 }
 319 #nav-apps-link {
 320         background-position: 0 -66px;
 321 }
 322 #nav-apps-link:hover {
 323         background-position: -22px -66px;
 324 }
 325 #nav-community-link {
 326     background-position: 0 -22px;
 327 }
 328 #nav-community-link:hover {
 329     background-position: -22px -22px;
 330 }
 331 #nav-contacts-link {
 332     background-position: 0 -22px;
 333 }
 334 #nav-contacts-link:hover {
 335     background-position: -22px -22px;
 336 }
 337 #nav-directory-link {
 338         background-position: -44px -154px;
 339 }
 340 #nav-directory-link:hover {
 341         background-position: -66px -154px;
 342 }
 343 #nav-help-link {
 344         background-position: 0 -110px;
 345 }
 346 #nav-help-link:hover {
 347         background-position: -22px -110px;
 348 }
 349 #nav-home-link {
 350     background-position: -44px -132px;
 351 }
 352 #nav-home-link:hover {
 353     background-position: -66px -132px;
 354 }
 355 #nav-intro-link {
 356         background-position: 0px -190px;
 357 }
 358 #nav-intro-link:hover {
 359         background-position: -44px -190px;
 360 }
 361 #nav-login-link {
 362         background-position: 0 -88px;
 363 }
 364 #nav-login-link:hover {
 365         background-position: -22px -88px;
 366 }
 367 #nav-logout-link {
 368         background-position: 0 -88px;
 369 }
 370 #nav-logout-link:hover {
 371         background-position: -22px -88px;
 372 }
 373 #nav-messages-link {
 374     background-position: -44px -88px;
 375 }
 376 #nav-messages-link:hover {
 377     background-position: -66px -88px;
 378 }
 379 #nav-notify-link, #nav-notifications-linkmenu {
 380     background-position: -44px -110px;
 381 }
 382 #nav-notify-link:hover {
 383     background-position: -66px -110px;
 384 }
 385 #nav-network-link {
 386     background-position: 0px -177px;
 387 }
 388 #nav-network-link:hover {
 389     background-position: -22px -177px;
 390 }
 391 #nav-search-link {
 392         background-position: 0 -44px;
 393 }
 394 #nav-search-link:hover {
 395         background-position: -22px -44px;
 396 }
 397 #profile-link,
 398 #profile-title,
 399 #wall-image-upload,
 400 #wall-file-upload,
 401 #profile-attach-wrapper,
 402 #profile-audio,
 403 #profile-link,
 404 #profile-location,
 405 #profile-nolocation,
 406 #profile-title,
 407 #jot-title,
 408 #profile-upload-wrapper,
 409 #profile-video,
 410 #profile-jot-submit,
 411 #wall-image-upload-div,
 412 #wall-file-upload-div,
 413 .icon, .hover, .focus, .pointer {
 414     cursor: pointer;
 415 }
 416 #notifications {
 417         height: 20px;
 418         width: 100%;
 419         position: absolute;
 420         top: -19px;
 421         left: 0;
 422 }
 423 /* popup notifications */
 424 div.jGrowl div.notice {
 425     background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
 426     color: #ffffff;
 427     padding-left: 58px;
 428 }
 429 div.jGrowl div.info {
 430     background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
 431     color: #ffffff;
 432     padding-left: 58px;
 433 }
 434 #nav-notifications-menu {
 435     margin: 30px 0 0 -45px;
 436     width: 300px;
 437     max-height: 400px;
 438     overflow: auto;
 439     font-size: 9pt;
 440 }
 441 #nav-notifications-menu .contactname {
 442     font-weight: bold;
 443     font-size: 0.9em;
 444 }
 445 #nav-notifications-menu img {
 446     float: left;
 447     margin-right: 5px;
 448 }
 449 #nav-notifications-menu .notif-when {
 450     font-size: 0.8em;
 451     display: block;
 452 }
 453 #nav-notifications-menu li {
 454     padding: 7px 0px 7px 10px;
 455     word-wrap: normal;
 456     border-bottom: 1px solid #000;
 457 }
 458 #nav-notifications-menu li:hover {
 459     color: black;
 460 }
 461 #nav-notifications-menu a:hover {
 462     color: black;
 463     text-decoration: underline;
 464 }
 465 nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify {
 466   background-image: url("../../../images/icons/22/notify_on.png");
 467 }
 468 .show {
 469     display: block;
 470 }
 471 #nav-floater {
 472     position: fixed;
 473     top: 20px;
 474     right: 1%;
 475     padding: 5px;
 476     background: #1d1f1d;
 477         color: transparent;
 478     border-radius: 5px;
 479     z-index: 100;
 480 }
 481 .floaterflip {
 482         display: block;
 483     position: fixed;
 484     z-index: 110;
 485     top: 53px;
 486     right: 19px;
 487         width: 22px;
 488         height: 22px;
 489         overflow: hidden;
 490         margin: 0px;
 491         background: transparent url(icons.png) -190px -60px no-repeat;
 492 }
 493 .nav-ajax-update, .nav-ajax-left {
 494         width: 30px;
 495         height: 19px;
 496         background: transparent url(notifications.png) 0 0 no-repeat;
 497         color: #222;
 498         font-weight: bold;
 499         font-size: 0.8em;
 500         padding-top: 0.2em;
 501         text-align: center;
 502         float: left;
 503         margin: 0 -1px 0 3px;
 504         display: block;
 505         visibility: hidden;
 506 }
 507 .nav-ajax-update.show, .nav-ajax-left.show {
 508     visibility: visible;
 509 }
 510 #net-update {
 511         background-position: 0px 0px;
 512 }
 513 #mail-update {
 514         background-position: -30px 0;
 515 }
 516 #notify-update {
 517         background-position: -60px 0px;
 518 }
 519 #home-update {
 520         background-position: -90px 0px;
 521 }
 522 #intro-update {
 523         background-position: -120px 0px;
 524 }
 525 #lang-select-icon {
 526         cursor: pointer;
 527         position: fixed;
 528         left: 28px;
 529         bottom: 6px;
 530         z-index: 10;
 531 }
 532 #language-selector {
 533     position: fixed;
 534     bottom: 2px;
 535     left: 52px;
 536         z-index: 10;
 537 }
 538 .menu-popup {
 539     position: absolute;
 540     display: none;
 541     width: 11em;
 542     background: #ffffff;
 543     color: #2d2d2d;
 544     margin: 0px;
 545     padding: 0px;
 546     list-style: none;
 547     border: 3px solid #364e59;
 548     z-index: 100000;
 549     -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
 550     -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
 551     box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
 552 }
 553 .menu-popup a {
 554     display: block;
 555     color: #2d2d2d;
 556     padding: 5px 10px;
 557     text-decoration: none;
 558 }
 559 .menu-popup a:hover {
 560     background-color: #bdcdd4;
 561 }
 562 .menu-popup .menu-sep {
 563     border-top: 1px solid #9eabb0;
 564 }
 565 .menu-popup li {
 566     float: none;
 567     overflow: auto;
 568     height: auto;
 569     display: block;
 570 }
 571 .menu-popup li img {
 572     float: left;
 573     width: 16px;
 574     height: 16px;
 575     padding-right: 5px;
 576 }
 577 .menu-popup .empty {
 578     padding: 5px;
 579     text-align: center;
 580     color: #9eabb0;
 581 }
 582 .notif-item {
 583     font-size: small;
 584 }
 585 .notif-item a {
 586     vertical-align: middle;
 587 }
 588 .notif-image {
 589     width: 32px;
 590     height: 32px;
 591     padding: 7px 7px 0px 0px;
 592 }
 593 .notify-seen {
 594     background: #ddd;
 595 }
 596
 597 /** sysmsg **/
 598 #sysmsg_info {
 599         position: fixed;
 600         bottom: 0;
 601         -moz-box-shadow: 3px 3px 3px 10px 0 #000;
 602         -webkit-box-shadow: 3px 3px 10px 0 #000;
 603         box-shadow: 3px 3px 10px 0 #000;
 604     padding: 10px;
 605         background-color: #fcaf3e;
 606         border:2px solid #f8911b;
 607         border-bottom: 0;
 608         padding-bottom: 50px;
 609         z-index: 1000;
 610 }
 611 #sysmsg {
 612         position: fixed;
 613         bottom: 0;
 614         -moz-box-shadow: 3px 3px 10px 0 #000;
 615         -webkit-box-shadow: 3px 3px 10px 0 #000;
 616         box-shadow: 3px 3px 10px 0 #000;
 617     padding: 10px;
 618         background-color: #fcaf3e;
 619         border: 2px solid #f8911b;
 620         border-bottom: 0;
 621         padding-bottom: 50px;
 622         z-index: 1000;
 623 }
 624 #sysmsg_info br,
 625 #sysmsg br {
 626         display: block;
 627         margin: 2px 0px;
 628         border-top: 1px solid #ccccce;
 629 }
 630
 631
 632 /**
 633 * aside
 634 **/
 635 aside {
 636     position: absolute;
 637     right: 15px;
 638     width: 245px;
 639         padding-top: 15px;
 640     font-size: smaller;
 641 }
 642 .vcard .fn {
 643         font-size: 1.7em;
 644         font-weight: bold;
 645         border-bottom: 1px solid #729fcf;
 646         padding-bottom: 3px;
 647 }
 648 .vcard #profile-photo-wrapper {
 649         margin: 20px;
 650 }
 651 /* http://css-tricks.com/snippets/css/css-box-shadow/
 652  * box-shadow:
 653  * 1. The horizontal offset of the shadow, positive means
 654  * the shadow will be on the right of the box, a negative
 655  * offset will put the shadow on the left of the box.
 656  * 2. The vertical offset of the shadow, a negative one
 657  * means the box-shadow will be above the box, a
 658  * positive one means the shadow will be below the box.
 659  * 3. The blur radius (optional), if set to 0 the shadow
 660  * will be sharp, the higher the number, the more blurred
 661  * it will be.
 662  * 4. The spread radius (optional), positive values increase
 663  * the size of the shadow, negative values decrease the size.
 664  * Default is 0 (the shadow is same size as blur).
 665  * 5. Colo[u]r
 666  */
 667 .vcard #profile-photo-wrapper img {
 668         box-shadow: 3px 3px 10px 0 #000;
 669 }
 670 aside h4 {
 671         font-size: 1.2em;
 672 }
 673 aside #viewcontacts {
 674         text-align: right;
 675 }
 676 .aprofile dt {
 677         background: #eec;
 678         color: #2e2f2e;
 679         font-weight: bold;
 680     box-shadow: 1px 1px 5px 0 #000;
 681     margin: 15px 0 5px;
 682     padding-left: 5px;
 683 }
 684 #profile-extra-links ul {
 685         margin-left: 0px;
 686     padding-left: 0px;
 687     list-style: none;
 688 }
 689 #dfrn-request-link {
 690         background:#3465A4 url(connect.png) no-repeat 95% center;
 691         border-radius:5px 5px 5px 5px;
 692         color:#fff;
 693         display:block;
 694         font-size:1.2em;
 695         padding:.2em .5em;
 696 }
 697 #netsearch-box {
 698         margin: 20px 0px 30px;
 699     width: 150px;
 700 }
 701 #netsearch-box #search-submit {
 702     margin: 5px 0px 0px 0px;
 703 }
 704 .ttright {
 705         margin: 0px 0px 0px 0px;
 706 }
 707
 708
 709 /**
 710 * contacts block
 711 */
 712 .contact-block-div {
 713     width: 50px;
 714     height: 50px;
 715     float: left;
 716 }
 717 .contact-block-textdiv {
 718     width: 150px;
 719     height: 34px;
 720     float: left;
 721 }
 722 #contact-block-end {
 723     clear: both;
 724 }
 725
 726
 727 /**
 728  * jot
 729  **/
 730 #jot {
 731   /*width: 785px;*/
 732   margin: 10px 0 20px 0px;
 733   width: 100%;
 734 }
 735 #jot #jot-tools {
 736   margin: 0px;
 737   padding: 0px;
 738   height: 35px;
 739   overflow: none;
 740   width: 100%;
 741   /*background-color: #0e232e;*/
 742   /*border-bottom: 2px solid #9eabb0;*/
 743 }
 744 #jot #jot-tools span {
 745     float: left;
 746     margin: 10px 20px 2px 0px;
 747 }
 748 #jot #jot-tools span a {
 749     display: block;
 750 }
 751 #jot #jot-tools .perms {
 752     float: right;
 753     width: 40px;
 754 }
 755 #jot #jot-tools li.loading {
 756     float: right;
 757     background-color: #ffffff;
 758     width: 20px;
 759     vertical-align: center;
 760     text-align: center;
 761     border-top: 2px solid #9eabb0;
 762     height: 38px;
 763 }
 764 #jot #jot-tools li.loading img {
 765     margin-top: 10px;
 766 }
 767 #jot #jot-title {
 768         border: 1px solid #ccc;
 769     margin: 0 0 5px;
 770     height: 20px;
 771     width: 90%;
 772     font-weight: bold;
 773     border-radius: 5px;
 774         vertical-align: middle;
 775 }
 776 #jot #character-counter {
 777         width: 6%;
 778         float: right;
 779         text-align: right;
 780         height: 15px;
 781         line-height: 20px;
 782         padding: 2px 20px 5px 0;
 783 }
 784 #profile-jot-text_tbl {
 785         margin-bottom: 10px;
 786 }
 787 #profile-jot-text_ifr {
 788         width:99.900002% !important;
 789 }
 790 [id$="jot-text_ifr"] {
 791         width: 99.900002% !important;
 792         color: #2e2f2e;
 793         background: #eec;
 794 }
 795 [id$="jot-text_ifr"] .mceContentBody {
 796         color: #2e2f2e;
 797         background: #eec;
 798 }
 799 #profile-attach-wrapper,
 800 #profile-audio-wrapper,
 801 #profile-link-wrapper,
 802 #profile-location-wrapper,
 803 #profile-nolocation-wrapper,
 804 #profile-title-wrapper,
 805 #profile-upload-wrapper,
 806 #profile-video-wrapper {
 807     float: left;
 808         margin: 0 20px 0 0;
 809 }
 810 #profile-rotator-wrapper {
 811         float: right;
 812 }
 813 #profile-jot-tools-end,
 814 #profile-jot-banner-end {
 815         clear: both;
 816 }
 817 #profile-jot-email-wrapper {
 818         margin:10px 10% 0;
 819         border:1px solid #555753;
 820         border-bottom:0;
 821 }
 822 #profile-jot-email-label {
 823         background-color:#555753;
 824         color:#ccccce;
 825         padding:5px;
 826 }
 827 #profile-jot-email {
 828         width:90%;
 829         margin:5px;
 830 }
 831 #profile-jot-networks {
 832         margin: 0 10%;
 833         border: 1px solid #555753;
 834         border-top: 0;
 835         border-bottom: 0;
 836         padding: 5px;
 837 }
 838 #profile-jot-net {
 839         margin: 5px 0;
 840 }
 841 #jot-preview-link {
 842     margin: 0 0 0 10px;
 843     border: 0;
 844     text-decoration: none;
 845         float: right;
 846 }
 847 .icon-text-preview {
 848         margin: 0 0 -18px 0;
 849         display: block;
 850     width: 20px;
 851     height: 20px;
 852     background: url(icons.png) no-repeat -128px -40px;
 853     border: 0;
 854     text-decoration: none;
 855         float: right;
 856         cursor: pointer;
 857 }
 858 #profile-jot-perms {
 859         float: right;
 860     background-color: #555753;
 861     height: 22px;
 862     width: 20px;
 863     -webkit-border-radius: 5px;
 864     -moz-border-radius: 5px;
 865     border-radius: 5px;
 866     overflow: hidden;
 867     border: 0px;
 868     margin: 0 10px 0 10px;
 869 }
 870 #profile-jot-plugin-wrapper {
 871         width: 1px;
 872         margin: 10px 0 0 0;
 873         float: right;
 874 }
 875 #profile-jot-submit-wrapper {
 876         float: right;
 877         width: 100%;
 878         list-style: none;
 879         margin: 10px 0 0 0;
 880         padding: 0;
 881 }
 882 #profile-jot-submit {
 883         height: 22px;
 884         background-color: #555753;
 885         color: #eeeeec;
 886         -webkit-border-radius: 5px;
 887         -moz-border-radius: 5px;
 888         border-radius: 5px;
 889         border: 0;
 890         margin: 0;
 891         float: right;
 892 }
 893 #jot-perms-icon {
 894         height: 22px;
 895         width: 20px;
 896         -webkit-border-radius: 5px;
 897         -moz-border-radius: 5px;
 898         border-radius: 5px;
 899         overflow: hidden;
 900         border: 0;
 901 }
 902 #profile-jot-acl-wrapper {
 903         margin: 0 10px;
 904         border: 1px solid #555753;
 905         border-top: 0;
 906         display: block !important;
 907 }
 908 #group_allow_wrapper,
 909 #group_deny_wrapper,
 910 #acl-permit-outer-wrapper {
 911         width:47%;
 912         float:left;
 913 }
 914 #contact_allow_wrapper,
 915 #contact_deny_wrapper,
 916 #acl-deny-outer-wrapper {
 917         width:47%;
 918         float:right;
 919 }
 920 #acl-permit-text {
 921         background-color: #555753;
 922         color: #ccccce;
 923         padding: 5px;
 924         float: left;
 925 }
 926 #jot-public {
 927         background-color: #555753;
 928         color: #ff0000;
 929         padding: 5px;
 930         float: left;
 931 }
 932 #acl-deny-text {
 933         background-color: #555753;
 934         color: #ccccce;
 935         padding: 5px;
 936         float: left;
 937 }
 938 #acl-permit-text-end,
 939 #acl-deny-text-end {
 940         clear: both;
 941 }
 942 #jot-title-desc {
 943         color: #ccc;
 944 }
 945 #profile-jot-desc {
 946         color: #ff2000;
 947         margin: 5px 0;
 948 }
 949 #jot-title-wrapper {
 950         margin-bottom: 5px;
 951 }
 952 #jot-title-display {
 953         font-weight: bold;
 954 }
 955 .jothidden {
 956     display: none;
 957 }
 958 #jot-preview-content {
 959     background-color: #3e3f3e;
 960         color: #eec;
 961     border: 1px #eec solid;
 962     border-radius: 5px;
 963     padding: 3px 3px 6px 10px;
 964 }
 965 #jot-preview-content .wall-item-outside-wrapper {
 966         border: 0;
 967         border-radius: 0px;
 968 }
 969
 970
 971 /**
 972  * section
 973  */
 974 section {
 975     margin: 20px 8% 0 4%;
 976     font-size: 0.8em;
 977     padding-right: 230px;
 978         min-width: 475px;
 979 }
 980
 981 /** tabs **/
 982 .tabs {
 983     list-style: none;
 984     margin: 10px 0;
 985     padding: 0;
 986 }
 987 .tabs li {
 988     display: inline;
 989 }
 990 .tab {
 991     border: 1px solid #729fcf;
 992         padding: 4px;
 993 }
 994 .tab:hover {
 995     background: #88a9d2;
 996     color: #2e2f2e;
 997 }
 998 .tab:active {
 999     background: #88a9d2;
1000     color: #2e2f2e;
1001 }
1002 .tab.active {
1003         background: #88a9d2;
1004     color: #2e2f2e;
1005 }
1006 .tab a {
1007         border: 0;
1008         text-decoration: none;
1009 }
1010
1011 /**
1012  *      items
1013  */
1014 .wall-item-outside-wrapper {
1015         border: 1px solid #aaa;
1016         border-radius: 5px;
1017 }
1018 .wall-item-outside-wrapper.comment {
1019         margin-top: 5px;
1020 }
1021 .wall-item-outside-wrapper-end {
1022     clear: both;
1023 }
1024 .wall-item-content-wrapper {
1025     position: relative;
1026         padding: 10px;
1027         width: auto;
1028 }
1029 .wall-item-outside-wrapper .wall-item-comment-wrapper {
1030     /*margin-left: 90px;*/
1031 }
1032 .shiny {
1033     background: #2e3436;
1034 }
1035 .heart {
1036         color: red;
1037 }
1038 .wall-item-content {
1039         overflow-x: auto;
1040 }
1041 /* removing it from here, vs. putting it in .wall-item-content
1042  * might break things for people. we shall see ;) */
1043 [id^="tread-wrapper"], [class^="tread-wrapper"] {
1044     margin: 15px 0 0 0;
1045     padding: 0px;
1046         /*overflow-x: auto;*/
1047 }
1048 .wall-item-photo-menu {
1049     display: none;
1050 }
1051 .wall-item-photo-menu-button {
1052     display:none;
1053     text-indent:-99999px;
1054     background:#555753 url(menu-user-pin.jpg) no-repeat 75px center;
1055     position:absolute;
1056     overflow:hidden;
1057     height:20px;
1058     width:90px;
1059     top:85px;
1060     left:0;
1061     -webkit-border-radius:0 0 5px 5px;
1062     -moz-border-radius:0 0 5px 5px;
1063     border-radius:0 0 5px 5px;
1064 }
1065 .wall-item-info {
1066     float: left;
1067     width: 110px;
1068 }
1069 .wall-item-photo-wrapper {
1070     width: 80px;
1071     height: 80px;
1072     position: relative;
1073     padding: 5px;
1074     background-color: #555753;
1075     -webkit-border-radius: 5px;
1076     -moz-border-radius: 5px;
1077     border-radius: 5px;
1078 }
1079 [class^="wall-item-tools"] > *, [class^="wall-item-tools"] > * > * {
1080         margin: 0 0 5px 0;
1081 }
1082 .wall-item-tools {
1083     float: right;
1084     filter: alpha(opacity=35);
1085     opacity: 0.4;
1086     -webkit-transition: all 1s ease-in-out;
1087     -moz-transition: all 1s ease-in-out;
1088     -o-transition: all 1s ease-in-out;
1089     -ms-transition: all 1s ease-in-out;
1090     transition: all 1s ease-in-out;
1091 }
1092 .wall-item-tools:hover {
1093     filter: alpha(opacity=100);
1094     opacity: 1;
1095     -webkit-transition: all 1s ease-in-out;
1096     -moz-transition: all 1s ease-in-out;
1097     -o-transition: all 1s ease-in-out;
1098     -ms-transition: all 1s ease-in-out;
1099     transition: all 1s ease-in-out;
1100 }
1101 .wall-item-title {
1102         font-size: 1.2em;
1103         font-weight: bold;
1104     margin-bottom: 1em;
1105 }
1106 .wall-item-body {
1107         margin: 10px 10px 10px 0px;
1108     text-align: left;
1109 }
1110 .wall-item-lock-wrapper {
1111         float: right;
1112 }
1113 .wall-item-dislike,
1114 .wall-item-like {
1115         clear: left;
1116         font-size: 0.8em;
1117         color: #878883;
1118         margin: 5px 0 5px 120px;
1119 }
1120 .wall-item-author, .wall-item-actions-author {
1121         clear: left;
1122         font-size: 0.8em;
1123         color: #878883;
1124         margin: 20px 20px 0 110px;
1125 }
1126 .wall-item-ago {
1127         display: inline;
1128         padding-left: 10px;
1129 }
1130 .wall-item-wrapper-end {
1131         clear:both;
1132 }
1133 .wall-item-location {
1134     margin-top: 15px;
1135     width: 100px;
1136     overflow: hidden;
1137     text-overflow: ellipsis;
1138     -o-text-overflow: ellipsis;
1139 }
1140 .wall-item-location .icon {
1141     float: left;
1142 }
1143 .wall-item-location > a {
1144     margin-left: 25px;
1145     font-size: 0.7em;
1146     display: block;
1147 }
1148 .wall-item-location .smalltext {
1149     margin-left: 25px;
1150     font-size: 0.7em;
1151     display: block;
1152 }
1153 .wall-item-location > br {
1154     display: none;
1155 }
1156 .wallwall .wwto {
1157     left: 5px;
1158     margin: 0;
1159     position: absolute;
1160     top: 75px;
1161     width: 30px;
1162     z-index: 10001;
1163     width: 30px;
1164     height: 30px;
1165 }
1166 .wallwall .wwto img {
1167     width: 30px !important;
1168     height: 30px !important;
1169 }
1170 .wallwall .wall-item-photo-end {
1171     clear: both;
1172 }
1173 .wall-item-arrowphoto-wrapper {
1174     position: absolute;
1175     left: 35px;
1176     top: 80px;
1177     z-index: 10002;
1178 }
1179 .wall-item-photo-menu {
1180         min-width: 92px;
1181         border: 2px solid #FFFFFF;
1182         border-top: 0px;
1183         background: #555753;
1184         position: absolute;
1185         left: -2px; top: 101px;
1186         display: none;
1187         z-index: 10003;
1188         -webkit-border-radius: 0px 5px 5px 5px;
1189         -moz-border-radius: 0px 5px 5px 5px;
1190         border-radius: 0px 5px 5px 5px;
1191 }
1192 .wall-item-photo-menu ul {
1193     margin:0px;
1194     padding: 0px;
1195     list-style: none;
1196 }
1197 .wall-item-photo-menu li a {
1198     white-space: nowrap;
1199     display: block;
1200     padding: 5px 2px;
1201     color: #eeeeec;
1202 }
1203 .wall-item-photo-menu li a:hover {
1204     color: #555753;
1205     background: #eeeeec;
1206 }
1207 #item-delete-selected {
1208     overflow: auto;
1209     width: 100%;
1210 }
1211
1212
1213 /**
1214  *      comment
1215  */
1216 .ccollapse-wrapper {
1217     font-size: 0.9em;
1218     margin-left: 80px;
1219 }
1220
1221 .wall-item-outside-wrapper.comment {
1222     margin-left: 80px;
1223 }
1224 .wall-item-outside-wrapper.comment .wall-item-photo {
1225     width: 40px!important;
1226     height: 40px!important;
1227 }
1228 .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
1229     width: 40px;
1230     height: 40px;
1231 }
1232 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
1233         width: 50px;
1234     top: 45px;
1235     background-position: 35px center;
1236 }
1237 .wall-item-outside-wrapper.comment .wall-item-info {
1238     width: 60px;
1239 }
1240 .wall-item-outside-wrapper.comment .wall-item-body {
1241     margin-left: 10px;
1242 }
1243 .wall-item-outside-wrapper.comment .wall-item-author {
1244     margin-left: 50px;
1245 }
1246
1247 .wall-item-outside-wrapper.comment .wall-item-photo-menu {
1248     min-width: 50px;
1249     top: 60px;
1250 }
1251 .comment-wwedit-wrapper {
1252     /*margin: 30px 0px 0px 80px;*/
1253 }
1254 .comment-edit-wrapper {
1255     border-top: 1px #aaa solid;
1256 }
1257 .comment-wwedit-wrapper img,
1258 .comment-edit-wrapper img {
1259         width: 20px;
1260         height: 20px;
1261 }
1262 .comment-edit-photo-link, .comment-edit-photo {
1263         float: left;
1264         margin-left: 10px;
1265 }
1266 .my-comment-photo {
1267     width: 40px;
1268     height: 40px;
1269     padding: 5px;
1270 }
1271 [class^="comment-edit-text"] {
1272     margin: 5px 0 10px 20px;
1273     width: 84.5%;
1274 }
1275 .comment-edit-text-empty {
1276         height: 20px;
1277         border: 2px #c8bebe solid;
1278         border-radius: 5px;
1279         color: #c8bebe;
1280         -webkit-transition: all 0.5s ease-in-out;
1281         -moz-transition: all 0.5s ease-in-out;
1282         -o-transition: all 0.5s ease-in-out;
1283         -ms-transition: all 0.5s ease-in-out;
1284         transition: all 0.5s ease-in-out;
1285 }
1286 .comment-edit-text-empty:hover {
1287         color: #999999;
1288 }
1289 .comment-edit-text-full {
1290         height: 10em;
1291     border-radius: 5px;
1292         -webkit-transition: all 0.5s ease-in-out;
1293         -moz-transition: all 0.5s ease-in-out;
1294         -o-transition: all 0.5s ease-in-out;
1295         -ms-transition: all 0.5s ease-in-out;
1296         transition: all 0.5s ease-in-out;
1297 }
1298 .comment-edit-submit-wrapper {
1299         width: 90%;
1300         margin: 5px 5px 10px 50px;
1301         text-align: right;
1302 }
1303 .comment-edit-submit {
1304     height: 22px;
1305     background-color: #555753;
1306     color: #eeeeec;
1307     -webkit-border-radius: 5px;
1308     -moz-border-radius: 5px;
1309     border-radius: 5px;
1310     border: 0;
1311 }
1312
1313
1314 /**
1315  * item text style
1316  **/
1317 .wall-item-body code {
1318         display: block;
1319         padding: 0 0 10px 5px;
1320         border-color: #ccc;
1321         border-style: solid;
1322         border-width: 1px 1px 1px 10px;
1323         background: #eee;
1324         color: #2e2f2e;
1325         width: 95%;
1326 }
1327
1328
1329 /**
1330  * profile
1331  **/
1332 div[id$="text"] {
1333     font-weight: bold;
1334     border-bottom: 1px solid #ccc;
1335 }
1336 div[id$="wrapper"] {
1337     height: 100%;
1338     margin-bottom: 1em;
1339 }
1340 div[id$="wrapper"] br {
1341     clear: left;
1342 }
1343 #advanced-profile-with {
1344     margin-left: 200px;
1345 }
1346
1347
1348 /**
1349  * photos
1350  **/
1351 .photos {
1352         height: auto;
1353         overflow: auto;
1354 }
1355 #photo-top-links {
1356     margin-bottom: 30px;
1357 }
1358 .photo-album-image-wrapper,
1359 .photo-top-image-wrapper {
1360     float: left;
1361     -moz-box-shadow: 3px 3px 10px 0 #000;
1362     -webkit-box-shadow: 3px 3px 10px 0 #000;
1363     box-shadow: 3px 3px 10px 0 #000;
1364     background-color: #222;
1365         color: #2e2f2e;
1366     -webkit-border-radius: 5px;
1367     -moz-border-radius: 5px;
1368     border-radius: 5px;
1369     padding-bottom: 30px;
1370     position: relative;
1371     margin: 0 10px 10px 0;
1372 }
1373
1374 #photo-photo {
1375     max-width: 100%;
1376 }
1377 #photo-photo img {
1378     max-width: 100%;
1379 }
1380 .photo-top-image-wrapper a:hover,
1381 #photo-photo a:hover,
1382 .photo-album-image-wrapper a:hover {
1383     border-bottom: 0;
1384 }
1385 .photo-top-photo,.photo-album-photo {
1386     -webkit-border-radius:5px 5px 0 0;
1387     -moz-border-radius:5px 5px 0 0;
1388     border-radius:5px 5px 0 0;
1389 }
1390 .photo-top-album-name {
1391     position: absolute;
1392     bottom: 0;
1393     padding: 0 5px;
1394 }
1395 .caption {
1396     position: absolute;
1397     bottom: 0;
1398     margin: 0 5px;
1399 }
1400 #photo-photo {
1401         position: relative;
1402         float:left;
1403 }
1404 #photo-photo-end {
1405     clear: both;
1406 }
1407 #photo-prev-link,
1408 #photo-next-link {
1409     position:absolute;
1410     width:30%;
1411     height:100%;
1412     background-color:rgba(255,255,255,0.5);
1413     opacity:0;
1414     -webkit-transition:all .2s ease-in-out;
1415     -moz-transition:all .2s ease-in-out;
1416     -o-transition:all .2s ease-in-out;
1417     -ms-transition:all .2s ease-in-out;
1418     transition:all .2s ease-in-out;
1419     background-position:center center;
1420     background-repeat:no-repeat;
1421 }
1422 #photo-prev-link {
1423     left:0;
1424     top:0;
1425     background-image:url(prev.png);
1426 }
1427 #photo-next-link {
1428     right:0;
1429     top:0;
1430     background-image:url(next.png);
1431 }
1432
1433 #photo-prev-link a,#photo-next-link a {
1434     display:block;
1435     width:100%;
1436     height:100%;
1437     overflow:hidden;
1438     text-indent:-900000px;
1439 }
1440 #photo-prev-link:hover,
1441 #photo-next-link:hover {
1442     opacity:1;
1443     -webkit-transition:all .2s ease-in-out;
1444     -moz-transition:all .2s ease-in-out;
1445     -o-transition:all .2s ease-in-out;
1446     -ms-transition:all .2s ease-in-out;
1447     transition:all .2s ease-in-out;
1448 }
1449 #photo-next-link .icon,
1450 #photo-prev-link .icon {
1451     display: none;
1452 }
1453 #photos-upload-spacer,
1454 #photos-upload-new-wrapper,
1455 #photos-upload-exist-wrapper {
1456     margin-bottom: 1em;
1457 }
1458 #photos-upload-existing-album-text,
1459 #photos-upload-newalbum-div {
1460     background-color:#555753;
1461     color:#eeeeec;
1462     padding:1px;
1463 }
1464 #photos-upload-album-select,
1465 #photos-upload-newalbum {
1466     width: 99%;
1467 }
1468 #photos-upload-perms-menu {
1469     text-align: right;
1470 }
1471 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1472     float: left;
1473     margin-bottom: 25px;
1474 }
1475 #photo-edit-link-wrap {
1476     margin-bottom: 15px;
1477 }
1478 #photo-edit-caption {
1479         width: 100%;
1480 }
1481 #photo-edit-newtag {
1482         width: 100%;
1483 }
1484 #photo-like-div {
1485     margin-bottom: 25px;
1486 }
1487 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1488     clear: both;
1489 }
1490 #photo-edit-delete-button {
1491     margin-left: 200px;
1492 }
1493 #photo-edit-end {
1494     margin-bottom: 35px;
1495 }
1496 #photo-caption {
1497     font-size: 110%;
1498     font-weight: bold;
1499     margin-top: 15px;
1500     margin-bottom: 15px;
1501 }
1502
1503 /**
1504  *      message
1505  */
1506 .prvmail-text {
1507     width: 100%;
1508 }
1509 #prvmail-subject {
1510     width: 100%;
1511         color: #2e2f2e;
1512         background: #eec;
1513 }
1514 #prvmail-submit-wrapper {
1515     margin-top: 10px;
1516 }
1517 #prvmail-submit {
1518     float:right;
1519     margin-top: 0;
1520 }
1521 #prvmail-submit-wrapper > div {
1522     margin-right:5px;
1523     float:left;
1524 }
1525 .mail-list-outside-wrapper {
1526     margin-top: 20px;
1527 }
1528 .mail-list-sender {
1529     float: left;
1530 }
1531 .mail-list-detail {
1532     margin-left: 90px;
1533 }
1534 .mail-list-sender-name {
1535     display: inline;
1536         font-size: 1.1em;
1537 }
1538 .mail-list-date {
1539     display: inline;
1540     font-size: 0.9em;
1541     padding-left: 10px;
1542 }
1543 .mail-list-sender-name, .mail-list-date {
1544         font-style: italic;
1545 }
1546 .mail-list-subject {
1547     font-size: 1.2em;
1548 }
1549 .mail-list-delete-wrapper {
1550     float: right;
1551 }
1552 .mail-list-outside-wrapper-end {
1553     clear: both;
1554         border-bottom: 1px #eec dotted;
1555 }
1556 .mail-conv-sender {
1557     float: left;
1558     margin: 0px 5px 5px 0px;
1559 }
1560 .mail-conv-sender-photo {
1561     width: 32px;
1562     height: 32px;
1563 }
1564 .mail-conv-sender-name {
1565     float: left;
1566 }
1567 .mail-conv-date {
1568     float: right;
1569 }
1570 .mail-conv-subject {
1571     clear: right;
1572     font-weight: bold;
1573     font-size: 1.2em;
1574 }
1575 .mail-conv-body {
1576     clear: both;
1577 }
1578 .mail-conv-delete-wrapper {
1579     margin-top: 5px;
1580 }
1581
1582
1583 /**
1584  *      contacts
1585  */
1586 .view-contact-wrapper,
1587 .contact-entry-wrapper {
1588     float: left;
1589     margin: 0 5px 40px 0;
1590     width: 120px;
1591         height: 120px;
1592         padding: 3px;
1593     position: relative;
1594 }
1595 .contact-direction-wrapper {
1596     position: absolute;
1597     top: 20px;
1598 }
1599 .contact-edit-links {
1600     position: absolute;
1601     top: 60px;
1602 }
1603 .contact-entry-photo-wrapper {
1604
1605 }
1606 .contact-entry-photo {
1607         margin-left: 20px;
1608 }
1609 .contact-entry-name {
1610     width: 120px;
1611     font-weight: bold;
1612     /*overflow: hidden;*/
1613 }
1614 .contact-entry-photo {
1615         position: relative;
1616 }
1617 .contact-entry-edit-links .icon {
1618     border: 1px solid #babdb6;
1619     -webkit-border-radius: 3px;
1620     -moz-border-radius: 3px;
1621     border-radius: 3px;
1622     background-color: #fff;
1623 }
1624 #contact-entry-url, [id^="contact-entry-url"] {
1625     font-size: smaller;
1626     /*overflow: scroll;*/
1627 }
1628 #contact-entry-network, [id^="contact-entry-network"] {
1629     font-size: smaller;
1630     font-style: italic;
1631 }
1632 #contact-edit-banner-name {
1633     font-size: 1.5em;
1634 }
1635 #contact-edit-photo-wrapper {
1636     position: relative;
1637     float: left;
1638     padding: 20px;
1639 }
1640 #contact-edit-direction-icon {
1641     position:absolute;
1642     top:60px;
1643     left:0;
1644 }
1645 #contact-edit-nav-wrapper {
1646     margin-left: 0px;
1647 }
1648 #contact-edit-links {
1649     margin-top: 23px;
1650 }
1651 #contact-edit-links ul {
1652     list-style-type: none;
1653 }
1654 #contact-drop-links {
1655     margin-left:5px;
1656 }
1657 #contact-edit-nav-wrapper .icon {
1658         border: 1px solid #babdb6;
1659     -webkit-border-radius: 3px;
1660     -moz-border-radius: 3px;
1661     border-radius: 3px;
1662 }
1663 #contact-edit-poll-wrapper {
1664     margin-left: 0px;
1665 }
1666 #contact-edit-last-update-text {
1667     margin-bottom: 15px;
1668 }
1669 #contact-edit-last-updated {
1670     font-weight: bold;
1671 }
1672 #contact-edit-poll-text {
1673     display: inline;
1674 }
1675 #contact-edit-info_tbl, #contact-edit-info_parent {
1676     width: 100%;
1677 }
1678 .mceLayout {
1679     width: 100%;
1680 }
1681 #contact-edit-end {
1682     clear: both;
1683     margin-bottom: 65px;
1684 }
1685
1686 .contact-photo-menu-button {
1687     position: absolute;
1688     background-image: url("photo-menu.jpg");
1689     background-position: top left;
1690     background-repeat: no-repeat;
1691     margin: 0px; padding: 0px;
1692     width: 16px;
1693     height: 16px;
1694     top: 64px; left:0px;
1695     overflow: hidden;
1696     text-indent: 40px;
1697     display: none;
1698 }
1699 .contact-photo-menu {
1700     width: auto;
1701     border: 2px solid #444;
1702     background: #2e2f2e;
1703         color: #eec;
1704     position: absolute;
1705     left: 0px; top: 90px;
1706     display: none;
1707     z-index: 10000;
1708 }
1709 .contact-photo-menu ul {
1710     margin:0px;
1711     padding: 0px;
1712     list-style: none;
1713 }
1714 .contact-photo-menu li a {
1715     display: block;
1716     padding: 2px;
1717 }
1718 .contact-photo-menu li a:hover {
1719     color: #fff;
1720     background: #3465A4;
1721     text-decoration: none;
1722 }
1723
1724
1725 /**
1726  *      register, settings & profile forms
1727  */
1728 #id_openid_url,
1729 .openid {
1730     background:url(login-bg.gif) no-repeat;
1731     background-position:0 50%;
1732     padding-left:18px;
1733 }
1734
1735 #settings-nickname-desc {
1736     background-color: #eec;
1737     -webkit-border-radius: 5px;
1738     -moz-border-radius: 5px;
1739     border-radius: 5px;
1740     padding: 5px;
1741         color: #111;
1742 }
1743 #settings-default-perms {
1744     margin-bottom: 20px;
1745 }
1746 #register-form div,
1747 #profile-edit-form div {
1748     clear: both;
1749 }
1750
1751 /*#register-form label,     */
1752 /*#profile-edit-form label {*/
1753 /*    width: 300px;         */
1754 /*    float: left;          */
1755 /*}                         */
1756
1757 /*#register-form span,     */
1758 /*#profile-edit-form span {*/
1759 /*    color: #555753;      */
1760 /*    display: block;      */
1761 /*    margin-bottom: 20px; */
1762 /*}                        */
1763 #profile-edit-marital-label span {
1764         margin: -4px;
1765 }
1766 .settings-submit-wrapper,
1767 .profile-edit-submit-wrapper {
1768     margin: 30px 0px;
1769 }
1770 .profile-edit-side-div {
1771         /*background: #111;
1772         border-radius: 5px 5px 0px 0px;
1773         margin: 0px 0px 0px 0px;
1774         width: 100px;
1775         height: 25px;
1776         position: absolute;*/
1777         display: none;
1778         /*left: 35%;
1779         top: 41%;
1780         cursor: pointer;*/
1781 }
1782 /*.profile-edit-side-div:hover {
1783         display: block;
1784 }
1785 .profile-edit-side-link {
1786         margin: 3px 0px 0px 70px;
1787 }*/
1788 #profiles-menu-trigger {
1789         margin: 0px 0px 0px 25px;
1790 }
1791 .profile-listing {
1792     float: left;
1793     margin: 20px 20px 0px 0px;
1794 }
1795 .icon-profile-edit {
1796     background: url("icons.png") -150px 0px no-repeat;
1797     border: 0;
1798         cursor: pointer;
1799     display: block;
1800     float: right;
1801         width: 20px;
1802     height: 20px;
1803     margin: 0 0 -18px;
1804         position: absolute;
1805     text-decoration: none;
1806         top: 18px;
1807         right: 226px;
1808 }
1809 #profile-edit-links ul {
1810     margin: 20px 0;
1811     padding: 0;
1812     list-style: none;
1813 }
1814 .marital {
1815         margin-top: 5px;
1816 }
1817 #register-sitename {
1818     display: inline;
1819     font-weight: bold;
1820 }
1821 #advanced-expire-popup {
1822         background: #2e2f2e;
1823         color: #eec;
1824 }
1825 #id_ssl_policy {
1826         width: 374px;
1827 }
1828
1829
1830 /**
1831  *      contacts selector
1832  */
1833 .group-delete-wrapper {
1834         margin: -31px 50px 0 0;
1835     float: right;
1836 }
1837 /*.group-delete-icon {
1838     margin: 0 0 0 10px;
1839 }*/
1840 #group-edit-submit-wrapper {
1841     margin: 0 0 10px 0;
1842     display: inline;
1843 }
1844 #group-edit-desc {
1845     margin: 10px 0px;
1846 }
1847 #group-members,
1848 #prof-members {
1849     height:200px;
1850     overflow:auto;
1851     border:1px solid #555753;
1852     -webkit-border-radius:5px 5px 0 0;
1853     -moz-border-radius:5px 5px 0 0;
1854     border-radius:5px 5px 0 0;
1855 }
1856 #group-all-contacts,
1857 #prof-all-contacts {
1858     height:200px;
1859     overflow:auto;
1860     border:1px solid #555753;
1861     -webkit-border-radius:0 0 5px 5px;
1862     -moz-border-radius:0 0 5px 5px;
1863     border-radius:0 0 5px 5px;
1864 }
1865 #group-members h3,
1866 #group-all-contacts h3,
1867 #prof-members h3,
1868 #prof-all-contacts h3 {
1869     color:#eeeeec;
1870     background-color:#555753;
1871     margin:0;
1872     padding:5px;
1873 }
1874 #group-separator,
1875 #prof-separator {
1876     display: none;
1877 }
1878
1879
1880 /**
1881  * profile
1882  */
1883 #cropimage-wrapper {
1884     float:left;
1885 }
1886 #crop-image-form {
1887     clear:both;
1888 }
1889
1890
1891 /**
1892  * intros
1893  */
1894 .intro-wrapper {
1895     margin-top: 20px;
1896 }
1897
1898 .intro-fullname {
1899     font-size: 1.1em;
1900     font-weight: bold;
1901
1902 }
1903 .intro-desc {
1904     margin-bottom: 20px;
1905     font-weight: bold;
1906 }
1907
1908 .intro-note {
1909     padding: 10px;
1910 }
1911
1912 .intro-end {
1913     padding: 30px;
1914 }
1915
1916 .intro-form {
1917     float: left;
1918 }
1919 .intro-approve-form {
1920     clear: both;
1921 }
1922 .intro-approve-as-friend-end {
1923     clear: both;
1924 }
1925 .intro-submit-approve, .intro-submit-ignore {
1926     margin-right: 20px;
1927 }
1928 .intro-submit-approve {
1929     margin-top: 15px;
1930 }
1931
1932 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
1933     float: left;
1934 }
1935 .intro-approve-as-friend, .intro-approve-as-fan {
1936     float: left;
1937 }
1938 .intro-form-end {
1939     clear: both;
1940     margin-bottom: 10px;
1941 }
1942 .intro-approve-as-friend-desc {
1943     margin-top: 10px;
1944 }
1945 .intro-approve-as-end {
1946     clear: both;
1947     margin-bottom: 10px;
1948 }
1949
1950 .intro-end {
1951     clear: both;
1952 }
1953
1954
1955 /**
1956  * events
1957  **/
1958 .clear { clear: both; }
1959 .eventcal {
1960     float:left;
1961     font-size:20px;
1962 }
1963 .vevent {
1964     border:1px solid #ccc;
1965 }
1966 .vevent .event-description, .vevent .event-location {
1967         margin-left: 10px;
1968         margin-right: 10px;
1969 }
1970 .vevent .event-start {
1971         margin-left: 10px;
1972         margin-right: 10px;
1973 }
1974
1975 #new-event-link {
1976         margin-bottom: 10px;
1977 }
1978 .edit-event-link, .plink-event-link {
1979         float: left;
1980         margin-top: 4px;
1981         margin-right: 4px;
1982         margin-bottom: 15px;
1983 }
1984 .event-description:before {
1985         content: url('../../../images/calendar.png');
1986         margin-right: 15px;
1987 }
1988 .event-start, .event-end {
1989         margin-left: 10px;
1990         width: 330px;
1991 }
1992 .event-start .dtstart, .event-end .dtend {
1993         float: right;
1994 }
1995 .event-list-date {
1996         margin-bottom: 10px;
1997 }
1998 .prevcal, .nextcal {
1999         float: left;
2000         margin-left: 32px;
2001         margin-right: 32px;
2002         margin-top: 64px;
2003 }
2004 .event-calendar-end {
2005         clear: both;
2006 }
2007 .calendar {
2008     font-family: monospace;
2009 }
2010 .today {
2011         font-weight: bold;
2012         color: #FF0000;
2013 }
2014 #event-start-text,
2015 #event-finish-text {
2016         margin-top: 10px;
2017         margin-bottom: 5px;
2018 }
2019 #event-nofinish-checkbox,
2020 #event-nofinish-text,
2021 #event-adjust-checkbox,
2022 #event-adjust-text,
2023 #event-share-checkbox {
2024     float:left;
2025 }
2026 #event-datetime-break {
2027         margin-bottom: 10px;
2028 }
2029 #event-nofinish-break,
2030 #event-adjust-break,
2031 #event-share-break {
2032         clear: both;
2033 }
2034 #event-desc-text,
2035 #event-location-text {
2036         margin-top: 10px;
2037         margin-bottom: 5px;
2038 }
2039 #event-submit {
2040         margin-top: 10px;
2041 }
2042 .body-tag {
2043         margin: 10px 0;
2044         opacity: 0.5;
2045         filter:alpha(opacity=50);
2046 }
2047 .body-tag:hover {
2048         opacity: 1.0 !important;
2049         filter:alpha(opacity=100) !important;
2050 }
2051 .filesavetags {
2052         margin: 20px 0;
2053         opacity: 0.5;
2054         filter:alpha(opacity=50);
2055 }
2056 .filesavetags:hover {
2057         margin: 20px 0;
2058         opacity: 1.0 !important;
2059         filter:alpha(opacity=100) !important;
2060 }
2061 .item-select {
2062         opacity: 0.1;
2063         filter:alpha(opacity=10);
2064         float: right;
2065         margin-right: 10px;
2066
2067 }
2068 .item-select:hover, .checkeditem {
2069         opacity: 1;
2070         filter:alpha(opacity=100);
2071 }
2072 #item-delete-selected {
2073         margin-top: 30px;
2074 }
2075 /* was tired of having no way of moving it around, so
2076  * here's a little 'hook' to do so */
2077 .delete-checked {
2078         position: absolute;
2079         left: 35px;
2080         margin-top: 20px;
2081 }
2082 #item-delete-selected-end {
2083         clear: both;
2084 }
2085 #item-delete-selected-icon, #item-delete-selected-desc {
2086         float: left;
2087         margin-right: 5px;
2088 }
2089 #item-delete-selected-desc:hover {
2090         text-decoration: underline;
2091 }
2092
2093
2094 /**
2095  *      directory
2096  */
2097 .directory-item {
2098     float: left;
2099         /*margin: 50px 50px 0px 0px;*/
2100         margin: 0 5px 4px 0;
2101         padding: 3px;
2102         width: 180px;
2103         height: 250px;
2104     position: relative;
2105 }
2106
2107
2108 /**
2109  * sidebar
2110  */
2111 #group-sidebar {
2112     margin-bottom: 10px;
2113 }
2114 .group-selected, .nets-selected, .fileas-selected {
2115     padding: 3px;
2116         color: #2e2f2e;
2117     background: #88a9d2;
2118     font-weight: bold;
2119 }
2120 .group-selected:hover, .nets-selected:hover, .fileas-selected:hover {
2121         color: #2e2f2e;
2122 }
2123 .groupsideedit {
2124     margin-right: 10px;
2125 }
2126 #sidebar-group-ul {
2127     padding-left: 0;
2128 }
2129 #sidebar-group-list {
2130     margin: 0 0 5px 0;
2131 }
2132 #sidebar-group-list ul {
2133     list-style-type: none;
2134     list-style-position: inside;
2135 }
2136 #sidebar-group-list li {
2137     margin-top: 10px;
2138 }
2139 #sidebar-group-list .icon {
2140     display: inline-block;
2141     height: 12px;
2142     width: 12px;
2143 }
2144 #sidebar-new-group {
2145     margin: auto;
2146     display: inline-block;
2147     color: #efefef;
2148     text-decoration: none;
2149     text-align: center;
2150 }
2151 #peoplefind-sidebar form {
2152         margin-bottom: 10px;
2153 }
2154 #sidebar-new-group:hover {
2155     /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/
2156     /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/
2157     /*background-color: #b20202;*/
2158 }
2159
2160 #sidebar-new-group:active {
2161     position: relative;
2162     top: 1px;
2163 }
2164 #side-peoplefind-url {
2165     background-color: #2e2f2e;
2166     color: #eec;
2167         border: 1px 999 solid;
2168         margin-right: 3px;
2169         width: 75%;
2170 }
2171 #side-peoplefind-url:hover, #side-peoplefind-url:focus {
2172     background-color: #efefef;
2173     color: #222;
2174         border: 1px 333 solid;
2175 }
2176 .nets-ul {
2177     list-style-type: none;
2178     padding-left: 0px;
2179 }
2180 .nets-ul li {
2181     margin: 10px 0 0;
2182 }
2183
2184 .nets-link {
2185     margin-left: 0px;
2186 }
2187 .nets-all {
2188     margin-left: 0px;
2189 }
2190
2191
2192 /**
2193  * ADMIN
2194  */
2195 #pending-update {
2196     float:right;
2197     color: #fff;
2198     font-weight: bold;
2199     background-color: #ff0000;
2200     padding: 0 .3em;
2201 }
2202 .admin.linklist {
2203     border: 0; padding: 0;
2204 }
2205 .admin.link {
2206     list-style-position: inside;
2207 }
2208 #adminpage dl {
2209     clear:left;
2210     margin-bottom: 2px;
2211     padding-bottom: 2px;
2212     border-bottom: 1px solid #000;
2213 }
2214 #adminpage dt {
2215     width: 250px;
2216     float: left;
2217     font-weight: bold;
2218 }
2219 #adminpage dd {
2220         margin-left: 250px;
2221 }
2222 #adminpage h3 {
2223     border-bottom:1px solid #ccc;
2224 }
2225
2226 #adminpage .submit {
2227         clear:left;
2228 }
2229
2230 #adminpage #pluginslist {
2231     margin: 0;
2232     padding: 0;
2233 }
2234 #adminpage .plugin {
2235     list-style: none;
2236     display: block;
2237     border: 1px solid #888;
2238     padding: 1em;
2239     margin-bottom: 5px;
2240     clear: left;
2241 }
2242 #adminpage .toggleplugin {
2243         float:left;
2244         margin-right: 1em;
2245 }
2246
2247 #adminpage table {
2248     width: 100%;
2249     border-bottom: 1px solid #000;
2250     margin: 5px 0;
2251 }
2252 #adminpage table th {
2253     text-align: left;
2254 }
2255 #adminpage td .icon {
2256     float: left;
2257 }
2258 #adminpage table#users img {
2259     width: 16px; height: 16px;
2260 }
2261 #adminpage table tr:hover {
2262         color: #2e2f2e;
2263     background-color: #eec;
2264 }
2265 #adminpage .selectall {
2266     text-align: right;
2267 }
2268 #adminpage #users a {
2269         color: #2e2f2e;
2270         text-decoration: underline;
2271 }
2272
2273 /**
2274  * Form fields
2275  */
2276 .field {
2277         /*margin-bottom: 10px;*/
2278         /*padding-bottom: 10px;*/
2279     overflow: auto;
2280     width: 100%;
2281 }
2282 .field label, label {
2283     float: left;
2284     width: 275px;
2285         display: block;
2286         font-size: 1.077em;
2287         /*font-weight: bold;*/
2288         margin: 0 10px 0.5em 0;
2289         border: 1px #2e2f2e solid;
2290         padding: 5px;
2291         background: #eec;
2292         vertical-align: middle;
2293         color: #111;
2294 }
2295 .field input, input[type="text"] {
2296         width: 250px;
2297         height: 25px;
2298         border: 1px #999 solid;
2299 }
2300 .field textarea {
2301     width: 80%;
2302     height: 100px;
2303 }
2304 .field_help {
2305     display: block;
2306     margin-left: 297px;
2307     color: #aaa;
2308 }
2309 .field .onoff {
2310     float: left;
2311     width: 80px;
2312 }
2313 .field .onoff a {
2314     display: block;
2315     border: 1px solid #666;
2316     padding: 3px 6px 4px 10px;
2317     height: 16px;
2318     text-decoration: none;
2319 }
2320 .field .onoff .on {
2321         background: url("../../../images/onoff.jpg") no-repeat 42px 1px #999;
2322     color: #111;
2323     text-align: left;
2324 }
2325 .field .onoff .off {
2326         background: url("../../../images/onoff.jpg") no-repeat 2px 1px #ccc;
2327     color: #333;
2328     text-align: right;
2329 }
2330 .hidden {
2331     display:none !important;
2332 }
2333 .field.radio .field_help {
2334     margin-left: 297px;
2335 }
2336
2337
2338 /*
2339  * UPDATE
2340  */
2341 .popup {
2342         width: 100%;
2343     height: 100%;
2344         top: 0px;
2345     left: 0px;
2346         position: absolute;
2347         display: none;
2348 }
2349 .popup .background {
2350         background-color: rgba(0,0,0,128);
2351         opacity: 0.5;
2352         width: 100%;
2353     height: 100%;
2354         position: absolute;
2355         top:0px;
2356     left:0px;
2357 }
2358 .popup .panel {
2359         top: 25%;
2360     left: 25%;
2361     width: 50%;
2362     height: 50%;
2363         padding: 1em;
2364         position: absolute;
2365         border: 4px solid #000000;
2366         background-color: #FFFFFF;
2367 }
2368 #panel {
2369     z-index: 100;
2370 }
2371 .grey {
2372     color: grey;
2373 }
2374 .orange {
2375     color: orange;
2376 }
2377 .red {
2378     color: red;
2379 }
2380 .popup .panel .panel_text {
2381     display: block;
2382     overflow: auto;
2383     height: 80%;
2384 }
2385 .popup .panel .panel_in {
2386     width: 100%;
2387     height: 100%;
2388     position: relative;
2389 }
2390 .popup .panel .panel_actions {
2391     width: 100%;
2392     bottom: 4px;
2393     left: 0px;
2394     position: absolute;
2395 }
2396 .panel_text .progress {
2397     width: 50%;
2398     overflow: hidden;
2399     height: auto;
2400     border: 1px solid #cccccc;
2401     margin-bottom: 5px;
2402 }
2403 .panel_text .progress span {
2404     float: right;
2405     display: block;
2406     width: 25%;
2407     background-color: #eeeeee;
2408     text-align: right;
2409 }
2410
2411 /**
2412  * OAuth
2413  */
2414 .oauthapp {
2415         height: auto;
2416     overflow: auto;
2417         border-bottom: 2px solid #cccccc;
2418         padding-bottom: 1em;
2419         margin-bottom: 1em;
2420 }
2421 .oauthapp img {
2422         float: left;
2423         width: 48px; height: 48px;
2424         margin: 10px;
2425 }
2426 .oauthapp img.noicon {
2427         background-image: url("../../../images/icons/48/plugin.png");
2428         background-position: center center;
2429         background-repeat: no-repeat;
2430 }
2431 .oauthapp a {
2432         float: left;
2433 }
2434
2435
2436 /**
2437  * ICONS
2438  */
2439 .iconspacer {
2440         display: block;
2441     width: 16px;
2442     height: 16px;
2443 }
2444 .icon {
2445     display: block;
2446     width: 20px;
2447     height: 20px;
2448     background: url(icons.png) no-repeat;
2449     border: 0;
2450     text-decoration: none;
2451         border-radius: 5px;
2452 }
2453 .icon:hover {
2454     border: 0;
2455     text-decoration: none;
2456 }
2457 .icon.drop,
2458 .icon.drophide, .icon.delete {
2459     float: left;
2460 }
2461 .icon.s22.delete {
2462         display: block;
2463         background-position: -110px 0;
2464 }
2465 .icon.s22.text {
2466         padding: 10px 0px 0px 25px;
2467         width: 200px;
2468 }
2469 .icon.text {
2470     text-indent: 0px;
2471 }
2472 .icon.s16 {
2473     min-width: 16px;
2474     height: 16px;
2475 }
2476 .s16 .add {
2477     background: url("../../../images/icons/16/add.png") no-repeat;
2478 }
2479 .add {
2480     margin: 0px 5px;
2481 }
2482 .article {
2483         background-position: -50px 0;
2484 }
2485 .audio {
2486         background-position: -70px 0;
2487 }
2488 .block {
2489         background-position: -90px 0px;
2490 }
2491 .drop, .delete {
2492         background-position: -110px 0;
2493 }
2494 .drophide {
2495         background-position: -130px 0;
2496 }
2497 .edit {
2498         background-position: -150px 0;
2499 }
2500 .camera {
2501         background-position: -170px 0;
2502 }
2503 .dislike {
2504         background-position: -190px 0;
2505 }
2506 .file-as {
2507         background-position: -230px -60px;
2508 }
2509 .like {
2510         background-position: -211px 0;
2511 }
2512 .link {
2513         background-position: -230px 0;
2514 }
2515 .globe, .location {
2516         background-position: -50px -20px;
2517 }
2518 .noglobe, .nolocation {
2519         background-position: -70px -20px;
2520 }
2521 .no {
2522         background-position: -90px -20px;
2523 }
2524 .pause {
2525         background-position: -110px -20px;
2526 }
2527 .play {
2528         background-position: -130px -20px;
2529 }
2530 .pencil {
2531         background-position: -151px -18px;
2532 }
2533 .small-pencil {
2534         background-position: -170px -20px;
2535 }
2536 .recycle {
2537         background-position: -190px -20px;
2538 }
2539 .remote-link {
2540         background-position: -210px -20px;
2541 }
2542 .share {
2543         background-position: -230px -20px;
2544 }
2545 .tools {
2546         background-position: -50px -40px;
2547 }
2548 .lock {
2549         background-position: -70px -40px;
2550 }
2551 .unlock {
2552         background-position: -88px -40px;
2553 }
2554 .video {
2555         background-position: -110px -40px;
2556 }
2557 .attach {
2558         background-position: -190px -40px;
2559 }
2560 .language {
2561         background-position: -210px -40px;
2562 }
2563 .starred {
2564         background-position: -130px -60px;
2565 }
2566 .unstarred {
2567         background-position: -150px -60px;
2568 }
2569 .tagged {
2570         background-position: -170px -60px;
2571 }
2572 .on {
2573         background-position: -50px  -60px;
2574 }
2575 .off {
2576         background-position: -70px  -60px;
2577 }
2578 .prev {
2579         background-position: -90px  -60px;
2580 }
2581 .next {
2582         background-position: -110px  -60px;
2583 }
2584 .icon.dim {
2585         opacity: 0.3;
2586         filter: alpha(opacity=30);
2587 }
2588 #pause {
2589         position: fixed;
2590         bottom: 5px;
2591         right: 5px;
2592 }
2593 .border, .border:hover {
2594         border: 1px solid #babdb6;
2595     -webkit-border-radius: 5px;
2596     -moz-border-radius: 5px;
2597     border-radius: 5px;
2598 }
2599 .attachtype {
2600     display: block;
2601     width: 20px;
2602     height: 23px;
2603     background-image: url(../../../images/content-types.png);
2604 }
2605 .type-video {
2606     background-position: 0px 0px;
2607 }
2608 .type-image {
2609     background-position: -20px 0;
2610 }
2611 .type-audio {
2612     background-position: -40px 0;
2613 }
2614 .type-text {
2615     background-position: -60px 0px;
2616 }
2617 .type-unkn {
2618     background-position: -80px 0;
2619 }
2620
2621
2622 /**
2623  *      footer
2624  */
2625 .cc-license {
2626     margin-top: 100px;
2627     font-size: 0.7em;
2628 }
2629 footer {
2630     display: block;
2631     margin: 50px 20%;
2632     clear: both;
2633 }
2634 #profile-jot-text {
2635     height: 20px;
2636     color: #eec;
2637     border: 1px solid #eec;
2638     border-radius: 5px;
2639     width: 99.5%;
2640 }
2641
2642
2643 /** acl **/
2644 #photo-edit-perms-select,
2645 #photos-upload-permissions-wrapper,
2646 #profile-jot-acl-wrapper {
2647     display: block !important;
2648         background: #2e2f2e;
2649         color: #eec;
2650 }
2651 #acl-wrapper {
2652     width: 660px;
2653         margin: 0 auto;
2654 }
2655 #acl-search {
2656     float: right;
2657     background: #fff url("../../../images/search_18.png") no-repeat right center;
2658     padding-right: 20px;
2659         margin: 6px;
2660 }
2661 #acl-showall {
2662     float: left;
2663     display: block;
2664     width: auto;
2665     height: 18px;
2666     background: #eec url("../../../images/show_all_off.png") 8px 8px no-repeat;
2667     padding: 7px 10px 7px 30px;
2668     -webkit-border-radius: 5px;
2669     -moz-border-radius: 5px;
2670     border-radius: 5px;
2671     color: #999;
2672         margin: 5px 0;
2673 }
2674 #acl-showall.selected {
2675     color: #000;
2676     background: #f90 url(../../../images/show_all_on.png) 8px 8px no-repeat;
2677 }
2678 #acl-list {
2679     height: 210px;
2680     border: 1px solid #ccc;
2681     clear: both;
2682     margin-top: 30px;
2683     overflow: auto;
2684 }
2685 /*#acl-list-content {
2686 }*/
2687 .acl-list-item {
2688         border: 1px solid #eec;
2689     display: block;
2690     float: left;
2691     height: 110px;
2692     margin: 3px 0 5px 5px;
2693     width: 120px;
2694 }
2695 .acl-list-item img {
2696     width: 22px;
2697     height: 22px;
2698     float: left;
2699     margin: 5px 5px 20px;
2700 }
2701 .acl-list-item p {
2702     height: 12px;
2703     font-size: 10px;
2704     margin: 0 0 22px;
2705     padding: 2px 0 1px;
2706 }
2707 .acl-list-item a {
2708     background: #eec 3px 3px no-repeat;
2709     -webkit-border-radius: 2px;
2710     -moz-border-radius: 2px;
2711     border-radius: 2px;
2712         clear: both;
2713     font-size: 10px;
2714     display: block;
2715     width: 55px;
2716     height: 20px;
2717     color: #2e2f2e;
2718     margin: 5px auto 0;
2719         padding: 0 3px;
2720         text-align: center;
2721         vertical-align: middle;
2722 }
2723 #acl-wrapper a:hover {
2724     text-decoration: none;
2725     color: #2e2f2e;
2726         border: 0;
2727 }
2728 .acl-button-show {
2729     background-image: url('../../../images/show_off.png');
2730         margin: 0 auto;
2731 }
2732 .acl-button-hide {
2733     background-image: url('../../../images/hide_off.png');
2734         margin: 0 auto;
2735 }
2736 .acl-button-show.selected {
2737     color: #2e2f2e;
2738     background-color: #9ade00;
2739     background-image: url(../../../images/show_on.png);
2740 }
2741 .acl-button-hide.selected {
2742     color: #2e2f2e;
2743     background-color: #ff4141;
2744     background-image: url(../../../images/hide_on.png);
2745 }
2746 .acl-list-item.groupshow {
2747     border-color: #9ade00;
2748 }
2749 .acl-list-item.grouphide {
2750     border-color: #ff4141;
2751 }
2752 /** /acl **/
2753
2754
2755 /* autocomplete popup */
2756 .acpopup {
2757         max-height: 175px;
2758     max-width: 42%;
2759         background-color: #555753;
2760         color: #fff;
2761         overflow: auto;
2762         z-index: 100000;
2763         border: 1px solid #cccccc;
2764 }
2765 .acpopupitem {
2766         background-color: #555753;
2767     padding: 4px;
2768         clear: left;
2769 }
2770 .acpopupitem img {
2771         float: left;
2772         margin-right: 4px;
2773 }
2774 .acpopupitem.selected {
2775         color: #2e302e;
2776     background-color: #eeeeec;
2777 }
2778 .qcomment-wrapper {
2779     padding: 0px;
2780     margin: 2px;
2781     list-style-type: none;
2782 }
2783 .qcomment, .qcomment:hover {
2784     display: inline;
2785     padding: 5px;
2786     margin: 5px;
2787 }
2788 .qcomment {
2789         opacity: 0.5;
2790         filter:alpha(opacity=50);
2791 }
2792 .qcomment:hover {
2793         opacity: 1.0;
2794         filter:alpha(opacity=100);
2795 }
2796 #network-star-link {
2797     margin-top: 10px;
2798 }
2799 .network-star {
2800     float: left;
2801     margin-right: 5px;
2802 }
2803 .network-star.icon.starred {
2804     display: inline-block;
2805 }
2806 #fileas-sidebar {
2807
2808 }
2809 .fileas-ul {
2810         padding: 0;
2811 }
2812
2813
2814
2815 /*
2816  * ADDONS THEMING
2817  */
2818
2819 #sidebar-page-list {
2820
2821 }
2822 #sidebar-page-list ul {
2823         padding: 0;
2824         margin: 5px 0;
2825 }
2826 #sidebar-page-list li {
2827         list-style: none;
2828 }
2829
2830
2831 @media handheld {
2832         body {
2833                 font-size: 15pt;
2834         }
2835 }