4 * maintainer: simon <http://simon.kisikew.org/>
8 * A few things of note here. The less file is our working copy,
9 * and the CSS is *generated* from it. The CSS is the one that's
10 * included in the HTML, and not the less one. This is to save
11 * bandwidth and processing time.
13 /* from html5boilerplate */
14 /* these are to tell browsers they should be displayed a certain way */
16 article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
19 audio, canvas, video, time {
20 display: inline-block;
24 audio:not([controls]), [hidden] {
31 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
32 * 2. Force vertical scrollbar in non-IE
33 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
39 -webkit-text-size-adjust: 100%;
40 -ms-text-size-adjust: 100%; }
46 font-family: sans-serif;
48 background-color: #e8e8e8; }
50 button, input, select, textarea {
51 font-family: sans-serif;
53 background-color: #e8e8e8; }
56 border: 1px #555 dotted;
60 background: #e8e8e8; }
66 &[selected="selected"] {
73 /* remember to define focus styles! */
78 [disabled="disabled"] {
82 /* remember to highlight inserts somehow! */
85 background-color: #ff9;
87 text-decoration: none; }
90 background-color: #ff9;
95 /* Redeclare monospace font family: h5bp.com/j */
97 pre, code, kbd, samp, .wall-item-body code {
98 font-family: monospace, monospace;
99 _font-family: monospace;
102 /* Improve readability of pre-formatted text in all browsers */
104 pre, .wall-item-body code {
106 white-space: pre-wrap;
107 word-wrap: break-word; }
118 /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
124 vertical-align: baseline; }
137 text-decoration: none;
140 text-decoration: none; } }
147 border: 1px #aaa solid;
148 border-radius: 5px; }
152 border-bottom: 1px dotted #729fcf; }
161 .fakelink, .lockview {
174 -webkit-border-radius: 5px;
175 -moz-border-radius: 5px;
177 border: 1px solid #fff;
178 background-color: #2e3436;
192 background-color: #729fcf;
221 overflow: auto !important;
222 padding-top: 60px !important;
223 width: 100% !important;
225 margin-right: 20px; } }
228 display: block !important;
229 float: none !important;
230 height: 100% !important;
231 position: relative !important;
232 width: 100% !important;
234 width: 200px !important; }
236 margin: 0 0 8px !important;
237 width: 210px !important;
239 margin: 0 0 8px !important;
240 width: 210px !important; } } }
242 #login-submit-wrapper {
243 margin: 0 !important; }
245 #login-submit-button {
246 margin-left: 0px !important; }
248 #asidemain #login_openid {
249 position: relative !important;
250 float: none !important;
251 margin-left: 0px !important;
252 height: auto !important;
253 width: 200px !important; }
257 width: 180px !important;
258 overflow: hidden !important; }
260 width: 180px !important; } }
268 background-color: #2e3436;
271 padding: 20px 20px 10px 95px;
273 text-decoration: none;
277 text-decoration: none;
288 margin-left: 3px; } } }
293 background-color: #555753;
299 -webkit-border-radius: 0 0 5px 5px;
300 -moz-border-radius: 0 0 5px 5px;
301 border-radius: 0 0 5px 5px;
302 box-shadow: 5px 10px 10px 0 #111;
311 background-color: #eeeeec; }
313 border-top: 1px solid #eeeeec; } } } }
316 display: inline-block;
322 background: transparent url(light/icons.png) 0 0 no-repeat; }
325 background-position: 0 -66px;
327 background-position: -22px -66px; } }
329 #nav-community-link, #nav-contacts-link {
330 background-position: 0 -22px;
332 background-position: -22px -22px; } }
334 #nav-directory-link {
335 background-position: -44px -154px;
337 background-position: -66px -154px; } }
340 background-position: 0 -110px;
342 background-position: -22px -110px; } }
345 background-position: -44px -132px;
347 background-position: -66px -132px; } }
350 background-position: 0px -190px;
352 background-position: -44px -190px; } }
354 #nav-login-link, #nav-logout-link {
355 background-position: 0 -88px;
357 background-position: -22px -88px; } }
360 background-position: -44px -88px;
362 background-position: -66px -88px; } }
364 #nav-notify-link, #nav-notifications-linkmenu {
365 background-position: -44px -110px; }
367 #nav-notify-link:hover {
368 background-position: -66px -110px; }
371 background-position: 0px -177px;
373 background-position: -22px -177px; } }
376 background-position: 0 -44px;
378 background-position: -22px -44px; } }
380 #profile-link, #profile-title, #wall-image-upload, #wall-file-upload, #profile-attach-wrapper, #profile-audio, #profile-link, #profile-location, #profile-nolocation, #profile-title, #jot-title, #profile-upload-wrapper, #profile-video, #profile-jot-submit, #wall-image-upload-div, #wall-file-upload-div, .icon, .hover, .focus, .pointer {
383 /* popup notifications */
387 background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
389 padding-left: 58px; }
391 background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
393 padding-left: 58px; } }
395 #nav-notifications-menu {
396 margin: 30px 0 0 -20px;
412 border-bottom: 1px solid #000;
417 text-decoration: underline; } }
419 nav #nav-notifications-linkmenu {
420 &.on .icon.s22.notify, &.selected .icon.s22.notify {
421 background-image: url("../../../images/icons/22/notify_on.png"); } }
453 display: inline-block;
454 margin: 0px -4px 0px 0px; } }
466 background: transparent url(light/icons.png) -190px -60px no-repeat; }
469 display: inline-block;
476 border-radius: 5px; }
479 border: 1px #eec solid;
483 .search-box #search-text {
495 text-decoration: none;
499 box-shadow: 5px 0 10px 0 #111;
504 background-color: #555753;
505 -webkit-border-radius: 5px;
506 -moz-border-radius: 5px;
508 background: #555753 url("light/menu-user-pin.jpg") 98% center no-repeat;
514 vertical-align: top; } }
518 padding: 3px 20px 9px 5px;
521 .nav-ajax-update, .nav-ajax-left {
524 background: transparent url(light/notifications.png) 0 0 no-repeat;
531 margin: 0 -1px 0 3px;
533 visibility: hidden; }
535 .nav-ajax-update.show, .nav-ajax-left.show {
536 visibility: visible; }
539 background-position: 0px 0px; }
542 background-position: -30px 0; }
545 background-position: -60px 0px; }
548 background-position: -90px 0px; }
551 background-position: -120px 0px; }
575 border: 3px solid #364e59;
577 -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
578 -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
579 box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
584 text-decoration: none;
586 background-color: #bdcdd4; } }
588 border-top: 1px solid #9eabb0; }
598 padding-right: 5px; } }
607 vertical-align: middle; } }
612 padding: 7px 7px 0px 0px; }
624 -moz-box-shadow: 3px 3px 3px 10px 0 #000;
625 -webkit-box-shadow: 3px 3px 10px 0 #000;
626 box-shadow: 3px 3px 10px 0 #000;
628 background-color: #fcaf3e;
629 border: 2px solid #f8911b;
631 padding-bottom: 50px;
637 -moz-box-shadow: 3px 3px 10px 0 #000;
638 -webkit-box-shadow: 3px 3px 10px 0 #000;
639 box-shadow: 3px 3px 10px 0 #000;
641 background-color: #fcaf3e;
642 border: 2px solid #f8911b;
644 padding-bottom: 50px;
647 #sysmsg_info br, #sysmsg br {
650 border-top: 1px solid #ccccce; }
659 margin: 20px 0 20px 35px;
663 /* for now, disappear these */
665 #asideright, #asideleft {
672 border-bottom: 1px solid #729fcf;
673 padding-bottom: 3px; }
674 #profile-photo-wrapper {
677 box-shadow: 3px 3px 10px 0 #000; } } }
679 /* http://css-tricks.com/snippets/css/css-box-shadow/
681 * 1. The horizontal offset of the shadow, positive means
682 * the shadow will be on the right of the box, a negative
683 * offset will put the shadow on the left of the box.
684 * 2. The vertical offset of the shadow, a negative one
685 * means the box-shadow will be above the box, a
686 * positive one means the shadow will be below the box.
687 * 3. The blur radius (optional), if set to 0 the shadow
688 * will be sharp, the higher the number, the more blurred
690 * 4. The spread radius (optional), positive values increase
691 * the size of the shadow, negative values decrease the size.
692 * Default is 0 (the shadow is same size as blur).
700 text-align: right; } }
703 background: transparent;
706 box-shadow: 1px 1px 5px 0 #000;
710 #profile-extra-links ul {
716 background: #3465a4 url(light/connect.png) no-repeat 95% center;
717 border-radius: 5px 5px 5px 5px;
721 padding: 0.2em 0.5em; }
724 /*background: #3465A4 url(light/connect.png) no-repeat 95% center;*/
725 /*border-radius: 5px 5px 5px 5px;*/
729 padding: 0.2em 0.5em; }
732 margin: 20px 0px 30px;
735 margin: 5px 5px 0px 0px; } }
738 margin: 0px 0px 0px 0px; }
749 .contact-block-textdiv {
763 margin: 10px 0 20px 0px;
771 /*background-color: #0e232e;*/
772 /*border-bottom: 2px solid #9eabb0;*/
775 margin: 10px 20px 2px 0px;
783 background-color: #ffffff;
785 vertical-align: center;
787 border-top: 2px solid #9eabb0;
790 margin-top: 10px; } } }
792 border: 1px solid #ccc;
798 vertical-align: middle; } }
803 border: 1px #ccc solid;
809 #jot #character-counter {
815 padding: 2px 20px 5px 0; }
817 #profile-jot-text_parent {
818 box-shadow: 5px 0 10px 0 #111; }
820 #profile-jot-text_tbl {
824 #profile-jot-text_ifr {
825 width: 99.900002% !important; }
827 #profile-jot-text_toolbargroup, .mceCenter tr {
830 [id$="jot-text_ifr"] {
831 width: 99.900002% !important;
836 background: #eec; } }
842 &.mceFirst, &.mceLast {
843 background-color: #eec; } }
844 span.mceIcon, img.mceIcon, .mceButtonDisabled .mceIcon {
845 background-color: #eec; } }
847 #profile-attach-wrapper, #profile-audio-wrapper, #profile-link-wrapper, #profile-location-wrapper, #profile-nolocation-wrapper, #profile-title-wrapper, #profile-upload-wrapper, #profile-video-wrapper {
849 margin: 0 20px 0 0; }
851 #profile-rotator-wrapper {
854 #profile-jot-tools-end, #profile-jot-banner-end {
857 #profile-jot-email-wrapper {
859 border: 1px solid #555753;
862 #profile-jot-email-label {
863 background-color: #555753;
871 #profile-jot-networks {
873 border: 1px solid #555753;
884 text-decoration: none;
892 background: url(light/icons.png) no-repeat -128px -40px;
894 text-decoration: none;
900 background-color: #555753;
903 -webkit-border-radius: 5px;
904 -moz-border-radius: 5px;
908 margin: 0 10px 0 10px; }
910 #profile-jot-plugin-wrapper {
915 #profile-jot-submit-wrapper {
922 #profile-jot-submit {
924 background-color: #555753;
926 -webkit-border-radius: 5px;
927 -moz-border-radius: 5px;
929 border: 2px outset #222420;
932 text-shadow: 1px 1px #111;
935 box-shadow: 0 0 0 0; } }
940 -webkit-border-radius: 5px;
941 -moz-border-radius: 5px;
946 #profile-jot-acl-wrapper {
948 border: 1px solid #555753;
950 display: block !important; }
952 #group_allow_wrapper, #group_deny_wrapper, #acl-permit-outer-wrapper {
956 #contact_allow_wrapper, #contact_deny_wrapper, #acl-deny-outer-wrapper {
961 background-color: #555753;
967 background-color: #555753;
973 background-color: #555753;
978 #acl-permit-text-end, #acl-deny-text-end {
989 margin-bottom: 5px; }
997 #jot-preview-content {
998 background-color: #ffffe0;
1000 border: 1px #aa0 solid;
1002 padding: 3px 3px 6px 10px;
1003 .wall-item-outside-wrapper {
1005 border-radius: 0px; } }
1030 font-weight: bold; } }
1033 border: 1px solid #729fcf;
1035 &:hover, &.active:hover, &:active {
1036 background: #729fcf;
1039 background: #729fcf;
1045 text-decoration: none; } }
1051 .wall-item-outside-wrapper {
1052 border: 1px solid #aaa;
1054 box-shadow: 5px 0 10px 0 #888;
1056 margin-top: 5px; } }
1058 .wall-item-outside-wrapper-end {
1061 .wall-item-content-wrapper {
1066 .wall-item-outside-wrapper .wall-item-comment-wrapper {
1067 /*margin-left: 90px;*/ }
1070 background: #efefdf;
1071 border-radius: 5px; }
1073 .wall-outside-wrapper .shiny {
1074 border-radius: 5px; }
1079 .wall-item-content {
1081 margin: 0px 15px 0px 5px; }
1083 /* removing it from here, vs. putting it in .wall-item-content
1084 * might break things for people. we shall see ;) */
1086 [id^="tread-wrapper"], [class^="tread-wrapper"] {
1089 /*overflow-x: auto;*/ }
1091 .wall-item-photo-menu {
1094 .wall-item-photo-menu-button {
1096 text-indent: -99999px;
1097 background: #555753 url(light/menu-user-pin.jpg) no-repeat 75px center;
1104 -webkit-border-radius: 0 0 5px 5px;
1105 -moz-border-radius: 0 0 5px 5px;
1106 border-radius: 0 0 5px 5px; }
1112 .wall-item-photo-wrapper {
1117 background-color: #555753;
1118 -webkit-border-radius: 5px;
1119 -moz-border-radius: 5px;
1120 border-radius: 5px; }
1122 [class^="wall-item-tools"] * {
1123 /*margin: 0 0 5px 0;*/
1125 /*margin: 0 0 5px 0;*/ } }
1130 -webkit-transition: all 1s ease-in-out;
1131 -moz-transition: all 1s ease-in-out;
1132 -o-transition: all 1s ease-in-out;
1133 -ms-transition: all 1s ease-in-out;
1134 transition: all 1s ease-in-out;
1137 -webkit-transition: all 1s ease-in-out;
1138 -moz-transition: all 1s ease-in-out;
1139 -o-transition: all 1s ease-in-out;
1140 -ms-transition: all 1s ease-in-out;
1141 transition: all 1s ease-in-out; } }
1143 .wall-item-subtools1 {
1145 list-style: none outside none;
1146 margin: 20px 0 30px -20px;
1150 .wall-item-subtools2 {
1152 list-style: none outside none;
1153 margin: -75px 0 0 5px;
1160 margin-bottom: 1em; }
1163 margin: 20px 20px 10px 0px;
1167 .wall-item-lock-wrapper {
1174 .wall-item-dislike, .wall-item-like {
1178 margin: 5px 0 5px 120px; }
1180 .wall-item-author, .wall-item-actions-author {
1184 margin: 20px 20px 0 110px; }
1188 padding-left: 10px; }
1190 .wall-item-wrapper-end {
1193 .wall-item-location {
1197 text-overflow: ellipsis;
1198 -o-text-overflow: ellipsis;
1219 width: 30px !important;
1220 height: 30px !important; } }
1221 .wall-item-photo-end {
1224 .wall-item-arrowphoto-wrapper {
1230 .wall-item-photo-menu {
1232 border: 2px solid #FFFFFF;
1234 background: #555753;
1240 -webkit-border-radius: 0px 5px 5px 5px;
1241 -moz-border-radius: 0px 5px 5px 5px;
1242 border-radius: 0px 5px 5px 5px;
1248 white-space: nowrap;
1254 background: #eeeeec; } } }
1256 #item-delete-selected {
1260 #connect-services-header, #connect-services, #extra-help-header, #extra-help, #postit-header, #postit {
1261 margin: 5px 0 0 0; }
1267 .ccollapse-wrapper {
1269 margin-left: 80px; }
1271 .wall-item-outside-wrapper.comment {
1274 width: 40px!important;
1275 height: 40px!important; }
1276 .wall-item-photo-wrapper {
1279 .wall-item-photo-menu-button {
1282 background-position: 35px center; }
1286 margin-left: 10px; }
1288 margin-left: 50px; }
1289 .wall-item-photo-menu {
1293 .comment-wwedit-wrapper {
1294 /*margin: 30px 0px 0px 80px;*/ }
1296 .comment-edit-wrapper {
1297 border-top: 1px #aaa solid; }
1299 [class^="comment-edit-bb"] {
1302 margin: -40px 0 5px 60px;
1305 display: inline-block;
1307 visibility: none; } }
1309 .comment-wwedit-wrapper img, .comment-edit-wrapper img {
1313 .comment-edit-photo-link, .comment-edit-photo {
1314 margin-left: 10px; }
1321 [class^="comment-edit-text"] {
1322 margin: 5px 0 10px 20px;
1325 .comment-edit-text-empty {
1327 border: 2px #babdd6 solid;
1330 -webkit-transition: all 0.5s ease-in-out;
1331 -moz-transition: all 0.5s ease-in-out;
1332 -o-transition: all 0.5s ease-in-out;
1333 -ms-transition: all 0.5s ease-in-out;
1334 transition: all 0.5s ease-in-out;
1338 .comment-edit-text-full {
1341 -webkit-transition: all 0.5s ease-in-out;
1342 -moz-transition: all 0.5s ease-in-out;
1343 -o-transition: all 0.5s ease-in-out;
1344 -ms-transition: all 0.5s ease-in-out;
1345 transition: all 0.5s ease-in-out; }
1347 .comment-edit-submit-wrapper {
1349 margin: 5px 5px 10px 50px;
1350 text-align: right; }
1352 .comment-edit-submit {
1354 background-color: #555753;
1356 -webkit-border-radius: 5px;
1357 -moz-border-radius: 5px;
1365 .wall-item-body code {
1367 padding: 0 0 10px 5px;
1369 border-style: solid;
1370 border-width: 1px 1px 1px 10px;
1382 border-bottom: 1px solid #ccc; }
1389 .profile-match-wrapper {
1391 margin: 0 5px 40px 0;
1397 .icon.drophide.profile-match-ignore {
1398 margin: 0 6px 0 -3px;
1400 .profile-match-photo {
1404 [id$="-end"], [class$="end"] {
1406 margin: 0 0 10px 0; }
1408 .profile-match-end {
1411 .profile-match-name {
1413 margin: auto auto auto 23px;
1415 .profile-match-connect {
1417 margin: auto auto auto 23px;
1419 #advanced-profile-with {
1420 margin-left: 200px; }
1431 margin-bottom: 30px; }
1433 .photo-album-image-wrapper, .photo-top-image-wrapper {
1435 -moz-box-shadow: 3px 3px 10px 0 #000;
1436 -webkit-box-shadow: 3px 3px 10px 0 #000;
1437 box-shadow: 3px 3px 10px 0 #000;
1438 background-color: #eee;
1440 -webkit-border-radius: 5px;
1441 -moz-border-radius: 5px;
1443 padding-bottom: 30px;
1445 margin: 0 10px 10px 0; }
1450 max-width: 100%; } }
1452 .photo-top-image-wrapper a:hover, #photo-photo a:hover, .photo-album-image-wrapper a:hover {
1455 .photo-top-photo, .photo-album-photo {
1456 -webkit-border-radius: 5px 5px 0 0;
1457 -moz-border-radius: 5px 5px 0 0;
1458 border-radius: 5px 5px 0 0; }
1460 .photo-top-album-name {
1474 #photo-prev-link, #photo-next-link {
1478 background-color: rgba(255, 255, 255, 0.5);
1480 -webkit-transition: all .2s ease-in-out;
1481 -moz-transition: all .2s ease-in-out;
1482 -o-transition: all .2s ease-in-out;
1483 -ms-transition: all .2s ease-in-out;
1484 transition: all .2s ease-in-out;
1485 background-position: center center;
1486 background-repeat: no-repeat; }
1491 background-image: url(light/prev.png); }
1496 background-image: url(light/next.png); }
1498 #photo-prev-link a, #photo-next-link a {
1503 text-indent: -900000px; }
1505 #photo-prev-link:hover {
1507 -webkit-transition: all .2s ease-in-out;
1508 -moz-transition: all .2s ease-in-out;
1509 -o-transition: all .2s ease-in-out;
1510 -ms-transition: all .2s ease-in-out;
1511 transition: all .2s ease-in-out; }
1516 -webkit-transition: all .2s ease-in-out;
1517 -moz-transition: all .2s ease-in-out;
1518 -o-transition: all .2s ease-in-out;
1519 -ms-transition: all .2s ease-in-out;
1520 transition: all .2s ease-in-out; }
1524 #photo-prev-link .icon {
1527 #photos-upload-spacer, #photos-upload-new-wrapper, #photos-upload-exist-wrapper {
1528 margin-bottom: 1em; }
1530 #photos-upload-existing-album-text, #photos-upload-newalbum-div {
1531 background-color: #555753;
1535 #photos-upload-album-select, #photos-upload-newalbum {
1538 #photos-upload-perms-menu {
1539 text-align: right; }
1541 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1543 margin-bottom: 25px; }
1545 #photo-edit-link-wrap {
1546 margin-bottom: 15px; }
1548 #photo-edit-caption, #photo-edit-newtag {
1552 margin-bottom: 25px; }
1554 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1557 #photo-edit-delete-button {
1558 margin-left: 200px; }
1561 margin-bottom: 35px; }
1567 margin-bottom: 15px; }
1581 #prvmail-submit-wrapper {
1588 #prvmail-submit-wrapper div {
1592 .mail-list-outside-wrapper {
1599 margin-left: 90px; }
1601 .mail-list-sender-name {
1608 padding-left: 10px; }
1610 .mail-list-sender-name, .mail-list-date {
1611 font-style: italic; }
1613 .mail-list-subject {
1616 .mail-list-delete-wrapper {
1619 .mail-list-outside-wrapper-end {
1621 border-bottom: 1px #eec dotted; }
1625 margin: 0px 5px 5px 0px; }
1627 .mail-conv-sender-photo {
1631 .mail-conv-sender-name {
1637 .mail-conv-subject {
1645 .mail-conv-delete-wrapper {
1652 .view-contact-wrapper, .contact-entry-wrapper {
1654 margin: 0 5px 40px 0;
1658 position: relative; }
1660 .contact-direction-wrapper {
1664 .contact-edit-links {
1668 .contact-entry-photo-wrapper {}
1670 .contact-entry-photo {
1671 margin-left: 20px; }
1673 .contact-entry-name {
1676 /*overflow: hidden;*/ }
1678 .contact-entry-photo {
1679 position: relative; }
1681 .contact-entry-edit-links .icon {
1682 border: 1px solid #babdb6;
1683 -webkit-border-radius: 3px;
1684 -moz-border-radius: 3px;
1686 background-color: #fff; }
1688 #contact-entry-url, [id^="contact-entry-url"] {
1690 /*overflow: scroll;*/ }
1692 #contact-entry-network, [id^="contact-entry-network"] {
1694 font-style: italic; }
1696 #contact-edit-banner-name {
1699 #contact-edit-photo-wrapper {
1704 #contact-edit-direction-icon {
1709 #contact-edit-nav-wrapper {
1712 #contact-edit-links {
1715 list-style-type: none; } }
1717 #contact-drop-links {
1720 #contact-edit-nav-wrapper .icon {
1721 border: 1px solid #babdb6;
1722 -webkit-border-radius: 3px;
1723 -moz-border-radius: 3px;
1724 border-radius: 3px; }
1726 #contact-edit-poll-wrapper {
1729 #contact-edit-last-update-text {
1730 margin-bottom: 15px; }
1732 #contact-edit-last-updated {
1733 font-weight: bold; }
1735 #contact-edit-poll-text {
1738 #contact-edit-info_tbl, #contact-edit-info_parent, .mceLayout {
1743 margin-bottom: 65px; }
1745 .contact-photo-menu-button {
1747 background-image: url("light/photo-menu.jpg");
1748 background-position: top left;
1749 background-repeat: no-repeat;
1760 .contact-photo-menu {
1762 border: 2px solid #444;
1779 background: #3465A4;
1780 text-decoration: none; } } }
1783 * register, settings & profile forms
1789 background: url(light/login-bg.gif) no-repeat;
1790 background-position: 0 50%;
1791 padding-left: 18px; }
1793 #settings-nickname-desc {
1794 background-color: #eee;
1795 -webkit-border-radius: 5px;
1796 -moz-border-radius: 5px;
1801 #settings-default-perms {
1802 margin-bottom: 20px; }
1804 #register-form div, #profile-edit-form div {
1811 margin: 10px 5px; } }
1813 /*#register-form label, */
1814 /*#profile-edit-form label {*/
1819 /*#register-form span, */
1820 /*#profile-edit-form span {*/
1821 /* color: #555753; */
1822 /* display: block; */
1823 /* margin-bottom: 20px; */
1826 #profile-edit-marital-label span {
1829 .settings-submit-wrapper, .profile-edit-submit-wrapper {
1830 margin: 0 0 30px -3px; }
1832 .profile-edit-side-div {
1835 /*.profile-edit-side-div:hover {
1838 .profile-edit-side-link {
1839 margin: 3px 0px 0px 70px;
1842 #profiles-menu-trigger {
1843 margin: 0px 0px 0px 25px; }
1847 margin: 20px 20px 0px 0px; }
1849 .icon-profile-edit {
1850 background: url("light/icons.png") -150px 0px no-repeat;
1859 text-decoration: none;
1863 #profile-edit-links ul {
1871 #register-sitename {
1873 font-weight: bold; }
1875 #advanced-expire-popup {
1876 background: #2e2f2e;
1882 #theme-preview img {
1883 margin: 10px 10px 10px 288px; }
1889 .group-delete-wrapper {
1890 margin: -31px 50px 0 0;
1893 /*.group-delete-icon {
1897 #group-edit-submit-wrapper {
1904 #group-members, #prof-members {
1907 border: 1px solid #555753;
1908 -webkit-border-radius: 5px 5px 0 0;
1909 -moz-border-radius: 5px 5px 0 0;
1910 border-radius: 5px 5px 0 0; }
1912 #group-all-contacts, #prof-all-contacts {
1915 border: 1px solid #555753;
1916 -webkit-border-radius: 0 0 5px 5px;
1917 -moz-border-radius: 0 0 5px 5px;
1918 border-radius: 0 0 5px 5px; }
1920 #group-members h3, #group-all-contacts h3, #prof-members h3, #prof-all-contacts h3 {
1922 background-color: #555753;
1926 #group-separator, #prof-separator {
1933 #cropimage-wrapper {
1948 font-weight: bold; }
1951 margin-bottom: 20px;
1952 font-weight: bold; }
1963 .intro-approve-form, .intro-approve-as-friend-end {
1966 .intro-submit-approve, .intro-submit-ignore {
1967 margin-right: 20px; }
1969 .intro-submit-approve {
1972 .intro-approve-as-friend-label, .intro-approve-as-fan-label, .intro-approve-as-friend, .intro-approve-as-fan {
1977 margin-bottom: 10px; }
1979 .intro-approve-as-friend-desc {
1982 .intro-approve-as-end {
1984 margin-bottom: 10px; }
1986 .intro-end, .clear {
1998 background: #2e2f2e; }
2001 border: 1px solid #ccc;
2002 .event-description, .event-location, .event-start {
2004 margin-right: 10px; } }
2007 margin-bottom: 10px; }
2009 .edit-event-link, .plink-event-link {
2011 /*margin-top: 4px; */
2012 /*margin-right: 4px;*/
2013 /*margin-bottom: 15px;*/ }
2015 .event-description:before {
2016 content: url('../../../images/calendar.png');
2017 margin-right: 15px; }
2019 .event-start, .event-end {
2022 font-size: smaller; }
2024 .event-start .dtstart, .event-end .dtend {
2028 margin-bottom: 10px; }
2030 .prevcal, .nextcal {
2036 .event-calendar-end {
2040 font-family: monospace; }
2046 #event-start-text, #event-finish-text {
2048 margin-bottom: 5px; }
2050 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text, #event-share-checkbox {
2053 #event-datetime-break {
2054 margin-bottom: 10px; }
2056 #event-nofinish-break, #event-adjust-break, #event-share-break {
2059 #event-desc-text, #event-location-text {
2061 margin-bottom: 5px; }
2070 opacity: 1.0 !important; } }
2072 .filesavetags, .categorytags {
2076 .filesavetags:hover, .categorytags:hover {
2078 opacity: 1.0 !important; }
2082 margin: 5px 0 0 6px !important;
2089 #item-delete-selected {
2092 /* was tired of having no way of moving it around, so
2093 * here's a little 'hook' to do so */
2100 #item-delete-selected-end {
2103 #item-delete-selected-icon {
2105 margin-right: 5px; }
2107 #item-delete-selected-desc {
2111 text-decoration: underline; } }
2113 .fc-state-highlight {
2123 margin: 0 5px 4px 0;
2127 position: relative; }
2134 margin-bottom: 10px; }
2136 .group-selected, .nets-selected, .fileas-selected {
2139 background: #f8f8f8;
2140 font-weight: bold; }
2142 .group-selected:hover, .nets-selected:hover, .fileas-selected:hover {
2146 margin-right: 10px; }
2151 #sidebar-group-list {
2154 list-style-type: none;
2155 list-style-position: inside; }
2159 display: inline-block;
2163 #sidebar-new-group {
2165 display: inline-block;
2167 text-decoration: none;
2168 text-align: center; }
2170 #peoplefind-sidebar form {
2171 margin-bottom: 10px; }
2173 #sidebar-new-group {
2175 /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/
2176 /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/
2177 /*background-color: #b20202;*/ }
2182 #side-peoplefind-url {
2183 background-color: #e5e0cf;
2185 border: 1px 666 solid;
2189 background-color: #efefef;
2191 border: 1px 333 solid; } }
2194 list-style-type: none;
2197 margin: 10px 0 0; } }
2199 .nets-link, .nets-all {
2206 margin: 5px 0px 0px 0px; } }
2216 background-color: #ff0000;
2224 list-style-position: inside; } }
2228 background: transparent;
2234 padding-bottom: 2px;
2235 border-bottom: 1px solid #000; }
2239 font-weight: bold; }
2241 margin-left: 250px; }
2243 border-bottom: 1px solid #ccc; }
2252 border: 1px solid #888;
2258 margin-right: 1em; }
2261 border-bottom: 1px solid #000;
2264 text-align: left; } }
2273 background-color: #bbc7d7; } }
2275 text-align: right; }
2278 text-decoration: underline; } }
2288 /*margin-bottom: 10px;*/
2289 /*padding-bottom: 10px;*/
2294 display: inline-block;
2296 margin: 0 10px 1em 0;
2297 border: 1px #999 solid;
2304 margin: 0 330px 0 auto;
2308 border: 1px solid #666;
2309 padding: 3px 6px 4px 10px;
2311 text-decoration: none; }
2313 background: url("../../../images/onoff.jpg") no-repeat 42px 1px #999999;
2317 background: url("../../../images/onoff.jpg") no-repeat 2px 1px #cccccc;
2319 text-align: right; } }
2322 display: none !important; }
2333 .field.radio .field_help {
2334 margin-left: 297px; }
2338 display: inline-block;
2340 margin: 0 10px 1em 0;
2341 border: 1px #999 solid;
2349 border: 1px #999 solid;
2350 &[type="text"], &[type="password"], &[type="search"] {
2353 border: 1px #999 solid; }
2354 &[type="checkbox"], &[type="radio"] {
2355 border: 1px #999 solid;
2359 &[type="submit"], &[type="button"] {
2360 background-color: #555753;
2361 border: 2px outset #444;
2363 box-shadow: 1px 3px 4px 0 #111;
2368 text-shadow: 1px 1px #111;
2369 -webkit-border-radius: 5px;
2370 -moz-border-radius: 5px; }
2371 &[type="submit"]:active, &[type="button"]:active {
2372 box-shadow: 0 0 0 0; } }
2387 background-color: #000;
2401 border: 4px solid #000000;
2402 background-color: #FFFFFF; } }
2424 position: relative; }
2429 position: absolute; } }
2431 .panel_text .progress {
2435 border: 1px solid #cccccc;
2441 background-color: #eeeeee;
2442 text-align: right; } }
2451 border-bottom: 2px solid #cccccc;
2452 padding-bottom: 1em;
2460 background-image: url("../../../images/icons/48/plugin.png");
2461 background-position: center center;
2462 background-repeat: no-repeat; } }
2479 background: url(light/icons.png) no-repeat;
2481 text-decoration: none;
2485 text-decoration: none; } }
2488 display: inline-block;
2491 background: url(light/editicons.png) no-repeat;
2493 text-decoration: none; }
2496 box-shadow: 2px 2px 5px 2px #111;
2497 &:active, &:focus, &:hover {
2498 box-shadow: 0 0 0 0; } }
2504 background-position: 0px 0px;
2506 background-position: -22px 0px; } }
2509 background-position: 0px -22px;
2511 background-position: -22px -22px; } }
2514 background-position: 0px -44px;
2516 background-position: -22px -44px; } }
2519 background-position: 0px -66px;
2521 background-position: -22px -66px; } }
2524 background-position: 0px -88px;
2526 background-position: -22px -88px; } }
2529 background-position: -44px 0px;
2531 background-position: -66px 0px; } }
2534 background-position: -44px -22px;
2536 background-position: -66px -22px; } }
2539 background-position: -44px -44px;
2541 background-position: -66px -44px; } }
2544 &.drop, &.drophide, &.delete {
2550 background-position: -110px 0; }
2552 padding: 10px 0px 0px 25px;
2561 background: url("../../../images/icons/16/add.png") no-repeat; }
2567 background-position: -50px 0; }
2570 background-position: -70px 0; }
2573 background-position: -90px 0px; }
2576 background-position: -110px 0; }
2579 background-position: -130px 0; }
2582 background-position: -150px 0; }
2585 background-position: -170px 0; }
2588 background-position: -190px 0; }
2591 background-position: -230px -60px; }
2594 background-position: -211px 0; }
2597 background-position: -230px 0; }
2600 background-position: -50px -20px; }
2602 .noglobe, .nolocation {
2603 background-position: -70px -20px; }
2606 background-position: -90px -20px; }
2609 background-position: -110px -20px; }
2612 background-position: -130px -20px; }
2615 background-position: -151px -18px; }
2618 background-position: -170px -20px; }
2621 background-position: -190px -20px; }
2624 background-position: -210px -20px; }
2627 background-position: -230px -20px; }
2630 background-position: -50px -40px; }
2633 background-position: -70px -40px; }
2636 background-position: -88px -40px; }
2639 background-position: -110px -40px; }
2642 background-position: -190px -40px; }
2645 background-position: -210px -40px; }
2648 background-position: -130px -60px; }
2651 background-position: -150px -60px; }
2654 background-position: -170px -60px; }
2657 background-position: -50px -60px; }
2660 background-position: -70px -60px; }
2663 background-position: -90px -60px; }
2666 background-position: -110px -60px; }
2677 border: 1px solid #babdb6;
2678 -webkit-border-radius: 5px;
2679 -moz-border-radius: 5px;
2682 border: 1px solid #babdb6;
2683 -webkit-border-radius: 5px;
2684 -moz-border-radius: 5px;
2685 border-radius: 5px; } }
2691 background-image: url(../../../images/content-types.png); }
2694 background-position: 0px 0px; }
2697 background-position: -20px 0; }
2700 background-position: -40px 0; }
2703 background-position: -60px 0px; }
2706 background-position: -80px 0; }
2718 /*margin: 50px 20%;*/
2724 border: 1px solid #ccc;
2732 #photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper {
2733 display: block !important;
2743 background: white url("../../../images/search_18.png") no-repeat right center;
2744 padding-right: 20px;
2753 background: #eeeecc url("../../../images/show_all_off.png") 8px 8px no-repeat;
2754 padding: 7px 10px 7px 30px;
2755 -webkit-border-radius: 5px;
2756 -moz-border-radius: 5px;
2762 background: #ff9900 url(../../../images/show_all_on.png) 8px 8px no-repeat; } }
2766 border: 1px solid #ccc;
2771 /*#acl-list-content {
2775 border: 1px solid #ccc;
2779 margin: 3px 0 5px 5px;
2785 margin: 5px 5px 20px; }
2790 padding: 2px 0 1px; }
2792 background: #ccc 3px 3px no-repeat;
2793 -webkit-border-radius: 2px;
2794 -moz-border-radius: 2px;
2805 vertical-align: middle; } }
2807 #acl-wrapper a:hover {
2808 text-decoration: none;
2813 background-image: url('../../../images/show_off.png');
2817 background-image: url('../../../images/hide_off.png');
2820 .acl-button-show.selected {
2822 background-color: #9ade00;
2823 background-image: url(../../../images/show_on.png); }
2825 .acl-button-hide.selected {
2827 background-color: #ff4141;
2828 background-image: url(../../../images/hide_on.png); }
2832 border-color: #9ade00; }
2834 border-color: #ff4141; } }
2838 /* autocomplete popup */
2843 background-color: #555753;
2847 border: 1px solid #cccccc; }
2850 background-color: #555753;
2855 margin-right: 4px; }
2858 background-color: #eeeeec; } }
2862 margin: 5px 5px 5px 81%; }
2869 #network-star-link {
2876 display: inline-block; } }
2887 #sidebar-page-list {
2892 list-style: none; } }
2898 right: 175px !important;
2899 /* override the jappix css */
2905 font-size: 15pt; } }