view/theme/dispy/style.css

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