diff options
Diffstat (limited to 'view/theme/dispy/style.less')
-rw-r--r-- | view/theme/dispy/style.less | 2879 |
1 files changed, 0 insertions, 2879 deletions
diff --git a/view/theme/dispy/style.less b/view/theme/dispy/style.less deleted file mode 100644 index 34830cf32..000000000 --- a/view/theme/dispy/style.less +++ /dev/null @@ -1,2879 +0,0 @@ -/* - * dispy - * - * maintainer: simon <http://simon.kisikew.org/> - * author: unknown - * - * Author's notes: - * A few things of note here. The less file is our working copy, - * and the CSS is *generated* from it. The CSS is the one that's - * included in the HTML, and not the less one. This is to save - * bandwidth and processing time. - */ -/* from html5boilerplate */ -/* these are to tell browsers they should be displayed a certain way */ - -article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { - display: block; } - -audio, canvas, video, time { - display: inline-block; - *display: inline; - *zoom: 1; } - -audio:not([controls]), [hidden] { - display: none; } - -/* - * Base - */ -/* - * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units - * 2. Force vertical scrollbar in non-IE - * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g - */ - -html { - font-size: 100%; - overflow-y: scroll; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; } - -body { - margin: 0; - font-size: 16px; - line-height: 1.1em; - font-family: sans-serif; - color: #222; - background-color: #e8e8e8; } - -button, input, select, textarea { - font-family: sans-serif; - color: #222; - background-color: #e8e8e8; } - -select { - border: 1px #555 dotted; - padding: 3px; - margin: 3px; - color: #222; - background: #e8e8e8; } - -option { - padding: 3px; - color: #222; - background: #e8e8e8; - &[selected="selected"] { - color: #111; - background: #cca; } } - -ul, ol { - padding: 0; } - -/* remember to define focus styles! */ - -:focus { - outline: 0; } - -[disabled="disabled"] { - background: #ddd; - color: #333; } - -/* remember to highlight inserts somehow! */ - -ins { - background-color: #ff9; - color: #000; - text-decoration: none; } - -mark { - background-color: #ff9; - color: #000; - font-style: italic; - font-weight: bold; } - -/* Redeclare monospace font family: h5bp.com/j */ - -pre, code, kbd, samp, .wall-item-body code { - font-family: monospace, monospace; - _font-family: monospace; - font-size: 1em; } - -/* Improve readability of pre-formatted text in all browsers */ - -pre, .wall-item-body code { - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; } - -q { - quotes: none; - &:before, &:after { - content: ""; - content: none; } } - -small { - font-size: 85%; } - -/* Position subscript and superscript content without affecting line-height: h5bp.com/k */ - -sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -img { - border: 0 none; } - -a { - color: #3465a4; - text-decoration: none; - margin-bottom: 1px; - &:hover img { - text-decoration: none; } } - -blockquote { - background: #eee; - color: #111; - text-indent: 5px; - padding: 5px; - border: 1px #aaa solid; - border-radius: 5px; } - -a:hover { - color: #729fcf; - border-bottom: 1px dotted #729fcf; } - -.required { - display: inline; - color: #f00; - font-size: 16px; - font-weight: bold; - margin: 3px; } - -.fakelink, .lockview { - color: #3465a4; - cursor: pointer; } - -.fakelink:hover { - color: #729fcf; } - -.smalltext { - font-size: 0.7em; } - -#panel { - position: absolute; - font-size: 0.8em; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - border: 1px solid #fff; - background-color: #2e3436; - color: #eeeeec; - padding: 1em; } - -.pager { - margin-top: 60px; - display: block; - clear: both; - text-align: center; - span { - padding: 4px; - margin: 4px; } } - -.pager_current { - background-color: #729fcf; - color: #fff; } - -/** - * global - */ -/* .tool .action */ - -.action { - margin: 5px 0; } - -.tool { - margin: 5px 0; - list-style: none; } - -#articlemain { - width: 100%; - height: 100%; - margin: 0 auto; } - -/** - * login - */ - -#asidemain .field { - overflow: hidden; - width: 200px; } - -#login-extra-links { - overflow: auto !important; - padding-top: 60px !important; - width: 100% !important; - a { - margin-right: 20px; } } - -#login_standard { - display: block !important; - float: none !important; - height: 100% !important; - position: relative !important; - width: 100% !important; - .field label { - width: 200px !important; } - input { - margin: 0 0 8px !important; - width: 210px !important; - &[type="text"] { - margin: 0 0 8px !important; - width: 210px !important; } } } - -#login-submit-wrapper { - margin: 0 !important; } - -#login-submit-button { - margin-left: 0px !important; } - -#asidemain #login_openid { - position: relative !important; - float: none !important; - margin-left: 0px !important; - height: auto !important; - width: 200px !important; } - -#login_openid { - #id_openid_url { - width: 180px !important; - overflow: hidden !important; } - label { - width: 180px !important; } } - -/** - * nav - */ - -nav { - height: 60px; - background-color: #2e3436; - color: #eeeeec; - position: relative; - padding: 20px 20px 10px 95px; - a { - text-decoration: none; - color: #eeeeec; - border: 0px; - &:hover { - text-decoration: none; - color: #eeeeec; - border: 0px; } } - #banner { - display: block; - position: absolute; - left: 51px; - top: 25px; - #logo-text a { - font-size: 40px; - font-weight: bold; - margin-left: 3px; } } } - -ul#user-menu-popup { - display: none; - position: absolute; - background-color: #555753; - width: 100%; - padding: 10px 0px; - margin: 0px; - top: 20px; - left: 0; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; - box-shadow: 5px 10px 10px 0 #111; - z-index: 10000; - li { - display: block; - a { - display: block; - padding: 5px; - &:hover { - color: #2e3436; - background-color: #eeeeec; } - &.nav-sep { - border-top: 1px solid #eeeeec; } } } } - -nav .nav-link { - display: inline-block; - width: 22px; - height: 22px; - overflow: hidden; - margin: 0px 5px 5px; - text-indent: 50px; - background: transparent url(icons.png) 0 0 no-repeat; } - -#nav-apps-link { - background-position: 0 -66px; - &:hover { - background-position: -22px -66px; } } - -#nav-community-link, #nav-contacts-link { - background-position: 0 -22px; - &:hover { - background-position: -22px -22px; } } - -#nav-directory-link { - background-position: -44px -154px; - &:hover { - background-position: -66px -154px; } } - -#nav-help-link { - background-position: 0 -110px; - &:hover { - background-position: -22px -110px; } } - -#nav-home-link { - background-position: -44px -132px; - &:hover { - background-position: -66px -132px; } } - -#nav-intro-link { - background-position: 0px -190px; - &:hover { - background-position: -44px -190px; } } - -#nav-login-link, #nav-logout-link { - background-position: 0 -88px; - &:hover { - background-position: -22px -88px; } } - -#nav-messages-link { - background-position: -44px -88px; - &:hover { - background-position: -66px -88px; } } - -#nav-notify-link, #nav-notifications-linkmenu { - background-position: -44px -110px; } - -#nav-notify-link:hover { - background-position: -66px -110px; } - -#nav-network-link { - background-position: 0px -177px; - &:hover { - background-position: -22px -177px; } } - -#nav-search-link { - background-position: 0 -44px; - &:hover { - background-position: -22px -44px; } } - -#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 { - cursor: pointer; } - -/* popup notifications */ - -div.jGrowl div { - &.notice { - background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; } - &.info { - background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; - color: #ffffff; - padding-left: 58px; } } - -#nav-notifications-menu { - margin: 30px 0 0 -20px; - width: 275px; - max-height: 300px; - overflow-y: auto; - font-size: 9pt; - .contactname { - font-weight: bold; - font-size: 0.9em; } - img { - float: left; - margin-right: 5px; } - .notif-when { - font-size: 0.8em; - display: block; } - li { - word-wrap: normal; - border-bottom: 1px solid #000; - &:hover { - color: black; } } - a:hover { - color: black; - text-decoration: underline; } } - -nav #nav-notifications-linkmenu { - &.on .icon.s22.notify, &.selected .icon.s22.notify { - background-image: url("../../../images/icons/22/notify_on.png"); } } - -.show { - display: block; } - -#notifications { - height: 20px; - width: 170px; - position: absolute; - top: -19px; - left: 4px; } - -#nav-floater { - position: fixed; - top: 20px; - right: 1%; - padding: 5px; - background: #2e3436; - color: transparent; - border-radius: 5px; - z-index: 100; - width: 300px; - height: 60px; } - -#nav-buttons { - clear: both; - list-style: none; - padding: 0px; - margin: 0px; - height: 25px; - > li { - padding: 0; - display: inline-block; - margin: 0px -4px 0px 0px; } } - -.floaterflip { - display: block; - position: fixed; - z-index: 110; - top: 56px; - right: 19px; - width: 22px; - height: 22px; - overflow: hidden; - margin: 0px; - background: transparent url(icons.png) -190px -60px no-repeat; } - -.search-box { - display: inline-block; - margin: 5px; - position: fixed; - right: 0px; - bottom: 0px; - z-index: 100; - background: #1d1f1d; - border-radius: 5px; } - -#search-text { - border: 1px #eec solid; - background: #2e3436; - color: #eec; } - -.search-box #search-text { - margin: 8px; - width: 10em; - height: 14px; - color: #eec; } - -#scrollup { - position: fixed; - right: 5px; - bottom: 40px; - z-index: 100; - a:hover { - text-decoration: none; - border: 0; } } - -#user-menu { - box-shadow: 5px 0 10px 0 #111; - display: block; - width: 75%; - margin: 3px 0 0 0; - position: relative; - background-color: #555753; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - background: #555753 url("menu-user-pin.jpg") 98% center no-repeat; - clear: both; - top: 4px; - left: 10px; - padding: 2px; - > a { - vertical-align: top; } } - -#user-menu-label { - font-size: 12px; - padding: 3px 20px 9px 5px; - height: 10px; } - -.nav-ajax-update, .nav-ajax-left { - width: 30px; - height: 19px; - background: transparent url(notifications.png) 0 0 no-repeat; - color: #222; - font-weight: bold; - font-size: 0.8em; - padding-top: 0.2em; - text-align: center; - float: left; - margin: 0 -1px 0 3px; - display: block; - visibility: hidden; } - -.nav-ajax-update.show, .nav-ajax-left.show { - visibility: visible; } - -#net-update { - background-position: 0px 0px; } - -#mail-update { - background-position: -30px 0; } - -#notify-update { - background-position: -60px 0px; } - -#home-update { - background-position: -90px 0px; } - -#intro-update { - background-position: -120px 0px; } - -#lang-select-icon { - cursor: pointer; - position: fixed; - left: 28px; - bottom: 6px; - z-index: 10; } - -#language-selector { - position: fixed; - bottom: 2px; - left: 52px; - z-index: 10; } - -.menu-popup { - position: absolute; - display: none; - width: 11em; - background: #ffffff; - color: #2d2d2d; - margin: 0px; - padding: 0px; - list-style: none; - border: 3px solid #364e59; - z-index: 100000; - -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7); - -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7); - box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7); - a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; - &:hover { - background-color: #bdcdd4; } } - .menu-sep { - border-top: 1px solid #9eabb0; } - li { - float: none; - overflow: auto; - height: auto; - display: block; - img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; } } - .empty { - padding: 5px; - text-align: center; - color: #9eabb0; } } - -.notif-item { - font-size: small; - a { - vertical-align: middle; } } - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; } - -.notify-seen { - background: #ddd; } - -/** - * sysmsg - */ - -#sysmsg_info { - position: fixed; - bottom: 0; - -moz-box-shadow: 3px 3px 3px 10px 0 #000; - -webkit-box-shadow: 3px 3px 10px 0 #000; - box-shadow: 3px 3px 10px 0 #000; - padding: 10px; - background-color: #fcaf3e; - border: 2px solid #f8911b; - border-bottom: 0; - padding-bottom: 50px; - z-index: 1000; } - -#sysmsg { - position: fixed; - bottom: 0; - -moz-box-shadow: 3px 3px 10px 0 #000; - -webkit-box-shadow: 3px 3px 10px 0 #000; - box-shadow: 3px 3px 10px 0 #000; - padding: 10px; - background-color: #fcaf3e; - border: 2px solid #f8911b; - border-bottom: 0; - padding-bottom: 50px; - z-index: 1000; } - -#sysmsg_info br, #sysmsg br { - display: block; - margin: 2px 0px; - border-top: 1px solid #ccccce; } - -/** - * aside - */ - -#asidemain { - float: left; - font-size: smaller; - margin: 20px 0 20px 35px; - width: 25%; - display: inline; } - -/* for now, disappear these */ - -#asideright, #asideleft { - display: none; } - -.vcard { - .fn { - font-size: 1.7em; - font-weight: bold; - border-bottom: 1px solid #729fcf; - padding-bottom: 3px; } - #profile-photo-wrapper { - margin: 20px; - img { - box-shadow: 3px 3px 10px 0 #000; } } } - -/* http://css-tricks.com/snippets/css/css-box-shadow/ -* box-shadow: -* 1. The horizontal offset of the shadow, positive means -* the shadow will be on the right of the box, a negative -* offset will put the shadow on the left of the box. -* 2. The vertical offset of the shadow, a negative one -* means the box-shadow will be above the box, a -* positive one means the shadow will be below the box. -* 3. The blur radius (optional), if set to 0 the shadow -* will be sharp, the higher the number, the more blurred -* it will be. -* 4. The spread radius (optional), positive values increase -* the size of the shadow, negative values decrease the size. -* Default is 0 (the shadow is same size as blur). -* 5. Colo[u]r -*/ - -#asidemain { - h4 { - font-size: 1.2em; } - #viewcontacts { - text-align: right; } } - -.aprofile dt { - background: transparent; - color: #666666; - font-weight: bold; - box-shadow: 1px 1px 5px 0 #000; - margin: 15px 0 5px; - padding-left: 5px; } - -#profile-extra-links ul { - margin-left: 0px; - padding-left: 0px; - list-style: none; } - -#dfrn-request-link { - background: #3465a4 url(connect.png) no-repeat 95% center; - border-radius: 5px 5px 5px 5px; - color: #fff; - display: block; - font-size: 1.2em; - padding: 0.2em 0.5em; } - -#wallmessage-link { - /*background: #3465A4 url(connect.png) no-repeat 95% center;*/ - /*border-radius: 5px 5px 5px 5px;*/ - color: #eee; - display: block; - font-size: 1.2em; - padding: 0.2em 0.5em; } - -#netsearch-box { - margin: 20px 0px 30px; - width: 150px; - #search-submit { - margin: 5px 5px 0px 0px; } } - -.ttright { - margin: 0px 0px 0px 0px; } - -/** - * contacts block - */ - -.contact-block-div { - width: 50px; - height: 50px; - float: left; } - -.contact-block-textdiv { - width: 150px; - height: 34px; - float: left; } - -#contact-block-end { - clear: both; } - -/** - * jot - */ - -#jot { - /*width: 785px;*/ - margin: 10px 0 20px 0px; - width: 100%; - #jot-tools { - margin: 0px; - padding: 0px; - height: 35px; - overflow: none; - width: 100%; - /*background-color: #0e232e;*/ - /*border-bottom: 2px solid #9eabb0;*/ - span { - float: left; - margin: 10px 20px 2px 0px; - a { - display: block; } } - .perms { - float: right; - width: 40px; } - li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; - img { - margin-top: 10px; } } } - #jot-title { - border: 1px solid #ccc; - margin: 0 0 5px; - height: 20px; - width: 90%; - font-weight: bold; - border-radius: 5px; - vertical-align: middle; } } - -#jot-category { - margin: 5px 0; - border-radius: 5px; - border: 1px #ccc solid; - color: #666; - font-size: smaller; - &:focus { - color: #111; } } - -#jot #character-counter { - width: 6%; - float: right; - text-align: right; - height: 15px; - line-height: 20px; - padding: 2px 20px 5px 0; } - -#profile-jot-text_parent { - box-shadow: 5px 0 10px 0 #111; } - -#profile-jot-text_tbl { - margin-bottom: 10px; - background: #777; } - -#profile-jot-text_ifr { - width: 99.900002% !important; } - -#profile-jot-text_toolbargroup, .mceCenter tr { - background: #777; } - -[id$="jot-text_ifr"] { - width: 99.900002% !important; - color: #2e2f2e; - background: #eec; - .mceContentBody { - color: #2e2f2e; - background: #eec; } } - -.defaultSkin { - tr.mceFirst { - background: #777; } - td { - &.mceFirst, &.mceLast { - background-color: #eec; } } - span.mceIcon, img.mceIcon, .mceButtonDisabled .mceIcon { - background-color: #eec; } } - -#profile-attach-wrapper, #profile-audio-wrapper, #profile-link-wrapper, #profile-location-wrapper, #profile-nolocation-wrapper, #profile-title-wrapper, #profile-upload-wrapper, #profile-video-wrapper { - float: left; - margin: 0 20px 0 0; } - -#profile-rotator-wrapper { - float: right; } - -#profile-jot-tools-end, #profile-jot-banner-end { - clear: both; } - -#profile-jot-email-wrapper { - margin: 10px 10% 0; - border: 1px solid #555753; - border-bottom: 0; } - -#profile-jot-email-label { - background-color: #555753; - color: #ccccce; - padding: 5px; } - -#profile-jot-email { - width: 90%; - margin: 5px; } - -#profile-jot-networks { - margin: 0 10%; - border: 1px solid #555753; - border-top: 0; - border-bottom: 0; - padding: 5px; } - -#profile-jot-net { - margin: 5px 0; } - -#jot-preview-link { - margin: 0 0 0 10px; - border: 0; - text-decoration: none; - float: right; } - -.icon-text-preview { - margin: 0 0 -18px 0; - display: block; - width: 20px; - height: 20px; - background: url(icons.png) no-repeat -128px -40px; - border: 0; - text-decoration: none; - float: right; - cursor: pointer; } - -#profile-jot-perms { - float: right; - background-color: #555753; - height: 22px; - width: 20px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - overflow: hidden; - border: 0px; - margin: 0 10px 0 10px; } - -#profile-jot-plugin-wrapper { - width: 1px; - margin: 10px 0 0 0; - float: right; } - -#profile-jot-submit-wrapper { - float: right; - width: 100%; - list-style: none; - margin: 10px 0 0 0; - padding: 0; } - -#profile-jot-submit { - height: auto; - background-color: #555753; - color: #eeeeec; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - border: 2px outset #222420; - margin: 0; - float: right; - text-shadow: 1px 1px #111; - width: auto; - &:active { - box-shadow: 0 0 0 0; } } - -#jot-perms-icon { - height: 22px; - width: 20px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - overflow: hidden; - border: 0; } - -#profile-jot-acl-wrapper { - margin: 0 10px; - border: 1px solid #555753; - border-top: 0; - display: block !important; } - -#group_allow_wrapper, #group_deny_wrapper, #acl-permit-outer-wrapper { - width: 47%; - float: left; } - -#contact_allow_wrapper, #contact_deny_wrapper, #acl-deny-outer-wrapper { - width: 47%; - float: right; } - -#acl-permit-text { - background-color: #555753; - color: #ccccce; - padding: 5px; - float: left; } - -#jot-public { - background-color: #555753; - color: #ff0000; - padding: 5px; - float: left; } - -#acl-deny-text { - background-color: #555753; - color: #ccccce; - padding: 5px; - float: left; } - -#acl-permit-text-end, #acl-deny-text-end { - clear: both; } - -#jot-title-desc { - color: #ccc; } - -#profile-jot-desc { - color: #a00; - margin: 5px 0; } - -#jot-title-wrapper { - margin-bottom: 5px; } - -#jot-title-display { - font-weight: bold; } - -.jothidden { - display: none; } - -#jot-preview-content { - background-color: #ffffe0; - color: #111; - border: 1px #aa0 solid; - border-radius: 5px; - padding: 3px 3px 6px 10px; - .wall-item-outside-wrapper { - border: 0; - border-radius: 0px; } } - -/** - * section - */ - -#sectionmain { - margin: 20px; - font-size: 0.8em; - min-width: 475px; - width: 67%; - float: left; - display: inline; } - -/** - * tabs - */ - -.tabs { - list-style: none; - margin: 10px 0; - padding: 0; - li { - display: inline; - font-size: smaller; - font-weight: bold; } } - -.tab { - border: 1px solid #729fcf; - padding: 4px; - &:hover, &.active:hover, &:active { - background: #729fcf; - color: #eeeeec; } - &.active { - background: #729fcf; - color: #eeeeec; - a { - color: #729fcf; } } - a { - border: 0; - text-decoration: none; } } - -/** - * items - */ - -.wall-item-outside-wrapper { - border: 1px solid #aaa; - border-radius: 5px; - box-shadow: 5px 0 10px 0 #888; - &.comment { - margin-top: 5px; } } - -.wall-item-outside-wrapper-end { - clear: both; } - -.wall-item-content-wrapper { - position: relative; - padding: 10px; - width: auto; } - -.wall-item-outside-wrapper .wall-item-comment-wrapper { - /*margin-left: 90px;*/ } - -.shiny { - background: #efefdf; - border-radius: 5px; } - -.wall-outside-wrapper .shiny { - border-radius: 5px; } - -.heart { - color: red; } - -.wall-item-content { - overflow-x: auto; - margin: 0px 15px 0px 5px; } - -/* removing it from here, vs. putting it in .wall-item-content -* might break things for people. we shall see ;) */ - -[id^="tread-wrapper"], [class^="tread-wrapper"] { - margin: 15px 0 0 0; - padding: 0px; - /*overflow-x: auto;*/ } - -.wall-item-photo-menu { - display: none; } - -.wall-item-photo-menu-button { - display: none; - text-indent: -99999px; - background: #555753 url(menu-user-pin.jpg) no-repeat 75px center; - position: absolute; - overflow: hidden; - height: 20px; - width: 90px; - top: 85px; - left: 0; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; } - -.wall-item-info { - float: left; - width: 110px; } - -.wall-item-photo-wrapper { - width: 80px; - height: 80px; - position: relative; - padding: 5px; - background-color: #555753; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; } - -[class^="wall-item-tools"] * { - /*margin: 0 0 5px 0;*/ - > * { - /*margin: 0 0 5px 0;*/ } } - -.wall-item-tools { - float: right; - opacity: 0.4; - -webkit-transition: all 1s ease-in-out; - -moz-transition: all 1s ease-in-out; - -o-transition: all 1s ease-in-out; - -ms-transition: all 1s ease-in-out; - transition: all 1s ease-in-out; - &:hover { - opacity: 1; - -webkit-transition: all 1s ease-in-out; - -moz-transition: all 1s ease-in-out; - -o-transition: all 1s ease-in-out; - -ms-transition: all 1s ease-in-out; - transition: all 1s ease-in-out; } } - -.wall-item-subtools1 { - height: 30px; - list-style: none outside none; - margin: 20px 0 30px -20px; - padding: 0; - width: 30px; } - -.wall-item-subtools2 { - height: 25px; - list-style: none outside none; - margin: -75px 0 0 5px; - padding: 0; - width: 25px; } - -.wall-item-title { - font-size: 1.2em; - font-weight: bold; - margin-bottom: 1em; } - -.wall-item-body { - margin: 20px 20px 10px 0px; - text-align: left; - overflow-x: auto; } - -.wall-item-lock-wrapper { - float: right; - height: 22px; - margin: 0 -5px 0 0; - width: 22px; - opacity: 1; } - -.wall-item-dislike, .wall-item-like { - clear: left; - font-size: 0.8em; - color: #878883; - margin: 5px 0 5px 120px; } - -.wall-item-author, .wall-item-actions-author { - clear: left; - font-size: 0.8em; - color: #878883; - margin: 20px 20px 0 110px; } - -.wall-item-ago { - display: inline; - padding-left: 10px; } - -.wall-item-wrapper-end { - clear: both; } - -.wall-item-location { - margin-top: 15px; - width: 100px; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; - .icon { - float: left; } - > a, .smalltext { - margin-left: 25px; - font-size: 0.7em; - display: block; } - > br { - display: none; } } - -.wallwall { - .wwto { - left: 5px; - margin: 0; - position: absolute; - top: 75px; - width: 30px; - z-index: 10001; - width: 30px; - height: 30px; - img { - width: 30px !important; - height: 30px !important; } } - .wall-item-photo-end { - clear: both; } } - -.wall-item-arrowphoto-wrapper { - position: absolute; - left: 35px; - top: 80px; - z-index: 10002; } - -.wall-item-photo-menu { - min-width: 92px; - border: 2px solid #FFFFFF; - border-top: 0px; - background: #555753; - position: absolute; - left: -2px; - top: 101px; - display: none; - z-index: 10003; - -webkit-border-radius: 0px 5px 5px 5px; - -moz-border-radius: 0px 5px 5px 5px; - border-radius: 0px 5px 5px 5px; - ul { - margin: 0px; - padding: 0px; - list-style: none; } - li a { - white-space: nowrap; - display: block; - padding: 5px 2px; - color: #eeeeec; - &:hover { - color: #555753; - background: #eeeeec; } } } - -#item-delete-selected { - overflow: auto; - width: 100%; } - -#connect-services-header, #connect-services, #extra-help-header, #extra-help, #postit-header, #postit { - margin: 5px 0 0 0; } - -/** - * comment - */ - -.ccollapse-wrapper { - font-size: 0.9em; - margin-left: 80px; } - -.wall-item-outside-wrapper.comment { - margin-left: 80px; - .wall-item-photo { - width: 40px!important; - height: 40px!important; } - .wall-item-photo-wrapper { - width: 40px; - height: 40px; } - .wall-item-photo-menu-button { - width: 50px; - top: 45px; - background-position: 35px center; } - .wall-item-info { - width: 60px; } - .wall-item-body { - margin-left: 10px; } - .wall-item-author { - margin-left: 50px; } - .wall-item-photo-menu { - min-width: 50px; - top: 60px; } } - -.comment-wwedit-wrapper { - /*margin: 30px 0px 0px 80px;*/ } - -.comment-edit-wrapper { - border-top: 1px #aaa solid; } - -[class^="comment-edit-bb"] { - list-style: none; - display: none; - margin: -40px 0 5px 60px; - width: 75%; - > li { - display: inline-block; - margin: 0 10px 0 0; - visibility: none; } } - -.comment-wwedit-wrapper img, .comment-edit-wrapper img { - width: 20px; - height: 20px; } - -.comment-edit-photo-link, .comment-edit-photo { - margin-left: 10px; } - -.my-comment-photo { - width: 40px; - height: 40px; - padding: 5px; } - -[class^="comment-edit-text"] { - margin: 5px 0 10px 20px; - width: 84.5%; } - -.comment-edit-text-empty { - height: 20px; - border: 2px #babdd6 solid; - border-radius: 5px; - color: #babdb6; - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - -ms-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; - &:hover { - color: #999999; } } - -.comment-edit-text-full { - height: 10em; - border-radius: 5px; - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - -ms-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; } - -.comment-edit-submit-wrapper { - width: 90%; - margin: 5px 5px 10px 50px; - text-align: right; } - -.comment-edit-submit { - height: 22px; - background-color: #555753; - color: #eeeeec; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - border: 0; } - -/** - * item text style - */ - -.wall-item-body code { - display: block; - padding: 0 0 10px 5px; - border-color: #ccc; - border-style: solid; - border-width: 1px 1px 1px 10px; - background: #eee; - color: #444; - width: 95%; } - -/** - * profile - */ - -div { - &[id$="text"] { - font-weight: bold; - border-bottom: 1px solid #ccc; } - &[id$="wrapper"] { - height: 100%; - margin-bottom: 1em; - br { - clear: left; } } } - -[id$="-end"], [class$="end"] { - clear: both; - margin: 0 0 10px 0; } - -#advanced-profile-with { - margin-left: 200px; } - -/** - * photos - */ - -.photos { - height: auto; - overflow: auto; } - -#photo-top-links { - margin-bottom: 30px; } - -.photo-album-image-wrapper, .photo-top-image-wrapper { - float: left; - -moz-box-shadow: 3px 3px 10px 0 #000; - -webkit-box-shadow: 3px 3px 10px 0 #000; - box-shadow: 3px 3px 10px 0 #000; - background-color: #eee; - color: #111; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 30px; - position: relative; - margin: 0 10px 10px 0; } - -#photo-photo { - max-width: 100%; - img { - max-width: 100%; } } - -.photo-top-image-wrapper a:hover, #photo-photo a:hover, .photo-album-image-wrapper a:hover { - border-bottom: 0; } - -.photo-top-photo, .photo-album-photo { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; } - -.photo-top-album-name { - position: absolute; - bottom: 0; - padding: 0 5px; } - -.caption { - position: absolute; - bottom: 0; - margin: 0 5px; } - -#photo-photo { - position: relative; - float: left; } - -#photo-prev-link, #photo-next-link { - position: absolute; - width: 30%; - height: 100%; - background-color: rgba(255, 255, 255, 0.5); - opacity: 0; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - -ms-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - background-position: center center; - background-repeat: no-repeat; } - -#photo-prev-link { - left: 0; - top: 0; - background-image: url(prev.png); } - -#photo-next-link { - right: 0; - top: 0; - background-image: url(next.png); } - -#photo-prev-link a, #photo-next-link a { - display: block; - width: 100%; - height: 100%; - overflow: hidden; - text-indent: -900000px; } - -#photo-prev-link:hover { - opacity: 1; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - -ms-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -#photo-next-link { - &:hover { - opacity: 1; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - -ms-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - .icon { - display: none; } } - -#photo-prev-link .icon { - display: none; } - -#photos-upload-spacer, #photos-upload-new-wrapper, #photos-upload-exist-wrapper { - margin-bottom: 1em; } - -#photos-upload-existing-album-text, #photos-upload-newalbum-div { - background-color: #555753; - color: #eeeeec; - padding: 1px; } - -#photos-upload-album-select, #photos-upload-newalbum { - width: 99%; } - -#photos-upload-perms-menu { - text-align: right; } - -#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname { - float: left; - margin-bottom: 25px; } - -#photo-edit-link-wrap { - margin-bottom: 15px; } - -#photo-edit-caption, #photo-edit-newtag { - width: 100%; } - -#photo-like-div { - margin-bottom: 25px; } - -#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end { - clear: both; } - -#photo-edit-delete-button { - margin-left: 200px; } - -#photo-edit-end { - margin-bottom: 35px; } - -#photo-caption { - font-size: 110%; - font-weight: bold; - margin-top: 15px; - margin-bottom: 15px; } - -/** - * message - */ - -.prvmail-text { - width: 100%; } - -#prvmail-subject { - width: 100%; - color: #eec; - background: #444; } - -#prvmail-submit-wrapper { - margin-top: 10px; } - -#prvmail-submit { - float: right; - margin-top: 0; } - -#prvmail-submit-wrapper div { - margin-right: 5px; - float: left; } - -.mail-list-outside-wrapper { - margin-top: 20px; } - -.mail-list-sender { - float: left; } - -.mail-list-detail { - margin-left: 90px; } - -.mail-list-sender-name { - display: inline; - font-size: 1.1em; } - -.mail-list-date { - display: inline; - font-size: 0.9em; - padding-left: 10px; } - -.mail-list-sender-name, .mail-list-date { - font-style: italic; } - -.mail-list-subject { - font-size: 1.2em; } - -.mail-list-delete-wrapper { - float: right; } - -.mail-list-outside-wrapper-end { - clear: both; - border-bottom: 1px #eec dotted; } - -.mail-conv-sender { - float: left; - margin: 0px 5px 5px 0px; } - -.mail-conv-sender-photo { - width: 32px; - height: 32px; } - -.mail-conv-sender-name { - float: left; } - -.mail-conv-date { - float: right; } - -.mail-conv-subject { - clear: right; - font-weight: bold; - font-size: 1.2em; } - -.mail-conv-body { - clear: both; } - -.mail-conv-delete-wrapper { - margin-top: 5px; } - -/** - * contacts - */ - -.view-contact-wrapper, .contact-entry-wrapper { - float: left; - margin: 0 5px 40px 0; - width: 120px; - height: 120px; - padding: 3px; - position: relative; } - -.contact-direction-wrapper { - position: absolute; - top: 20px; } - -.contact-edit-links { - position: absolute; - top: 60px; } - -.contact-entry-photo-wrapper {} - -.contact-entry-photo { - margin-left: 20px; } - -.contact-entry-name { - width: 120px; - font-weight: bold; - /*overflow: hidden;*/ } - -.contact-entry-photo { - position: relative; } - -.contact-entry-edit-links .icon { - border: 1px solid #babdb6; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #fff; } - -#contact-entry-url, [id^="contact-entry-url"] { - font-size: smaller; - /*overflow: scroll;*/ } - -#contact-entry-network, [id^="contact-entry-network"] { - font-size: smaller; - font-style: italic; } - -#contact-edit-banner-name { - font-size: 1.5em; } - -#contact-edit-photo-wrapper { - position: relative; - float: left; - padding: 20px; } - -#contact-edit-direction-icon { - position: absolute; - top: 60px; - left: 0; } - -#contact-edit-nav-wrapper { - margin-left: 0px; } - -#contact-edit-links { - margin-top: 23px; - ul { - list-style-type: none; } } - -#contact-drop-links { - margin-left: 5px; } - -#contact-edit-nav-wrapper .icon { - border: 1px solid #babdb6; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; } - -#contact-edit-poll-wrapper { - margin-left: 0px; } - -#contact-edit-last-update-text { - margin-bottom: 15px; } - -#contact-edit-last-updated { - font-weight: bold; } - -#contact-edit-poll-text { - display: inline; } - -#contact-edit-info_tbl, #contact-edit-info_parent, .mceLayout { - width: 100%; } - -#contact-edit-end { - clear: both; - margin-bottom: 65px; } - -.contact-photo-menu-button { - position: absolute; - background-image: url("photo-menu.jpg"); - background-position: top left; - background-repeat: no-repeat; - margin: 0px; - padding: 0px; - width: 16px; - height: 16px; - top: 64px; - left: 0px; - overflow: hidden; - text-indent: 40px; - display: none; } - -.contact-photo-menu { - width: auto; - border: 2px solid #444; - background: #eee; - color: #111; - position: absolute; - left: 0px; - top: 90px; - display: none; - z-index: 10000; - ul { - margin: 0px; - padding: 0px; - list-style: none; } - li a { - display: block; - padding: 2px; - &:hover { - color: #fff; - background: #3465A4; - text-decoration: none; } } } - -/** - * register, settings & profile forms - */ - -.openid {} - -#id_openid_url { - background: url(login-bg.gif) no-repeat; - background-position: 0 50%; - padding-left: 18px; } - -#settings-nickname-desc { - background-color: #eee; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding: 5px; - color: #111; } - -#settings-default-perms { - margin-bottom: 20px; } - -#register-form div, #profile-edit-form div { - clear: both; } - -.settings-block { - label { - clear: left; } - input { - margin: 10px 5px; } } - -/*#register-form label, */ -/*#profile-edit-form label {*/ -/* width: 300px; */ -/* float: left; */ -/*} */ - -/*#register-form span, */ -/*#profile-edit-form span {*/ -/* color: #555753; */ -/* display: block; */ -/* margin-bottom: 20px; */ -/*} */ - -#profile-edit-marital-label span { - margin: -4px; } - -.settings-submit-wrapper, .profile-edit-submit-wrapper { - margin: 0 0 30px -3px; } - -.profile-edit-side-div { - display: none; } - -/*.profile-edit-side-div:hover { - display: block; -} -.profile-edit-side-link { - margin: 3px 0px 0px 70px; -}*/ - -#profiles-menu-trigger { - margin: 0px 0px 0px 25px; } - -.profile-listing { - float: left; - margin: 20px 20px 0px 0px; } - -.icon-profile-edit { - background: url("icons.png") -150px 0px no-repeat; - border: 0; - cursor: pointer; - display: block; - float: right; - width: 20px; - height: 20px; - margin: 0 0 -18px; - position: absolute; - text-decoration: none; - top: 113px; - right: 260px; } - -#profile-edit-links ul { - margin: 20px 0; - padding: 0; - list-style: none; } - -.marital { - margin-top: 5px; } - -#register-sitename { - display: inline; - font-weight: bold; } - -#advanced-expire-popup { - background: #2e2f2e; - color: #eec; } - -#id_ssl_policy { - width: 374px; } - -#theme-preview img { - margin: 10px 10px 10px 288px; } - -/** - * contacts selector - */ - -.group-delete-wrapper { - margin: -31px 50px 0 0; - float: right; } - -/*.group-delete-icon { - margin: 0 0 0 10px; -}*/ - -#group-edit-submit-wrapper { - margin: 0 0 10px 0; - display: inline; } - -#group-edit-desc { - margin: 10px 0px; } - -#group-members, #prof-members { - height: 200px; - overflow: auto; - border: 1px solid #555753; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; } - -#group-all-contacts, #prof-all-contacts { - height: 200px; - overflow: auto; - border: 1px solid #555753; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; } - -#group-members h3, #group-all-contacts h3, #prof-members h3, #prof-all-contacts h3 { - color: #eeeeec; - background-color: #555753; - margin: 0; - padding: 5px; } - -#group-separator, #prof-separator { - display: none; } - -/** - * profile - */ - -#cropimage-wrapper { - float: left; } - -#crop-image-form { - clear: both; } - -/** - * intros - */ - -.intro-wrapper { - margin-top: 20px; } - -.intro-fullname { - font-size: 1.1em; - font-weight: bold; } - -.intro-desc { - margin-bottom: 20px; - font-weight: bold; } - -.intro-note { - padding: 10px; } - -.intro-end { - padding: 30px; } - -.intro-form { - float: left; } - -.intro-approve-form, .intro-approve-as-friend-end { - clear: both; } - -.intro-submit-approve, .intro-submit-ignore { - margin-right: 20px; } - -.intro-submit-approve { - margin-top: 15px; } - -.intro-approve-as-friend-label, .intro-approve-as-fan-label, .intro-approve-as-friend, .intro-approve-as-fan { - float: left; } - -.intro-form-end { - clear: both; - margin-bottom: 10px; } - -.intro-approve-as-friend-desc { - margin-top: 10px; } - -.intro-approve-as-end { - clear: both; - margin-bottom: 10px; } - -.intro-end, .clear { - clear: both; } - -/** - * events - */ - -.eventcal { - float: left; - font-size: 20px; } - -.event { - background: #2e2f2e; } - -.vevent { - border: 1px solid #ccc; - .event-description, .event-location, .event-start { - margin-left: 10px; - margin-right: 10px; } } - -#new-event-link { - margin-bottom: 10px; } - -.edit-event-link, .plink-event-link { - /*float: left; */ - /*margin-top: 4px; */ - /*margin-right: 4px;*/ - /*margin-bottom: 15px;*/ } - -.event-description:before { - content: url('../../../images/calendar.png'); - margin-right: 15px; } - -.event-start, .event-end { - margin-left: 10px; - width: 330px; - font-size: smaller; } - -.event-start .dtstart, .event-end .dtend { - float: right; } - -.event-list-date { - margin-bottom: 10px; } - -.prevcal, .nextcal { - float: left; - margin-left: 32px; - margin-right: 32px; - margin-top: 64px; } - -.event-calendar-end { - clear: both; } - -.calendar { - font-family: monospace; } - -.today { - font-weight: bold; - color: #FF0000; } - -#event-start-text, #event-finish-text { - margin-top: 10px; - margin-bottom: 5px; } - -#event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text, #event-share-checkbox { - float: left; } - -#event-datetime-break { - margin-bottom: 10px; } - -#event-nofinish-break, #event-adjust-break, #event-share-break { - clear: both; } - -#event-desc-text, #event-location-text { - margin-top: 10px; - margin-bottom: 5px; } - -#event-submit { - margin-top: 10px; } - -.body-tag { - margin: 10px 0; - opacity: 0.5; - &:hover { - opacity: 1.0 !important; } } - -.filesavetags, .categorytags { - margin: 20px 0; - opacity: 0.5; } - -.filesavetags:hover, .categorytags:hover { - margin: 20px 0; - opacity: 1.0 !important; } - -.item-select { - opacity: 0.1; - margin: 5px 0 0 6px !important; - &:hover { - opacity: 1; } } - -.checkeditem { - opacity: 1; } - -#item-delete-selected { - margin-top: 30px; } - -/* was tired of having no way of moving it around, so -* here's a little 'hook' to do so */ - -.delete-checked { - position: absolute; - left: 35px; - margin-top: 20px; } - -#item-delete-selected-end { - clear: both; } - -#item-delete-selected-icon { - float: left; - margin-right: 5px; } - -#item-delete-selected-desc { - float: left; - margin-right: 5px; - &:hover { - text-decoration: underline; } } - -.fc-state-highlight { - background: #eec; - color: #2e2f2e; } - -/** - * directory - */ - -.directory-item { - float: left; - margin: 0 5px 4px 0; - padding: 3px; - width: 180px; - height: 250px; - position: relative; } - -/** - * sidebar - */ - -#group-sidebar { - margin-bottom: 10px; } - -.group-selected, .nets-selected, .fileas-selected { - padding: 3px; - color: #111; - background: #f8f8f8; - font-weight: bold; } - -.group-selected:hover, .nets-selected:hover, .fileas-selected:hover { - color: #111; } - -.groupsideedit { - margin-right: 10px; } - -#sidebar-group-ul { - padding-left: 0; } - -#sidebar-group-list { - margin: 0 0 5px 0; - ul { - list-style-type: none; - list-style-position: inside; } - li { - margin-top: 10px; } - .icon { - display: inline-block; - height: 12px; - width: 12px; } } - -#sidebar-new-group { - margin: auto; - display: inline-block; - color: #efefef; - text-decoration: none; - text-align: center; } - -#peoplefind-sidebar form { - margin-bottom: 10px; } - -#sidebar-new-group { - &:hover { - /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/ - /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/ - /*background-color: #b20202;*/ } - &:active { - position: relative; - top: 1px; } } - -#side-peoplefind-url { - background-color: #e5e0cf; - color: #666; - border: 1px 666 solid; - margin-right: 3px; - width: 75%; - &:hover, &:focus { - background-color: #efefef; - color: #222; - border: 1px 333 solid; } } - -.nets-ul { - list-style-type: none; - padding-left: 0px; - li { - margin: 10px 0 0; } } - -.nets-link, .nets-all { - margin-left: 0px; } - -#netsearch-box { - margin-top: 20px; - width: 150px; - #search-submit { - margin: 5px 0px 0px 0px; } } - -/** - * admin - */ - -#pending-update { - float: right; - color: #fff; - font-weight: bold; - background-color: #ff0000; - padding: 0 .3em; } - -.admin { - &.linklist { - border: 0; - padding: 0; } - &.link { - list-style-position: inside; } } - -#adminpage { - color: #111; - background: transparent; - margin: 5px; - padding: 10px; - dl { - clear: left; - margin-bottom: 2px; - padding-bottom: 2px; - border-bottom: 1px solid #000; } - dt { - width: 250px; - float: left; - font-weight: bold; } - dd { - margin-left: 250px; } - h3 { - border-bottom: 1px solid #ccc; } - .submit { - clear: left; } - #pluginslist { - margin: 0; - padding: 0; } - .plugin { - list-style: none; - display: block; - border: 1px solid #888; - padding: 1em; - margin-bottom: 5px; - clear: left; } - .toggleplugin { - float: left; - margin-right: 1em; } - table { - width: 100%; - border-bottom: 1px solid #000; - margin: 5px 0; - th { - text-align: left; } } - td .icon { - float: left; } - table { - &#users img { - width: 16px; - height: 16px; } - tr:hover { - /*color: ;*/ - background-color: #bbc7d7; } } - .selectall { - text-align: right; } - #users a { - /*color: #;*/ - text-decoration: underline; } } - -#users .name { - color: #eec; } - -/** - * form fields - */ - -.field { - /*margin-bottom: 10px;*/ - /*padding-bottom: 10px;*/ - overflow: auto; - /* width: 100%;*/ - label { - width: 38%; - display: inline-block; - font-size: 1.077em; - margin: 0 10px 1em 0; - border: 1px #999 solid; - padding: 5px; - background: #ccc; - color: #111; } } - -.field .onoff { - float: right; - margin: 0 330px 0 auto; - width: 80px; - a { - display: block; - border: 1px solid #666; - padding: 3px 6px 4px 10px; - height: 16px; - text-decoration: none; } - .on { - background: url("../../../images/onoff.jpg") no-repeat 42px 1px #999999; - color: #111; - text-align: left; } - .off { - background: url("../../../images/onoff.jpg") no-repeat 2px 1px #cccccc; - color: #333; - text-align: right; } } - -.hidden { - display: none !important; } - -.field textarea { - width: 80%; - height: 100px; } - -.field_help { - display: block; - margin-left: 297px; - color: #666; } - -.field.radio .field_help { - margin-left: 297px; } - -label { - width: 38%; - display: inline-block; - font-size: 1.077em; - margin: 0 10px 1em 0; - border: 1px #999 solid; - padding: 5px; - background: #ccc; - color: #111; } - -input { - width: 250px; - height: 25px; - border: 1px #999 solid; - &[type="text"], &[type="password"], &[type="search"] { - width: 250px; - height: 25px; - border: 1px #999 solid; } - &[type="checkbox"], &[type="radio"] { - border: 1px #999 solid; - margin: 0 0 0 0; - height: 15px; - width: 15px; } - &[type="submit"], &[type="button"] { - background-color: #555753; - border: 2px outset #444; - border-radius: 5px; - box-shadow: 1px 3px 4px 0 #111; - color: #eeeeec; - cursor: pointer; - font-weight: bold; - width: auto; - text-shadow: 1px 1px #111; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; } - &[type="submit"]:active, &[type="button"]:active { - box-shadow: 0 0 0 0; } } - - -/* - * update - */ - -.popup { - width: 100%; - height: 100%; - top: 0px; - left: 0px; - position: absolute; - display: none; - .background { - background-color: #000; - opacity: 0.5; - width: 100%; - height: 100%; - position: absolute; - top: 0px; - left: 0px; } - .panel { - top: 25%; - left: 25%; - width: 50%; - height: 50%; - padding: 1em; - position: absolute; - border: 4px solid #000000; - background-color: #FFFFFF; } } - -#panel { - z-index: 100; } - -.grey { - color: grey; } - -.orange { - color: orange; } - -.red { - color: red; } - -.popup .panel { - .panel_text { - display: block; - overflow: auto; - height: 80%; } - .panel_in { - width: 100%; - height: 100%; - position: relative; } - .panel_actions { - width: 100%; - bottom: 4px; - left: 0px; - position: absolute; } } - -.panel_text .progress { - width: 50%; - overflow: hidden; - height: auto; - border: 1px solid #cccccc; - margin-bottom: 5px; - span { - float: right; - display: block; - width: 25%; - background-color: #eeeeee; - text-align: right; } } - -/** - * OAuth - */ - -.oauthapp { - height: auto; - overflow: auto; - border-bottom: 2px solid #cccccc; - padding-bottom: 1em; - margin-bottom: 1em; - img { - float: left; - width: 48px; - height: 48px; - margin: 10px; - &.noicon { - background-image: url("../../../images/icons/48/plugin.png"); - background-position: center center; - background-repeat: no-repeat; } } - a { - float: left; } } - -/** - * icons - */ - -.iconspacer { - display: block; - width: 16px; - height: 16px; } - -.icon { - display: block; - width: 20px; - height: 20px; - background: url(icons.png) no-repeat; - border: 0; - text-decoration: none; - border-radius: 5px; - &:hover { - border: 0; - text-decoration: none; } } - -.editicon { - display: inline-block; - width: 21px; - height: 21px; - background: url(editicons.png) no-repeat; - border: 0; - text-decoration: none; } - -.shadow { - box-shadow: 2px 2px 5px 2px #111; - &:active, &:focus, &:hover { - box-shadow: 0 0 0 0; } } - -.editicon:hover { - border: 0; } - -.boldbb { - background-position: 0px 0px; - &:hover { - background-position: -22px 0px; } } - -.italicbb { - background-position: 0px -22px; - &:hover { - background-position: -22px -22px; } } - -.underlinebb { - background-position: 0px -44px; - &:hover { - background-position: -22px -44px; } } - -.quotebb { - background-position: 0px -66px; - &:hover { - background-position: -22px -66px; } } - -.codebb { - background-position: 0px -88px; - &:hover { - background-position: -22px -88px; } } - -.imagebb { - background-position: -44px 0px; - &:hover { - background-position: -66px 0px; } } - -.urlbb { - background-position: -44px -22px; - &:hover { - background-position: -66px -22px; } } - -.videobb { - background-position: -44px -44px; - &:hover { - background-position: -66px -44px; } } - -.icon { - &.drop, &.drophide, &.delete { - float: left; - margin: 0 2px; } - &.s22 { - &.delete { - display: block; - background-position: -110px 0; } - &.text { - padding: 10px 0px 0px 25px; - width: 200px; } } - &.text { - text-indent: 0px; } - &.s16 { - min-width: 16px; - height: 16px; } } - -.s16 .add { - background: url("../../../images/icons/16/add.png") no-repeat; } - -.add { - margin: 0px 5px; } - -.article { - background-position: -50px 0; } - -.audio { - background-position: -70px 0; } - -.block { - background-position: -90px 0px; } - -.drop, .delete { - background-position: -110px 0; } - -.drophide { - background-position: -130px 0; } - -.edit { - background-position: -150px 0; } - -.camera { - background-position: -170px 0; } - -.dislike { - background-position: -190px 0; } - -.file-as { - background-position: -230px -60px; } - -.like { - background-position: -211px 0; } - -.link { - background-position: -230px 0; } - -.globe, .location { - background-position: -50px -20px; } - -.noglobe, .nolocation { - background-position: -70px -20px; } - -.no { - background-position: -90px -20px; } - -.pause { - background-position: -110px -20px; } - -.play { - background-position: -130px -20px; } - -.pencil { - background-position: -151px -18px; } - -.small-pencil { - background-position: -170px -20px; } - -.recycle { - background-position: -190px -20px; } - -.remote-link { - background-position: -210px -20px; } - -.share { - background-position: -230px -20px; } - -.tools { - background-position: -50px -40px; } - -.lock { - background-position: -70px -40px; } - -.unlock { - background-position: -88px -40px; } - -.video { - background-position: -110px -40px; } - -.attach { - background-position: -190px -40px; } - -.language { - background-position: -210px -40px; } - -.starred { - background-position: -130px -60px; } - -.unstarred { - background-position: -150px -60px; } - -.tagged { - background-position: -170px -60px; } - -.on { - background-position: -50px -60px; } - -.off { - background-position: -70px -60px; } - -.prev { - background-position: -90px -60px; } - -.next { - background-position: -110px -60px; } - -.icon.dim { - opacity: 0.3; } - -#pause { - position: fixed; - bottom: 40px; - right: 30px; } - -.border { - border: 1px solid #babdb6; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - &:hover { - border: 1px solid #babdb6; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; } } - -.attachtype { - display: block; - width: 20px; - height: 23px; - background-image: url(../../../images/content-types.png); } - -.type-video { - background-position: 0px 0px; } - -.type-image { - background-position: -20px 0; } - -.type-audio { - background-position: -40px 0; } - -.type-text { - background-position: -60px 0px; } - -.type-unkn { - background-position: -80px 0; } - -/** - * footer - */ - -.cc-license { - margin-top: 100px; - font-size: 0.7em; } - -footer { - display: block; - /*margin: 50px 20%;*/ - clear: both; } - -#profile-jot-text { - height: 20px; - color: #666; - border: 1px solid #ccc; - border-radius: 5px; - width: 99.5%; } - -/** - * acl - */ - -#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block !important; - background: #eec; - color: #2e2f2e; } - -#acl-wrapper { - width: 660px; - margin: 0 auto; } - -#acl-search { - float: right; - background: white url("../../../images/search_18.png") no-repeat right center; - padding-right: 20px; - margin: 6px; - color: #111; } - -#acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background: #eeeecc url("../../../images/show_all_off.png") 8px 8px no-repeat; - padding: 7px 10px 7px 30px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - color: #999; - margin: 5px 0; - &.selected { - color: #000; - background: #ff9900 url(../../../images/show_all_on.png) 8px 8px no-repeat; } } - -#acl-list { - height: 210px; - border: 1px solid #ccc; - clear: both; - margin-top: 30px; - overflow: auto; } - -/*#acl-list-content { -}*/ - -.acl-list-item { - border: 1px solid #ccc; - display: block; - float: left; - height: 110px; - margin: 3px 0 5px 5px; - width: 120px; - img { - width: 22px; - height: 22px; - float: left; - margin: 5px 5px 20px; } - p { - height: 12px; - font-size: 10px; - margin: 0 0 22px; - padding: 2px 0 1px; } - a { - background: #ccc 3px 3px no-repeat; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - clear: both; - font-size: 10px; - display: block; - width: 55px; - height: 20px; - color: #999; - margin: 5px auto 0; - padding: 0 3px; - text-align: center; - vertical-align: middle; } } - -#acl-wrapper a:hover { - text-decoration: none; - color: #000; - border: 0; } - -.acl-button-show { - background-image: url('../../../images/show_off.png'); - margin: 0 auto; } - -.acl-button-hide { - background-image: url('../../../images/hide_off.png'); - margin: 0 auto; } - -.acl-button-show.selected { - color: #000; - background-color: #9ade00; - background-image: url(../../../images/show_on.png); } - -.acl-button-hide.selected { - color: #000; - background-color: #ff4141; - background-image: url(../../../images/hide_on.png); } - -.acl-list-item { - &.groupshow { - border-color: #9ade00; } - &.grouphide { - border-color: #ff4141; } } - -/** /acl **/ - -/* autocomplete popup */ - -.acpopup { - max-height: 175px; - max-width: 42%; - background-color: #555753; - color: #fff; - overflow: auto; - z-index: 100000; - border: 1px solid #cccccc; } - -.acpopupitem { - background-color: #555753; - padding: 4px; - clear: left; - img { - float: left; - margin-right: 4px; } - &.selected { - color: #2e3436; - background-color: #eeeeec; } } - -.qcomment-wrapper { - padding: 0px; - margin: 5px 5px 5px 81%; } - -.qcomment { - opacity: 0.5; - &:hover { - opacity: 1.0; } } - -#network-star-link { - margin-top: 10px; } - -.network-star { - float: left; - margin-right: 5px; - &.icon.starred { - display: inline-block; } } - -#fileas-sidebar {} - -.fileas-ul { - padding: 0; } - -/* - * addons theming - */ - -#sidebar-page-list { - ul { - padding: 0; - margin: 5px 0; } - li { - list-style: none; } } - -#jappix_mini { - margin-left: 130px; - position: fixed; - bottom: 0; - right: 175px !important; - /* override the jappix css */ - z-index: 999; } - -/* media stuff */ -@media handheld { - body { - font-size: 15pt; } } |