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 //@import "_base.less";
18 article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
21 audio, canvas, video, time {
22 display: inline-block;
26 audio:not([controls]), [hidden] {
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
41 -webkit-text-size-adjust: 100%;
42 -ms-text-size-adjust: 100%; }
48 font-family: sans-serif;
50 background-color: #eee; }
52 button, input, select, textarea {
53 font-family: sans-serif;
55 background-color: #eee; }
58 border: 1px #555 dotted;
69 &[selected="selected"] {
77 /* remember to define focus styles! */
81 [disabled="disabled"] {
85 /* remember to highlight inserts somehow! */
88 background-color: #ff9;
90 text-decoration: none; }
93 background-color: #ff9;
98 /* Redeclare monospace font family: h5bp.com/j */
100 pre, code, kbd, samp, .wall-item-body code {
101 font-family: monospace, monospace;
102 _font-family: monospace;
105 /* Improve readability of pre-formatted text in all browsers */
107 pre, .wall-item-body code {
109 white-space: pre-wrap;
110 word-wrap: break-word; }
121 /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
127 vertical-align: baseline; }
140 text-decoration: none;
143 text-decoration: none; } }
150 border: 1px #aaa solid;
151 border-radius: 5px; }
155 border-bottom: 1px dotted #729fcf; }
164 .fakelink, .lockview {
177 -webkit-border-radius: 5px;
178 -moz-border-radius: 5px;
180 border: 1px solid #fff;
181 background-color: #2e3436;
195 background-color: #729fcf;
224 overflow: auto !important;
225 padding-top: 60px !important;
226 width: 100% !important;
228 margin-right: 20px; } }
231 display: block !important;
232 float: none !important;
233 height: 100% !important;
234 position: relative !important;
235 width: 100% !important;
237 width: 200px !important; }
239 margin: 0 0 8px !important;
240 width: 210px !important;
242 margin: 0 0 8px !important;
243 width: 210px !important; } } }
245 #login-submit-wrapper {
246 margin: 0 !important; }
248 #login-submit-button {
249 margin-left: 0px !important; }
251 #asidemain #login_openid {
252 position: relative !important;
253 float: none !important;
254 margin-left: 0px !important;
255 height: auto !important;
256 width: 200px !important; }
260 width: 180px !important;
261 overflow: hidden !important; }
263 width: 180px !important; } }
271 background-color: #2e3436;
274 padding: 20px 20px 10px 95px;
276 text-decoration: none;
280 text-decoration: none;
291 margin-left: 3px; } } }
296 background-color: #555753;
302 -webkit-border-radius: 0 0 5px 5px;
303 -moz-border-radius: 0 0 5px 5px;
304 border-radius: 0 0 5px 5px;
305 box-shadow: 5px 10px 10px 0 #111;
314 background-color: #eeeeec; }
316 border-top: 1px solid #eeeeec; } } } }
319 display: inline-block;
325 background: transparent url(light/icons.png) 0 0 no-repeat; }
328 background-position: 0 -66px;
330 background-position: -22px -66px; } }
332 #nav-community-link, #nav-contacts-link {
333 background-position: 0 -22px;
335 background-position: -22px -22px; } }
337 #nav-directory-link {
338 background-position: -44px -154px;
340 background-position: -66px -154px; } }
343 background-position: 0 -110px;
345 background-position: -22px -110px; } }
348 background-position: -44px -132px;
350 background-position: -66px -132px; } }
353 background-position: 0px -190px;
355 background-position: -44px -190px; } }
357 #nav-login-link, #nav-logout-link {
358 background-position: 0 -88px;
360 background-position: -22px -88px; } }
363 background-position: -44px -88px;
365 background-position: -66px -88px; } }
367 #nav-notify-link, #nav-notifications-linkmenu {
368 background-position: -44px -110px; }
370 #nav-notify-link:hover {
371 background-position: -66px -110px; }
374 background-position: 0px -177px;
376 background-position: -22px -177px; } }
379 background-position: 0 -44px;
381 background-position: -22px -44px; } }
383 #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 {
386 /* popup notifications */
390 background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
392 padding-left: 58px; }
394 background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
396 padding-left: 58px; } }
398 #nav-notifications-menu {
399 margin: 30px 0 0 -20px;
415 border-bottom: 1px solid #000;
420 text-decoration: underline; } }
422 nav #nav-notifications-linkmenu {
423 &.on .icon.s22.notify, &.selected .icon.s22.notify {
424 background-image: url("../../../images/icons/22/notify_on.png"); } }
456 display: inline-block;
457 margin: 0px -4px 0px 0px; } }
469 background: transparent url(light/icons.png) -190px -60px no-repeat; }
472 display: inline-block;
479 border-radius: 5px; }
482 border: 1px #eec solid;
496 text-decoration: none;
500 box-shadow: 5px 0 10px 0 #111;
505 background-color: #555753;
506 -webkit-border-radius: 5px;
507 -moz-border-radius: 5px;
509 background: #555753 url("light/menu-user-pin.jpg") 98% center no-repeat;
515 vertical-align: top; } }
519 padding: 3px 20px 9px 5px;
522 .nav-ajax-update, .nav-ajax-left {
525 background: transparent url(light/notifications.png) 0 0 no-repeat;
532 margin: 0 -1px 0 3px;
534 visibility: hidden; }
536 .nav-ajax-update.show, .nav-ajax-left.show {
537 visibility: visible; }
540 background-position: 0px 0px; }
543 background-position: -30px 0; }
546 background-position: -60px 0px; }
549 background-position: -90px 0px; }
552 background-position: -120px 0px; }
576 border: 3px solid #364e59;
578 -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
579 -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
580 box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
585 text-decoration: none;
587 background-color: #bdcdd4; } }
589 border-top: 1px solid #9eabb0; }
599 padding-right: 5px; } }
608 vertical-align: middle; } }
613 padding: 7px 7px 0px 0px; }
625 -moz-box-shadow: 3px 3px 3px 10px 0 #000;
626 -webkit-box-shadow: 3px 3px 10px 0 #000;
627 box-shadow: 3px 3px 10px 0 #000;
629 background-color: #fcaf3e;
630 border: 2px solid #f8911b;
632 padding-bottom: 50px;
638 -moz-box-shadow: 3px 3px 10px 0 #000;
639 -webkit-box-shadow: 3px 3px 10px 0 #000;
640 box-shadow: 3px 3px 10px 0 #000;
642 background-color: #fcaf3e;
643 border: 2px solid #f8911b;
645 padding-bottom: 50px;
648 #sysmsg_info br, #sysmsg br {
651 border-top: 1px solid #ccccce; }
660 margin: 20px 0 20px 35px;
664 /* for now, disappear these */
666 #asideright, #asideleft {
673 border-bottom: 1px solid #729fcf;
674 padding-bottom: 3px; }
675 #profile-photo-wrapper {
678 box-shadow: 3px 3px 10px 0 #000; } } }
680 /* http://css-tricks.com/snippets/css/css-box-shadow/
682 * 1. The horizontal offset of the shadow, positive means
683 * the shadow will be on the right of the box, a negative
684 * offset will put the shadow on the left of the box.
685 * 2. The vertical offset of the shadow, a negative one
686 * means the box-shadow will be above the box, a
687 * positive one means the shadow will be below the box.
688 * 3. The blur radius (optional), if set to 0 the shadow
689 * will be sharp, the higher the number, the more blurred
691 * 4. The spread radius (optional), positive values increase
692 * the size of the shadow, negative values decrease the size.
693 * Default is 0 (the shadow is same size as blur).
705 .contact-block-content {
720 background: transparent;
723 box-shadow: 1px 1px 5px 0 #000;
727 #profile-extra-links ul {
733 background: #3465a4 url(light/connect.png) no-repeat 95% center;
734 border-radius: 5px 5px 5px 5px;
738 padding: 0.2em 0.5em; }
741 /*background: #3465A4 url(light/connect.png) no-repeat 95% center;*/
742 /*border-radius: 5px 5px 5px 5px;*/
746 padding: 0.2em 0.5em; }
749 margin: 0px 0px 0px 0px; }
760 .contact-block-textdiv {
774 margin: 10px 0 20px 0px;
782 /*background-color: #0e232e;*/
783 /*border-bottom: 2px solid #9eabb0;*/
786 margin: 10px 20px 2px 0px;
794 background-color: #ffffff;
796 vertical-align: center;
798 border-top: 2px solid #9eabb0;
801 margin-top: 10px; } } }
803 border: 1px solid #ccc;
809 vertical-align: middle; } }
814 border: 1px #ccc solid;
820 #jot #character-counter {
826 padding: 2px 20px 5px 0; }
828 #profile-jot-text_parent {
829 box-shadow: 5px 0 10px 0 #111; }
831 #profile-jot-text_tbl {
835 #profile-jot-text_ifr {
836 width: 99.900002% !important; }
838 #profile-jot-text_toolbargroup, .mceCenter tr {
841 [id$="jot-text_ifr"] {
842 width: 99.900002% !important;
847 background: #eec; } }
853 &.mceFirst, &.mceLast {
854 background-color: #eec; } }
855 span.mceIcon, img.mceIcon, .mceButtonDisabled .mceIcon {
856 background-color: #eec; } }
858 #profile-attach-wrapper, #profile-audio-wrapper, #profile-link-wrapper, #profile-location-wrapper, #profile-nolocation-wrapper, #profile-title-wrapper, #profile-upload-wrapper, #profile-video-wrapper {
860 margin: 0 20px 0 0; }
862 #profile-rotator-wrapper {
865 #profile-jot-tools-end, #profile-jot-banner-end {
868 #profile-jot-email-wrapper {
870 border: 1px solid #555753;
873 #profile-jot-email-label {
874 background-color: #555753;
882 #profile-jot-networks {
884 border: 1px solid #555753;
895 text-decoration: none;
903 background: url(light/icons.png) no-repeat -128px -40px;
905 text-decoration: none;
911 background-color: #555753;
914 -webkit-border-radius: 5px;
915 -moz-border-radius: 5px;
919 margin: 0 10px 0 10px; }
921 #profile-jot-plugin-wrapper {
926 #profile-jot-submit-wrapper {
933 #profile-jot-submit {
935 background-color: #555753;
937 -webkit-border-radius: 5px;
938 -moz-border-radius: 5px;
940 border: 2px outset #222420;
943 text-shadow: 1px 1px #111;
946 box-shadow: 0 0 0 0; } }
951 -webkit-border-radius: 5px;
952 -moz-border-radius: 5px;
957 #profile-jot-acl-wrapper {
959 border: 1px solid #555753;
961 display: block !important; }
963 #group_allow_wrapper, #group_deny_wrapper, #acl-permit-outer-wrapper {
967 #contact_allow_wrapper, #contact_deny_wrapper, #acl-deny-outer-wrapper {
972 background-color: #555753;
978 background-color: #555753;
984 background-color: #555753;
989 #acl-permit-text-end, #acl-deny-text-end {
1000 margin-bottom: 5px; }
1002 #jot-title-display {
1003 font-weight: bold; }
1008 #jot-preview-content {
1009 background-color: #ffffe0;
1011 border: 1px #aa0 solid;
1013 padding: 3px 3px 6px 10px;
1014 .wall-item-outside-wrapper {
1016 border-radius: 0px; } }
1041 font-weight: bold; } }
1044 border: 1px solid #729fcf;
1046 &:hover, &.active:hover, &:active {
1047 background: #729fcf;
1050 background: #729fcf;
1056 text-decoration: none; } }
1062 .wall-item-outside-wrapper {
1063 border: 1px solid #aaa;
1065 box-shadow: 5px 0 10px 0 #888;
1067 margin-top: 5px; } }
1069 .wall-item-outside-wrapper-end {
1072 .wall-item-content-wrapper {
1077 .wall-item-outside-wrapper .wall-item-comment-wrapper {
1078 /*margin-left: 90px;*/ }
1081 background: #efefdf;
1082 border-radius: 5px; }
1084 .wall-outside-wrapper .shiny {
1085 border-radius: 5px; }
1090 .wall-item-content {
1092 margin: 0px 15px 0px 5px; }
1094 /* removing it from here, vs. putting it in .wall-item-content
1095 * might break things for people. we shall see ;) */
1097 [id^="tread-wrapper"], [class^="tread-wrapper"] {
1100 /*overflow-x: auto;*/ }
1102 .wall-item-photo-menu {
1105 .wall-item-photo-menu-button {
1107 text-indent: -99999px;
1108 background: #555753 url(light/menu-user-pin.jpg) no-repeat 75px center;
1115 -webkit-border-radius: 0 0 5px 5px;
1116 -moz-border-radius: 0 0 5px 5px;
1117 border-radius: 0 0 5px 5px; }
1123 .wall-item-photo-wrapper {
1128 background-color: #555753;
1129 -webkit-border-radius: 5px;
1130 -moz-border-radius: 5px;
1131 border-radius: 5px; }
1133 [class^="wall-item-tools"] * {
1134 /*margin: 0 0 5px 0;*/
1136 /*margin: 0 0 5px 0;*/ } }
1141 -webkit-transition: all 1s ease-in-out;
1142 -moz-transition: all 1s ease-in-out;
1143 -o-transition: all 1s ease-in-out;
1144 -ms-transition: all 1s ease-in-out;
1145 transition: all 1s ease-in-out;
1148 -webkit-transition: all 1s ease-in-out;
1149 -moz-transition: all 1s ease-in-out;
1150 -o-transition: all 1s ease-in-out;
1151 -ms-transition: all 1s ease-in-out;
1152 transition: all 1s ease-in-out; } }
1154 .wall-item-subtools1 {
1156 list-style: none outside none;
1157 margin: 20px 0 30px -20px;
1161 .wall-item-subtools2 {
1163 list-style: none outside none;
1164 margin: -75px 0 0 5px;
1171 margin-bottom: 1em; }
1174 margin: 20px 20px 10px 0px;
1178 .wall-item-lock-wrapper {
1185 .wall-item-dislike, .wall-item-like {
1189 margin: 5px 0 5px 120px; }
1191 .wall-item-author, .wall-item-actions-author {
1195 margin: 20px 20px 0 110px; }
1199 padding-left: 10px; }
1201 .wall-item-wrapper-end {
1204 .wall-item-location {
1208 text-overflow: ellipsis;
1209 -o-text-overflow: ellipsis;
1230 width: 30px !important;
1231 height: 30px !important; } }
1232 .wall-item-photo-end {
1235 .wall-item-arrowphoto-wrapper {
1241 .wall-item-photo-menu {
1243 border: 2px solid #FFFFFF;
1245 background: #555753;
1251 -webkit-border-radius: 0px 5px 5px 5px;
1252 -moz-border-radius: 0px 5px 5px 5px;
1253 border-radius: 0px 5px 5px 5px;
1259 white-space: nowrap;
1265 background: #eeeeec; } } }
1267 #item-delete-selected {
1271 #connect-services-header, #connect-services, #extra-help-header, #extra-help, #postit-header, #postit {
1272 margin: 5px 0 0 0; }
1278 .ccollapse-wrapper {
1280 margin-left: 80px; }
1282 .wall-item-outside-wrapper.comment {
1285 width: 40px!important;
1286 height: 40px!important; }
1287 .wall-item-photo-wrapper {
1290 .wall-item-photo-menu-button {
1293 background-position: 35px center; }
1297 margin-left: 10px; }
1299 margin-left: 50px; }
1300 .wall-item-photo-menu {
1304 .comment-wwedit-wrapper {
1305 /*margin: 30px 0px 0px 80px;*/ }
1307 .comment-edit-wrapper {
1308 border-top: 1px #aaa solid; }
1310 [class^="comment-edit-bb"] {
1313 margin: -40px 0 5px 60px;
1316 display: inline-block;
1318 visibility: none; } }
1320 .comment-wwedit-wrapper img, .comment-edit-wrapper img {
1324 .comment-edit-photo-link, .comment-edit-photo {
1325 margin-left: 10px; }
1332 [class^="comment-edit-text"] {
1333 margin: 5px 0 10px 20px;
1336 .comment-edit-text-empty {
1338 border: 2px #babdd6 solid;
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;
1349 .comment-edit-text-full {
1352 -webkit-transition: all 0.5s ease-in-out;
1353 -moz-transition: all 0.5s ease-in-out;
1354 -o-transition: all 0.5s ease-in-out;
1355 -ms-transition: all 0.5s ease-in-out;
1356 transition: all 0.5s ease-in-out; }
1358 .comment-edit-submit-wrapper {
1360 margin: 5px 5px 10px 50px;
1361 text-align: right; }
1363 .comment-edit-submit {
1365 background-color: #555753;
1367 -webkit-border-radius: 5px;
1368 -moz-border-radius: 5px;
1376 .wall-item-body code {
1378 padding: 0 0 10px 5px;
1380 border-style: solid;
1381 border-width: 1px 1px 1px 10px;
1393 border-bottom: 1px solid #ccc; }
1400 .profile-match-wrapper {
1402 margin: 0 5px 40px 0;
1408 .icon.drophide.profile-match-ignore {
1409 margin: 0 6px 0 -3px;
1411 .profile-match-photo {
1415 [id$="-end"], [class$="-end"] {
1417 margin: 0 0 10px 0; }
1419 .profile-match-end {
1422 .profile-match-name {
1424 margin: auto auto auto 23px;
1426 .profile-match-connect {
1428 margin: auto auto auto 23px;
1430 #advanced-profile-with {
1431 margin-left: 200px; }
1442 margin-bottom: 30px; }
1444 .photo-album-image-wrapper, .photo-top-image-wrapper {
1446 -moz-box-shadow: 3px 3px 10px 0 #000;
1447 -webkit-box-shadow: 3px 3px 10px 0 #000;
1448 box-shadow: 3px 3px 10px 0 #000;
1449 background-color: #eee;
1451 -webkit-border-radius: 5px;
1452 -moz-border-radius: 5px;
1454 padding-bottom: 30px;
1456 margin: 0 10px 10px 0; }
1461 max-width: 100%; } }
1463 .photo-top-image-wrapper a:hover, #photo-photo a:hover, .photo-album-image-wrapper a:hover {
1466 .photo-top-photo, .photo-album-photo {
1467 -webkit-border-radius: 5px 5px 0 0;
1468 -moz-border-radius: 5px 5px 0 0;
1469 border-radius: 5px 5px 0 0; }
1471 .photo-top-album-name {
1485 #photo-prev-link, #photo-next-link {
1489 background-color: rgba(255, 255, 255, 0.5);
1491 -webkit-transition: all .2s ease-in-out;
1492 -moz-transition: all .2s ease-in-out;
1493 -o-transition: all .2s ease-in-out;
1494 -ms-transition: all .2s ease-in-out;
1495 transition: all .2s ease-in-out;
1496 background-position: center center;
1497 background-repeat: no-repeat; }
1500 background-image: url(light/prev.png);
1509 background-image: url(light/next.png);
1516 #photo-prev-link a, #photo-next-link a {
1521 text-indent: -900000px; }
1523 #photo-prev-link:hover {
1525 -webkit-transition: all .2s ease-in-out;
1526 -moz-transition: all .2s ease-in-out;
1527 -o-transition: all .2s ease-in-out;
1528 -ms-transition: all .2s ease-in-out;
1529 transition: all .2s ease-in-out; }
1534 -webkit-transition: all .2s ease-in-out;
1535 -moz-transition: all .2s ease-in-out;
1536 -o-transition: all .2s ease-in-out;
1537 -ms-transition: all .2s ease-in-out;
1538 transition: all .2s ease-in-out; }
1542 #photo-prev-link .icon {
1545 #photos-upload-spacer, #photos-upload-new-wrapper, #photos-upload-exist-wrapper {
1546 margin-bottom: 1em; }
1548 #photos-upload-existing-album-text, #photos-upload-newalbum-div {
1549 background-color: #555753;
1553 #photos-upload-album-select, #photos-upload-newalbum {
1556 #photos-upload-perms-menu {
1557 text-align: right; }
1559 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1561 margin-bottom: 25px; }
1563 #photo-edit-link-wrap {
1564 margin-bottom: 15px; }
1566 #photo-edit-caption, #photo-edit-newtag {
1570 margin-bottom: 25px; }
1572 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1575 #photo-edit-delete-button {
1576 margin-left: 200px; }
1579 margin-bottom: 35px; }
1585 margin-bottom: 15px; }
1599 #prvmail-submit-wrapper {
1606 #prvmail-submit-wrapper div {
1610 .mail-list-outside-wrapper {
1617 margin-left: 90px; }
1619 .mail-list-sender-name {
1626 padding-left: 10px; }
1628 .mail-list-sender-name, .mail-list-date {
1629 font-style: italic; }
1631 .mail-list-subject {
1634 .mail-list-delete-wrapper {
1637 .mail-list-outside-wrapper-end {
1639 border-bottom: 1px #eec dotted; }
1643 margin: 0px 5px 5px 0px; }
1645 .mail-conv-sender-photo {
1649 .mail-conv-sender-name {
1655 .mail-conv-subject {
1663 .mail-conv-delete-wrapper {
1670 .view-contact-wrapper, .contact-entry-wrapper {
1672 margin: 0 5px 40px 0;
1676 position: relative; }
1678 .contact-direction-wrapper {
1682 .contact-edit-links {
1686 .contact-entry-photo-wrapper {}
1688 .contact-entry-photo {
1689 margin-left: 20px; }
1691 .contact-entry-name {
1694 /*overflow: hidden;*/ }
1696 .contact-entry-photo {
1697 position: relative; }
1699 .contact-entry-edit-links .icon {
1700 border: 1px solid #babdb6;
1701 -webkit-border-radius: 3px;
1702 -moz-border-radius: 3px;
1704 background-color: #fff; }
1706 #contact-entry-url, [id^="contact-entry-url"] {
1708 /*overflow: scroll;*/ }
1710 #contact-entry-network, [id^="contact-entry-network"] {
1712 font-style: italic; }
1714 #contact-edit-banner-name {
1717 #contact-edit-photo-wrapper {
1722 #contact-edit-direction-icon {
1727 #contact-edit-nav-wrapper {
1730 #contact-edit-links {
1733 list-style-type: none; } }
1735 #contact-drop-links {
1738 #contact-edit-nav-wrapper .icon {
1739 border: 1px solid #babdb6;
1740 -webkit-border-radius: 3px;
1741 -moz-border-radius: 3px;
1742 border-radius: 3px; }
1744 #contact-edit-poll-wrapper {
1747 #contact-edit-last-update-text {
1748 margin-bottom: 15px; }
1750 #contact-edit-last-updated {
1751 font-weight: bold; }
1753 #contact-edit-poll-text {
1756 #contact-edit-info_tbl, #contact-edit-info_parent, .mceLayout {
1761 margin-bottom: 65px; }
1763 .contact-photo-menu-button {
1765 background-image: url("light/photo-menu.jpg");
1766 background-position: top left;
1767 background-repeat: no-repeat;
1778 .contact-photo-menu {
1780 border: 2px solid #444;
1797 background: #3465A4;
1798 text-decoration: none; } } }
1801 * register, settings & profile forms
1807 background: url(light/login-bg.gif) no-repeat;
1808 background-position: 0 50%;
1809 padding-left: 18px; }
1811 #settings-nickname-desc {
1812 background-color: #eee;
1813 -webkit-border-radius: 5px;
1814 -moz-border-radius: 5px;
1819 #settings-default-perms {
1820 margin-bottom: 20px; }
1822 #register-form div, #profile-edit-form div {
1829 margin: 10px 5px; } }
1831 /*#register-form label, */
1832 /*#profile-edit-form label {*/
1837 /*#register-form span, */
1838 /*#profile-edit-form span {*/
1839 /* color: #555753; */
1840 /* display: block; */
1841 /* margin-bottom: 20px; */
1844 #profile-edit-marital-label span {
1847 .settings-submit-wrapper, .profile-edit-submit-wrapper {
1848 margin: 0 0 30px -3px; }
1850 .profile-edit-side-div {
1853 /*.profile-edit-side-div:hover {
1856 .profile-edit-side-link {
1857 margin: 3px 0px 0px 70px;
1860 #profiles-menu-trigger {
1861 margin: 0px 0px 0px 25px; }
1865 margin: 20px 20px 0px 0px; }
1867 .icon-profile-edit {
1868 background: url("light/icons.png") -150px 0px no-repeat;
1877 text-decoration: none;
1881 #profile-edit-links ul {
1889 #register-sitename {
1891 font-weight: bold; }
1893 #advanced-expire-popup {
1894 background: #2e2f2e;
1900 #theme-preview img {
1901 margin: 10px 10px 10px 288px; }
1907 .group-delete-wrapper {
1908 margin: -31px 50px 0 0;
1911 /*.group-delete-icon {
1915 #group-edit-submit-wrapper {
1922 #group-members, #prof-members {
1925 border: 1px solid #555753;
1926 -webkit-border-radius: 5px 5px 0 0;
1927 -moz-border-radius: 5px 5px 0 0;
1928 border-radius: 5px 5px 0 0; }
1930 #group-all-contacts, #prof-all-contacts {
1933 border: 1px solid #555753;
1934 -webkit-border-radius: 0 0 5px 5px;
1935 -moz-border-radius: 0 0 5px 5px;
1936 border-radius: 0 0 5px 5px; }
1938 #group-members h3, #group-all-contacts h3, #prof-members h3, #prof-all-contacts h3 {
1940 background-color: #555753;
1944 #group-separator, #prof-separator {
1951 #cropimage-wrapper {
1966 font-weight: bold; }
1969 margin-bottom: 20px;
1970 font-weight: bold; }
1981 .intro-approve-form, .intro-approve-as-friend-end {
1984 .intro-submit-approve, .intro-submit-ignore {
1985 margin-right: 20px; }
1987 .intro-submit-approve {
1990 .intro-approve-as-friend-label, .intro-approve-as-fan-label, .intro-approve-as-friend, .intro-approve-as-fan {
1995 margin-bottom: 10px; }
1997 .intro-approve-as-friend-desc {
2000 .intro-approve-as-end {
2002 margin-bottom: 10px; }
2004 .intro-end, .clear {
2016 background: #2e2f2e; }
2019 border: 1px solid #ccc;
2020 .event-description, .event-location, .event-start {
2022 margin-right: 10px; } }
2025 margin-bottom: 10px; }
2027 .edit-event-link, .plink-event-link {
2029 /*margin-top: 4px; */
2030 /*margin-right: 4px;*/
2031 /*margin-bottom: 15px;*/ }
2033 .event-description:before {
2034 content: url('../../../images/calendar.png');
2035 margin-right: 15px; }
2037 .event-start, .event-end {
2040 font-size: smaller; }
2042 .event-start .dtstart, .event-end .dtend {
2046 margin-bottom: 10px; }
2048 .prevcal, .nextcal {
2054 .event-calendar-end {
2058 font-family: monospace; }
2064 #event-start-text, #event-finish-text {
2066 margin-bottom: 5px; }
2068 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text, #event-share-checkbox {
2071 #event-datetime-break {
2072 margin-bottom: 10px; }
2074 #event-nofinish-break, #event-adjust-break, #event-share-break {
2077 #event-desc-text, #event-location-text {
2079 margin-bottom: 5px; }
2088 opacity: 1.0 !important; } }
2090 .filesavetags, .categorytags {
2094 .filesavetags:hover, .categorytags:hover {
2096 opacity: 1.0 !important; }
2100 margin: 5px 0 0 6px !important;
2107 #item-delete-selected {
2110 /* was tired of having no way of moving it around, so
2111 * here's a little 'hook' to do so */
2118 #item-delete-selected-end {
2121 #item-delete-selected-icon {
2123 margin-right: 5px; }
2125 #item-delete-selected-desc {
2129 text-decoration: underline; } }
2131 .fc-state-highlight {
2141 margin: 0 5px 4px 0;
2145 position: relative; }
2152 margin-bottom: 10px; }
2154 .group-selected, .nets-selected, .fileas-selected {
2157 background: #f8f8f8;
2158 font-weight: bold; }
2160 .group-selected:hover, .nets-selected:hover, .fileas-selected:hover {
2164 margin-right: 10px; }
2169 #sidebar-group-list {
2172 list-style-type: none;
2173 list-style-position: inside; }
2177 display: inline-block;
2181 #sidebar-new-group {
2183 display: inline-block;
2185 text-decoration: none;
2186 text-align: center; }
2188 #peoplefind-sidebar form {
2189 margin-bottom: 10px; }
2191 #sidebar-new-group {
2193 /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/
2194 /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/
2195 /*background-color: #b20202;*/ }
2200 #side-peoplefind-url {
2201 background-color: #e5e0cf;
2203 border: 1px #666 solid;
2207 background-color: #efefef;
2209 border: 1px 333 solid; } }
2212 list-style-type: none;
2215 margin: 10px 0 0; } }
2217 .nets-link, .nets-all {
2221 margin: 20px 0px 30px;
2224 margin: 5px 5px 0px 0px;
2236 background-color: #ff0000;
2244 list-style-position: inside; } }
2248 background: transparent;
2254 padding-bottom: 2px;
2255 border-bottom: 1px solid #000; }
2259 font-weight: bold; }
2261 margin-left: 250px; }
2263 border-bottom: 1px solid #ccc; }
2272 border: 1px solid #888;
2278 margin-right: 1em; }
2281 border-bottom: 1px solid #000;
2284 text-align: left; } }
2293 background-color: #bbc7d7; } }
2295 text-align: right; }
2298 text-decoration: underline; } }
2308 /*margin-bottom: 10px;*/
2309 /*padding-bottom: 10px;*/
2314 display: inline-block;
2316 margin: 0 10px 1em 0;
2317 border: 1px #999 solid;
2324 margin: 0 330px 0 auto;
2328 border: 1px solid #666;
2329 padding: 3px 6px 4px 10px;
2331 text-decoration: none; }
2333 background: url("../../../images/onoff.jpg") no-repeat 42px 1px #999999;
2337 background: url("../../../images/onoff.jpg") no-repeat 2px 1px #cccccc;
2339 text-align: right; } }
2342 display: none !important; }
2353 .field.radio .field_help {
2354 margin-left: 297px; }
2358 display: inline-block;
2360 margin: 0 10px 1em 0;
2361 border: 1px #999 solid;
2369 border: 1px #999 solid;
2370 &[type="text"], &[type="password"], &[type="search"] {
2373 border: 1px #999 solid; }
2374 &[type="checkbox"], &[type="radio"] {
2375 border: 1px #999 solid;
2379 &[type="submit"], &[type="button"] {
2380 background-color: #555753;
2381 border: 2px outset #444;
2383 box-shadow: 1px 3px 4px 0 #111;
2388 text-shadow: 1px 1px #111;
2389 -webkit-border-radius: 5px;
2390 -moz-border-radius: 5px; }
2391 &[type="submit"]:active, &[type="button"]:active {
2392 box-shadow: 0 0 0 0; } }
2407 background-color: #000;
2421 border: 4px solid #000000;
2422 background-color: #FFFFFF; } }
2444 position: relative; }
2449 position: absolute; } }
2451 .panel_text .progress {
2455 border: 1px solid #cccccc;
2461 background-color: #eeeeee;
2462 text-align: right; } }
2471 border-bottom: 2px solid #cccccc;
2472 padding-bottom: 1em;
2480 background-image: url("../../../images/icons/48/plugin.png");
2481 background-position: center center;
2482 background-repeat: no-repeat; } }
2499 background: url(light/icons.png) no-repeat;
2501 text-decoration: none;
2505 text-decoration: none; } }
2508 display: inline-block;
2511 background: url(light/editicons.png) no-repeat;
2513 text-decoration: none; }
2516 box-shadow: 2px 2px 5px 2px #111;
2517 &:active, &:focus, &:hover {
2518 box-shadow: 0 0 0 0; } }
2524 background-position: 0px 0px;
2526 background-position: -22px 0px; } }
2529 background-position: 0px -22px;
2531 background-position: -22px -22px; } }
2534 background-position: 0px -44px;
2536 background-position: -22px -44px; } }
2539 background-position: 0px -66px;
2541 background-position: -22px -66px; } }
2544 background-position: 0px -88px;
2546 background-position: -22px -88px; } }
2549 background-position: -44px 0px;
2551 background-position: -66px 0px; } }
2554 background-position: -44px -22px;
2556 background-position: -66px -22px; } }
2559 background-position: -44px -44px;
2561 background-position: -66px -44px; } }
2564 &.drop, &.drophide, &.delete {
2570 background-position: -110px 0; }
2572 padding: 10px 0px 0px 25px;
2581 background: url("../../../images/icons/16/add.png") no-repeat; }
2587 background-position: -50px 0; }
2590 background-position: -70px 0; }
2593 background-position: -90px 0px; }
2596 background-position: -110px 0; }
2599 background-position: -130px 0; }
2602 background-position: -150px 0; }
2605 background-position: -170px 0; }
2608 background-position: -190px 0; }
2611 background-position: -230px -60px; }
2614 background-position: -211px 0; }
2617 background-position: -230px 0; }
2620 background-position: -50px -20px; }
2622 .noglobe, .nolocation {
2623 background-position: -70px -20px; }
2626 background-position: -90px -20px; }
2629 background-position: -110px -20px; }
2632 background-position: -130px -20px; }
2635 background-position: -151px -18px; }
2638 background-position: -170px -20px; }
2641 background-position: -190px -20px; }
2644 background-position: -210px -20px; }
2647 background-position: -230px -20px; }
2650 background-position: -50px -40px; }
2653 background-position: -70px -40px; }
2656 background-position: -88px -40px; }
2659 background-position: -110px -40px; }
2662 background-position: -190px -40px; }
2665 background-position: -210px -40px; }
2668 background-position: -130px -60px; }
2671 background-position: -150px -60px; }
2674 background-position: -170px -60px; }
2677 background-position: -50px -60px; }
2680 background-position: -70px -60px; }
2683 background-position: -90px -60px; }
2686 background-position: -110px -60px; }
2697 border: 1px solid #babdb6;
2698 -webkit-border-radius: 5px;
2699 -moz-border-radius: 5px;
2702 border: 1px solid #babdb6;
2703 -webkit-border-radius: 5px;
2704 -moz-border-radius: 5px;
2705 border-radius: 5px; } }
2711 background-image: url(../../../images/content-types.png); }
2714 background-position: 0px 0px; }
2717 background-position: -20px 0; }
2720 background-position: -40px 0; }
2723 background-position: -60px 0px; }
2726 background-position: -80px 0; }
2738 /*margin: 50px 20%;*/
2744 border: 1px solid #ccc;
2752 #photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper {
2753 display: block !important;
2763 background: white url("../../../images/search_18.png") no-repeat right center;
2764 padding-right: 20px;
2773 background: #eeeecc url("../../../images/show_all_off.png") 8px 8px no-repeat;
2774 padding: 7px 10px 7px 30px;
2775 -webkit-border-radius: 5px;
2776 -moz-border-radius: 5px;
2782 background: #ff9900 url(../../../images/show_all_on.png) 8px 8px no-repeat; } }
2786 border: 1px solid #ccc;
2791 /*#acl-list-content {
2795 border: 1px solid #ccc;
2799 margin: 3px 0 5px 5px;
2805 margin: 5px 5px 20px; }
2810 padding: 2px 0 1px; }
2812 background: #ccc 3px 3px no-repeat;
2813 -webkit-border-radius: 2px;
2814 -moz-border-radius: 2px;
2825 vertical-align: middle; } }
2827 #acl-wrapper a:hover {
2828 text-decoration: none;
2833 background-image: url('../../../images/show_off.png');
2837 background-image: url('../../../images/hide_off.png');
2840 .acl-button-show.selected {
2842 background-color: #9ade00;
2843 background-image: url(../../../images/show_on.png); }
2845 .acl-button-hide.selected {
2847 background-color: #ff4141;
2848 background-image: url(../../../images/hide_on.png); }
2852 border-color: #9ade00; }
2854 border-color: #ff4141; } }
2858 /* autocomplete popup */
2863 background-color: #555753;
2867 border: 1px solid #cccccc; }
2870 background-color: #555753;
2875 margin-right: 4px; }
2878 background-color: #eeeeec; } }
2882 margin: 5px 5px 5px 81%; }
2889 #network-star-link {
2896 display: inline-block; } }
2907 #sidebar-page-list {
2912 list-style: none; } }
2918 right: 175px !important;
2919 /* override the jappix css */
2925 font-size: 15pt; } }