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; }
1489 background-image: url(light/prev.png);
1498 background-image: url(light/next.png);
1505 #photo-prev-link a, #photo-next-link a {
1510 text-indent: -900000px; }
1512 #photo-prev-link:hover {
1514 -webkit-transition: all .2s ease-in-out;
1515 -moz-transition: all .2s ease-in-out;
1516 -o-transition: all .2s ease-in-out;
1517 -ms-transition: all .2s ease-in-out;
1518 transition: all .2s ease-in-out; }
1523 -webkit-transition: all .2s ease-in-out;
1524 -moz-transition: all .2s ease-in-out;
1525 -o-transition: all .2s ease-in-out;
1526 -ms-transition: all .2s ease-in-out;
1527 transition: all .2s ease-in-out; }
1531 #photo-prev-link .icon {
1534 #photos-upload-spacer, #photos-upload-new-wrapper, #photos-upload-exist-wrapper {
1535 margin-bottom: 1em; }
1537 #photos-upload-existing-album-text, #photos-upload-newalbum-div {
1538 background-color: #555753;
1542 #photos-upload-album-select, #photos-upload-newalbum {
1545 #photos-upload-perms-menu {
1546 text-align: right; }
1548 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1550 margin-bottom: 25px; }
1552 #photo-edit-link-wrap {
1553 margin-bottom: 15px; }
1555 #photo-edit-caption, #photo-edit-newtag {
1559 margin-bottom: 25px; }
1561 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1564 #photo-edit-delete-button {
1565 margin-left: 200px; }
1568 margin-bottom: 35px; }
1574 margin-bottom: 15px; }
1588 #prvmail-submit-wrapper {
1595 #prvmail-submit-wrapper div {
1599 .mail-list-outside-wrapper {
1606 margin-left: 90px; }
1608 .mail-list-sender-name {
1615 padding-left: 10px; }
1617 .mail-list-sender-name, .mail-list-date {
1618 font-style: italic; }
1620 .mail-list-subject {
1623 .mail-list-delete-wrapper {
1626 .mail-list-outside-wrapper-end {
1628 border-bottom: 1px #eec dotted; }
1632 margin: 0px 5px 5px 0px; }
1634 .mail-conv-sender-photo {
1638 .mail-conv-sender-name {
1644 .mail-conv-subject {
1652 .mail-conv-delete-wrapper {
1659 .view-contact-wrapper, .contact-entry-wrapper {
1661 margin: 0 5px 40px 0;
1665 position: relative; }
1667 .contact-direction-wrapper {
1671 .contact-edit-links {
1675 .contact-entry-photo-wrapper {}
1677 .contact-entry-photo {
1678 margin-left: 20px; }
1680 .contact-entry-name {
1683 /*overflow: hidden;*/ }
1685 .contact-entry-photo {
1686 position: relative; }
1688 .contact-entry-edit-links .icon {
1689 border: 1px solid #babdb6;
1690 -webkit-border-radius: 3px;
1691 -moz-border-radius: 3px;
1693 background-color: #fff; }
1695 #contact-entry-url, [id^="contact-entry-url"] {
1697 /*overflow: scroll;*/ }
1699 #contact-entry-network, [id^="contact-entry-network"] {
1701 font-style: italic; }
1703 #contact-edit-banner-name {
1706 #contact-edit-photo-wrapper {
1711 #contact-edit-direction-icon {
1716 #contact-edit-nav-wrapper {
1719 #contact-edit-links {
1722 list-style-type: none; } }
1724 #contact-drop-links {
1727 #contact-edit-nav-wrapper .icon {
1728 border: 1px solid #babdb6;
1729 -webkit-border-radius: 3px;
1730 -moz-border-radius: 3px;
1731 border-radius: 3px; }
1733 #contact-edit-poll-wrapper {
1736 #contact-edit-last-update-text {
1737 margin-bottom: 15px; }
1739 #contact-edit-last-updated {
1740 font-weight: bold; }
1742 #contact-edit-poll-text {
1745 #contact-edit-info_tbl, #contact-edit-info_parent, .mceLayout {
1750 margin-bottom: 65px; }
1752 .contact-photo-menu-button {
1754 background-image: url("light/photo-menu.jpg");
1755 background-position: top left;
1756 background-repeat: no-repeat;
1767 .contact-photo-menu {
1769 border: 2px solid #444;
1786 background: #3465A4;
1787 text-decoration: none; } } }
1790 * register, settings & profile forms
1796 background: url(light/login-bg.gif) no-repeat;
1797 background-position: 0 50%;
1798 padding-left: 18px; }
1800 #settings-nickname-desc {
1801 background-color: #eee;
1802 -webkit-border-radius: 5px;
1803 -moz-border-radius: 5px;
1808 #settings-default-perms {
1809 margin-bottom: 20px; }
1811 #register-form div, #profile-edit-form div {
1818 margin: 10px 5px; } }
1820 /*#register-form label, */
1821 /*#profile-edit-form label {*/
1826 /*#register-form span, */
1827 /*#profile-edit-form span {*/
1828 /* color: #555753; */
1829 /* display: block; */
1830 /* margin-bottom: 20px; */
1833 #profile-edit-marital-label span {
1836 .settings-submit-wrapper, .profile-edit-submit-wrapper {
1837 margin: 0 0 30px -3px; }
1839 .profile-edit-side-div {
1842 /*.profile-edit-side-div:hover {
1845 .profile-edit-side-link {
1846 margin: 3px 0px 0px 70px;
1849 #profiles-menu-trigger {
1850 margin: 0px 0px 0px 25px; }
1854 margin: 20px 20px 0px 0px; }
1856 .icon-profile-edit {
1857 background: url("light/icons.png") -150px 0px no-repeat;
1866 text-decoration: none;
1870 #profile-edit-links ul {
1878 #register-sitename {
1880 font-weight: bold; }
1882 #advanced-expire-popup {
1883 background: #2e2f2e;
1889 #theme-preview img {
1890 margin: 10px 10px 10px 288px; }
1896 .group-delete-wrapper {
1897 margin: -31px 50px 0 0;
1900 /*.group-delete-icon {
1904 #group-edit-submit-wrapper {
1911 #group-members, #prof-members {
1914 border: 1px solid #555753;
1915 -webkit-border-radius: 5px 5px 0 0;
1916 -moz-border-radius: 5px 5px 0 0;
1917 border-radius: 5px 5px 0 0; }
1919 #group-all-contacts, #prof-all-contacts {
1922 border: 1px solid #555753;
1923 -webkit-border-radius: 0 0 5px 5px;
1924 -moz-border-radius: 0 0 5px 5px;
1925 border-radius: 0 0 5px 5px; }
1927 #group-members h3, #group-all-contacts h3, #prof-members h3, #prof-all-contacts h3 {
1929 background-color: #555753;
1933 #group-separator, #prof-separator {
1940 #cropimage-wrapper {
1955 font-weight: bold; }
1958 margin-bottom: 20px;
1959 font-weight: bold; }
1970 .intro-approve-form, .intro-approve-as-friend-end {
1973 .intro-submit-approve, .intro-submit-ignore {
1974 margin-right: 20px; }
1976 .intro-submit-approve {
1979 .intro-approve-as-friend-label, .intro-approve-as-fan-label, .intro-approve-as-friend, .intro-approve-as-fan {
1984 margin-bottom: 10px; }
1986 .intro-approve-as-friend-desc {
1989 .intro-approve-as-end {
1991 margin-bottom: 10px; }
1993 .intro-end, .clear {
2005 background: #2e2f2e; }
2008 border: 1px solid #ccc;
2009 .event-description, .event-location, .event-start {
2011 margin-right: 10px; } }
2014 margin-bottom: 10px; }
2016 .edit-event-link, .plink-event-link {
2018 /*margin-top: 4px; */
2019 /*margin-right: 4px;*/
2020 /*margin-bottom: 15px;*/ }
2022 .event-description:before {
2023 content: url('../../../images/calendar.png');
2024 margin-right: 15px; }
2026 .event-start, .event-end {
2029 font-size: smaller; }
2031 .event-start .dtstart, .event-end .dtend {
2035 margin-bottom: 10px; }
2037 .prevcal, .nextcal {
2043 .event-calendar-end {
2047 font-family: monospace; }
2053 #event-start-text, #event-finish-text {
2055 margin-bottom: 5px; }
2057 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text, #event-share-checkbox {
2060 #event-datetime-break {
2061 margin-bottom: 10px; }
2063 #event-nofinish-break, #event-adjust-break, #event-share-break {
2066 #event-desc-text, #event-location-text {
2068 margin-bottom: 5px; }
2077 opacity: 1.0 !important; } }
2079 .filesavetags, .categorytags {
2083 .filesavetags:hover, .categorytags:hover {
2085 opacity: 1.0 !important; }
2089 margin: 5px 0 0 6px !important;
2096 #item-delete-selected {
2099 /* was tired of having no way of moving it around, so
2100 * here's a little 'hook' to do so */
2107 #item-delete-selected-end {
2110 #item-delete-selected-icon {
2112 margin-right: 5px; }
2114 #item-delete-selected-desc {
2118 text-decoration: underline; } }
2120 .fc-state-highlight {
2130 margin: 0 5px 4px 0;
2134 position: relative; }
2141 margin-bottom: 10px; }
2143 .group-selected, .nets-selected, .fileas-selected {
2146 background: #f8f8f8;
2147 font-weight: bold; }
2149 .group-selected:hover, .nets-selected:hover, .fileas-selected:hover {
2153 margin-right: 10px; }
2158 #sidebar-group-list {
2161 list-style-type: none;
2162 list-style-position: inside; }
2166 display: inline-block;
2170 #sidebar-new-group {
2172 display: inline-block;
2174 text-decoration: none;
2175 text-align: center; }
2177 #peoplefind-sidebar form {
2178 margin-bottom: 10px; }
2180 #sidebar-new-group {
2182 /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/
2183 /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/
2184 /*background-color: #b20202;*/ }
2189 #side-peoplefind-url {
2190 background-color: #e5e0cf;
2192 border: 1px #666 solid;
2196 background-color: #efefef;
2198 border: 1px 333 solid; } }
2201 list-style-type: none;
2204 margin: 10px 0 0; } }
2206 .nets-link, .nets-all {
2213 margin: 5px 0px 0px 0px; } }
2223 background-color: #ff0000;
2231 list-style-position: inside; } }
2235 background: transparent;
2241 padding-bottom: 2px;
2242 border-bottom: 1px solid #000; }
2246 font-weight: bold; }
2248 margin-left: 250px; }
2250 border-bottom: 1px solid #ccc; }
2259 border: 1px solid #888;
2265 margin-right: 1em; }
2268 border-bottom: 1px solid #000;
2271 text-align: left; } }
2280 background-color: #bbc7d7; } }
2282 text-align: right; }
2285 text-decoration: underline; } }
2295 /*margin-bottom: 10px;*/
2296 /*padding-bottom: 10px;*/
2301 display: inline-block;
2303 margin: 0 10px 1em 0;
2304 border: 1px #999 solid;
2311 margin: 0 330px 0 auto;
2315 border: 1px solid #666;
2316 padding: 3px 6px 4px 10px;
2318 text-decoration: none; }
2320 background: url("../../../images/onoff.jpg") no-repeat 42px 1px #999999;
2324 background: url("../../../images/onoff.jpg") no-repeat 2px 1px #cccccc;
2326 text-align: right; } }
2329 display: none !important; }
2340 .field.radio .field_help {
2341 margin-left: 297px; }
2345 display: inline-block;
2347 margin: 0 10px 1em 0;
2348 border: 1px #999 solid;
2356 border: 1px #999 solid;
2357 &[type="text"], &[type="password"], &[type="search"] {
2360 border: 1px #999 solid; }
2361 &[type="checkbox"], &[type="radio"] {
2362 border: 1px #999 solid;
2366 &[type="submit"], &[type="button"] {
2367 background-color: #555753;
2368 border: 2px outset #444;
2370 box-shadow: 1px 3px 4px 0 #111;
2375 text-shadow: 1px 1px #111;
2376 -webkit-border-radius: 5px;
2377 -moz-border-radius: 5px; }
2378 &[type="submit"]:active, &[type="button"]:active {
2379 box-shadow: 0 0 0 0; } }
2394 background-color: #000;
2408 border: 4px solid #000000;
2409 background-color: #FFFFFF; } }
2431 position: relative; }
2436 position: absolute; } }
2438 .panel_text .progress {
2442 border: 1px solid #cccccc;
2448 background-color: #eeeeee;
2449 text-align: right; } }
2458 border-bottom: 2px solid #cccccc;
2459 padding-bottom: 1em;
2467 background-image: url("../../../images/icons/48/plugin.png");
2468 background-position: center center;
2469 background-repeat: no-repeat; } }
2486 background: url(light/icons.png) no-repeat;
2488 text-decoration: none;
2492 text-decoration: none; } }
2495 display: inline-block;
2498 background: url(light/editicons.png) no-repeat;
2500 text-decoration: none; }
2503 box-shadow: 2px 2px 5px 2px #111;
2504 &:active, &:focus, &:hover {
2505 box-shadow: 0 0 0 0; } }
2511 background-position: 0px 0px;
2513 background-position: -22px 0px; } }
2516 background-position: 0px -22px;
2518 background-position: -22px -22px; } }
2521 background-position: 0px -44px;
2523 background-position: -22px -44px; } }
2526 background-position: 0px -66px;
2528 background-position: -22px -66px; } }
2531 background-position: 0px -88px;
2533 background-position: -22px -88px; } }
2536 background-position: -44px 0px;
2538 background-position: -66px 0px; } }
2541 background-position: -44px -22px;
2543 background-position: -66px -22px; } }
2546 background-position: -44px -44px;
2548 background-position: -66px -44px; } }
2551 &.drop, &.drophide, &.delete {
2557 background-position: -110px 0; }
2559 padding: 10px 0px 0px 25px;
2568 background: url("../../../images/icons/16/add.png") no-repeat; }
2574 background-position: -50px 0; }
2577 background-position: -70px 0; }
2580 background-position: -90px 0px; }
2583 background-position: -110px 0; }
2586 background-position: -130px 0; }
2589 background-position: -150px 0; }
2592 background-position: -170px 0; }
2595 background-position: -190px 0; }
2598 background-position: -230px -60px; }
2601 background-position: -211px 0; }
2604 background-position: -230px 0; }
2607 background-position: -50px -20px; }
2609 .noglobe, .nolocation {
2610 background-position: -70px -20px; }
2613 background-position: -90px -20px; }
2616 background-position: -110px -20px; }
2619 background-position: -130px -20px; }
2622 background-position: -151px -18px; }
2625 background-position: -170px -20px; }
2628 background-position: -190px -20px; }
2631 background-position: -210px -20px; }
2634 background-position: -230px -20px; }
2637 background-position: -50px -40px; }
2640 background-position: -70px -40px; }
2643 background-position: -88px -40px; }
2646 background-position: -110px -40px; }
2649 background-position: -190px -40px; }
2652 background-position: -210px -40px; }
2655 background-position: -130px -60px; }
2658 background-position: -150px -60px; }
2661 background-position: -170px -60px; }
2664 background-position: -50px -60px; }
2667 background-position: -70px -60px; }
2670 background-position: -90px -60px; }
2673 background-position: -110px -60px; }
2684 border: 1px solid #babdb6;
2685 -webkit-border-radius: 5px;
2686 -moz-border-radius: 5px;
2689 border: 1px solid #babdb6;
2690 -webkit-border-radius: 5px;
2691 -moz-border-radius: 5px;
2692 border-radius: 5px; } }
2698 background-image: url(../../../images/content-types.png); }
2701 background-position: 0px 0px; }
2704 background-position: -20px 0; }
2707 background-position: -40px 0; }
2710 background-position: -60px 0px; }
2713 background-position: -80px 0; }
2725 /*margin: 50px 20%;*/
2731 border: 1px solid #ccc;
2739 #photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper {
2740 display: block !important;
2750 background: white url("../../../images/search_18.png") no-repeat right center;
2751 padding-right: 20px;
2760 background: #eeeecc url("../../../images/show_all_off.png") 8px 8px no-repeat;
2761 padding: 7px 10px 7px 30px;
2762 -webkit-border-radius: 5px;
2763 -moz-border-radius: 5px;
2769 background: #ff9900 url(../../../images/show_all_on.png) 8px 8px no-repeat; } }
2773 border: 1px solid #ccc;
2778 /*#acl-list-content {
2782 border: 1px solid #ccc;
2786 margin: 3px 0 5px 5px;
2792 margin: 5px 5px 20px; }
2797 padding: 2px 0 1px; }
2799 background: #ccc 3px 3px no-repeat;
2800 -webkit-border-radius: 2px;
2801 -moz-border-radius: 2px;
2812 vertical-align: middle; } }
2814 #acl-wrapper a:hover {
2815 text-decoration: none;
2820 background-image: url('../../../images/show_off.png');
2824 background-image: url('../../../images/hide_off.png');
2827 .acl-button-show.selected {
2829 background-color: #9ade00;
2830 background-image: url(../../../images/show_on.png); }
2832 .acl-button-hide.selected {
2834 background-color: #ff4141;
2835 background-image: url(../../../images/hide_on.png); }
2839 border-color: #9ade00; }
2841 border-color: #ff4141; } }
2845 /* autocomplete popup */
2850 background-color: #555753;
2854 border: 1px solid #cccccc; }
2857 background-color: #555753;
2862 margin-right: 4px; }
2865 background-color: #eeeeec; } }
2869 margin: 5px 5px 5px 81%; }
2876 #network-star-link {
2883 display: inline-block; } }
2894 #sidebar-page-list {
2899 list-style: none; } }
2905 right: 175px !important;
2906 /* override the jappix css */
2912 font-size: 15pt; } }