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;
68 &[selected="selected"] {
75 /* remember to define focus styles! */
80 [disabled="disabled"] {
84 /* remember to highlight inserts somehow! */
87 background-color: #ff9;
89 text-decoration: none; }
92 background-color: #ff9;
97 /* Redeclare monospace font family: h5bp.com/j */
99 pre, code, kbd, samp, .wall-item-body code {
100 font-family: monospace, monospace;
101 _font-family: monospace;
104 /* Improve readability of pre-formatted text in all browsers */
106 pre, .wall-item-body code {
108 white-space: pre-wrap;
109 word-wrap: break-word; }
120 /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
126 vertical-align: baseline; }
139 text-decoration: none;
142 text-decoration: none; } }
149 border: 1px #aaa solid;
150 border-radius: 5px; }
154 border-bottom: 1px dotted #729fcf; }
163 .fakelink, .lockview {
176 -webkit-border-radius: 5px;
177 -moz-border-radius: 5px;
179 border: 1px solid #fff;
180 background-color: #2e3436;
194 background-color: #729fcf;
223 overflow: auto !important;
224 padding-top: 60px !important;
225 width: 100% !important;
227 margin-right: 20px; } }
230 display: block !important;
231 float: none !important;
232 height: 100% !important;
233 position: relative !important;
234 width: 100% !important;
236 width: 200px !important; }
238 margin: 0 0 8px !important;
239 width: 210px !important;
241 margin: 0 0 8px !important;
242 width: 210px !important; } } }
244 #login-submit-wrapper {
245 margin: 0 !important; }
247 #login-submit-button {
248 margin-left: 0px !important; }
250 #asidemain #login_openid {
251 position: relative !important;
252 float: none !important;
253 margin-left: 0px !important;
254 height: auto !important;
255 width: 200px !important; }
259 width: 180px !important;
260 overflow: hidden !important; }
262 width: 180px !important; } }
270 background-color: #2e3436;
273 padding: 20px 20px 10px 95px;
275 text-decoration: none;
279 text-decoration: none;
290 margin-left: 3px; } } }
295 background-color: #555753;
301 -webkit-border-radius: 0 0 5px 5px;
302 -moz-border-radius: 0 0 5px 5px;
303 border-radius: 0 0 5px 5px;
304 box-shadow: 5px 10px 10px 0 #111;
313 background-color: #eeeeec; }
315 border-top: 1px solid #eeeeec; } } } }
318 display: inline-block;
324 background: transparent url(light/icons.png) 0 0 no-repeat; }
327 background-position: 0 -66px;
329 background-position: -22px -66px; } }
331 #nav-community-link, #nav-contacts-link {
332 background-position: 0 -22px;
334 background-position: -22px -22px; } }
336 #nav-directory-link {
337 background-position: -44px -154px;
339 background-position: -66px -154px; } }
342 background-position: 0 -110px;
344 background-position: -22px -110px; } }
347 background-position: -44px -132px;
349 background-position: -66px -132px; } }
352 background-position: 0px -190px;
354 background-position: -44px -190px; } }
356 #nav-login-link, #nav-logout-link {
357 background-position: 0 -88px;
359 background-position: -22px -88px; } }
362 background-position: -44px -88px;
364 background-position: -66px -88px; } }
366 #nav-notify-link, #nav-notifications-linkmenu {
367 background-position: -44px -110px; }
369 #nav-notify-link:hover {
370 background-position: -66px -110px; }
373 background-position: 0px -177px;
375 background-position: -22px -177px; } }
378 background-position: 0 -44px;
380 background-position: -22px -44px; } }
382 #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 {
385 /* popup notifications */
389 background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
391 padding-left: 58px; }
393 background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
395 padding-left: 58px; } }
397 #nav-notifications-menu {
398 margin: 30px 0 0 -20px;
414 border-bottom: 1px solid #000;
419 text-decoration: underline; } }
421 nav #nav-notifications-linkmenu {
422 &.on .icon.s22.notify, &.selected .icon.s22.notify {
423 background-image: url("../../../images/icons/22/notify_on.png"); } }
455 display: inline-block;
456 margin: 0px -4px 0px 0px; } }
468 background: transparent url(light/icons.png) -190px -60px no-repeat; }
471 display: inline-block;
478 border-radius: 5px; }
481 border: 1px #eec solid;
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).
704 .contact-block-content {
719 background: transparent;
722 box-shadow: 1px 1px 5px 0 #000;
726 #profile-extra-links ul {
732 background: #3465a4 url(light/connect.png) no-repeat 95% center;
733 border-radius: 5px 5px 5px 5px;
737 padding: 0.2em 0.5em; }
740 /*background: #3465A4 url(light/connect.png) no-repeat 95% center;*/
741 /*border-radius: 5px 5px 5px 5px;*/
745 padding: 0.2em 0.5em; }
748 margin: 0px 0px 0px 0px; }
759 .contact-block-textdiv {
773 margin: 10px 0 20px 0px;
781 /*background-color: #0e232e;*/
782 /*border-bottom: 2px solid #9eabb0;*/
785 margin: 10px 20px 2px 0px;
793 background-color: #ffffff;
795 vertical-align: center;
797 border-top: 2px solid #9eabb0;
800 margin-top: 10px; } } }
802 border: 1px solid #ccc;
808 vertical-align: middle; } }
813 border: 1px #ccc solid;
819 #jot #character-counter {
825 padding: 2px 20px 5px 0; }
827 #profile-jot-text_parent {
828 box-shadow: 5px 0 10px 0 #111; }
830 #profile-jot-text_tbl {
834 #profile-jot-text_ifr {
835 width: 99.900002% !important; }
837 #profile-jot-text_toolbargroup, .mceCenter tr {
840 [id$="jot-text_ifr"] {
841 width: 99.900002% !important;
846 background: #eec; } }
852 &.mceFirst, &.mceLast {
853 background-color: #eec; } }
854 span.mceIcon, img.mceIcon, .mceButtonDisabled .mceIcon {
855 background-color: #eec; } }
857 #profile-attach-wrapper, #profile-audio-wrapper, #profile-link-wrapper, #profile-location-wrapper, #profile-nolocation-wrapper, #profile-title-wrapper, #profile-upload-wrapper, #profile-video-wrapper {
859 margin: 0 20px 0 0; }
861 #profile-rotator-wrapper {
864 #profile-jot-tools-end, #profile-jot-banner-end {
867 #profile-jot-email-wrapper {
869 border: 1px solid #555753;
872 #profile-jot-email-label {
873 background-color: #555753;
881 #profile-jot-networks {
883 border: 1px solid #555753;
894 text-decoration: none;
902 background: url(light/icons.png) no-repeat -128px -40px;
904 text-decoration: none;
910 background-color: #555753;
913 -webkit-border-radius: 5px;
914 -moz-border-radius: 5px;
918 margin: 0 10px 0 10px; }
920 #profile-jot-plugin-wrapper {
925 #profile-jot-submit-wrapper {
932 #profile-jot-submit {
934 background-color: #555753;
936 -webkit-border-radius: 5px;
937 -moz-border-radius: 5px;
939 border: 2px outset #222420;
942 text-shadow: 1px 1px #111;
945 box-shadow: 0 0 0 0; } }
950 -webkit-border-radius: 5px;
951 -moz-border-radius: 5px;
956 #profile-jot-acl-wrapper {
958 border: 1px solid #555753;
960 display: block !important; }
962 #group_allow_wrapper, #group_deny_wrapper, #acl-permit-outer-wrapper {
966 #contact_allow_wrapper, #contact_deny_wrapper, #acl-deny-outer-wrapper {
971 background-color: #555753;
977 background-color: #555753;
983 background-color: #555753;
988 #acl-permit-text-end, #acl-deny-text-end {
999 margin-bottom: 5px; }
1001 #jot-title-display {
1002 font-weight: bold; }
1007 #jot-preview-content {
1008 background-color: #ffffe0;
1010 border: 1px #aa0 solid;
1012 padding: 3px 3px 6px 10px;
1013 .wall-item-outside-wrapper {
1015 border-radius: 0px; } }
1040 font-weight: bold; } }
1043 border: 1px solid #729fcf;
1045 &:hover, &.active:hover, &:active {
1046 background: #729fcf;
1049 background: #729fcf;
1055 text-decoration: none; } }
1061 .wall-item-outside-wrapper {
1062 border: 1px solid #aaa;
1064 box-shadow: 5px 0 10px 0 #888;
1066 margin-top: 5px; } }
1068 .wall-item-outside-wrapper-end {
1071 .wall-item-content-wrapper {
1076 .wall-item-outside-wrapper .wall-item-comment-wrapper {
1077 /*margin-left: 90px;*/ }
1080 background: #efefdf;
1081 border-radius: 5px; }
1083 .wall-outside-wrapper .shiny {
1084 border-radius: 5px; }
1089 .wall-item-content {
1091 margin: 0px 15px 0px 5px; }
1093 /* removing it from here, vs. putting it in .wall-item-content
1094 * might break things for people. we shall see ;) */
1096 [id^="tread-wrapper"], [class^="tread-wrapper"] {
1099 /*overflow-x: auto;*/ }
1101 .wall-item-photo-menu {
1104 .wall-item-photo-menu-button {
1106 text-indent: -99999px;
1107 background: #555753 url(light/menu-user-pin.jpg) no-repeat 75px center;
1114 -webkit-border-radius: 0 0 5px 5px;
1115 -moz-border-radius: 0 0 5px 5px;
1116 border-radius: 0 0 5px 5px; }
1122 .wall-item-photo-wrapper {
1127 background-color: #555753;
1128 -webkit-border-radius: 5px;
1129 -moz-border-radius: 5px;
1130 border-radius: 5px; }
1132 [class^="wall-item-tools"] * {
1133 /*margin: 0 0 5px 0;*/
1135 /*margin: 0 0 5px 0;*/ } }
1140 -webkit-transition: all 1s ease-in-out;
1141 -moz-transition: all 1s ease-in-out;
1142 -o-transition: all 1s ease-in-out;
1143 -ms-transition: all 1s ease-in-out;
1144 transition: all 1s ease-in-out;
1147 -webkit-transition: all 1s ease-in-out;
1148 -moz-transition: all 1s ease-in-out;
1149 -o-transition: all 1s ease-in-out;
1150 -ms-transition: all 1s ease-in-out;
1151 transition: all 1s ease-in-out; } }
1153 .wall-item-subtools1 {
1155 list-style: none outside none;
1156 margin: 20px 0 30px -20px;
1160 .wall-item-subtools2 {
1162 list-style: none outside none;
1163 margin: -75px 0 0 5px;
1170 margin-bottom: 1em; }
1173 margin: 20px 20px 10px 0px;
1177 .wall-item-lock-wrapper {
1184 .wall-item-dislike, .wall-item-like {
1188 margin: 5px 0 5px 120px; }
1190 .wall-item-author, .wall-item-actions-author {
1194 margin: 20px 20px 0 110px; }
1198 padding-left: 10px; }
1200 .wall-item-wrapper-end {
1203 .wall-item-location {
1207 text-overflow: ellipsis;
1208 -o-text-overflow: ellipsis;
1229 width: 30px !important;
1230 height: 30px !important; } }
1231 .wall-item-photo-end {
1234 .wall-item-arrowphoto-wrapper {
1240 .wall-item-photo-menu {
1242 border: 2px solid #FFFFFF;
1244 background: #555753;
1250 -webkit-border-radius: 0px 5px 5px 5px;
1251 -moz-border-radius: 0px 5px 5px 5px;
1252 border-radius: 0px 5px 5px 5px;
1258 white-space: nowrap;
1264 background: #eeeeec; } } }
1266 #item-delete-selected {
1270 #connect-services-header, #connect-services, #extra-help-header, #extra-help, #postit-header, #postit {
1271 margin: 5px 0 0 0; }
1277 .ccollapse-wrapper {
1279 margin-left: 80px; }
1281 .wall-item-outside-wrapper.comment {
1284 width: 40px!important;
1285 height: 40px!important; }
1286 .wall-item-photo-wrapper {
1289 .wall-item-photo-menu-button {
1292 background-position: 35px center; }
1296 margin-left: 10px; }
1298 margin-left: 50px; }
1299 .wall-item-photo-menu {
1303 .comment-wwedit-wrapper {
1304 /*margin: 30px 0px 0px 80px;*/ }
1306 .comment-edit-wrapper {
1307 border-top: 1px #aaa solid; }
1309 [class^="comment-edit-bb"] {
1312 margin: -40px 0 5px 60px;
1315 display: inline-block;
1317 visibility: none; } }
1319 .comment-wwedit-wrapper img, .comment-edit-wrapper img {
1323 .comment-edit-photo-link, .comment-edit-photo {
1324 margin-left: 10px; }
1331 [class^="comment-edit-text"] {
1332 margin: 5px 0 10px 20px;
1335 .comment-edit-text-empty {
1337 border: 2px #babdd6 solid;
1340 -webkit-transition: all 0.5s ease-in-out;
1341 -moz-transition: all 0.5s ease-in-out;
1342 -o-transition: all 0.5s ease-in-out;
1343 -ms-transition: all 0.5s ease-in-out;
1344 transition: all 0.5s ease-in-out;
1348 .comment-edit-text-full {
1351 -webkit-transition: all 0.5s ease-in-out;
1352 -moz-transition: all 0.5s ease-in-out;
1353 -o-transition: all 0.5s ease-in-out;
1354 -ms-transition: all 0.5s ease-in-out;
1355 transition: all 0.5s ease-in-out; }
1357 .comment-edit-submit-wrapper {
1359 margin: 5px 5px 10px 50px;
1360 text-align: right; }
1362 .comment-edit-submit {
1364 background-color: #555753;
1366 -webkit-border-radius: 5px;
1367 -moz-border-radius: 5px;
1375 .wall-item-body code {
1377 padding: 0 0 10px 5px;
1379 border-style: solid;
1380 border-width: 1px 1px 1px 10px;
1392 border-bottom: 1px solid #ccc; }
1399 .profile-match-wrapper {
1401 margin: 0 5px 40px 0;
1407 .icon.drophide.profile-match-ignore {
1408 margin: 0 6px 0 -3px;
1410 .profile-match-photo {
1414 [id$="-end"], [class$="-end"] {
1416 margin: 0 0 10px 0; }
1418 .profile-match-end {
1421 .profile-match-name {
1423 margin: auto auto auto 23px;
1425 .profile-match-connect {
1427 margin: auto auto auto 23px;
1429 #advanced-profile-with {
1430 margin-left: 200px; }
1441 margin-bottom: 30px; }
1443 .photo-album-image-wrapper, .photo-top-image-wrapper {
1445 -moz-box-shadow: 3px 3px 10px 0 #000;
1446 -webkit-box-shadow: 3px 3px 10px 0 #000;
1447 box-shadow: 3px 3px 10px 0 #000;
1448 background-color: #eee;
1450 -webkit-border-radius: 5px;
1451 -moz-border-radius: 5px;
1453 padding-bottom: 30px;
1455 margin: 0 10px 10px 0; }
1460 max-width: 100%; } }
1462 .photo-top-image-wrapper a:hover, #photo-photo a:hover, .photo-album-image-wrapper a:hover {
1465 .photo-top-photo, .photo-album-photo {
1466 -webkit-border-radius: 5px 5px 0 0;
1467 -moz-border-radius: 5px 5px 0 0;
1468 border-radius: 5px 5px 0 0; }
1470 .photo-top-album-name {
1484 #photo-prev-link, #photo-next-link {
1488 background-color: rgba(255, 255, 255, 0.5);
1490 -webkit-transition: all .2s ease-in-out;
1491 -moz-transition: all .2s ease-in-out;
1492 -o-transition: all .2s ease-in-out;
1493 -ms-transition: all .2s ease-in-out;
1494 transition: all .2s ease-in-out;
1495 background-position: center center;
1496 background-repeat: no-repeat; }
1499 background-image: url(light/prev.png);
1508 background-image: url(light/next.png);
1515 #photo-prev-link a, #photo-next-link a {
1520 text-indent: -900000px; }
1522 #photo-prev-link:hover {
1524 -webkit-transition: all .2s ease-in-out;
1525 -moz-transition: all .2s ease-in-out;
1526 -o-transition: all .2s ease-in-out;
1527 -ms-transition: all .2s ease-in-out;
1528 transition: all .2s ease-in-out; }
1533 -webkit-transition: all .2s ease-in-out;
1534 -moz-transition: all .2s ease-in-out;
1535 -o-transition: all .2s ease-in-out;
1536 -ms-transition: all .2s ease-in-out;
1537 transition: all .2s ease-in-out; }
1541 #photo-prev-link .icon {
1544 #photos-upload-spacer, #photos-upload-new-wrapper, #photos-upload-exist-wrapper {
1545 margin-bottom: 1em; }
1547 #photos-upload-existing-album-text, #photos-upload-newalbum-div {
1548 background-color: #555753;
1552 #photos-upload-album-select, #photos-upload-newalbum {
1555 #photos-upload-perms-menu {
1556 text-align: right; }
1558 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1560 margin-bottom: 25px; }
1562 #photo-edit-link-wrap {
1563 margin-bottom: 15px; }
1565 #photo-edit-caption, #photo-edit-newtag {
1569 margin-bottom: 25px; }
1571 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1574 #photo-edit-delete-button {
1575 margin-left: 200px; }
1578 margin-bottom: 35px; }
1584 margin-bottom: 15px; }
1598 #prvmail-submit-wrapper {
1605 #prvmail-submit-wrapper div {
1609 .mail-list-outside-wrapper {
1616 margin-left: 90px; }
1618 .mail-list-sender-name {
1625 padding-left: 10px; }
1627 .mail-list-sender-name, .mail-list-date {
1628 font-style: italic; }
1630 .mail-list-subject {
1633 .mail-list-delete-wrapper {
1636 .mail-list-outside-wrapper-end {
1638 border-bottom: 1px #eec dotted; }
1642 margin: 0px 5px 5px 0px; }
1644 .mail-conv-sender-photo {
1648 .mail-conv-sender-name {
1654 .mail-conv-subject {
1662 .mail-conv-delete-wrapper {
1669 .view-contact-wrapper, .contact-entry-wrapper {
1671 margin: 0 5px 40px 0;
1675 position: relative; }
1677 .contact-direction-wrapper {
1681 .contact-edit-links {
1685 .contact-entry-photo-wrapper {}
1687 .contact-entry-photo {
1688 margin-left: 20px; }
1690 .contact-entry-name {
1693 /*overflow: hidden;*/ }
1695 .contact-entry-photo {
1696 position: relative; }
1698 .contact-entry-edit-links .icon {
1699 border: 1px solid #babdb6;
1700 -webkit-border-radius: 3px;
1701 -moz-border-radius: 3px;
1703 background-color: #fff; }
1705 #contact-entry-url, [id^="contact-entry-url"] {
1707 /*overflow: scroll;*/ }
1709 #contact-entry-network, [id^="contact-entry-network"] {
1711 font-style: italic; }
1713 #contact-edit-banner-name {
1716 #contact-edit-photo-wrapper {
1721 #contact-edit-direction-icon {
1726 #contact-edit-nav-wrapper {
1729 #contact-edit-links {
1732 list-style-type: none; } }
1734 #contact-drop-links {
1737 #contact-edit-nav-wrapper .icon {
1738 border: 1px solid #babdb6;
1739 -webkit-border-radius: 3px;
1740 -moz-border-radius: 3px;
1741 border-radius: 3px; }
1743 #contact-edit-poll-wrapper {
1746 #contact-edit-last-update-text {
1747 margin-bottom: 15px; }
1749 #contact-edit-last-updated {
1750 font-weight: bold; }
1752 #contact-edit-poll-text {
1755 #contact-edit-info_tbl, #contact-edit-info_parent, .mceLayout {
1760 margin-bottom: 65px; }
1762 .contact-photo-menu-button {
1764 background-image: url("light/photo-menu.jpg");
1765 background-position: top left;
1766 background-repeat: no-repeat;
1777 .contact-photo-menu {
1779 border: 2px solid #444;
1796 background: #3465A4;
1797 text-decoration: none; } } }
1800 * register, settings & profile forms
1806 background: url(light/login-bg.gif) no-repeat;
1807 background-position: 0 50%;
1808 padding-left: 18px; }
1810 #settings-nickname-desc {
1811 background-color: #eee;
1812 -webkit-border-radius: 5px;
1813 -moz-border-radius: 5px;
1818 #settings-default-perms {
1819 margin-bottom: 20px; }
1821 #register-form div, #profile-edit-form div {
1828 margin: 10px 5px; } }
1830 /*#register-form label, */
1831 /*#profile-edit-form label {*/
1836 /*#register-form span, */
1837 /*#profile-edit-form span {*/
1838 /* color: #555753; */
1839 /* display: block; */
1840 /* margin-bottom: 20px; */
1843 #profile-edit-marital-label span {
1846 .settings-submit-wrapper, .profile-edit-submit-wrapper {
1847 margin: 0 0 30px -3px; }
1849 .profile-edit-side-div {
1852 /*.profile-edit-side-div:hover {
1855 .profile-edit-side-link {
1856 margin: 3px 0px 0px 70px;
1859 #profiles-menu-trigger {
1860 margin: 0px 0px 0px 25px; }
1864 margin: 20px 20px 0px 0px; }
1866 .icon-profile-edit {
1867 background: url("light/icons.png") -150px 0px no-repeat;
1876 text-decoration: none;
1880 #profile-edit-links ul {
1888 #register-sitename {
1890 font-weight: bold; }
1892 #advanced-expire-popup {
1893 background: #2e2f2e;
1899 #theme-preview img {
1900 margin: 10px 10px 10px 288px; }
1906 .group-delete-wrapper {
1907 margin: -31px 50px 0 0;
1910 /*.group-delete-icon {
1914 #group-edit-submit-wrapper {
1921 #group-members, #prof-members {
1924 border: 1px solid #555753;
1925 -webkit-border-radius: 5px 5px 0 0;
1926 -moz-border-radius: 5px 5px 0 0;
1927 border-radius: 5px 5px 0 0; }
1929 #group-all-contacts, #prof-all-contacts {
1932 border: 1px solid #555753;
1933 -webkit-border-radius: 0 0 5px 5px;
1934 -moz-border-radius: 0 0 5px 5px;
1935 border-radius: 0 0 5px 5px; }
1937 #group-members h3, #group-all-contacts h3, #prof-members h3, #prof-all-contacts h3 {
1939 background-color: #555753;
1943 #group-separator, #prof-separator {
1950 #cropimage-wrapper {
1965 font-weight: bold; }
1968 margin-bottom: 20px;
1969 font-weight: bold; }
1980 .intro-approve-form, .intro-approve-as-friend-end {
1983 .intro-submit-approve, .intro-submit-ignore {
1984 margin-right: 20px; }
1986 .intro-submit-approve {
1989 .intro-approve-as-friend-label, .intro-approve-as-fan-label, .intro-approve-as-friend, .intro-approve-as-fan {
1994 margin-bottom: 10px; }
1996 .intro-approve-as-friend-desc {
1999 .intro-approve-as-end {
2001 margin-bottom: 10px; }
2003 .intro-end, .clear {
2015 background: #2e2f2e; }
2018 border: 1px solid #ccc;
2019 .event-description, .event-location, .event-start {
2021 margin-right: 10px; } }
2024 margin-bottom: 10px; }
2026 .edit-event-link, .plink-event-link {
2028 /*margin-top: 4px; */
2029 /*margin-right: 4px;*/
2030 /*margin-bottom: 15px;*/ }
2032 .event-description:before {
2033 content: url('../../../images/calendar.png');
2034 margin-right: 15px; }
2036 .event-start, .event-end {
2039 font-size: smaller; }
2041 .event-start .dtstart, .event-end .dtend {
2045 margin-bottom: 10px; }
2047 .prevcal, .nextcal {
2053 .event-calendar-end {
2057 font-family: monospace; }
2063 #event-start-text, #event-finish-text {
2065 margin-bottom: 5px; }
2067 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text, #event-share-checkbox {
2070 #event-datetime-break {
2071 margin-bottom: 10px; }
2073 #event-nofinish-break, #event-adjust-break, #event-share-break {
2076 #event-desc-text, #event-location-text {
2078 margin-bottom: 5px; }
2087 opacity: 1.0 !important; } }
2089 .filesavetags, .categorytags {
2093 .filesavetags:hover, .categorytags:hover {
2095 opacity: 1.0 !important; }
2099 margin: 5px 0 0 6px !important;
2106 #item-delete-selected {
2109 /* was tired of having no way of moving it around, so
2110 * here's a little 'hook' to do so */
2117 #item-delete-selected-end {
2120 #item-delete-selected-icon {
2122 margin-right: 5px; }
2124 #item-delete-selected-desc {
2128 text-decoration: underline; } }
2130 .fc-state-highlight {
2140 margin: 0 5px 4px 0;
2144 position: relative; }
2151 margin-bottom: 10px; }
2153 .group-selected, .nets-selected, .fileas-selected {
2156 background: #f8f8f8;
2157 font-weight: bold; }
2159 .group-selected:hover, .nets-selected:hover, .fileas-selected:hover {
2163 margin-right: 10px; }
2168 #sidebar-group-list {
2171 list-style-type: none;
2172 list-style-position: inside; }
2176 display: inline-block;
2180 #sidebar-new-group {
2182 display: inline-block;
2184 text-decoration: none;
2185 text-align: center; }
2187 #peoplefind-sidebar form {
2188 margin-bottom: 10px; }
2190 #sidebar-new-group {
2192 /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/
2193 /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/
2194 /*background-color: #b20202;*/ }
2199 #side-peoplefind-url {
2200 background-color: #e5e0cf;
2202 border: 1px #666 solid;
2206 background-color: #efefef;
2208 border: 1px 333 solid; } }
2211 list-style-type: none;
2214 margin: 10px 0 0; } }
2216 .nets-link, .nets-all {
2220 margin: 20px 0px 30px;
2223 margin: 5px 5px 0px 0px;
2235 background-color: #ff0000;
2243 list-style-position: inside; } }
2247 background: transparent;
2253 padding-bottom: 2px;
2254 border-bottom: 1px solid #000; }
2258 font-weight: bold; }
2260 margin-left: 250px; }
2262 border-bottom: 1px solid #ccc; }
2271 border: 1px solid #888;
2277 margin-right: 1em; }
2280 border-bottom: 1px solid #000;
2283 text-align: left; } }
2292 background-color: #bbc7d7; } }
2294 text-align: right; }
2297 text-decoration: underline; } }
2307 /*margin-bottom: 10px;*/
2308 /*padding-bottom: 10px;*/
2313 display: inline-block;
2315 margin: 0 10px 1em 0;
2316 border: 1px #999 solid;
2323 margin: 0 330px 0 auto;
2327 border: 1px solid #666;
2328 padding: 3px 6px 4px 10px;
2330 text-decoration: none; }
2332 background: url("../../../images/onoff.jpg") no-repeat 42px 1px #999999;
2336 background: url("../../../images/onoff.jpg") no-repeat 2px 1px #cccccc;
2338 text-align: right; } }
2341 display: none !important; }
2352 .field.radio .field_help {
2353 margin-left: 297px; }
2357 display: inline-block;
2359 margin: 0 10px 1em 0;
2360 border: 1px #999 solid;
2368 border: 1px #999 solid;
2369 &[type="text"], &[type="password"], &[type="search"] {
2372 border: 1px #999 solid; }
2373 &[type="checkbox"], &[type="radio"] {
2374 border: 1px #999 solid;
2378 &[type="submit"], &[type="button"] {
2379 background-color: #555753;
2380 border: 2px outset #444;
2382 box-shadow: 1px 3px 4px 0 #111;
2387 text-shadow: 1px 1px #111;
2388 -webkit-border-radius: 5px;
2389 -moz-border-radius: 5px; }
2390 &[type="submit"]:active, &[type="button"]:active {
2391 box-shadow: 0 0 0 0; } }
2406 background-color: #000;
2420 border: 4px solid #000000;
2421 background-color: #FFFFFF; } }
2443 position: relative; }
2448 position: absolute; } }
2450 .panel_text .progress {
2454 border: 1px solid #cccccc;
2460 background-color: #eeeeee;
2461 text-align: right; } }
2470 border-bottom: 2px solid #cccccc;
2471 padding-bottom: 1em;
2479 background-image: url("../../../images/icons/48/plugin.png");
2480 background-position: center center;
2481 background-repeat: no-repeat; } }
2498 background: url(light/icons.png) no-repeat;
2500 text-decoration: none;
2504 text-decoration: none; } }
2507 display: inline-block;
2510 background: url(light/editicons.png) no-repeat;
2512 text-decoration: none; }
2515 box-shadow: 2px 2px 5px 2px #111;
2516 &:active, &:focus, &:hover {
2517 box-shadow: 0 0 0 0; } }
2523 background-position: 0px 0px;
2525 background-position: -22px 0px; } }
2528 background-position: 0px -22px;
2530 background-position: -22px -22px; } }
2533 background-position: 0px -44px;
2535 background-position: -22px -44px; } }
2538 background-position: 0px -66px;
2540 background-position: -22px -66px; } }
2543 background-position: 0px -88px;
2545 background-position: -22px -88px; } }
2548 background-position: -44px 0px;
2550 background-position: -66px 0px; } }
2553 background-position: -44px -22px;
2555 background-position: -66px -22px; } }
2558 background-position: -44px -44px;
2560 background-position: -66px -44px; } }
2563 &.drop, &.drophide, &.delete {
2569 background-position: -110px 0; }
2571 padding: 10px 0px 0px 25px;
2580 background: url("../../../images/icons/16/add.png") no-repeat; }
2586 background-position: -50px 0; }
2589 background-position: -70px 0; }
2592 background-position: -90px 0px; }
2595 background-position: -110px 0; }
2598 background-position: -130px 0; }
2601 background-position: -150px 0; }
2604 background-position: -170px 0; }
2607 background-position: -190px 0; }
2610 background-position: -230px -60px; }
2613 background-position: -211px 0; }
2616 background-position: -230px 0; }
2619 background-position: -50px -20px; }
2621 .noglobe, .nolocation {
2622 background-position: -70px -20px; }
2625 background-position: -90px -20px; }
2628 background-position: -110px -20px; }
2631 background-position: -130px -20px; }
2634 background-position: -151px -18px; }
2637 background-position: -170px -20px; }
2640 background-position: -190px -20px; }
2643 background-position: -210px -20px; }
2646 background-position: -230px -20px; }
2649 background-position: -50px -40px; }
2652 background-position: -70px -40px; }
2655 background-position: -88px -40px; }
2658 background-position: -110px -40px; }
2661 background-position: -190px -40px; }
2664 background-position: -210px -40px; }
2667 background-position: -130px -60px; }
2670 background-position: -150px -60px; }
2673 background-position: -170px -60px; }
2676 background-position: -50px -60px; }
2679 background-position: -70px -60px; }
2682 background-position: -90px -60px; }
2685 background-position: -110px -60px; }
2696 border: 1px solid #babdb6;
2697 -webkit-border-radius: 5px;
2698 -moz-border-radius: 5px;
2701 border: 1px solid #babdb6;
2702 -webkit-border-radius: 5px;
2703 -moz-border-radius: 5px;
2704 border-radius: 5px; } }
2710 background-image: url(../../../images/content-types.png); }
2713 background-position: 0px 0px; }
2716 background-position: -20px 0; }
2719 background-position: -40px 0; }
2722 background-position: -60px 0px; }
2725 background-position: -80px 0; }
2737 /*margin: 50px 20%;*/
2743 border: 1px solid #ccc;
2751 #photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper {
2752 display: block !important;
2762 background: white url("../../../images/search_18.png") no-repeat right center;
2763 padding-right: 20px;
2772 background: #eeeecc url("../../../images/show_all_off.png") 8px 8px no-repeat;
2773 padding: 7px 10px 7px 30px;
2774 -webkit-border-radius: 5px;
2775 -moz-border-radius: 5px;
2781 background: #ff9900 url(../../../images/show_all_on.png) 8px 8px no-repeat; } }
2785 border: 1px solid #ccc;
2790 /*#acl-list-content {
2794 border: 1px solid #ccc;
2798 margin: 3px 0 5px 5px;
2804 margin: 5px 5px 20px; }
2809 padding: 2px 0 1px; }
2811 background: #ccc 3px 3px no-repeat;
2812 -webkit-border-radius: 2px;
2813 -moz-border-radius: 2px;
2824 vertical-align: middle; } }
2826 #acl-wrapper a:hover {
2827 text-decoration: none;
2832 background-image: url('../../../images/show_off.png');
2836 background-image: url('../../../images/hide_off.png');
2839 .acl-button-show.selected {
2841 background-color: #9ade00;
2842 background-image: url(../../../images/show_on.png); }
2844 .acl-button-hide.selected {
2846 background-color: #ff4141;
2847 background-image: url(../../../images/hide_on.png); }
2851 border-color: #9ade00; }
2853 border-color: #ff4141; } }
2857 /* autocomplete popup */
2862 background-color: #555753;
2866 border: 1px solid #cccccc; }
2869 background-color: #555753;
2874 margin-right: 4px; }
2877 background-color: #eeeeec; } }
2881 margin: 5px 5px 5px 81%; }
2888 #network-star-link {
2895 display: inline-block; } }
2906 #sidebar-page-list {
2911 list-style: none; } }
2917 right: 175px !important;
2918 /* override the jappix css */
2924 font-size: 15pt; } }