From 203aa819e2309e3e776aa1eaedb26b08d8336288 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Sun, 22 Apr 2012 01:22:29 -0400 Subject: fix tinymce theming Signed-off-by: Simon L'nu --- view/theme/dispy/style.css | 26 +++++++++++++++----------- 1 file changed, 15 insertions(+), 11 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css index 8823bc81a..cf3b83cfa 100644 --- a/view/theme/dispy/style.css +++ b/view/theme/dispy/style.css @@ -911,22 +911,20 @@ width: 100%; padding: 2px 20px 5px 0; } #profile-jot-text_parent { - /*border-radius: 10px;*/ box-shadow: 5px 0 10px 0 #111; } #profile-jot-text_tbl { margin-bottom: 10px; - /*border-radius: 10px;*/ - background: #888; + background: #777; } #profile-jot-text_ifr { width:99.900002% !important; } #profile-jot-text_toolbargroup { - background: #888; + background: #777; } .mceCenter table tr { - background: #888; + background: #777; } [id$="jot-text_ifr"] { width: 99.900002% !important; @@ -937,14 +935,20 @@ width: 100%; color: #2e2f2e; background: #eec; } -.mceFirst tr { - background: #888; +.defaultSkin tr.mceFirst { + background: #777; } -.mceFirst td { - /*border-radius: 10px 10px 0px 0px;*/ +.defaultSkin td.mceFirst { + background-color: #eec; } -.mceLast td { - /*border-radius: 0 0 10px 10px;*/ +.defaultSkin td.mceLast { + background-color: #eec; +} +.defaultSkin span.mceIcon, .defaultSkin img.mceIcon { + background-color: #eec; +} +.defaultSkin .mceButtonDisabled .mceIcon { + background-color: #eec; } #profile-attach-wrapper, #profile-audio-wrapper, -- cgit v1.2.3 From c1f1974e44c9d6b22514b8f73261ed3dfddfb09c Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Thu, 26 Apr 2012 02:38:18 -0400 Subject: convert stylesheets to less, and compress output css Signed-off-by: Simon L'nu --- view/theme/dispy/style.css | 3695 ++++++------------------------------------- view/theme/dispy/style.less | 2879 +++++++++++++++++++++++++++++++++ 2 files changed, 3397 insertions(+), 3177 deletions(-) create mode 100644 view/theme/dispy/style.less (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css index cf3b83cfa..3ae667003 100644 --- a/view/theme/dispy/style.css +++ b/view/theme/dispy/style.css @@ -1,3177 +1,518 @@ -/* - * dispy - * - * maintainer: simon - * author: unknown - * - */ - -/* 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]) { - display: none; -} -[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; -} -body, -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; -} -option[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; -} -q:before, q: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; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -img { - border: 0 none; - /*vertical-align: middle;*/ -} -a { - color: #3465a4; - text-decoration: none; - margin-bottom: 1px; -} -a: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; -} -.pager 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; -} -#login-extra-links a { - margin-right: 20px; -} -#login_standard { - display: block !important; - float: none !important; - height: 100% !important; - position: relative !important; - width: 100% !important; -} -#login_standard .field label { - width: 200px !important; -} -#login_standard input, #login_standard input[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; -} -#login_openid label { - width: 180px !important; -} - - -/** - * nav - */ -nav { - height: 60px; - background-color: #2e3436; - color: #eeeeec; - position: relative; - padding: 20px 20px 10px 95px; -} -nav a { - text-decoration: none; - color: #eeeeec; - border: 0px; -} -nav a:hover { - text-decoration: none; - color: #eeeeec; - border: 0px; -} -nav #banner { - display: block; - position: absolute; - left: 51px; - top: 25px; -} -nav #banner #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; -} -ul#user-menu-popup li { - display: block; -} -ul#user-menu-popup li a { - display: block; - padding: 5px; -} -ul#user-menu-popup li a:hover { - color: #2e3436; - background-color: #eeeeec; -} -ul#user-menu-popup li a.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; -} -#nav-apps-link:hover { - background-position: -22px -66px; -} -#nav-community-link { - background-position: 0 -22px; -} -#nav-community-link:hover { - background-position: -22px -22px; -} -#nav-contacts-link { - background-position: 0 -22px; -} -#nav-contacts-link:hover { - background-position: -22px -22px; -} -#nav-directory-link { - background-position: -44px -154px; -} -#nav-directory-link:hover { - background-position: -66px -154px; -} -#nav-help-link { - background-position: 0 -110px; -} -#nav-help-link:hover { - background-position: -22px -110px; -} -#nav-home-link { - background-position: -44px -132px; -} -#nav-home-link:hover { - background-position: -66px -132px; -} -#nav-intro-link { - background-position: 0px -190px; -} -#nav-intro-link:hover { - background-position: -44px -190px; -} -#nav-login-link { - background-position: 0 -88px; -} -#nav-login-link:hover { - background-position: -22px -88px; -} -#nav-logout-link { - background-position: 0 -88px; -} -#nav-logout-link:hover { - background-position: -22px -88px; -} -#nav-messages-link { - background-position: -44px -88px; -} -#nav-messages-link: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; -} -#nav-network-link:hover { - background-position: -22px -177px; -} -#nav-search-link { - background-position: 0 -44px; -} -#nav-search-link: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; -} -div.jGrowl div.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; -} -#nav-notifications-menu .contactname { - font-weight: bold; - font-size: 0.9em; -} -#nav-notifications-menu img { - float: left; - margin-right: 5px; -} -#nav-notifications-menu .notif-when { - font-size: 0.8em; - display: block; -} -#nav-notifications-menu li { - word-wrap: normal; - border-bottom: 1px solid #000; -} -#nav-notifications-menu li:hover { - color: black; -} -#nav-notifications-menu a:hover { - color: black; - text-decoration: underline; -} -nav #nav-notifications-linkmenu.on .icon.s22.notify, -nav #nav-notifications-linkmenu.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; -} -#nav-buttons > 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; -} -#scrollup 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; -} -#user-menu > 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); -} -.menu-popup a { - display: block; - color: #2d2d2d; - padding: 5px 10px; - text-decoration: none; -} -.menu-popup a:hover { - background-color: #bdcdd4; -} -.menu-popup .menu-sep { - border-top: 1px solid #9eabb0; -} -.menu-popup li { - float: none; - overflow: auto; - height: auto; - display: block; -} -.menu-popup li img { - float: left; - width: 16px; - height: 16px; - padding-right: 5px; -} -.menu-popup .empty { - padding: 5px; - text-align: center; - color: #9eabb0; -} -.notif-item { - font-size: small; -} -.notif-item 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; -} -.vcard #profile-photo-wrapper { - margin: 20px; -} -/* 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 -*/ -.vcard #profile-photo-wrapper img { - box-shadow: 3px 3px 10px 0 #000; -} -#asidemain h4 { - font-size: 1.2em; -} -#asidemain #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; -} -#netsearch-box #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 #jot-tools { -margin: 0px; -padding: 0px; -height: 35px; -overflow: none; -width: 100%; -/*background-color: #0e232e;*/ -/*border-bottom: 2px solid #9eabb0;*/ -} -#jot #jot-tools span { - float: left; - margin: 10px 20px 2px 0px; -} -#jot #jot-tools span a { - display: block; -} -#jot #jot-tools .perms { - float: right; - width: 40px; -} -#jot #jot-tools li.loading { - float: right; - background-color: #ffffff; - width: 20px; - vertical-align: center; - text-align: center; - border-top: 2px solid #9eabb0; - height: 38px; -} -#jot #jot-tools li.loading img { - margin-top: 10px; -} -#jot #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; -} -#jot-category: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 { - background: #777; -} -.mceCenter table tr { - background: #777; -} -[id$="jot-text_ifr"] { - width: 99.900002% !important; - color: #2e2f2e; - background: #eec; -} -[id$="jot-text_ifr"] .mceContentBody { - color: #2e2f2e; - background: #eec; -} -.defaultSkin tr.mceFirst { - background: #777; -} -.defaultSkin td.mceFirst { - background-color: #eec; -} -.defaultSkin td.mceLast { - background-color: #eec; -} -.defaultSkin span.mceIcon, .defaultSkin img.mceIcon { - background-color: #eec; -} -.defaultSkin .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; -} -#profile-jot-submit: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; -} -#jot-preview-content .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; -} -.tabs li { - display: inline; - font-size: smaller; - font-weight: bold; -} -.tab { - border: 1px solid #729fcf; - padding: 4px; -} -.tab:hover, .tab.active:hover { - background: #729fcf; - color: #eeeeec; -} -.tab:active { - background: #729fcf; - color: #eeeeec; -} -.tab.active { - background: #729fcf; - color: #eeeeec; -} -.tab.active a { - color: #729fcf; -} -.tab 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; -} -.wall-item-outside-wrapper.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"] > *, [class^="wall-item-tools"] > * > * { - /*margin: 0 0 5px 0;*/ -} -.wall-item-tools { - float: right; - filter: alpha(opacity=35); - 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; -} -.wall-item-tools:hover { - filter: alpha(opacity=100); - 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; -} -.wall-item-location .icon { - float: left; -} -.wall-item-location > a { - margin-left: 25px; - font-size: 0.7em; - display: block; -} -.wall-item-location .smalltext { - margin-left: 25px; - font-size: 0.7em; - display: block; -} -.wall-item-location > br { - display: none; -} -.wallwall .wwto { - left: 5px; - margin: 0; - position: absolute; - top: 75px; - width: 30px; - z-index: 10001; - width: 30px; - height: 30px; -} -.wallwall .wwto img { - width: 30px !important; - height: 30px !important; -} -.wallwall .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; -} -.wall-item-photo-menu ul { - margin:0px; - padding: 0px; - list-style: none; -} -.wall-item-photo-menu li a { - white-space: nowrap; - display: block; - padding: 5px 2px; - color: #eeeeec; -} -.wall-item-photo-menu li a:hover { - color: #555753; - background: #eeeeec; -} -#item-delete-selected { - overflow: auto; - width: 100%; -} -#connect-services-header { - margin: 5px 0 0 0; -} -#connect-services { - margin: 5px 0 0 0; -} -#extra-help-header { - margin: 5px 0 0 0; -} -#extra-help { - margin: 5px 0 0 0; -} -#postit-header { - margin: 5px 0 0 0; -} -#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-outside-wrapper.comment .wall-item-photo { - width: 40px!important; - height: 40px!important; -} -.wall-item-outside-wrapper.comment .wall-item-photo-wrapper { - width: 40px; - height: 40px; -} -.wall-item-outside-wrapper.comment .wall-item-photo-menu-button { - width: 50px; - top: 45px; - background-position: 35px center; -} -.wall-item-outside-wrapper.comment .wall-item-info { - width: 60px; -} -.wall-item-outside-wrapper.comment .wall-item-body { - margin-left: 10px; -} -.wall-item-outside-wrapper.comment .wall-item-author { - margin-left: 50px; -} - -.wall-item-outside-wrapper.comment .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%; -} -[class^="comment-edit-bb"] > 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; -} -.comment-edit-text-empty: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; -} -div[id$="wrapper"] { - height: 100%; - margin-bottom: 1em; -} -div[id$="wrapper"] 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%; -} -#photo-photo 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, -#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; -} -#photo-next-link .icon, -#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 { - width: 100%; -} -#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; -} -#contact-edit-links 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 { - width: 100%; -} -.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; -} -.contact-photo-menu ul { - margin:0px; - padding: 0px; - list-style: none; -} -.contact-photo-menu li a { - display: block; - padding: 2px; -} -.contact-photo-menu li a: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 { - -} -.settings-block label { - clear: left; -} -.settings-block 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: 30px 0px; -} -.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 { - -} -#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 { - clear: both; -} -.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 { - float: left; -} -.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: both; -} - - -/** - * events - */ -.clear { clear: both; } -.eventcal { - float:left; - font-size:20px; -} -.event { - background: #2e2f2e; -} -.vevent { - border:1px solid #ccc; -} -.vevent .event-description, .vevent .event-location { - margin-left: 10px; - margin-right: 10px; -} -.vevent .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; - filter:alpha(opacity=50); -} -.body-tag:hover { - opacity: 1.0 !important; - filter:alpha(opacity=100) !important; -} -.filesavetags, .categorytags { - margin: 20px 0; - opacity: 0.5; - filter:alpha(opacity=50); -} -.filesavetags:hover, .categorytags:hover { - margin: 20px 0; - opacity: 1.0 !important; - filter:alpha(opacity=100) !important; -} -.item-select { - opacity: 0.1; - filter:alpha(opacity=10); - margin: 5px 0 0 6px !important; -} -.item-select:hover, .checkeditem { - opacity: 1; - filter:alpha(opacity=100); -} -#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, #item-delete-selected-desc { - float: left; - margin-right: 5px; -} -#item-delete-selected-desc:hover { - text-decoration: underline; -} -.fc-state-highlight { - background: #eec; - color: #2e2f2e; -} - - -/** - * directory - */ -.directory-item { - float: left; - /*margin: 50px 50px 0px 0px;*/ - 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; -} -#sidebar-group-list ul { - list-style-type: none; - list-style-position: inside; -} -#sidebar-group-list li { - margin-top: 10px; -} -#sidebar-group-list .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;*/ -} - -#sidebar-new-group:active { - position: relative; - top: 1px; -} -#side-peoplefind-url { - background-color: #e5e0cf; - color: #666; - border: 1px 666 solid; - margin-right: 3px; - width: 75%; -} -#side-peoplefind-url:hover, #side-peoplefind-url:focus { - background-color: #efefef; - color: #222; - border: 1px 333 solid; -} -.nets-ul { - list-style-type: none; - padding-left: 0px; -} -.nets-ul li { - margin: 10px 0 0; -} - -.nets-link { - margin-left: 0px; -} -.nets-all { - margin-left: 0px; -} -#netsearch-box { - margin-top: 20px; - width: 150px; -} -#netsearch-box #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; -} -.admin.link { - list-style-position: inside; -} -#adminpage { - color: #111; - background: transparent; - margin: 5px; - padding: 10px; -} -#adminpage dl { - clear:left; - margin-bottom: 2px; - padding-bottom: 2px; - border-bottom: 1px solid #000; -} -#adminpage dt { - width: 250px; - float: left; - font-weight: bold; -} -#adminpage dd { - margin-left: 250px; -} -#adminpage h3 { - border-bottom:1px solid #ccc; -} - -#adminpage .submit { - clear:left; -} -#adminpage #pluginslist { - margin: 0; - padding: 0; -} -#adminpage .plugin { - list-style: none; - display: block; - border: 1px solid #888; - padding: 1em; - margin-bottom: 5px; - clear: left; -} -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} -#adminpage table { - width: 100%; - border-bottom: 1px solid #000; - margin: 5px 0; -} -#adminpage table th { - text-align: left; -} -#adminpage td .icon { - float: left; -} -#adminpage table#users img { - width: 16px; height: 16px; -} -#adminpage table tr:hover { -/* color: ;*/ - background-color: #bbc7d7; -} -#adminpage .selectall { - text-align: right; -} -#adminpage #users a { -/* color: #;*/ - text-decoration: underline; -} -#users .name { - color: #eec; -} - - -/** - * form fields - */ -.field { - /*margin-bottom: 10px;*/ - /*padding-bottom: 10px;*/ - overflow: auto; - width: 100%; -} -.field label, 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, -input[type="text"], -input[type="password"], -input[type="search"] { - width: 250px; - height: 25px; - border: 1px #999 solid; -} -input[type="checkbox"], input[type="radio"] { - border: 1px #999 solid; - margin: 0 0 0 0; - height: 15px; - width: 15px; -} -input[type="submit"], input[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; -} -input[type="submit"]:active, input[type="button"]:active { - box-shadow: 0 0 0 0; -} -.field textarea { - width: 80%; - height: 100px; -} -.field_help { - display: block; - margin-left: 297px; - color: #666; -} -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border: 1px solid #666; - padding: 3px 6px 4px 10px; - height: 16px; - text-decoration: none; -} -.field .onoff .on { - background: url("../../../images/onoff.jpg") no-repeat 42px 1px #999; - color: #111; - text-align: left; -} -.field .onoff .off { - background: url("../../../images/onoff.jpg") no-repeat 2px 1px #ccc; - color: #333; - text-align: right; -} -.hidden { - display:none !important; -} -.field.radio .field_help { - margin-left: 297px; -} - - -/* - * update - */ -.popup { - width: 100%; - height: 100%; - top: 0px; - left: 0px; - position: absolute; - display: none; -} -.popup .background { - background-color: rgba(0,0,0,128); - opacity: 0.5; - width: 100%; - height: 100%; - position: absolute; - top:0px; - left:0px; -} -.popup .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%; -} -.popup .panel .panel_in { - width: 100%; - height: 100%; - position: relative; -} -.popup .panel .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; -} -.panel_text .progress 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; -} -.oauthapp img { - float: left; - width: 48px; height: 48px; - margin: 10px; -} -.oauthapp img.noicon { - background-image: url("../../../images/icons/48/plugin.png"); - background-position: center center; - background-repeat: no-repeat; -} -.oauthapp 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; -} -.icon: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; -} -.shadow:active, .shadow:focus, .shadow:hover { - box-shadow: 0 0 0 0; -} -.editicon:hover { - border: 0; -} -.boldbb { - background-position: 0px 0px; -} -.boldbb:hover { - background-position: -22px 0px; -} -.italicbb { - background-position: 0px -22px; -} -.italicbb:hover { - background-position: -22px -22px; -} -.underlinebb { - background-position: 0px -44px; -} -.underlinebb:hover { - background-position: -22px -44px; -} -.quotebb { - background-position: 0px -66px; -} -.quotebb:hover { - background-position: -22px -66px; -} -.codebb { - background-position: 0px -88px; -} -.codebb:hover { - background-position: -22px -88px; -} -.imagebb { - background-position: -44px 0px; -} -.imagebb:hover { - background-position: -66px 0px; -} -.urlbb { - background-position: -44px -22px; -} -.urlbb:hover { - background-position: -66px -22px; -} -.videobb { - background-position: -44px -44px; -} -.videobb:hover { - background-position: -66px -44px; -} -.icon.drop, -.icon.drophide, .icon.delete { - float: left; - margin: 0 2px; -} -.icon.s22.delete { - display: block; - background-position: -110px 0; -} -.icon.s22.text { - padding: 10px 0px 0px 25px; - width: 200px; -} -.icon.text { - text-indent: 0px; -} -.icon.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; - filter: alpha(opacity=30); -} -#pause { - position: fixed; - bottom: 40px; - right: 30px; -} -.border, .border: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: #fff 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: #eec 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; -} -#acl-showall.selected { - color: #000; - background: #f90 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; -} -.acl-list-item img { - width: 22px; - height: 22px; - float: left; - margin: 5px 5px 20px; -} -.acl-list-item p { - height: 12px; - font-size: 10px; - margin: 0 0 22px; - padding: 2px 0 1px; -} -.acl-list-item 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; -} -.acl-list-item.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; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} -.acpopupitem.selected { - color: #2e3436; - background-color: #eeeeec; -} -.qcomment-wrapper { - padding: 0px; - margin: 5px 5px 5px 81%; -} -.qcomment { - opacity: 0.5; - filter:alpha(opacity=50); -} -.qcomment:hover { - opacity: 1.0; - filter:alpha(opacity=100); -} -#network-star-link { - margin-top: 10px; -} -.network-star { - float: left; - margin-right: 5px; -} -.network-star.icon.starred { - display: inline-block; -} -#fileas-sidebar { - -} -.fileas-ul { - padding: 0; -} - - - -/* - * addons theming - */ - -#sidebar-page-list { - -} -#sidebar-page-list ul { - padding: 0; - margin: 5px 0; -} -#sidebar-page-list li { - list-style: none; -} -#jappix_mini { - margin-left: 130px; - position: fixed; - bottom: 0; - right: 175px !important; /* override the jappix css */ - z-index: 999; -} - -@media handheld { - body { - font-size: 15pt; - } -} +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;} +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;}option[selected="selected"]{color:#111;background:#cca;} +ul,ol{padding:0;} +:focus{outline:0;} +[disabled="disabled"]{background:#ddd;color:#333;} +ins{background-color:#ff9;color:#000;text-decoration:none;} +mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} +pre,code,kbd,samp,.wall-item-body code{font-family:monospace, monospace;_font-family:monospace;font-size:1em;} +pre,.wall-item-body code{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} +q{quotes:none;}q:before,q:after{content:"";content:none;} +small{font-size:85%;} +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;}a: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;}.pager span{padding:4px;margin:4px;} +.pager_current{background-color:#729fcf;color:#fff;} +.action{margin:5px 0;} +.tool{margin:5px 0;list-style:none;} +#articlemain{width:100%;height:100%;margin:0 auto;} +#asidemain .field{overflow:hidden;width:200px;} +#login-extra-links{overflow:auto !important;padding-top:60px !important;width:100% !important;}#login-extra-links a{margin-right:20px;} +#login_standard{display:block !important;float:none !important;height:100% !important;position:relative !important;width:100% !important;}#login_standard .field label{width:200px !important;} +#login_standard input{margin:0 0 8px !important;width:210px !important;}#login_standard input[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;} +#login_openid label{width:180px !important;} +nav{height:60px;background-color:#2e3436;color:#eeeeec;position:relative;padding:20px 20px 10px 95px;}nav a{text-decoration:none;color:#eeeeec;border:0px;}nav a:hover{text-decoration:none;color:#eeeeec;border:0px;} +nav #banner{display:block;position:absolute;left:51px;top:25px;}nav #banner #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;}ul#user-menu-popup li{display:block;}ul#user-menu-popup li a{display:block;padding:5px;}ul#user-menu-popup li a:hover{color:#2e3436;background-color:#eeeeec;} +ul#user-menu-popup li a.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;}#nav-apps-link:hover{background-position:-22px -66px;} +#nav-community-link,#nav-contacts-link{background-position:0 -22px;}#nav-community-link:hover,#nav-contacts-link:hover{background-position:-22px -22px;} +#nav-directory-link{background-position:-44px -154px;}#nav-directory-link:hover{background-position:-66px -154px;} +#nav-help-link{background-position:0 -110px;}#nav-help-link:hover{background-position:-22px -110px;} +#nav-home-link{background-position:-44px -132px;}#nav-home-link:hover{background-position:-66px -132px;} +#nav-intro-link{background-position:0px -190px;}#nav-intro-link:hover{background-position:-44px -190px;} +#nav-login-link,#nav-logout-link{background-position:0 -88px;}#nav-login-link:hover,#nav-logout-link:hover{background-position:-22px -88px;} +#nav-messages-link{background-position:-44px -88px;}#nav-messages-link: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;}#nav-network-link:hover{background-position:-22px -177px;} +#nav-search-link{background-position:0 -44px;}#nav-search-link: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;} +div.jGrowl div.notice{background:#511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;color:#ffffff;padding-left:58px;} +div.jGrowl div.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;}#nav-notifications-menu .contactname{font-weight:bold;font-size:0.9em;} +#nav-notifications-menu img{float:left;margin-right:5px;} +#nav-notifications-menu .notif-when{font-size:0.8em;display:block;} +#nav-notifications-menu li{word-wrap:normal;border-bottom:1px solid #000;}#nav-notifications-menu li:hover{color:black;} +#nav-notifications-menu a:hover{color:black;text-decoration:underline;} +nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkmenu.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;}#nav-buttons>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;}#scrollup 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;}#user-menu>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);}.menu-popup a{display:block;color:#2d2d2d;padding:5px 10px;text-decoration:none;}.menu-popup a:hover{background-color:#bdcdd4;} +.menu-popup .menu-sep{border-top:1px solid #9eabb0;} +.menu-popup li{float:none;overflow:auto;height:auto;display:block;}.menu-popup li img{float:left;width:16px;height:16px;padding-right:5px;} +.menu-popup .empty{padding:5px;text-align:center;color:#9eabb0;} +.notif-item{font-size:small;}.notif-item a{vertical-align:middle;} +.notif-image{width:32px;height:32px;padding:7px 7px 0px 0px;} +.notify-seen{background:#ddd;} +#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;} +#asidemain{float:left;font-size:smaller;margin:20px 0 20px 35px;width:25%;display:inline;} +#asideright,#asideleft{display:none;} +.vcard .fn{font-size:1.7em;font-weight:bold;border-bottom:1px solid #729fcf;padding-bottom:3px;} +.vcard #profile-photo-wrapper{margin:20px;}.vcard #profile-photo-wrapper img{box-shadow:3px 3px 10px 0 #000;} +#asidemain h4{font-size:1.2em;} +#asidemain #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{color:#eee;display:block;font-size:1.2em;padding:0.2em 0.5em;} +#netsearch-box{margin:20px 0px 30px;width:150px;}#netsearch-box #search-submit{margin:5px 5px 0px 0px;} +.ttright{margin:0px 0px 0px 0px;} +.contact-block-div{width:50px;height:50px;float:left;} +.contact-block-textdiv{width:150px;height:34px;float:left;} +#contact-block-end{clear:both;} +#jot{margin:10px 0 20px 0px;width:100%;}#jot #jot-tools{margin:0px;padding:0px;height:35px;overflow:none;width:100%;}#jot #jot-tools span{float:left;margin:10px 20px 2px 0px;}#jot #jot-tools span a{display:block;} +#jot #jot-tools .perms{float:right;width:40px;} +#jot #jot-tools li.loading{float:right;background-color:#ffffff;width:20px;vertical-align:center;text-align:center;border-top:2px solid #9eabb0;height:38px;}#jot #jot-tools li.loading img{margin-top:10px;} +#jot #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;}#jot-category: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;}[id$="jot-text_ifr"] .mceContentBody{color:#2e2f2e;background:#eec;} +.defaultSkin tr.mceFirst{background:#777;} +.defaultSkin td.mceFirst,.defaultSkin td.mceLast{background-color:#eec;} +.defaultSkin span.mceIcon,.defaultSkin img.mceIcon,.defaultSkin .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;}#profile-jot-submit: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;}#jot-preview-content .wall-item-outside-wrapper{border:0;border-radius:0px;} +#sectionmain{margin:20px;font-size:0.8em;min-width:475px;width:67%;float:left;display:inline;} +.tabs{list-style:none;margin:10px 0;padding:0;}.tabs li{display:inline;font-size:smaller;font-weight:bold;} +.tab{border:1px solid #729fcf;padding:4px;}.tab:hover,.tab.active:hover,.tab:active{background:#729fcf;color:#eeeeec;} +.tab.active{background:#729fcf;color:#eeeeec;}.tab.active a{color:#729fcf;} +.tab a{border:0;text-decoration:none;} +.wall-item-outside-wrapper{border:1px solid #aaa;border-radius:5px;box-shadow:5px 0 10px 0 #888;}.wall-item-outside-wrapper.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{} +.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;} +[id^="tread-wrapper"],[class^="tread-wrapper"]{margin:15px 0 0 0;padding:0px;} +.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"] *{}[class^="wall-item-tools"] *>*{} +.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;}.wall-item-tools: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;}.wall-item-location .icon{float:left;} +.wall-item-location>a,.wall-item-location .smalltext{margin-left:25px;font-size:0.7em;display:block;} +.wall-item-location>br{display:none;} +.wallwall .wwto{left:5px;margin:0;position:absolute;top:75px;width:30px;z-index:10001;width:30px;height:30px;}.wallwall .wwto img{width:30px !important;height:30px !important;} +.wallwall .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;}.wall-item-photo-menu ul{margin:0px;padding:0px;list-style:none;} +.wall-item-photo-menu li a{white-space:nowrap;display:block;padding:5px 2px;color:#eeeeec;}.wall-item-photo-menu li a: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;} +.ccollapse-wrapper{font-size:0.9em;margin-left:80px;} +.wall-item-outside-wrapper.comment{margin-left:80px;}.wall-item-outside-wrapper.comment .wall-item-photo{width:40px!important;height:40px!important;} +.wall-item-outside-wrapper.comment .wall-item-photo-wrapper{width:40px;height:40px;} +.wall-item-outside-wrapper.comment .wall-item-photo-menu-button{width:50px;top:45px;background-position:35px center;} +.wall-item-outside-wrapper.comment .wall-item-info{width:60px;} +.wall-item-outside-wrapper.comment .wall-item-body{margin-left:10px;} +.wall-item-outside-wrapper.comment .wall-item-author{margin-left:50px;} +.wall-item-outside-wrapper.comment .wall-item-photo-menu{min-width:50px;top:60px;} +.comment-wwedit-wrapper{} +.comment-edit-wrapper{border-top:1px #aaa solid;} +[class^="comment-edit-bb"]{list-style:none;display:none;margin:-40px 0 5px 60px;width:75%;}[class^="comment-edit-bb"]>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;}.comment-edit-text-empty: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;} +.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%;} +div[id$="text"]{font-weight:bold;border-bottom:1px solid #ccc;} +div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:left;} +[id$="-end"],[class$="end"]{clear:both;margin:0 0 10px 0;} +#advanced-profile-with{margin-left:200px;} +.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%;}#photo-photo 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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} +#photo-next-link:hover{opacity:1;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} +#photo-next-link .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;} +.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;} +.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{margin-left:20px;} +.contact-entry-name{width:120px;font-weight:bold;} +.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;} +#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;}#contact-edit-links 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;}.contact-photo-menu ul{margin:0px;padding:0px;list-style:none;} +.contact-photo-menu li a{display:block;padding:2px;}.contact-photo-menu li a:hover{color:#fff;background:#3465A4;text-decoration:none;} +#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;} +.settings-block input{margin:10px 5px;} +#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;} +#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;} +.group-delete-wrapper{margin:-31px 50px 0 0;float:right;} +#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;} +#cropimage-wrapper{float:left;} +#crop-image-form{clear:both;} +.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;} +.eventcal{float:left;font-size:20px;} +.event{background:#2e2f2e;} +.vevent{border:1px solid #ccc;}.vevent .event-description,.vevent .event-location,.vevent .event-start{margin-left:10px;margin-right:10px;} +#new-event-link{margin-bottom:10px;} +.edit-event-link,.plink-event-link{} +.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;}.body-tag: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;}.item-select:hover{opacity:1;} +.checkeditem{opacity:1;} +#item-delete-selected{margin-top:30px;} +.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;}#item-delete-selected-desc:hover{text-decoration:underline;} +.fc-state-highlight{background:#eec;color:#2e2f2e;} +.directory-item{float:left;margin:0 5px 4px 0;padding:3px;width:180px;height:250px;position:relative;} +#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;}#sidebar-group-list ul{list-style-type:none;list-style-position:inside;} +#sidebar-group-list li{margin-top:10px;} +#sidebar-group-list .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{} +#sidebar-new-group:active{position:relative;top:1px;} +#side-peoplefind-url{background-color:#e5e0cf;color:#666;border:1px 666 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} +.nets-ul{list-style-type:none;padding-left:0px;}.nets-ul li{margin:10px 0 0;} +.nets-link,.nets-all{margin-left:0px;} +#netsearch-box{margin-top:20px;width:150px;}#netsearch-box #search-submit{margin:5px 0px 0px 0px;} +#pending-update{float:right;color:#fff;font-weight:bold;background-color:#ff0000;padding:0 .3em;} +.admin.linklist{border:0;padding:0;} +.admin.link{list-style-position:inside;} +#adminpage{color:#111;background:transparent;margin:5px;padding:10px;}#adminpage dl{clear:left;margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #000;} +#adminpage dt{width:250px;float:left;font-weight:bold;} +#adminpage dd{margin-left:250px;} +#adminpage h3{border-bottom:1px solid #ccc;} +#adminpage .submit{clear:left;} +#adminpage #pluginslist{margin:0;padding:0;} +#adminpage .plugin{list-style:none;display:block;border:1px solid #888;padding:1em;margin-bottom:5px;clear:left;} +#adminpage .toggleplugin{float:left;margin-right:1em;} +#adminpage table{width:100%;border-bottom:1px solid #000;margin:5px 0;}#adminpage table th{text-align:left;} +#adminpage td .icon{float:left;} +#adminpage table#users img{width:16px;height:16px;} +#adminpage table tr:hover{background-color:#bbc7d7;} +#adminpage .selectall{text-align:right;} +#adminpage #users a{text-decoration:underline;} +#users .name{color:#eec;} +.field{overflow:auto;}.field 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;}.field .onoff a{display:block;border:1px solid #666;padding:3px 6px 4px 10px;height:16px;text-decoration:none;} +.field .onoff .on{background:url("../../../images/onoff.jpg") no-repeat 42px 1px #999999;color:#111;text-align:left;} +.field .onoff .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;}input[type="text"],input[type="password"],input[type="search"]{width:250px;height:25px;border:1px #999 solid;} +input[type="checkbox"],input[type="radio"]{border:1px #999 solid;margin:0 0 0 0;height:15px;width:15px;} +input[type="submit"],input[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;} +input[type="submit"]:active,input[type="button"]:active{box-shadow:0 0 0 0;} +.popup{width:100%;height:100%;top:0px;left:0px;position:absolute;display:none;}.popup .background{background-color:#000;opacity:0.5;width:100%;height:100%;position:absolute;top:0px;left:0px;} +.popup .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%;} +.popup .panel .panel_in{width:100%;height:100%;position:relative;} +.popup .panel .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;}.panel_text .progress span{float:right;display:block;width:25%;background-color:#eeeeee;text-align:right;} +.oauthapp{height:auto;overflow:auto;border-bottom:2px solid #cccccc;padding-bottom:1em;margin-bottom:1em;}.oauthapp img{float:left;width:48px;height:48px;margin:10px;}.oauthapp img.noicon{background-image:url("../../../images/icons/48/plugin.png");background-position:center center;background-repeat:no-repeat;} +.oauthapp a{float:left;} +.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;}.icon: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;}.shadow:active,.shadow:focus,.shadow:hover{box-shadow:0 0 0 0;} +.editicon:hover{border:0;} +.boldbb{background-position:0px 0px;}.boldbb:hover{background-position:-22px 0px;} +.italicbb{background-position:0px -22px;}.italicbb:hover{background-position:-22px -22px;} +.underlinebb{background-position:0px -44px;}.underlinebb:hover{background-position:-22px -44px;} +.quotebb{background-position:0px -66px;}.quotebb:hover{background-position:-22px -66px;} +.codebb{background-position:0px -88px;}.codebb:hover{background-position:-22px -88px;} +.imagebb{background-position:-44px 0px;}.imagebb:hover{background-position:-66px 0px;} +.urlbb{background-position:-44px -22px;}.urlbb:hover{background-position:-66px -22px;} +.videobb{background-position:-44px -44px;}.videobb:hover{background-position:-66px -44px;} +.icon.drop,.icon.drophide,.icon.delete{float:left;margin:0 2px;} +.icon.s22.delete{display:block;background-position:-110px 0;} +.icon.s22.text{padding:10px 0px 0px 25px;width:200px;} +.icon.text{text-indent:0px;} +.icon.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;}.border: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;} +.cc-license{margin-top:100px;font-size:0.7em;} +footer{display:block;clear:both;} +#profile-jot-text{height:20px;color:#666;border:1px solid #ccc;border-radius:5px;width:99.5%;} +#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:#ffffff 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;}#acl-showall.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-item{border:1px solid #ccc;display:block;float:left;height:110px;margin:3px 0 5px 5px;width:120px;}.acl-list-item img{width:22px;height:22px;float:left;margin:5px 5px 20px;} +.acl-list-item p{height:12px;font-size:10px;margin:0 0 22px;padding:2px 0 1px;} +.acl-list-item a{background:#cccccc 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;} +.acl-list-item.grouphide{border-color:#ff4141;} +.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;}.acpopupitem img{float:left;margin-right:4px;} +.acpopupitem.selected{color:#2e3436;background-color:#eeeeec;} +.qcomment-wrapper{padding:0px;margin:5px 5px 5px 81%;} +.qcomment{opacity:0.5;}.qcomment:hover{opacity:1.0;} +#network-star-link{margin-top:10px;} +.network-star{float:left;margin-right:5px;}.network-star.icon.starred{display:inline-block;} +.fileas-ul{padding:0;} +#sidebar-page-list ul{padding:0;margin:5px 0;} +#sidebar-page-list li{list-style:none;} +#jappix_mini{margin-left:130px;position:fixed;bottom:0;right:175px !important;z-index:999;} +@media handheld{body{font-size:15pt;}} diff --git a/view/theme/dispy/style.less b/view/theme/dispy/style.less new file mode 100644 index 000000000..34830cf32 --- /dev/null +++ b/view/theme/dispy/style.less @@ -0,0 +1,2879 @@ +/* + * dispy + * + * maintainer: simon + * 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; } } -- cgit v1.2.3 From d6116b6979fb3d0f706550e0e5ca91c18079b3fd Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Thu, 26 Apr 2012 16:14:42 -0400 Subject: announced dipsy change. re-tie your boots, we're in for a wee ride ;) Signed-off-by: Simon L'nu --- view/theme/dispy/config.php | 79 + view/theme/dispy/connect.png | Bin 443 -> 0 bytes view/theme/dispy/dark/connect.png | Bin 0 -> 443 bytes view/theme/dispy/dark/editicons.png | Bin 0 -> 4911 bytes view/theme/dispy/dark/editicons.svg | 725 ++++++++ view/theme/dispy/dark/icons.png | Bin 0 -> 20197 bytes view/theme/dispy/dark/icons.svg | 2113 ++++++++++++++++++++++ view/theme/dispy/dark/login-bg.gif | Bin 0 -> 237 bytes view/theme/dispy/dark/menu-user-pin.jpg | Bin 0 -> 385 bytes view/theme/dispy/dark/next.png | Bin 0 -> 590 bytes view/theme/dispy/dark/notifications.png | Bin 0 -> 2494 bytes view/theme/dispy/dark/notifications.svg | 273 +++ view/theme/dispy/dark/photo-menu.jpg | Bin 0 -> 459 bytes view/theme/dispy/dark/premium.png | Bin 0 -> 2304 bytes view/theme/dispy/dark/prev.png | Bin 0 -> 593 bytes view/theme/dispy/dark/screenshot.jpg | Bin 0 -> 39101 bytes view/theme/dispy/dark/star.png | Bin 0 -> 2129 bytes view/theme/dispy/dark/style.css | 518 ++++++ view/theme/dispy/dark/style.less | 2878 +++++++++++++++++++++++++++++ view/theme/dispy/dark/tag.png | Bin 0 -> 571 bytes view/theme/dispy/dark/theme.php | 31 + view/theme/dispy/editicons.png | Bin 4923 -> 0 bytes view/theme/dispy/editicons.svg | 725 -------- view/theme/dispy/icons.png | Bin 19715 -> 0 bytes view/theme/dispy/icons.svg | 2190 ----------------------- view/theme/dispy/light/connect.png | Bin 0 -> 443 bytes view/theme/dispy/light/editicons.png | Bin 0 -> 4923 bytes view/theme/dispy/light/editicons.svg | 725 ++++++++ view/theme/dispy/light/icons.png | Bin 0 -> 19715 bytes view/theme/dispy/light/icons.svg | 2190 +++++++++++++++++++++++ view/theme/dispy/light/login-bg.gif | Bin 0 -> 237 bytes view/theme/dispy/light/menu-user-pin.jpg | Bin 0 -> 385 bytes view/theme/dispy/light/next.png | Bin 0 -> 590 bytes view/theme/dispy/light/notifications.png | Bin 0 -> 2494 bytes view/theme/dispy/light/notifications.svg | 273 +++ view/theme/dispy/light/photo-menu.jpg | Bin 0 -> 459 bytes view/theme/dispy/light/premium.png | Bin 0 -> 2304 bytes view/theme/dispy/light/prev.png | Bin 0 -> 593 bytes view/theme/dispy/light/screenshot.jpg | Bin 0 -> 60400 bytes view/theme/dispy/light/star.png | Bin 0 -> 2129 bytes view/theme/dispy/light/style.css | 518 ++++++ view/theme/dispy/light/style.less | 2879 ++++++++++++++++++++++++++++++ view/theme/dispy/light/tag.png | Bin 0 -> 571 bytes view/theme/dispy/light/theme.php | 32 + view/theme/dispy/login-bg.gif | Bin 237 -> 0 bytes view/theme/dispy/menu-user-pin.jpg | Bin 385 -> 0 bytes view/theme/dispy/next.png | Bin 590 -> 0 bytes view/theme/dispy/notifications.png | Bin 2494 -> 0 bytes view/theme/dispy/notifications.svg | 273 --- view/theme/dispy/photo-menu.jpg | Bin 459 -> 0 bytes view/theme/dispy/premium.png | Bin 2304 -> 0 bytes view/theme/dispy/prev.png | Bin 593 -> 0 bytes view/theme/dispy/screenshot.jpg | Bin 60400 -> 0 bytes view/theme/dispy/star.png | Bin 2129 -> 0 bytes view/theme/dispy/style.php | 250 +++ view/theme/dispy/tag.png | Bin 571 -> 0 bytes view/theme/dispy/theme.php | 35 +- view/theme/dispy/theme_settings.tpl | 10 + 58 files changed, 13523 insertions(+), 3194 deletions(-) create mode 100644 view/theme/dispy/config.php delete mode 100644 view/theme/dispy/connect.png create mode 100644 view/theme/dispy/dark/connect.png create mode 100644 view/theme/dispy/dark/editicons.png create mode 100644 view/theme/dispy/dark/editicons.svg create mode 100644 view/theme/dispy/dark/icons.png create mode 100644 view/theme/dispy/dark/icons.svg create mode 100644 view/theme/dispy/dark/login-bg.gif create mode 100644 view/theme/dispy/dark/menu-user-pin.jpg create mode 100644 view/theme/dispy/dark/next.png create mode 100644 view/theme/dispy/dark/notifications.png create mode 100644 view/theme/dispy/dark/notifications.svg create mode 100644 view/theme/dispy/dark/photo-menu.jpg create mode 100644 view/theme/dispy/dark/premium.png create mode 100644 view/theme/dispy/dark/prev.png create mode 100644 view/theme/dispy/dark/screenshot.jpg create mode 100644 view/theme/dispy/dark/star.png create mode 100644 view/theme/dispy/dark/style.css create mode 100644 view/theme/dispy/dark/style.less create mode 100644 view/theme/dispy/dark/tag.png create mode 100644 view/theme/dispy/dark/theme.php delete mode 100644 view/theme/dispy/editicons.png delete mode 100644 view/theme/dispy/editicons.svg delete mode 100644 view/theme/dispy/icons.png delete mode 100644 view/theme/dispy/icons.svg create mode 100644 view/theme/dispy/light/connect.png create mode 100644 view/theme/dispy/light/editicons.png create mode 100644 view/theme/dispy/light/editicons.svg create mode 100644 view/theme/dispy/light/icons.png create mode 100644 view/theme/dispy/light/icons.svg create mode 100644 view/theme/dispy/light/login-bg.gif create mode 100644 view/theme/dispy/light/menu-user-pin.jpg create mode 100644 view/theme/dispy/light/next.png create mode 100644 view/theme/dispy/light/notifications.png create mode 100644 view/theme/dispy/light/notifications.svg create mode 100644 view/theme/dispy/light/photo-menu.jpg create mode 100644 view/theme/dispy/light/premium.png create mode 100644 view/theme/dispy/light/prev.png create mode 100644 view/theme/dispy/light/screenshot.jpg create mode 100644 view/theme/dispy/light/star.png create mode 100644 view/theme/dispy/light/style.css create mode 100644 view/theme/dispy/light/style.less create mode 100644 view/theme/dispy/light/tag.png create mode 100644 view/theme/dispy/light/theme.php delete mode 100644 view/theme/dispy/login-bg.gif delete mode 100644 view/theme/dispy/menu-user-pin.jpg delete mode 100644 view/theme/dispy/next.png delete mode 100644 view/theme/dispy/notifications.png delete mode 100644 view/theme/dispy/notifications.svg delete mode 100644 view/theme/dispy/photo-menu.jpg delete mode 100644 view/theme/dispy/premium.png delete mode 100644 view/theme/dispy/prev.png delete mode 100644 view/theme/dispy/screenshot.jpg delete mode 100644 view/theme/dispy/star.png create mode 100644 view/theme/dispy/style.php delete mode 100644 view/theme/dispy/tag.png create mode 100644 view/theme/dispy/theme_settings.tpl (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/config.php b/view/theme/dispy/config.php new file mode 100644 index 000000000..a24288bf8 --- /dev/null +++ b/view/theme/dispy/config.php @@ -0,0 +1,79 @@ +"1.3", + "---"=>"---", + "1.6"=>"1.6", + "1.5"=>"1.5", + "1.4"=>"1.4", + "1.2"=>"1.2", + "1.1"=>"1.1", + ); + $font_sizes = array( + '12' => '12', + '14' =>'14', + "---" => "---", + "16" => "16", + "15" => "15", + '13.5' => '13.5', + '13' => '13', + '12.5' => '12.5', + '12' => '12', + ); + $colours = array( + 'light' => 'light', + 'dark' => 'dark', + ); + + $t = file_get_contents( dirname(__file__). "/theme_settings.tpl" ); + $o .= replace_macros($t, array( + '$submit' => t('Submit'), + '$baseurl' => $a->get_baseurl(), + '$title' => t("Theme settings"), + '$font_size' => array('dispy_font_size', t('Set font-size for posts and comments'), $font_size, '', $font_sizes), + '$line_height' => array('dispy_line_height', t('Set line-height for posts and comments'), $line_height, '', $line_heights), + '$colour' => array('dispy_colour', t('Set colour scheme'), $colour, '', $colours), + )); + + return $o; +} diff --git a/view/theme/dispy/connect.png b/view/theme/dispy/connect.png deleted file mode 100644 index b76fc13dc..000000000 Binary files a/view/theme/dispy/connect.png and /dev/null differ diff --git a/view/theme/dispy/dark/connect.png b/view/theme/dispy/dark/connect.png new file mode 100644 index 000000000..b76fc13dc Binary files /dev/null and b/view/theme/dispy/dark/connect.png differ diff --git a/view/theme/dispy/dark/editicons.png b/view/theme/dispy/dark/editicons.png new file mode 100644 index 000000000..51e0d9830 Binary files /dev/null and b/view/theme/dispy/dark/editicons.png differ diff --git a/view/theme/dispy/dark/editicons.svg b/view/theme/dispy/dark/editicons.svg new file mode 100644 index 000000000..8804d0907 --- /dev/null +++ b/view/theme/dispy/dark/editicons.svg @@ -0,0 +1,725 @@ + + + + + editicons + + + + + + image/svg+xml + + editicons + + + Simon L'nu + + + 2012-04-20 + + + Simon L'nu + + + + + Simon L'nu + + + + + + + + + DESCRIPTION + + + en-CA + + + + + + + + + + + + + + B + + + + + + + + + + + + + + + + + + I + + U + + Q + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + C + + diff --git a/view/theme/dispy/dark/icons.png b/view/theme/dispy/dark/icons.png new file mode 100644 index 000000000..2ee1a5ecb Binary files /dev/null and b/view/theme/dispy/dark/icons.png differ diff --git a/view/theme/dispy/dark/icons.svg b/view/theme/dispy/dark/icons.svg new file mode 100644 index 000000000..2c4b3abd3 --- /dev/null +++ b/view/theme/dispy/dark/icons.svg @@ -0,0 +1,2113 @@ + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Lorem Ip + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ? + ? + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ! + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/view/theme/dispy/dark/login-bg.gif b/view/theme/dispy/dark/login-bg.gif new file mode 100644 index 000000000..cde836c89 Binary files /dev/null and b/view/theme/dispy/dark/login-bg.gif differ diff --git a/view/theme/dispy/dark/menu-user-pin.jpg b/view/theme/dispy/dark/menu-user-pin.jpg new file mode 100644 index 000000000..26449569f Binary files /dev/null and b/view/theme/dispy/dark/menu-user-pin.jpg differ diff --git a/view/theme/dispy/dark/next.png b/view/theme/dispy/dark/next.png new file mode 100644 index 000000000..5e0067c4b Binary files /dev/null and b/view/theme/dispy/dark/next.png differ diff --git a/view/theme/dispy/dark/notifications.png b/view/theme/dispy/dark/notifications.png new file mode 100644 index 000000000..66c432eac Binary files /dev/null and b/view/theme/dispy/dark/notifications.png differ diff --git a/view/theme/dispy/dark/notifications.svg b/view/theme/dispy/dark/notifications.svg new file mode 100644 index 000000000..0ec2c0569 --- /dev/null +++ b/view/theme/dispy/dark/notifications.svg @@ -0,0 +1,273 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/view/theme/dispy/dark/photo-menu.jpg b/view/theme/dispy/dark/photo-menu.jpg new file mode 100644 index 000000000..fde5eb535 Binary files /dev/null and b/view/theme/dispy/dark/photo-menu.jpg differ diff --git a/view/theme/dispy/dark/premium.png b/view/theme/dispy/dark/premium.png new file mode 100644 index 000000000..d2855a4f5 Binary files /dev/null and b/view/theme/dispy/dark/premium.png differ diff --git a/view/theme/dispy/dark/prev.png b/view/theme/dispy/dark/prev.png new file mode 100644 index 000000000..10b10d74f Binary files /dev/null and b/view/theme/dispy/dark/prev.png differ diff --git a/view/theme/dispy/dark/screenshot.jpg b/view/theme/dispy/dark/screenshot.jpg new file mode 100644 index 000000000..ada60ca61 Binary files /dev/null and b/view/theme/dispy/dark/screenshot.jpg differ diff --git a/view/theme/dispy/dark/star.png b/view/theme/dispy/dark/star.png new file mode 100644 index 000000000..a327ba14e Binary files /dev/null and b/view/theme/dispy/dark/star.png differ diff --git a/view/theme/dispy/dark/style.css b/view/theme/dispy/dark/style.css new file mode 100644 index 000000000..d151cfa1c --- /dev/null +++ b/view/theme/dispy/dark/style.css @@ -0,0 +1,518 @@ +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;} +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:#eec;background-color:#2e2f2e;} +button,input,select,textarea{font-family:sans-serif;color:#eec;background-color:#2e2f2e;} +select{border:1px #555 dotted;padding:3px;margin:3px;color:#eec;background:#2e2f2e;} +option{padding:3px;color:#eec;background:#2e2f2e;}option[selected="selected"]{color:#2e2f2e;background:#eec;} +ul,ol{padding:0;} +:focus{outline:0;} +[disabled="disabled"]{background:#4e4f4f;color:#ddb;} +ins{background-color:#2e302e;color:#ff9;text-decoration:none;} +mark{background-color:#2e302e;color:#ff9;font-style:italic;font-weight:bold;} +pre,code,kbd,samp,.wall-item-body code{font-family:monospace, monospace;_font-family:monospace;font-size:1em;} +pre,.wall-item-body code{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} +q{quotes:none;}q:before,q:after{content:"";content:none;} +small{font-size:85%;} +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:#88a9d2;text-decoration:none;margin-bottom:1px;}a:hover img{text-decoration:none;} +blockquote{background:#444;color:#eec;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:#ff0;font-size:16px;font-weight:bold;margin:3px;} +.fakelink,.lockview{color:#729fcf;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:#2e302e;color:#eeeeec;padding:1em;} +.pager{margin-top:60px;display:block;clear:both;text-align:center;}.pager span{padding:4px;margin:4px;} +.pager_current{background-color:#729fcf;color:#fff;} +.action{margin:5px 0;} +.tool{margin:5px 0;list-style:none;} +#articlemain{width:100%;height:100%;margin:0 auto;} +#asidemain .field{overflow:hidden;width:200px;} +#login-extra-links{overflow:auto !important;padding-top:60px !important;width:100% !important;}#login-extra-links a{margin-right:20px;} +#login_standard{display:block !important;float:none !important;height:100% !important;position:relative !important;width:100% !important;}#login_standard .field label{width:200px !important;} +#login_standard input{margin:0 0 8px !important;width:210px !important;}#login_standard input[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;} +#login_openid label{width:180px !important;} +nav{height:60px;background-color:#1d1f1d;color:#eeeeec;position:relative;padding:20px 20px 10px 95px;}nav a{text-decoration:none;color:#eeeeec;border:0px;}nav a:hover{text-decoration:none;color:#eeeeec;border:0px;} +nav #banner{display:block;position:absolute;left:51px;top:25px;}nav #banner #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;}ul#user-menu-popup li{display:block;}ul#user-menu-popup li a{display:block;padding:5px;}ul#user-menu-popup li a:hover{color:#2e302e;background-color:#eeeeec;} +ul#user-menu-popup li a.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(dark/icons.png) 0 0 no-repeat;} +#nav-apps-link{background-position:0 -66px;}#nav-apps-link:hover{background-position:-22px -66px;} +#nav-community-link,#nav-contacts-link{background-position:0 -22px;}#nav-community-link:hover,#nav-contacts-link:hover{background-position:-22px -22px;} +#nav-directory-link{background-position:-44px -154px;}#nav-directory-link:hover{background-position:-66px -154px;} +#nav-help-link{background-position:0 -110px;}#nav-help-link:hover{background-position:-22px -110px;} +#nav-home-link{background-position:-44px -132px;}#nav-home-link:hover{background-position:-66px -132px;} +#nav-intro-link{background-position:0px -190px;}#nav-intro-link:hover{background-position:-44px -190px;} +#nav-login-link,#nav-logout-link{background-position:0 -88px;}#nav-login-link:hover,#nav-logout-link:hover{background-position:-22px -88px;} +#nav-messages-link{background-position:-44px -88px;}#nav-messages-link: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;}#nav-network-link:hover{background-position:-22px -177px;} +#nav-search-link{background-position:0 -44px;}#nav-search-link: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;} +div.jGrowl div.notice{background:#511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;color:#ffffff;padding-left:58px;} +div.jGrowl div.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;}#nav-notifications-menu .contactname{font-weight:bold;font-size:0.9em;} +#nav-notifications-menu img{float:left;margin-right:5px;} +#nav-notifications-menu .notif-when{font-size:0.8em;display:block;} +#nav-notifications-menu li{word-wrap:normal;border-bottom:1px solid #000;}#nav-notifications-menu li:hover{color:black;} +#nav-notifications-menu a:hover{color:black;text-decoration:underline;} +nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkmenu.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:#1d1f1d;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;}#nav-buttons>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(dark/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:#2e2f2e;color:#eec;} +.search-box #search-text{margin:8px;width:10em;height:14px;color:#eec;} +#scrollup{position:fixed;right:5px;bottom:40px;z-index:100;}#scrollup 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("dark/menu-user-pin.jpg") 98% center no-repeat;clear:both;top:4px;left:10px;padding:2px;}#user-menu>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(dark/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);}.menu-popup a{display:block;color:#2d2d2d;padding:5px 10px;text-decoration:none;}.menu-popup a:hover{background-color:#bdcdd4;} +.menu-popup .menu-sep{border-top:1px solid #9eabb0;} +.menu-popup li{float:none;overflow:auto;height:auto;display:block;}.menu-popup li img{float:left;width:16px;height:16px;padding-right:5px;} +.menu-popup .empty{padding:5px;text-align:center;color:#9eabb0;} +.notif-item{font-size:small;}.notif-item a{vertical-align:middle;} +.notif-image{width:32px;height:32px;padding:7px 7px 0px 0px;} +.notify-seen{background:#ddd;} +#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;} +#asidemain{float:left;font-size:smaller;margin:20px 0 20px 35px;width:25%;display:inline;} +#asideright,#asideleft{display:none;} +.vcard .fn{font-size:1.7em;font-weight:bold;border-bottom:1px solid #729fcf;padding-bottom:3px;} +.vcard #profile-photo-wrapper{margin:20px;}.vcard #profile-photo-wrapper img{box-shadow:3px 3px 10px 0 #000;} +#asidemain h4{font-size:1.2em;} +#asidemain #viewcontacts{text-align:right;} +.aprofile dt{background:#eec;color:#2e2f2e;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(dark/connect.png) no-repeat 95% center;border-radius:5px 5px 5px 5px;color:#eec;display:block;font-size:1.2em;padding:0.2em 0.5em;} +#wallmessage-link{color:#eee;display:block;font-size:1.2em;padding:0.2em 0.5em;} +#netsearch-box{margin:20px 0px 30px;width:150px;}#netsearch-box #search-submit{margin:5px 5px 0px 0px;} +.ttright{margin:0px 0px 0px 0px;} +.contact-block-div{width:50px;height:50px;float:left;} +.contact-block-textdiv{width:150px;height:34px;float:left;} +#contact-block-end{clear:both;} +#jot{margin:10px 0 20px 0px;width:100%;}#jot #jot-tools{margin:0px;padding:0px;height:35px;overflow:none;width:100%;}#jot #jot-tools span{float:left;margin:10px 20px 2px 0px;}#jot #jot-tools span a{display:block;} +#jot #jot-tools .perms{float:right;width:40px;} +#jot #jot-tools li.loading{float:right;background-color:#ffffff;width:20px;vertical-align:center;text-align:center;border-top:2px solid #9eabb0;height:38px;}#jot #jot-tools li.loading img{margin-top:10px;} +#jot #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 #999 solid;color:#aaa;font-size:smaller;}#jot-category:focus{color:#eee;} +#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;}[id$="jot-text_ifr"] .mceContentBody{color:#2e2f2e;background:#eec;} +.defaultSkin tr.mceFirst{background:#777;} +.defaultSkin td.mceFirst,.defaultSkin td.mceLast{background-color:#eec;} +.defaultSkin span.mceIcon,.defaultSkin img.mceIcon,.defaultSkin .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(dark/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;}#profile-jot-submit: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:#ff2000;margin:5px 0;} +#jot-title-wrapper{margin-bottom:5px;} +#jot-title-display{font-weight:bold;} +.jothidden{display:none;} +#jot-preview-content{background-color:#3e3f3e;color:#eec;border:1px #eec solid;border-radius:5px;padding:3px 3px 6px 10px;}#jot-preview-content .wall-item-outside-wrapper{border:0;border-radius:0px;} +#sectionmain{margin:20px;font-size:0.8em;min-width:475px;width:67%;float:left;display:inline;} +.tabs{list-style:none;margin:10px 0;padding:0;}.tabs li{display:inline;font-size:smaller;font-weight:bold;} +.tab{border:1px solid #729fcf;padding:4px;}.tab:hover,.tab.active:hover,.tab:active{background:#88a9d2;color:#2e2f2e;} +.tab.active{background:#88a9d2;color:#2e2f2e;}.tab.active a{color:#2e2f2e;} +.tab a{border:0;text-decoration:none;} +.wall-item-outside-wrapper{border:1px solid #aaa;border-radius:5px;box-shadow:5px 0 10px 0 #111;}.wall-item-outside-wrapper.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{} +.shiny{background:#2e3436;border-radius:5px;} +.wall-outside-wrapper .shiny{border-radius:5px;} +.heart{color:red;} +.wall-item-content{overflow-x:auto;margin:0px 15px 0px 5px;} +[id^="tread-wrapper"],[class^="tread-wrapper"]{margin:15px 0 0 0;padding:0px;} +.wall-item-photo-menu{display:none;} +.wall-item-photo-menu-button{display:none;text-indent:-99999px;background:#555753 url(dark/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"] *{}[class^="wall-item-tools"] *>*{} +.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;}.wall-item-tools: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;}.wall-item-location .icon{float:left;} +.wall-item-location>a,.wall-item-location .smalltext{margin-left:25px;font-size:0.7em;display:block;} +.wall-item-location>br{display:none;} +.wallwall .wwto{left:5px;margin:0;position:absolute;top:75px;width:30px;z-index:10001;width:30px;height:30px;}.wallwall .wwto img{width:30px !important;height:30px !important;} +.wallwall .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;}.wall-item-photo-menu ul{margin:0px;padding:0px;list-style:none;} +.wall-item-photo-menu li a{white-space:nowrap;display:block;padding:5px 2px;color:#eeeeec;}.wall-item-photo-menu li a: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;} +.ccollapse-wrapper{font-size:0.9em;margin-left:80px;} +.wall-item-outside-wrapper.comment{margin-left:80px;}.wall-item-outside-wrapper.comment .wall-item-photo{width:40px!important;height:40px!important;} +.wall-item-outside-wrapper.comment .wall-item-photo-wrapper{width:40px;height:40px;} +.wall-item-outside-wrapper.comment .wall-item-photo-menu-button{width:50px;top:45px;background-position:35px center;} +.wall-item-outside-wrapper.comment .wall-item-info{width:60px;} +.wall-item-outside-wrapper.comment .wall-item-body{margin-left:10px;} +.wall-item-outside-wrapper.comment .wall-item-author{margin-left:50px;} +.wall-item-outside-wrapper.comment .wall-item-photo-menu{min-width:50px;top:60px;} +.comment-wwedit-wrapper{} +.comment-edit-wrapper{border-top:1px #aaa solid;} +[class^="comment-edit-bb"]{list-style:none;display:none;margin:-40px 0 5px 60px;width:75%;}[class^="comment-edit-bb"]>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 #c8bebe solid;border-radius:5px;color:#c8bebe;-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-text-empty: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;} +.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:#2e2f2e;width:95%;} +div[id$="text"]{font-weight:bold;border-bottom:1px solid #ccc;} +div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:left;} +[id$="-end"],[class$="end"]{clear:both;margin:0 0 10px 0;} +#advanced-profile-with{margin-left:200px;} +.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:#222;color:#2e2f2e;-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%;}#photo-photo 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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background-position:center center;background-repeat:no-repeat;} +#photo-prev-link{left:0;top:0;background-image:url(dark/prev.png);} +#photo-next-link{right:0;top:0;background-image:url(dark/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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} +#photo-next-link:hover{opacity:1;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} +#photo-next-link .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;} +.prvmail-text{width:100%;} +#prvmail-subject{width:100%;color:#2e2f2e;background:#eec;} +#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;} +.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{margin-left:20px;} +.contact-entry-name{width:120px;font-weight:bold;} +.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;} +#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;}#contact-edit-links 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("dark/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:#2e2f2e;color:#eec;position:absolute;left:0px;top:90px;display:none;z-index:10000;}.contact-photo-menu ul{margin:0px;padding:0px;list-style:none;} +.contact-photo-menu li a{display:block;padding:2px;}.contact-photo-menu li a:hover{color:#fff;background:#3465A4;text-decoration:none;} +#id_openid_url{background:url(dark/login-bg.gif) no-repeat;background-position:0 50%;padding-left:18px;} +#settings-nickname-desc{background-color:#eec;-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;} +.settings-block input{margin:10px 5px;} +#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;} +#profiles-menu-trigger{margin:0px 0px 0px 25px;} +.profile-listing{float:left;margin:20px 20px 0px 0px;} +.icon-profile-edit{background:url("dark/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;} +.group-delete-wrapper{margin:-31px 50px 0 0;float:right;} +#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;} +#cropimage-wrapper{float:left;} +#crop-image-form{clear:both;} +.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;} +.eventcal{float:left;font-size:20px;} +.event{background:#2e2f2e;} +.vevent{border:1px solid #ccc;}.vevent .event-description,.vevent .event-location,.vevent .event-start{margin-left:10px;margin-right:10px;} +#new-event-link{margin-bottom:10px;} +.edit-event-link,.plink-event-link{} +.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;}.body-tag: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;}.item-select:hover{opacity:1;} +.checkeditem{opacity:1;} +#item-delete-selected{margin-top:30px;} +.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;}#item-delete-selected-desc:hover{text-decoration:underline;} +.fc-state-highlight{background:#eec;color:#2e2f2e;} +.directory-item{float:left;margin:0 5px 4px 0;padding:3px;width:180px;height:250px;position:relative;} +#group-sidebar{margin-bottom:10px;} +.group-selected,.nets-selected,.fileas-selected{padding:3px;color:#2e2f2e;background:#88a9d2;font-weight:bold;} +.group-selected:hover,.nets-selected:hover,.fileas-selected:hover{color:#2e2f2e;} +.groupsideedit{margin-right:10px;} +#sidebar-group-ul{padding-left:0;} +#sidebar-group-list{margin:0 0 5px 0;}#sidebar-group-list ul{list-style-type:none;list-style-position:inside;} +#sidebar-group-list li{margin-top:10px;} +#sidebar-group-list .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{} +#sidebar-new-group:active{position:relative;top:1px;} +#side-peoplefind-url{background-color:#2e2f2e;color:#eec;border:1px 999 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} +.nets-ul{list-style-type:none;padding-left:0px;}.nets-ul li{margin:10px 0 0;} +.nets-link,.nets-all{margin-left:0px;} +#netsearch-box{margin-top:20px;width:150px;}#netsearch-box #search-submit{margin:5px 0px 0px 0px;} +#pending-update{float:right;color:#fff;font-weight:bold;background-color:#ff0000;padding:0 .3em;} +.admin.linklist{border:0;padding:0;} +.admin.link{list-style-position:inside;} +#adminpage{color:#eec;background:#2e2f2e;margin:5px;padding:10px;}#adminpage dl{clear:left;margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #000;} +#adminpage dt{width:250px;float:left;font-weight:bold;} +#adminpage dd{margin-left:250px;} +#adminpage h3{border-bottom:1px solid #ccc;} +#adminpage .submit{clear:left;} +#adminpage #pluginslist{margin:0;padding:0;} +#adminpage .plugin{list-style:none;display:block;border:1px solid #888;padding:1em;margin-bottom:5px;clear:left;} +#adminpage .toggleplugin{float:left;margin-right:1em;} +#adminpage table{width:100%;border-bottom:1px solid #000;margin:5px 0;}#adminpage table th{text-align:left;} +#adminpage td .icon{float:left;} +#adminpage table#users img{width:16px;height:16px;} +#adminpage table tr:hover{color:#2e2f2e;background-color:#eec;} +#adminpage .selectall{text-align:right;} +#adminpage #users a{color:#eec;text-decoration:underline;} +#users .name{color:#eec;} +.field{overflow:auto;}.field label{width:38%;display:inline-block;font-size:1.077em;margin:0 10px 1em 0;border:1px #2e2f2e solid;padding:5px;background:#eec;color:#111;} +.field .onoff{float:right;margin:0 330px 0 auto;width:80px;}.field .onoff a{display:block;border:1px solid #666;padding:3px 6px 4px 10px;height:16px;text-decoration:none;} +.field .onoff .on{background:url("../../../images/onoff.jpg") no-repeat 42px 1px #999999;color:#111;text-align:left;} +.field .onoff .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:#aaa;} +.field.radio .field_help{margin-left:297px;} +label{width:38%;display:inline-block;font-size:1.077em;margin:0 10px 1em 0;border:1px #2e2f2e solid;padding:5px;background:#eec;color:#111;} +input{width:250px;height:25px;border:1px #999 solid;}input[type="text"],input[type="password"],input[type="search"]{width:250px;height:25px;border:1px #999 solid;} +input[type="checkbox"],input[type="radio"]{border:1px #999 solid;margin:0 0 0 0;height:15px;width:15px;} +input[type="submit"],input[type="button"]{background-color:#eee;border:2px outset #aaa;border-radius:5px;box-shadow:1px 3px 4px 0 #111;color:#2e302e;cursor:pointer;font-weight:bold;width:auto;text-shadow:1px 1px #000;-webkit-border-radius:5px;-moz-border-radius:5px;} +input[type="submit"]:active,input[type="button"]:active{box-shadow:0 0 0 0;} +.popup{width:100%;height:100%;top:0px;left:0px;position:absolute;display:none;}.popup .background{background-color:#000;opacity:0.5;width:100%;height:100%;position:absolute;top:0px;left:0px;} +.popup .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%;} +.popup .panel .panel_in{width:100%;height:100%;position:relative;} +.popup .panel .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;}.panel_text .progress span{float:right;display:block;width:25%;background-color:#eeeeee;text-align:right;} +.oauthapp{height:auto;overflow:auto;border-bottom:2px solid #cccccc;padding-bottom:1em;margin-bottom:1em;}.oauthapp img{float:left;width:48px;height:48px;margin:10px;}.oauthapp img.noicon{background-image:url("../../../images/icons/48/plugin.png");background-position:center center;background-repeat:no-repeat;} +.oauthapp a{float:left;} +.iconspacer{display:block;width:16px;height:16px;} +.icon{display:block;width:20px;height:20px;background:url(dark/icons.png) no-repeat;border:0;text-decoration:none;border-radius:5px;}.icon:hover{border:0;text-decoration:none;} +.editicon{display:inline-block;width:21px;height:21px;background:url(dark/editicons.png) no-repeat;border:0;text-decoration:none;} +.shadow{box-shadow:2px 2px 5px 2px #111;}.shadow:active,.shadow:focus,.shadow:hover{box-shadow:0 0 0 0;} +.editicon:hover{border:0;} +.boldbb{background-position:0px 0px;}.boldbb:hover{background-position:-22px 0px;} +.italicbb{background-position:0px -22px;}.italicbb:hover{background-position:-22px -22px;} +.underlinebb{background-position:0px -44px;}.underlinebb:hover{background-position:-22px -44px;} +.quotebb{background-position:0px -66px;}.quotebb:hover{background-position:-22px -66px;} +.codebb{background-position:0px -88px;}.codebb:hover{background-position:-22px -88px;} +.imagebb{background-position:-44px 0px;}.imagebb:hover{background-position:-66px 0px;} +.urlbb{background-position:-44px -22px;}.urlbb:hover{background-position:-66px -22px;} +.videobb{background-position:-44px -44px;}.videobb:hover{background-position:-66px -44px;} +.icon.drop,.icon.drophide,.icon.delete{float:left;margin:0 2px;} +.icon.s22.delete{display:block;background-position:-110px 0;} +.icon.s22.text{padding:10px 0px 0px 25px;width:200px;} +.icon.text{text-indent:0px;} +.icon.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;}.border: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;} +.cc-license{margin-top:100px;font-size:0.7em;} +footer{display:block;clear:both;} +#profile-jot-text{height:20px;color:#eec;border:1px solid #eec;border-radius:5px;width:99.5%;} +#photo-edit-perms-select,#photos-upload-permissions-wrapper,#profile-jot-acl-wrapper{display:block !important;background:#2e2f2e;color:#eec;} +#acl-wrapper{width:660px;margin:0 auto;} +#acl-search{float:right;background:#ffffff 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;}#acl-showall.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-item{border:1px solid #eec;display:block;float:left;height:110px;margin:3px 0 5px 5px;width:120px;}.acl-list-item img{width:22px;height:22px;float:left;margin:5px 5px 20px;} +.acl-list-item p{height:12px;font-size:10px;margin:0 0 22px;padding:2px 0 1px;} +.acl-list-item a{background:#eeeecc 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:#2e2f2e;margin:5px auto 0;padding:0 3px;text-align:center;vertical-align:middle;} +#acl-wrapper a:hover{text-decoration:none;color:#2e2f2e;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:#2e2f2e;background-color:#9ade00;background-image:url(../../../images/show_on.png);} +.acl-button-hide.selected{color:#2e2f2e;background-color:#ff4141;background-image:url(../../../images/hide_on.png);} +.acl-list-item.groupshow{border-color:#9ade00;} +.acl-list-item.grouphide{border-color:#ff4141;} +.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;}.acpopupitem img{float:left;margin-right:4px;} +.acpopupitem.selected{color:#2e302e;background-color:#eeeeec;} +.qcomment-wrapper{padding:0px;margin:5px 5px 5px 81%;} +.qcomment{opacity:0.5;}.qcomment:hover{opacity:1.0;} +#network-star-link{margin-top:10px;} +.network-star{float:left;margin-right:5px;}.network-star.icon.starred{display:inline-block;} +.fileas-ul{padding:0;} +#sidebar-page-list ul{padding:0;margin:5px 0;} +#sidebar-page-list li{list-style:none;} +#jappix_mini{margin-left:130px;position:fixed;bottom:0;right:175px !important;z-index:999;} +@media handheld{body{font-size:15pt;}} diff --git a/view/theme/dispy/dark/style.less b/view/theme/dispy/dark/style.less new file mode 100644 index 000000000..6bab0109a --- /dev/null +++ b/view/theme/dispy/dark/style.less @@ -0,0 +1,2878 @@ +/* + * dispy-dark + * + * author, maintainer: simon + * + * 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: #eec; + background-color: #2e2f2e; } + +button, input, select, textarea { + font-family: sans-serif; + color: #eec; + background-color: #2e2f2e; } + +select { + border: 1px #555 dotted; + padding: 3px; + margin: 3px; + color: #eec; + background: #2e2f2e; } + +option { + padding: 3px; + color: #eec; + background: #2e2f2e; + &[selected="selected"] { + color: #2e2f2e; + background: #eec; } } + +ul, ol { + padding: 0; } + +/* remember to define focus styles! */ + +:focus { + outline: 0; } + +[disabled="disabled"] { + background: #4e4f4f; + color: #ddb; } + +/* remember to highlight inserts somehow! */ + +ins { + background-color: #2e302e; + color: #ff9; + text-decoration: none; } + +mark { + background-color: #2e302e; + color: #ff9; + 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: #88a9d2; + text-decoration: none; + margin-bottom: 1px; + &:hover img { + text-decoration: none; } } + +blockquote { + background: #444; + color: #eec; + 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: #ff0; + font-size: 16px; + font-weight: bold; + margin: 3px; } + +.fakelink, .lockview { + color: #729fcf; + 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: #2e302e; + 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: #1d1f1d; + 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: #2e302e; + 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(dark/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: #1d1f1d; + 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(dark/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: #2e2f2e; + 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("dark/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(dark/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: #eec; + color: #2e2f2e; + 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(dark/connect.png) no-repeat 95% center; + border-radius: 5px 5px 5px 5px; + color: #eec; + display: block; + font-size: 1.2em; + padding: 0.2em 0.5em; } + +#wallmessage-link { + /*background: #3465A4 url(dark/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 #999 solid; + color: #aaa; + font-size: smaller; + &:focus { + color: #eee; } } + +#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(dark/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: #ff2000; + margin: 5px 0; } + +#jot-title-wrapper { + margin-bottom: 5px; } + +#jot-title-display { + font-weight: bold; } + +.jothidden { + display: none; } + +#jot-preview-content { + background-color: #3e3f3e; + color: #eec; + border: 1px #eec 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: #88a9d2; + color: #2e2f2e; } + &.active { + background: #88a9d2; + color: #2e2f2e; + a { + color: #2e2f2e; } } + a { + border: 0; + text-decoration: none; } } + +/** + * items + */ + +.wall-item-outside-wrapper { + border: 1px solid #aaa; + border-radius: 5px; + box-shadow: 5px 0 10px 0 #111; + &.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: #2e3436; + 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(dark/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 #c8bebe solid; + border-radius: 5px; + color: #c8bebe; + -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: #2e2f2e; + 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: #222; + color: #2e2f2e; + -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(dark/prev.png); } + +#photo-next-link { + right: 0; + top: 0; + background-image: url(dark/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: #2e2f2e; + background: #eec; } + +#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("dark/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: #2e2f2e; + color: #eec; + 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(dark/login-bg.gif) no-repeat; + background-position: 0 50%; + padding-left: 18px; } + +#settings-nickname-desc { + background-color: #eec; + -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("dark/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: #2e2f2e; + background: #88a9d2; + font-weight: bold; } + +.group-selected:hover, .nets-selected:hover, .fileas-selected:hover { + color: #2e2f2e; } + +.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: #2e2f2e; + color: #eec; + border: 1px 999 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: #eec; + background: #2e2f2e; + 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: #2e2f2e; + background-color: #eec; } } + .selectall { + text-align: right; } + #users a { + color: #eec; + 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 #2e2f2e solid; + padding: 5px; + background: #eec; + 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: #aaa; } + +.field.radio .field_help { + margin-left: 297px; } + +label { + width: 38%; + display: inline-block; + font-size: 1.077em; + margin: 0 10px 1em 0; + border: 1px #2e2f2e solid; + padding: 5px; + background: #eec; + 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: #eee; + border: 2px outset #aaa; + border-radius: 5px; + box-shadow: 1px 3px 4px 0 #111; + color: #2e302e; + cursor: pointer; + font-weight: bold; + width: auto; + text-shadow: 1px 1px #000; + -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(dark/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(dark/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: #eec; + border: 1px solid #eec; + border-radius: 5px; + width: 99.5%; } + +/** + * acl + */ + +#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { + display: block !important; + background: #2e2f2e; + color: #eec; } + +#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 #eec; + 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: #eeeecc 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: #2e2f2e; + margin: 5px auto 0; + padding: 0 3px; + text-align: center; + vertical-align: middle; } } + +#acl-wrapper a:hover { + text-decoration: none; + color: #2e2f2e; + 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: #2e2f2e; + background-color: #9ade00; + background-image: url(../../../images/show_on.png); } + +.acl-button-hide.selected { + color: #2e2f2e; + 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: #2e302e; + 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; } } diff --git a/view/theme/dispy/dark/tag.png b/view/theme/dispy/dark/tag.png new file mode 100644 index 000000000..9b5a7223e Binary files /dev/null and b/view/theme/dispy/dark/tag.png differ diff --git a/view/theme/dispy/dark/theme.php b/view/theme/dispy/dark/theme.php new file mode 100644 index 000000000..339c477a0 --- /dev/null +++ b/view/theme/dispy/dark/theme.php @@ -0,0 +1,31 @@ + +* Maintainer: Simon +* Screenshot: Screenshot +*/ + +$a = get_app(); +$a->theme_info = array( + 'family' => 'dispy', + 'name' => 'dark', + 'version' => '1.2' +); + +function dispy_dark_init(&$a) { + /** @purpose set some theme defaults + */ + $cssFile = null; + $colour = 'dark'; + $colour_path = "/dark/"; + + // set css + if (!is_null($cssFile)) { + $a->page['htmlhead'] .= sprintf('', $cssFile); + } +} + diff --git a/view/theme/dispy/editicons.png b/view/theme/dispy/editicons.png deleted file mode 100644 index 41eafbb15..000000000 Binary files a/view/theme/dispy/editicons.png and /dev/null differ diff --git a/view/theme/dispy/editicons.svg b/view/theme/dispy/editicons.svg deleted file mode 100644 index 2691d24b4..000000000 --- a/view/theme/dispy/editicons.svg +++ /dev/null @@ -1,725 +0,0 @@ - - - - - editicons - - - - - - image/svg+xml - - editicons - - - Simon L'nu - - - 2012-04-20 - - - Simon L'nu - - - - - Simon L'nu - - - - - - - - - DESCRIPTION - - - en-CA - - - - - - - - - - - - - - B - - - - - - - - - - - - - - - - - - I - - U - - Q - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - C - - diff --git a/view/theme/dispy/icons.png b/view/theme/dispy/icons.png deleted file mode 100644 index 5c2eab36e..000000000 Binary files a/view/theme/dispy/icons.png and /dev/null differ diff --git a/view/theme/dispy/icons.svg b/view/theme/dispy/icons.svg deleted file mode 100644 index 7b82b94ea..000000000 --- a/view/theme/dispy/icons.svg +++ /dev/null @@ -1,2190 +0,0 @@ - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Lorem Ip - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ? - - - - ? - - - - - - - - - - - - - - - - - - alternate housing ;) - wikuom/wigwam - - - - - - alternate housing ;) - wikuom/wigwam - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ! - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/view/theme/dispy/light/connect.png b/view/theme/dispy/light/connect.png new file mode 100644 index 000000000..b76fc13dc Binary files /dev/null and b/view/theme/dispy/light/connect.png differ diff --git a/view/theme/dispy/light/editicons.png b/view/theme/dispy/light/editicons.png new file mode 100644 index 000000000..41eafbb15 Binary files /dev/null and b/view/theme/dispy/light/editicons.png differ diff --git a/view/theme/dispy/light/editicons.svg b/view/theme/dispy/light/editicons.svg new file mode 100644 index 000000000..2691d24b4 --- /dev/null +++ b/view/theme/dispy/light/editicons.svg @@ -0,0 +1,725 @@ + + + + + editicons + + + + + + image/svg+xml + + editicons + + + Simon L'nu + + + 2012-04-20 + + + Simon L'nu + + + + + Simon L'nu + + + + + + + + + DESCRIPTION + + + en-CA + + + + + + + + + + + + + + B + + + + + + + + + + + + + + + + + + I + + U + + Q + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + C + + diff --git a/view/theme/dispy/light/icons.png b/view/theme/dispy/light/icons.png new file mode 100644 index 000000000..5c2eab36e Binary files /dev/null and b/view/theme/dispy/light/icons.png differ diff --git a/view/theme/dispy/light/icons.svg b/view/theme/dispy/light/icons.svg new file mode 100644 index 000000000..7b82b94ea --- /dev/null +++ b/view/theme/dispy/light/icons.svg @@ -0,0 +1,2190 @@ + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Lorem Ip + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ? + + + + ? + + + + + + + + + + + + + + + + + + alternate housing ;) + wikuom/wigwam + + + + + + alternate housing ;) + wikuom/wigwam + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ! + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/view/theme/dispy/light/login-bg.gif b/view/theme/dispy/light/login-bg.gif new file mode 100644 index 000000000..cde836c89 Binary files /dev/null and b/view/theme/dispy/light/login-bg.gif differ diff --git a/view/theme/dispy/light/menu-user-pin.jpg b/view/theme/dispy/light/menu-user-pin.jpg new file mode 100644 index 000000000..26449569f Binary files /dev/null and b/view/theme/dispy/light/menu-user-pin.jpg differ diff --git a/view/theme/dispy/light/next.png b/view/theme/dispy/light/next.png new file mode 100644 index 000000000..5e0067c4b Binary files /dev/null and b/view/theme/dispy/light/next.png differ diff --git a/view/theme/dispy/light/notifications.png b/view/theme/dispy/light/notifications.png new file mode 100644 index 000000000..66c432eac Binary files /dev/null and b/view/theme/dispy/light/notifications.png differ diff --git a/view/theme/dispy/light/notifications.svg b/view/theme/dispy/light/notifications.svg new file mode 100644 index 000000000..eccc54457 --- /dev/null +++ b/view/theme/dispy/light/notifications.svg @@ -0,0 +1,273 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/view/theme/dispy/light/photo-menu.jpg b/view/theme/dispy/light/photo-menu.jpg new file mode 100644 index 000000000..fde5eb535 Binary files /dev/null and b/view/theme/dispy/light/photo-menu.jpg differ diff --git a/view/theme/dispy/light/premium.png b/view/theme/dispy/light/premium.png new file mode 100644 index 000000000..d2855a4f5 Binary files /dev/null and b/view/theme/dispy/light/premium.png differ diff --git a/view/theme/dispy/light/prev.png b/view/theme/dispy/light/prev.png new file mode 100644 index 000000000..10b10d74f Binary files /dev/null and b/view/theme/dispy/light/prev.png differ diff --git a/view/theme/dispy/light/screenshot.jpg b/view/theme/dispy/light/screenshot.jpg new file mode 100644 index 000000000..81ee35afb Binary files /dev/null and b/view/theme/dispy/light/screenshot.jpg differ diff --git a/view/theme/dispy/light/star.png b/view/theme/dispy/light/star.png new file mode 100644 index 000000000..a327ba14e Binary files /dev/null and b/view/theme/dispy/light/star.png differ diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css new file mode 100644 index 000000000..7c996f6f9 --- /dev/null +++ b/view/theme/dispy/light/style.css @@ -0,0 +1,518 @@ +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;} +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;}option[selected="selected"]{color:#111;background:#cca;} +ul,ol{padding:0;} +:focus{outline:0;} +[disabled="disabled"]{background:#ddd;color:#333;} +ins{background-color:#ff9;color:#000;text-decoration:none;} +mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} +pre,code,kbd,samp,.wall-item-body code{font-family:monospace, monospace;_font-family:monospace;font-size:1em;} +pre,.wall-item-body code{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} +q{quotes:none;}q:before,q:after{content:"";content:none;} +small{font-size:85%;} +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;}a: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;}.pager span{padding:4px;margin:4px;} +.pager_current{background-color:#729fcf;color:#fff;} +.action{margin:5px 0;} +.tool{margin:5px 0;list-style:none;} +#articlemain{width:100%;height:100%;margin:0 auto;} +#asidemain .field{overflow:hidden;width:200px;} +#login-extra-links{overflow:auto !important;padding-top:60px !important;width:100% !important;}#login-extra-links a{margin-right:20px;} +#login_standard{display:block !important;float:none !important;height:100% !important;position:relative !important;width:100% !important;}#login_standard .field label{width:200px !important;} +#login_standard input{margin:0 0 8px !important;width:210px !important;}#login_standard input[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;} +#login_openid label{width:180px !important;} +nav{height:60px;background-color:#2e3436;color:#eeeeec;position:relative;padding:20px 20px 10px 95px;}nav a{text-decoration:none;color:#eeeeec;border:0px;}nav a:hover{text-decoration:none;color:#eeeeec;border:0px;} +nav #banner{display:block;position:absolute;left:51px;top:25px;}nav #banner #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;}ul#user-menu-popup li{display:block;}ul#user-menu-popup li a{display:block;padding:5px;}ul#user-menu-popup li a:hover{color:#2e3436;background-color:#eeeeec;} +ul#user-menu-popup li a.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(light/icons.png) 0 0 no-repeat;} +#nav-apps-link{background-position:0 -66px;}#nav-apps-link:hover{background-position:-22px -66px;} +#nav-community-link,#nav-contacts-link{background-position:0 -22px;}#nav-community-link:hover,#nav-contacts-link:hover{background-position:-22px -22px;} +#nav-directory-link{background-position:-44px -154px;}#nav-directory-link:hover{background-position:-66px -154px;} +#nav-help-link{background-position:0 -110px;}#nav-help-link:hover{background-position:-22px -110px;} +#nav-home-link{background-position:-44px -132px;}#nav-home-link:hover{background-position:-66px -132px;} +#nav-intro-link{background-position:0px -190px;}#nav-intro-link:hover{background-position:-44px -190px;} +#nav-login-link,#nav-logout-link{background-position:0 -88px;}#nav-login-link:hover,#nav-logout-link:hover{background-position:-22px -88px;} +#nav-messages-link{background-position:-44px -88px;}#nav-messages-link: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;}#nav-network-link:hover{background-position:-22px -177px;} +#nav-search-link{background-position:0 -44px;}#nav-search-link: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;} +div.jGrowl div.notice{background:#511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;color:#ffffff;padding-left:58px;} +div.jGrowl div.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;}#nav-notifications-menu .contactname{font-weight:bold;font-size:0.9em;} +#nav-notifications-menu img{float:left;margin-right:5px;} +#nav-notifications-menu .notif-when{font-size:0.8em;display:block;} +#nav-notifications-menu li{word-wrap:normal;border-bottom:1px solid #000;}#nav-notifications-menu li:hover{color:black;} +#nav-notifications-menu a:hover{color:black;text-decoration:underline;} +nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkmenu.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;}#nav-buttons>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(light/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;}#scrollup 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("light/menu-user-pin.jpg") 98% center no-repeat;clear:both;top:4px;left:10px;padding:2px;}#user-menu>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(light/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);}.menu-popup a{display:block;color:#2d2d2d;padding:5px 10px;text-decoration:none;}.menu-popup a:hover{background-color:#bdcdd4;} +.menu-popup .menu-sep{border-top:1px solid #9eabb0;} +.menu-popup li{float:none;overflow:auto;height:auto;display:block;}.menu-popup li img{float:left;width:16px;height:16px;padding-right:5px;} +.menu-popup .empty{padding:5px;text-align:center;color:#9eabb0;} +.notif-item{font-size:small;}.notif-item a{vertical-align:middle;} +.notif-image{width:32px;height:32px;padding:7px 7px 0px 0px;} +.notify-seen{background:#ddd;} +#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;} +#asidemain{float:left;font-size:smaller;margin:20px 0 20px 35px;width:25%;display:inline;} +#asideright,#asideleft{display:none;} +.vcard .fn{font-size:1.7em;font-weight:bold;border-bottom:1px solid #729fcf;padding-bottom:3px;} +.vcard #profile-photo-wrapper{margin:20px;}.vcard #profile-photo-wrapper img{box-shadow:3px 3px 10px 0 #000;} +#asidemain h4{font-size:1.2em;} +#asidemain #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(light/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{color:#eee;display:block;font-size:1.2em;padding:0.2em 0.5em;} +#netsearch-box{margin:20px 0px 30px;width:150px;}#netsearch-box #search-submit{margin:5px 5px 0px 0px;} +.ttright{margin:0px 0px 0px 0px;} +.contact-block-div{width:50px;height:50px;float:left;} +.contact-block-textdiv{width:150px;height:34px;float:left;} +#contact-block-end{clear:both;} +#jot{margin:10px 0 20px 0px;width:100%;}#jot #jot-tools{margin:0px;padding:0px;height:35px;overflow:none;width:100%;}#jot #jot-tools span{float:left;margin:10px 20px 2px 0px;}#jot #jot-tools span a{display:block;} +#jot #jot-tools .perms{float:right;width:40px;} +#jot #jot-tools li.loading{float:right;background-color:#ffffff;width:20px;vertical-align:center;text-align:center;border-top:2px solid #9eabb0;height:38px;}#jot #jot-tools li.loading img{margin-top:10px;} +#jot #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;}#jot-category: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;}[id$="jot-text_ifr"] .mceContentBody{color:#2e2f2e;background:#eec;} +.defaultSkin tr.mceFirst{background:#777;} +.defaultSkin td.mceFirst,.defaultSkin td.mceLast{background-color:#eec;} +.defaultSkin span.mceIcon,.defaultSkin img.mceIcon,.defaultSkin .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(light/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;}#profile-jot-submit: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;}#jot-preview-content .wall-item-outside-wrapper{border:0;border-radius:0px;} +#sectionmain{margin:20px;font-size:0.8em;min-width:475px;width:67%;float:left;display:inline;} +.tabs{list-style:none;margin:10px 0;padding:0;}.tabs li{display:inline;font-size:smaller;font-weight:bold;} +.tab{border:1px solid #729fcf;padding:4px;}.tab:hover,.tab.active:hover,.tab:active{background:#729fcf;color:#eeeeec;} +.tab.active{background:#729fcf;color:#eeeeec;}.tab.active a{color:#729fcf;} +.tab a{border:0;text-decoration:none;} +.wall-item-outside-wrapper{border:1px solid #aaa;border-radius:5px;box-shadow:5px 0 10px 0 #888;}.wall-item-outside-wrapper.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{} +.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;} +[id^="tread-wrapper"],[class^="tread-wrapper"]{margin:15px 0 0 0;padding:0px;} +.wall-item-photo-menu{display:none;} +.wall-item-photo-menu-button{display:none;text-indent:-99999px;background:#555753 url(light/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"] *{}[class^="wall-item-tools"] *>*{} +.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;}.wall-item-tools: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;}.wall-item-location .icon{float:left;} +.wall-item-location>a,.wall-item-location .smalltext{margin-left:25px;font-size:0.7em;display:block;} +.wall-item-location>br{display:none;} +.wallwall .wwto{left:5px;margin:0;position:absolute;top:75px;width:30px;z-index:10001;width:30px;height:30px;}.wallwall .wwto img{width:30px !important;height:30px !important;} +.wallwall .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;}.wall-item-photo-menu ul{margin:0px;padding:0px;list-style:none;} +.wall-item-photo-menu li a{white-space:nowrap;display:block;padding:5px 2px;color:#eeeeec;}.wall-item-photo-menu li a: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;} +.ccollapse-wrapper{font-size:0.9em;margin-left:80px;} +.wall-item-outside-wrapper.comment{margin-left:80px;}.wall-item-outside-wrapper.comment .wall-item-photo{width:40px!important;height:40px!important;} +.wall-item-outside-wrapper.comment .wall-item-photo-wrapper{width:40px;height:40px;} +.wall-item-outside-wrapper.comment .wall-item-photo-menu-button{width:50px;top:45px;background-position:35px center;} +.wall-item-outside-wrapper.comment .wall-item-info{width:60px;} +.wall-item-outside-wrapper.comment .wall-item-body{margin-left:10px;} +.wall-item-outside-wrapper.comment .wall-item-author{margin-left:50px;} +.wall-item-outside-wrapper.comment .wall-item-photo-menu{min-width:50px;top:60px;} +.comment-wwedit-wrapper{} +.comment-edit-wrapper{border-top:1px #aaa solid;} +[class^="comment-edit-bb"]{list-style:none;display:none;margin:-40px 0 5px 60px;width:75%;}[class^="comment-edit-bb"]>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;}.comment-edit-text-empty: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;} +.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%;} +div[id$="text"]{font-weight:bold;border-bottom:1px solid #ccc;} +div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:left;} +[id$="-end"],[class$="end"]{clear:both;margin:0 0 10px 0;} +#advanced-profile-with{margin-left:200px;} +.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%;}#photo-photo 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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background-position:center center;background-repeat:no-repeat;} +#photo-prev-link{left:0;top:0;background-image:url(light/prev.png);} +#photo-next-link{right:0;top:0;background-image:url(light/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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} +#photo-next-link:hover{opacity:1;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} +#photo-next-link .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;} +.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;} +.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{margin-left:20px;} +.contact-entry-name{width:120px;font-weight:bold;} +.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;} +#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;}#contact-edit-links 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("light/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;}.contact-photo-menu ul{margin:0px;padding:0px;list-style:none;} +.contact-photo-menu li a{display:block;padding:2px;}.contact-photo-menu li a:hover{color:#fff;background:#3465A4;text-decoration:none;} +#id_openid_url{background:url(light/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;} +.settings-block input{margin:10px 5px;} +#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;} +#profiles-menu-trigger{margin:0px 0px 0px 25px;} +.profile-listing{float:left;margin:20px 20px 0px 0px;} +.icon-profile-edit{background:url("light/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;} +.group-delete-wrapper{margin:-31px 50px 0 0;float:right;} +#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;} +#cropimage-wrapper{float:left;} +#crop-image-form{clear:both;} +.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;} +.eventcal{float:left;font-size:20px;} +.event{background:#2e2f2e;} +.vevent{border:1px solid #ccc;}.vevent .event-description,.vevent .event-location,.vevent .event-start{margin-left:10px;margin-right:10px;} +#new-event-link{margin-bottom:10px;} +.edit-event-link,.plink-event-link{} +.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;}.body-tag: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;}.item-select:hover{opacity:1;} +.checkeditem{opacity:1;} +#item-delete-selected{margin-top:30px;} +.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;}#item-delete-selected-desc:hover{text-decoration:underline;} +.fc-state-highlight{background:#eec;color:#2e2f2e;} +.directory-item{float:left;margin:0 5px 4px 0;padding:3px;width:180px;height:250px;position:relative;} +#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;}#sidebar-group-list ul{list-style-type:none;list-style-position:inside;} +#sidebar-group-list li{margin-top:10px;} +#sidebar-group-list .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{} +#sidebar-new-group:active{position:relative;top:1px;} +#side-peoplefind-url{background-color:#e5e0cf;color:#666;border:1px 666 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} +.nets-ul{list-style-type:none;padding-left:0px;}.nets-ul li{margin:10px 0 0;} +.nets-link,.nets-all{margin-left:0px;} +#netsearch-box{margin-top:20px;width:150px;}#netsearch-box #search-submit{margin:5px 0px 0px 0px;} +#pending-update{float:right;color:#fff;font-weight:bold;background-color:#ff0000;padding:0 .3em;} +.admin.linklist{border:0;padding:0;} +.admin.link{list-style-position:inside;} +#adminpage{color:#111;background:transparent;margin:5px;padding:10px;}#adminpage dl{clear:left;margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #000;} +#adminpage dt{width:250px;float:left;font-weight:bold;} +#adminpage dd{margin-left:250px;} +#adminpage h3{border-bottom:1px solid #ccc;} +#adminpage .submit{clear:left;} +#adminpage #pluginslist{margin:0;padding:0;} +#adminpage .plugin{list-style:none;display:block;border:1px solid #888;padding:1em;margin-bottom:5px;clear:left;} +#adminpage .toggleplugin{float:left;margin-right:1em;} +#adminpage table{width:100%;border-bottom:1px solid #000;margin:5px 0;}#adminpage table th{text-align:left;} +#adminpage td .icon{float:left;} +#adminpage table#users img{width:16px;height:16px;} +#adminpage table tr:hover{background-color:#bbc7d7;} +#adminpage .selectall{text-align:right;} +#adminpage #users a{text-decoration:underline;} +#users .name{color:#eec;} +.field{overflow:auto;}.field 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;}.field .onoff a{display:block;border:1px solid #666;padding:3px 6px 4px 10px;height:16px;text-decoration:none;} +.field .onoff .on{background:url("../../../images/onoff.jpg") no-repeat 42px 1px #999999;color:#111;text-align:left;} +.field .onoff .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;}input[type="text"],input[type="password"],input[type="search"]{width:250px;height:25px;border:1px #999 solid;} +input[type="checkbox"],input[type="radio"]{border:1px #999 solid;margin:0 0 0 0;height:15px;width:15px;} +input[type="submit"],input[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;} +input[type="submit"]:active,input[type="button"]:active{box-shadow:0 0 0 0;} +.popup{width:100%;height:100%;top:0px;left:0px;position:absolute;display:none;}.popup .background{background-color:#000;opacity:0.5;width:100%;height:100%;position:absolute;top:0px;left:0px;} +.popup .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%;} +.popup .panel .panel_in{width:100%;height:100%;position:relative;} +.popup .panel .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;}.panel_text .progress span{float:right;display:block;width:25%;background-color:#eeeeee;text-align:right;} +.oauthapp{height:auto;overflow:auto;border-bottom:2px solid #cccccc;padding-bottom:1em;margin-bottom:1em;}.oauthapp img{float:left;width:48px;height:48px;margin:10px;}.oauthapp img.noicon{background-image:url("../../../images/icons/48/plugin.png");background-position:center center;background-repeat:no-repeat;} +.oauthapp a{float:left;} +.iconspacer{display:block;width:16px;height:16px;} +.icon{display:block;width:20px;height:20px;background:url(light/icons.png) no-repeat;border:0;text-decoration:none;border-radius:5px;}.icon:hover{border:0;text-decoration:none;} +.editicon{display:inline-block;width:21px;height:21px;background:url(light/editicons.png) no-repeat;border:0;text-decoration:none;} +.shadow{box-shadow:2px 2px 5px 2px #111;}.shadow:active,.shadow:focus,.shadow:hover{box-shadow:0 0 0 0;} +.editicon:hover{border:0;} +.boldbb{background-position:0px 0px;}.boldbb:hover{background-position:-22px 0px;} +.italicbb{background-position:0px -22px;}.italicbb:hover{background-position:-22px -22px;} +.underlinebb{background-position:0px -44px;}.underlinebb:hover{background-position:-22px -44px;} +.quotebb{background-position:0px -66px;}.quotebb:hover{background-position:-22px -66px;} +.codebb{background-position:0px -88px;}.codebb:hover{background-position:-22px -88px;} +.imagebb{background-position:-44px 0px;}.imagebb:hover{background-position:-66px 0px;} +.urlbb{background-position:-44px -22px;}.urlbb:hover{background-position:-66px -22px;} +.videobb{background-position:-44px -44px;}.videobb:hover{background-position:-66px -44px;} +.icon.drop,.icon.drophide,.icon.delete{float:left;margin:0 2px;} +.icon.s22.delete{display:block;background-position:-110px 0;} +.icon.s22.text{padding:10px 0px 0px 25px;width:200px;} +.icon.text{text-indent:0px;} +.icon.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;}.border: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;} +.cc-license{margin-top:100px;font-size:0.7em;} +footer{display:block;clear:both;} +#profile-jot-text{height:20px;color:#666;border:1px solid #ccc;border-radius:5px;width:99.5%;} +#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:#ffffff 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;}#acl-showall.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-item{border:1px solid #ccc;display:block;float:left;height:110px;margin:3px 0 5px 5px;width:120px;}.acl-list-item img{width:22px;height:22px;float:left;margin:5px 5px 20px;} +.acl-list-item p{height:12px;font-size:10px;margin:0 0 22px;padding:2px 0 1px;} +.acl-list-item a{background:#cccccc 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;} +.acl-list-item.grouphide{border-color:#ff4141;} +.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;}.acpopupitem img{float:left;margin-right:4px;} +.acpopupitem.selected{color:#2e3436;background-color:#eeeeec;} +.qcomment-wrapper{padding:0px;margin:5px 5px 5px 81%;} +.qcomment{opacity:0.5;}.qcomment:hover{opacity:1.0;} +#network-star-link{margin-top:10px;} +.network-star{float:left;margin-right:5px;}.network-star.icon.starred{display:inline-block;} +.fileas-ul{padding:0;} +#sidebar-page-list ul{padding:0;margin:5px 0;} +#sidebar-page-list li{list-style:none;} +#jappix_mini{margin-left:130px;position:fixed;bottom:0;right:175px !important;z-index:999;} +@media handheld{body{font-size:15pt;}} diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less new file mode 100644 index 000000000..141ff731b --- /dev/null +++ b/view/theme/dispy/light/style.less @@ -0,0 +1,2879 @@ +/* + * dispy + * + * maintainer: simon + * 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(light/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(light/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("light/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(light/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(light/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(light/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(light/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(light/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(light/prev.png); } + +#photo-next-link { + right: 0; + top: 0; + background-image: url(light/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("light/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(light/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("light/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(light/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(light/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; } } diff --git a/view/theme/dispy/light/tag.png b/view/theme/dispy/light/tag.png new file mode 100644 index 000000000..9b5a7223e Binary files /dev/null and b/view/theme/dispy/light/tag.png differ diff --git a/view/theme/dispy/light/theme.php b/view/theme/dispy/light/theme.php new file mode 100644 index 000000000..2b37c0671 --- /dev/null +++ b/view/theme/dispy/light/theme.php @@ -0,0 +1,32 @@ + Dispy: Light, Spartan, Sleek, and Functional
Dispy Dark: Dark, Spartan, Sleek, and Functional

+ * Version: 1.2 + * Author: Simon + * Maintainer: Simon + * Screenshot: Screenshot + */ + +$a = get_app(); +$a->theme_info = array( + 'family' => 'dispy', + 'name' => 'light', + 'version' => '1.2' +); + +function dispy_light_init(&$a) { + + /** @purpose set some theme defaults + */ + $cssFile = null; + $colour = false; + $colour = 'light'; + + // custom css + if (!is_null($cssFile)) { + $a->page['htmlhead'] .= sprintf('', $cssFile); + } +} + diff --git a/view/theme/dispy/login-bg.gif b/view/theme/dispy/login-bg.gif deleted file mode 100644 index cde836c89..000000000 Binary files a/view/theme/dispy/login-bg.gif and /dev/null differ diff --git a/view/theme/dispy/menu-user-pin.jpg b/view/theme/dispy/menu-user-pin.jpg deleted file mode 100644 index 26449569f..000000000 Binary files a/view/theme/dispy/menu-user-pin.jpg and /dev/null differ diff --git a/view/theme/dispy/next.png b/view/theme/dispy/next.png deleted file mode 100644 index 5e0067c4b..000000000 Binary files a/view/theme/dispy/next.png and /dev/null differ diff --git a/view/theme/dispy/notifications.png b/view/theme/dispy/notifications.png deleted file mode 100644 index 66c432eac..000000000 Binary files a/view/theme/dispy/notifications.png and /dev/null differ diff --git a/view/theme/dispy/notifications.svg b/view/theme/dispy/notifications.svg deleted file mode 100644 index eccc54457..000000000 --- a/view/theme/dispy/notifications.svg +++ /dev/null @@ -1,273 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/view/theme/dispy/photo-menu.jpg b/view/theme/dispy/photo-menu.jpg deleted file mode 100644 index fde5eb535..000000000 Binary files a/view/theme/dispy/photo-menu.jpg and /dev/null differ diff --git a/view/theme/dispy/premium.png b/view/theme/dispy/premium.png deleted file mode 100644 index d2855a4f5..000000000 Binary files a/view/theme/dispy/premium.png and /dev/null differ diff --git a/view/theme/dispy/prev.png b/view/theme/dispy/prev.png deleted file mode 100644 index 10b10d74f..000000000 Binary files a/view/theme/dispy/prev.png and /dev/null differ diff --git a/view/theme/dispy/screenshot.jpg b/view/theme/dispy/screenshot.jpg deleted file mode 100644 index 81ee35afb..000000000 Binary files a/view/theme/dispy/screenshot.jpg and /dev/null differ diff --git a/view/theme/dispy/star.png b/view/theme/dispy/star.png deleted file mode 100644 index a327ba14e..000000000 Binary files a/view/theme/dispy/star.png and /dev/null differ diff --git a/view/theme/dispy/style.php b/view/theme/dispy/style.php new file mode 100644 index 000000000..c0706af63 --- /dev/null +++ b/view/theme/dispy/style.php @@ -0,0 +1,250 @@ + Dispy: Light, Spartan, Sleek, and Functional
Dispy Dark: Dark, Spartan, Sleek, and Functional

+ * Version: 1.2 + * Author: Simon * Maintainer: Simon * Screenshot: Screenshot */ $a = get_app(); $a->theme_info = array( - 'name' => 'dispy', - 'version' => '1.1' + 'family' => 'dispy', + 'version' => '1.2' ); function dispy_init(&$a) { - // aside on profile page + /** @purpose set some theme defaults + */ + $cssFile = null; + $colour = false; + $colour = get_pconfig(local_user(), "dispy", "colour"); + if ($colour === false) { $colour = "light"; } + if ($colour == "light") { + $colour_path = "/light/"; + require_once ('light/theme.php'); + } + if ($colour == "dark") { + $colour_path = "/dark/"; + require_once ('dark/theme.php'); + } + + /** @purpose aside on profile page + */ if (($a->argv[0] . $a->argv[1]) === ("profile" . $a->user['nickname'])) { dispy_community_info(); } @@ -139,10 +155,17 @@ function dispy_init(&$a) { EOT; + // custom css + if (!is_null($cssFile)) { + $a->page['htmlhead'] .= sprintf('', $cssFile); + } + js_in_foot(); } function dispy_community_info() { + /** @purpose some sidebar stuff for new users + */ $a = get_app(); $url = $a->get_baseurl($ssl_state); $aside['$url'] = $url; diff --git a/view/theme/dispy/theme_settings.tpl b/view/theme/dispy/theme_settings.tpl new file mode 100644 index 000000000..9d250cb3a --- /dev/null +++ b/view/theme/dispy/theme_settings.tpl @@ -0,0 +1,10 @@ +{{inc field_select.tpl with $field=$colour}}{{endinc}} + +{{inc field_select.tpl with $field=$font_size}}{{endinc}} + +{{inc field_select.tpl with $field=$line_height}}{{endinc}} + +
+ +
+ -- cgit v1.2.3 From 8834944952171da2cee7c01d9188c15b56fe9fe9 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Thu, 26 Apr 2012 20:13:11 -0400 Subject: fix s/color/colour/g issue Signed-off-by: Simon L'nu --- view/theme/dispy/style.php | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/style.php b/view/theme/dispy/style.php index c0706af63..f666e2768 100644 --- a/view/theme/dispy/style.php +++ b/view/theme/dispy/style.php @@ -2,15 +2,15 @@ $line_height = false; $dispy_font_size = false; $resolution = false; - $color = false; + $colour = false; $site_line_height = get_config("dispy","line_height"); $site_dispy_font_size = get_config("dispy", "font_size" ); - $site_color = get_config("dispy", "colour" ); + $site_colour = get_config("dispy", "colour" ); if (local_user()) { $line_height = get_pconfig(local_user(), "dispy","line_height"); $dispy_font_size = get_pconfig(local_user(), "dispy", "font_size"); - $color = get_pconfig(local_user(), "dispy", "colour"); + $colour = get_pconfig(local_user(), "dispy", "colour"); } if ($line_height === false) { $line_height = $site_line_height; } @@ -20,7 +20,7 @@ if ($colour === false) { $colour = $site_colour; } if ($colour === false) { $colour = "light"; } - if($color == "light") { + if($colour == "light") { if (file_exists("$THEMEPATH/light/style.css")) { echo file_get_contents("$THEMEPATH/light/style.css"); } @@ -134,7 +134,7 @@ } } - if($color == "dark") { + if($colour == "dark") { if (file_exists("$THEMEPATH/dark/style.css")) { echo file_get_contents("$THEMEPATH/dark/style.css"); } -- cgit v1.2.3 From b936e3a18ae766ffa26c6b119a0bb639b0c5fd5b Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Fri, 27 Apr 2012 02:33:58 -0400 Subject: fix 2 issues. contacts img in finder; wall filer title Signed-off-by: Simon L'nu --- view/theme/dispy/dark/style.css | 5 +++++ view/theme/dispy/dark/style.less | 26 ++++++++++++++++++++++++++ view/theme/dispy/light/style.css | 5 +++++ view/theme/dispy/light/style.less | 26 ++++++++++++++++++++++++++ view/theme/dispy/wall_item.tpl | 2 +- 5 files changed, 63 insertions(+), 1 deletion(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/dark/style.css b/view/theme/dispy/dark/style.css index d151cfa1c..91dfde4ae 100644 --- a/view/theme/dispy/dark/style.css +++ b/view/theme/dispy/dark/style.css @@ -215,7 +215,12 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm .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:#2e2f2e;width:95%;} div[id$="text"]{font-weight:bold;border-bottom:1px solid #ccc;} div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:left;} +.profile-match-wrapper{float:left;margin:0 5px 40px 0;width:120px;height:120px;padding:3px;position:relative;} +.icon.drophide.profile-match-ignore{margin:0 6px 0 -3px;} [id$="-end"],[class$="end"]{clear:both;margin:0 0 10px 0;} +.profile-match-end{margin:0 0 5px 0;} +.profile-match-name{font-weight:bold;margin:auto auto auto 23px;} +.profile-match-connect{font-style:italic;margin:auto auto auto 23px;} #advanced-profile-with{margin-left:200px;} .photos{height:auto;overflow:auto;} #photo-top-links{margin-bottom:30px;} diff --git a/view/theme/dispy/dark/style.less b/view/theme/dispy/dark/style.less index 6bab0109a..5efb44603 100644 --- a/view/theme/dispy/dark/style.less +++ b/view/theme/dispy/dark/style.less @@ -1385,10 +1385,36 @@ div { br { clear: left; } } } +.profile-match-wrapper { + float: left; + margin: 0 5px 40px 0; + width: 120px; + height: 120px; + padding: 3px; + position: relative; +} +.icon.drophide.profile-match-ignore { + margin: 0 6px 0 -3px; +} +.profile-match-photo { + +} + [id$="-end"], [class$="end"] { clear: both; margin: 0 0 10px 0; } +.profile-match-end { + margin: 0 0 5px 0; +} +.profile-match-name { + font-weight: bold; + margin: auto auto auto 23px; +} +.profile-match-connect { + font-style: italic; + margin: auto auto auto 23px; +} #advanced-profile-with { margin-left: 200px; } diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css index 7c996f6f9..e38a71249 100644 --- a/view/theme/dispy/light/style.css +++ b/view/theme/dispy/light/style.css @@ -215,7 +215,12 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm .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%;} div[id$="text"]{font-weight:bold;border-bottom:1px solid #ccc;} div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:left;} +.profile-match-wrapper{float:left;margin:0 5px 40px 0;width:120px;height:120px;padding:3px;position:relative;} +.icon.drophide.profile-match-ignore{margin:0 6px 0 -3px;} [id$="-end"],[class$="end"]{clear:both;margin:0 0 10px 0;} +.profile-match-end{margin:0 0 5px 0;} +.profile-match-name{font-weight:bold;margin:auto auto auto 23px;} +.profile-match-connect{font-style:italic;margin:auto auto auto 23px;} #advanced-profile-with{margin-left:200px;} .photos{height:auto;overflow:auto;} #photo-top-links{margin-bottom:30px;} diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less index 141ff731b..bbbc07742 100644 --- a/view/theme/dispy/light/style.less +++ b/view/theme/dispy/light/style.less @@ -1386,10 +1386,36 @@ div { br { clear: left; } } } +.profile-match-wrapper { + float: left; + margin: 0 5px 40px 0; + width: 120px; + height: 120px; + padding: 3px; + position: relative; +} +.icon.drophide.profile-match-ignore { + margin: 0 6px 0 -3px; +} +.profile-match-photo { + +} + [id$="-end"], [class$="end"] { clear: both; margin: 0 0 10px 0; } +.profile-match-end { + margin: 0 0 5px 0; +} +.profile-match-name { + font-weight: bold; + margin: auto auto auto 23px; +} +.profile-match-connect { + font-style: italic; + margin: auto auto auto 23px; +} #advanced-profile-with { margin-left: 200px; } diff --git a/view/theme/dispy/wall_item.tpl b/view/theme/dispy/wall_item.tpl index 52af07532..35e65f397 100644 --- a/view/theme/dispy/wall_item.tpl +++ b/view/theme/dispy/wall_item.tpl @@ -40,7 +40,7 @@
    {{ if $item.filer }} -
    • +
    • {{ endif }} {{ if $item.plink }}
    • -- cgit v1.2.3 From deae1df3beda132dde5e907cc784db5f7ce577c2 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Fri, 27 Apr 2012 04:42:38 -0400 Subject: fix some css errors Signed-off-by: Simon L'nu --- view/theme/dispy/dark/style.css | 6 +++--- view/theme/dispy/dark/style.less | 21 ++++++++++++++------- view/theme/dispy/light/style.css | 6 +++--- view/theme/dispy/light/style.less | 21 ++++++++++++++------- 4 files changed, 34 insertions(+), 20 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/dark/style.css b/view/theme/dispy/dark/style.css index 91dfde4ae..3b0548be2 100644 --- a/view/theme/dispy/dark/style.css +++ b/view/theme/dispy/dark/style.css @@ -232,8 +232,8 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le .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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background-position:center center;background-repeat:no-repeat;} -#photo-prev-link{left:0;top:0;background-image:url(dark/prev.png);} -#photo-next-link{right:0;top:0;background-image:url(dark/next.png);} +#photo-prev-link{background-image:url(dark/prev.png);height:350px;left:1%;top:215px;width:50px;z-index:10;} +#photo-next-link{background-image:url(dark/next.png);height:350px;right:45%;top:215px;width:50px;} #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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} #photo-next-link:hover{opacity:1;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} @@ -381,7 +381,7 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le #peoplefind-sidebar form{margin-bottom:10px;} #sidebar-new-group:hover{} #sidebar-new-group:active{position:relative;top:1px;} -#side-peoplefind-url{background-color:#2e2f2e;color:#eec;border:1px 999 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} +#side-peoplefind-url{background-color:#2e2f2e;color:#eec;border:1px #999 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} .nets-ul{list-style-type:none;padding-left:0px;}.nets-ul li{margin:10px 0 0;} .nets-link,.nets-all{margin-left:0px;} #netsearch-box{margin-top:20px;width:150px;}#netsearch-box #search-submit{margin:5px 0px 0px 0px;} diff --git a/view/theme/dispy/dark/style.less b/view/theme/dispy/dark/style.less index 5efb44603..96cdb82fa 100644 --- a/view/theme/dispy/dark/style.less +++ b/view/theme/dispy/dark/style.less @@ -1485,14 +1485,21 @@ div { background-repeat: no-repeat; } #photo-prev-link { - left: 0; - top: 0; - background-image: url(dark/prev.png); } + background-image: url(dark/prev.png); + height: 350px; + left: 1%; + top: 215px; + width: 50px; + z-index: 10; +} #photo-next-link { - right: 0; - top: 0; - background-image: url(dark/next.png); } + background-image: url(dark/next.png); + height: 350px; + right: 45%; + top: 215px; + width: 50px; +} #photo-prev-link a, #photo-next-link a { display: block; @@ -2181,7 +2188,7 @@ div { #side-peoplefind-url { background-color: #2e2f2e; color: #eec; - border: 1px 999 solid; + border: 1px #999 solid; margin-right: 3px; width: 75%; &:hover, &:focus { diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css index e38a71249..fc293def8 100644 --- a/view/theme/dispy/light/style.css +++ b/view/theme/dispy/light/style.css @@ -232,8 +232,8 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le .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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background-position:center center;background-repeat:no-repeat;} -#photo-prev-link{left:0;top:0;background-image:url(light/prev.png);} -#photo-next-link{right:0;top:0;background-image:url(light/next.png);} +#photo-prev-link{background-image:url(light/prev.png);height:350px;left:1%;top:215px;width:50px;z-index:10;} +#photo-next-link{background-image:url(light/next.png);height:350px;right:45%;top:215px;width:50px;} #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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} #photo-next-link:hover{opacity:1;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} @@ -381,7 +381,7 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le #peoplefind-sidebar form{margin-bottom:10px;} #sidebar-new-group:hover{} #sidebar-new-group:active{position:relative;top:1px;} -#side-peoplefind-url{background-color:#e5e0cf;color:#666;border:1px 666 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} +#side-peoplefind-url{background-color:#e5e0cf;color:#666;border:1px #666 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} .nets-ul{list-style-type:none;padding-left:0px;}.nets-ul li{margin:10px 0 0;} .nets-link,.nets-all{margin-left:0px;} #netsearch-box{margin-top:20px;width:150px;}#netsearch-box #search-submit{margin:5px 0px 0px 0px;} diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less index bbbc07742..f14284f39 100644 --- a/view/theme/dispy/light/style.less +++ b/view/theme/dispy/light/style.less @@ -1486,14 +1486,21 @@ div { background-repeat: no-repeat; } #photo-prev-link { - left: 0; - top: 0; - background-image: url(light/prev.png); } + background-image: url(light/prev.png); + height: 350px; + left: 1%; + top: 215px; + width: 50px; + z-index: 10; +} #photo-next-link { - right: 0; - top: 0; - background-image: url(light/next.png); } + background-image: url(light/next.png); + height: 350px; + right: 45%; + top: 215px; + width: 50px; +} #photo-prev-link a, #photo-next-link a { display: block; @@ -2182,7 +2189,7 @@ div { #side-peoplefind-url { background-color: #e5e0cf; color: #666; - border: 1px 666 solid; + border: 1px #666 solid; margin-right: 3px; width: 75%; &:hover, &:focus { -- cgit v1.2.3 From d0d79196ba43a9826eff135ef5cb2096570fc568 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Fri, 27 Apr 2012 13:31:06 -0400 Subject: fix contact-friend stuff on profile sidebar Signed-off-by: Simon L'nu --- view/theme/dispy/dark/style.css | 3 ++- view/theme/dispy/dark/style.less | 26 +++++++++++++++++++++----- view/theme/dispy/light/style.css | 3 ++- view/theme/dispy/light/style.less | 26 +++++++++++++++++++++----- 4 files changed, 46 insertions(+), 12 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/dark/style.css b/view/theme/dispy/dark/style.css index 3b0548be2..553279415 100644 --- a/view/theme/dispy/dark/style.css +++ b/view/theme/dispy/dark/style.css @@ -103,6 +103,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm .vcard #profile-photo-wrapper{margin:20px;}.vcard #profile-photo-wrapper img{box-shadow:3px 3px 10px 0 #000;} #asidemain h4{font-size:1.2em;} #asidemain #viewcontacts{text-align:right;} +#asidemain #contact-block{width:99%;}#asidemain #contact-block .contact-block-content{width:99%;}#asidemain #contact-block .contact-block-content .contact-block-div{float:left;margin:0 5px 5px 0;width:50px;height:50px;padding:3px;position:relative;} .aprofile dt{background:#eec;color:#2e2f2e;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(dark/connect.png) no-repeat 95% center;border-radius:5px 5px 5px 5px;color:#eec;display:block;font-size:1.2em;padding:0.2em 0.5em;} @@ -217,7 +218,7 @@ div[id$="text"]{font-weight:bold;border-bottom:1px solid #ccc;} div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:left;} .profile-match-wrapper{float:left;margin:0 5px 40px 0;width:120px;height:120px;padding:3px;position:relative;} .icon.drophide.profile-match-ignore{margin:0 6px 0 -3px;} -[id$="-end"],[class$="end"]{clear:both;margin:0 0 10px 0;} +[id$="-end"],[class$="-end"]{clear:both;margin:0 0 10px 0;} .profile-match-end{margin:0 0 5px 0;} .profile-match-name{font-weight:bold;margin:auto auto auto 23px;} .profile-match-connect{font-style:italic;margin:auto auto auto 23px;} diff --git a/view/theme/dispy/dark/style.less b/view/theme/dispy/dark/style.less index 96cdb82fa..321cb7618 100644 --- a/view/theme/dispy/dark/style.less +++ b/view/theme/dispy/dark/style.less @@ -693,10 +693,26 @@ nav #nav-notifications-linkmenu { */ #asidemain { - h4 { - font-size: 1.2em; } - #viewcontacts { - text-align: right; } } + h4 { + font-size: 1.2em; } + #viewcontacts { + text-align: right; + } + #contact-block { + width: 99%; + .contact-block-content { + width: 99%; + .contact-block-div { + float: left; + margin: 0 5px 5px 0; + width: 50px; + height: 50px; + padding: 3px; + position: relative; + } + } + } +} .aprofile dt { background: #eec; @@ -1400,7 +1416,7 @@ div { } -[id$="-end"], [class$="end"] { +[id$="-end"], [class$="-end"] { clear: both; margin: 0 0 10px 0; } diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css index fc293def8..087555615 100644 --- a/view/theme/dispy/light/style.css +++ b/view/theme/dispy/light/style.css @@ -103,6 +103,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm .vcard #profile-photo-wrapper{margin:20px;}.vcard #profile-photo-wrapper img{box-shadow:3px 3px 10px 0 #000;} #asidemain h4{font-size:1.2em;} #asidemain #viewcontacts{text-align:right;} +#asidemain #contact-block{width:99%;}#asidemain #contact-block .contact-block-content{width:99%;}#asidemain #contact-block .contact-block-content .contact-block-div{float:left;margin:0 5px 5px 0;width:50px;height:50px;padding:3px;position:relative;} .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(light/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;} @@ -217,7 +218,7 @@ div[id$="text"]{font-weight:bold;border-bottom:1px solid #ccc;} div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:left;} .profile-match-wrapper{float:left;margin:0 5px 40px 0;width:120px;height:120px;padding:3px;position:relative;} .icon.drophide.profile-match-ignore{margin:0 6px 0 -3px;} -[id$="-end"],[class$="end"]{clear:both;margin:0 0 10px 0;} +[id$="-end"],[class$="-end"]{clear:both;margin:0 0 10px 0;} .profile-match-end{margin:0 0 5px 0;} .profile-match-name{font-weight:bold;margin:auto auto auto 23px;} .profile-match-connect{font-style:italic;margin:auto auto auto 23px;} diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less index f14284f39..f7c4135c7 100644 --- a/view/theme/dispy/light/style.less +++ b/view/theme/dispy/light/style.less @@ -694,10 +694,26 @@ nav #nav-notifications-linkmenu { */ #asidemain { - h4 { - font-size: 1.2em; } - #viewcontacts { - text-align: right; } } + h4 { + font-size: 1.2em; } + #viewcontacts { + text-align: right; + } + #contact-block { + width: 99%; + .contact-block-content { + width: 99%; + .contact-block-div { + float: left; + margin: 0 5px 5px 0; + width: 50px; + height: 50px; + padding: 3px; + position: relative; + } + } + } +} .aprofile dt { background: transparent; @@ -1401,7 +1417,7 @@ div { } -[id$="-end"], [class$="end"] { +[id$="-end"], [class$="-end"] { clear: both; margin: 0 0 10px 0; } -- cgit v1.2.3 From 64f3af49fa31ee566515cb878f5e5e48a0b4f6b3 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Fri, 27 Apr 2012 14:33:56 -0400 Subject: remove extra netsearch-box and fix Signed-off-by: Simon L'nu --- view/theme/dispy/dark/style.css | 3 +-- view/theme/dispy/dark/style.less | 16 ++++++---------- view/theme/dispy/light/style.css | 3 +-- view/theme/dispy/light/style.less | 16 ++++++---------- 4 files changed, 14 insertions(+), 24 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/dark/style.css b/view/theme/dispy/dark/style.css index 553279415..26a21bcf1 100644 --- a/view/theme/dispy/dark/style.css +++ b/view/theme/dispy/dark/style.css @@ -108,7 +108,6 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm #profile-extra-links ul{margin-left:0px;padding-left:0px;list-style:none;} #dfrn-request-link{background:#3465a4 url(dark/connect.png) no-repeat 95% center;border-radius:5px 5px 5px 5px;color:#eec;display:block;font-size:1.2em;padding:0.2em 0.5em;} #wallmessage-link{color:#eee;display:block;font-size:1.2em;padding:0.2em 0.5em;} -#netsearch-box{margin:20px 0px 30px;width:150px;}#netsearch-box #search-submit{margin:5px 5px 0px 0px;} .ttright{margin:0px 0px 0px 0px;} .contact-block-div{width:50px;height:50px;float:left;} .contact-block-textdiv{width:150px;height:34px;float:left;} @@ -385,7 +384,7 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le #side-peoplefind-url{background-color:#2e2f2e;color:#eec;border:1px #999 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} .nets-ul{list-style-type:none;padding-left:0px;}.nets-ul li{margin:10px 0 0;} .nets-link,.nets-all{margin-left:0px;} -#netsearch-box{margin-top:20px;width:150px;}#netsearch-box #search-submit{margin:5px 0px 0px 0px;} +#netsearch-box{margin:20px 0px 30px;width:135px;}#netsearch-box #search-submit{margin:5px 5px 0px 0px;} #pending-update{float:right;color:#fff;font-weight:bold;background-color:#ff0000;padding:0 .3em;} .admin.linklist{border:0;padding:0;} .admin.link{list-style-position:inside;} diff --git a/view/theme/dispy/dark/style.less b/view/theme/dispy/dark/style.less index 321cb7618..c56adf5a1 100644 --- a/view/theme/dispy/dark/style.less +++ b/view/theme/dispy/dark/style.less @@ -743,12 +743,6 @@ nav #nav-notifications-linkmenu { 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; } @@ -2222,10 +2216,12 @@ div { margin-left: 0px; } #netsearch-box { - margin-top: 20px; - width: 150px; - #search-submit { - margin: 5px 0px 0px 0px; } } + margin: 20px 0px 30px; + width: 135px; + #search-submit { + margin: 5px 5px 0px 0px; + } +} /** * admin diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css index 087555615..2c95d70da 100644 --- a/view/theme/dispy/light/style.css +++ b/view/theme/dispy/light/style.css @@ -108,7 +108,6 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm #profile-extra-links ul{margin-left:0px;padding-left:0px;list-style:none;} #dfrn-request-link{background:#3465a4 url(light/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{color:#eee;display:block;font-size:1.2em;padding:0.2em 0.5em;} -#netsearch-box{margin:20px 0px 30px;width:150px;}#netsearch-box #search-submit{margin:5px 5px 0px 0px;} .ttright{margin:0px 0px 0px 0px;} .contact-block-div{width:50px;height:50px;float:left;} .contact-block-textdiv{width:150px;height:34px;float:left;} @@ -385,7 +384,7 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le #side-peoplefind-url{background-color:#e5e0cf;color:#666;border:1px #666 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} .nets-ul{list-style-type:none;padding-left:0px;}.nets-ul li{margin:10px 0 0;} .nets-link,.nets-all{margin-left:0px;} -#netsearch-box{margin-top:20px;width:150px;}#netsearch-box #search-submit{margin:5px 0px 0px 0px;} +#netsearch-box{margin:20px 0px 30px;width:135px;}#netsearch-box #search-submit{margin:5px 5px 0px 0px;} #pending-update{float:right;color:#fff;font-weight:bold;background-color:#ff0000;padding:0 .3em;} .admin.linklist{border:0;padding:0;} .admin.link{list-style-position:inside;} diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less index f7c4135c7..18151bc27 100644 --- a/view/theme/dispy/light/style.less +++ b/view/theme/dispy/light/style.less @@ -744,12 +744,6 @@ nav #nav-notifications-linkmenu { 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; } @@ -2223,10 +2217,12 @@ div { margin-left: 0px; } #netsearch-box { - margin-top: 20px; - width: 150px; - #search-submit { - margin: 5px 0px 0px 0px; } } + margin: 20px 0px 30px; + width: 135px; + #search-submit { + margin: 5px 5px 0px 0px; + } +} /** * admin -- cgit v1.2.3 From 3bfa3f2a13f4e3b75b8e922eb3d946e1a31809b6 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Fri, 27 Apr 2012 21:02:57 -0400 Subject: fix #search-text Signed-off-by: Simon L'nu --- view/theme/dispy/dark/style.css | 3 +-- view/theme/dispy/dark/style.less | 8 +++----- view/theme/dispy/light/style.css | 3 +-- view/theme/dispy/light/style.less | 8 +++----- 4 files changed, 8 insertions(+), 14 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/dark/style.css b/view/theme/dispy/dark/style.css index 26a21bcf1..de4f3a6dc 100644 --- a/view/theme/dispy/dark/style.css +++ b/view/theme/dispy/dark/style.css @@ -73,8 +73,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm #nav-buttons{clear:both;list-style:none;padding:0px;margin:0px;height:25px;}#nav-buttons>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(dark/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:#2e2f2e;color:#eec;} -.search-box #search-text{margin:8px;width:10em;height:14px;color:#eec;} +#search-text{border:1px #eec solid;background:#2e2f2e;color:#eec;font-size:8pt;margin:8px;width:10em;height:14px;} #scrollup{position:fixed;right:5px;bottom:40px;z-index:100;}#scrollup 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("dark/menu-user-pin.jpg") 98% center no-repeat;clear:both;top:4px;left:10px;padding:2px;}#user-menu>a{vertical-align:top;} #user-menu-label{font-size:12px;padding:3px 20px 9px 5px;height:10px;} diff --git a/view/theme/dispy/dark/style.less b/view/theme/dispy/dark/style.less index c56adf5a1..41fd2c8aa 100644 --- a/view/theme/dispy/dark/style.less +++ b/view/theme/dispy/dark/style.less @@ -477,13 +477,11 @@ nav #nav-notifications-linkmenu { #search-text { border: 1px #eec solid; background: #2e2f2e; - color: #eec; } - -.search-box #search-text { + color: #eec; + font-size: 8pt; margin: 8px; width: 10em; - height: 14px; - color: #eec; } + height: 14px; } #scrollup { position: fixed; diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css index 2c95d70da..8fc48a80f 100644 --- a/view/theme/dispy/light/style.css +++ b/view/theme/dispy/light/style.css @@ -73,8 +73,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm #nav-buttons{clear:both;list-style:none;padding:0px;margin:0px;height:25px;}#nav-buttons>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(light/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;} +#search-text{border:1px #eec solid;background:#2e3436;color:#eec;font-size:8pt;margin:8px;width:10em;height:14px;} #scrollup{position:fixed;right:5px;bottom:40px;z-index:100;}#scrollup 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("light/menu-user-pin.jpg") 98% center no-repeat;clear:both;top:4px;left:10px;padding:2px;}#user-menu>a{vertical-align:top;} #user-menu-label{font-size:12px;padding:3px 20px 9px 5px;height:10px;} diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less index 18151bc27..57b40351b 100644 --- a/view/theme/dispy/light/style.less +++ b/view/theme/dispy/light/style.less @@ -478,13 +478,11 @@ nav #nav-notifications-linkmenu { #search-text { border: 1px #eec solid; background: #2e3436; - color: #eec; } - -.search-box #search-text { + color: #eec; + font-size: 8pt; margin: 8px; width: 10em; - height: 14px; - color: #eec; } + height: 14px; } #scrollup { position: fixed; -- cgit v1.2.3 From 6d3ba2825bf253f28204f07e265c37d873286592 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Tue, 1 May 2012 04:02:56 -0400 Subject: lighten bg and darken font on dispy light Signed-off-by: Simon L'nu --- view/theme/dispy/light/style.css | 8 ++++---- view/theme/dispy/light/style.less | 12 +++++++----- 2 files changed, 11 insertions(+), 9 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css index 8fc48a80f..19ae9b6e8 100644 --- a/view/theme/dispy/light/style.css +++ b/view/theme/dispy/light/style.css @@ -2,10 +2,10 @@ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display audio,canvas,video,time{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]),[hidden]{display:none;} 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;}option[selected="selected"]{color:#111;background:#cca;} +body{margin:0;font-size:16px;line-height:1.1em;font-family:sans-serif;color:#111;background-color:#eee;} +button,input,select,textarea{font-family:sans-serif;color:#222;background-color:#eee;} +select{border:1px #555 dotted;padding:3px;margin:3px;color:#222;background:#eee;} +option{padding:3px;color:#222;background:#eee;}option[selected="selected"]{color:#111;background:#cca;} ul,ol{padding:0;} :focus{outline:0;} [disabled="disabled"]{background:#ddd;color:#333;} diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less index 57b40351b..8968da42e 100644 --- a/view/theme/dispy/light/style.less +++ b/view/theme/dispy/light/style.less @@ -13,6 +13,8 @@ /* from html5boilerplate */ /* these are to tell browsers they should be displayed a certain way */ +//@import "_base.less"; + article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } @@ -44,25 +46,25 @@ body { font-size: 16px; line-height: 1.1em; font-family: sans-serif; - color: #222; - background-color: #e8e8e8; } + color: #111; + background-color: #eee; } button, input, select, textarea { font-family: sans-serif; color: #222; - background-color: #e8e8e8; } + background-color: #eee; } select { border: 1px #555 dotted; padding: 3px; margin: 3px; color: #222; - background: #e8e8e8; } + background: #eee; } option { padding: 3px; color: #222; - background: #e8e8e8; + background: #eee; &[selected="selected"] { color: #111; background: #cca; } } -- cgit v1.2.3 From 1a13c56fef31ccff494e33cc5634eed6cd567eb5 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Thu, 3 May 2012 14:25:18 -0400 Subject: major reworking of dispy dark. light to follow Signed-off-by: Simon L'nu --- view/theme/dispy/bottom.tpl | 1 + view/theme/dispy/dark/_base.less | 136 + view/theme/dispy/dark/connect.png | Bin 443 -> 0 bytes view/theme/dispy/dark/style.css | 280 +- view/theme/dispy/dark/style.less | 3706 +++++++++++---------- view/theme/dispy/icons/connect.png | Bin 0 -> 443 bytes view/theme/dispy/jot.tpl | 14 +- view/theme/dispy/js/modernizr.custom.2.5.3.js | 989 ++++++ view/theme/dispy/js/modernizr.custom.2.5.3.min.js | 4 + view/theme/dispy/light/_base.less | 101 + view/theme/dispy/profile_vcard.tpl | 2 +- 11 files changed, 3305 insertions(+), 1928 deletions(-) create mode 100644 view/theme/dispy/dark/_base.less delete mode 100644 view/theme/dispy/dark/connect.png create mode 100644 view/theme/dispy/icons/connect.png create mode 100644 view/theme/dispy/js/modernizr.custom.2.5.3.js create mode 100644 view/theme/dispy/js/modernizr.custom.2.5.3.min.js create mode 100644 view/theme/dispy/light/_base.less (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/bottom.tpl b/view/theme/dispy/bottom.tpl index 130bfb25a..1af83e4c8 100644 --- a/view/theme/dispy/bottom.tpl +++ b/view/theme/dispy/bottom.tpl @@ -44,3 +44,4 @@ function cmtBbOpen(id) { $(".comment-edit-bb-" + id).show(); } + diff --git a/view/theme/dispy/dark/_base.less b/view/theme/dispy/dark/_base.less new file mode 100644 index 000000000..c26332bd2 --- /dev/null +++ b/view/theme/dispy/dark/_base.less @@ -0,0 +1,136 @@ +// _base.less +// +// the base file for dispy's dark "sub-theme". +// +// Notes: +// this is used to define mixins (think of them as functions) +// and variables. the mixins are the ".foo () {}" things, vars are +// like "@bar". +// +// (BTW, this will make it a LOT easier to maintain.) +// +// Dev. Note: the // style comments don't show up at all when +// you "compile" the css (with `lessc`), but css (/**/) comments +// do. i use them to our advantage :). + +//* backgrounds */ +@dk_bg_colour: #1d1f1d; +@bg_colour: #2e2f2e; +@bg_alt_colour: #2e302e; +@med_bg_colour: #4e4f4e; +@menu_bg_colour: #555753; + +//* font colour, aka color: */ +@lt_main_colour: #ffff99; +@main_colour: #eeeecc; +@main_alt_colour: #eeeeee; +// darken(@main_alt_colour, 13%) > #cdcdcd +// darken(@main_alt_colour, 60%) > #555555 +@disabled_colour: #ddddbb; +@shiny_colour: #2e3436; +@red_orange: #ff2000; +@orange: #f8911b; +@lt_orange: #fcaf3e; +@shadow_colour: #111111; +@friendica_blue: #3465a4; +@notice: #3320bc; +@info: #1353b1; +@alert: #ff0000; + +@lt_main_colour: lighten(@bg_colour, 10%); +@dk_main_colour: darken(@bg_colour, 10%); + +//* links */ +@link_colour: #88a9d2; +@dk_link_colour: darken(@link_colour, 10%); +@lt_link_colour: lighten(@link_colour, 10%); +//@hover_colour: #729fcf; +@hover_colour: @dk_link_colour; + +//* box shadows */ +@menu_shadow: 5px 0 10px 0 @shadow_colour; +@main_shadow: 3px 3px 3px 10px 0 @shadow_colour; + +// default here was @main_shadow +.box_shadow(@h: 5px, @v: 5px, @blur: 5px, @spread: 0px, @colour: @shadow_colour) { + -moz-box-shadow: @h @v @blur @spread @colour; + -o-box-shadow: @h @v @blur @spread @colour; + -webkit-box-shadow: @h @v @blur @spread @colour; + -ms-box-shadow: @h @v @blur @spread @colour; + box-shadow: @h @v @blur @spread @colour; +} +//* 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 +//*/ + +//* text-shadow */ +.text_shadow (@h: 1px, @v: 1px, @c: #111) { + -moz-text-shadow: @h @v @c; + -o-text-shadow: @h @v @c; + -webkit-text-shadow: @h @v @c; + -ms-text-shadow: @h @v @c; + text-shadow: @h @v @c; +} +//* transitions */ +.transition (@type: all, @dur: 0.5s, @effect: ease-in-out) { + -webkit-transition: @arguments; + -moz-transition: @arguments; + -o-transition: @arguments; + -ms-transition: @arguments; + transition: @arguments; +} + +//* borders */ +.borders (@size: 1px, @style: solid, @colour: @main_colour) { + border: @size @style @colour; +} + +//* rounded box corners */ +.rounded_corners (@r: 5px) { + -o-border-radius: @r; + -webkit-border-radius: @r; + -moz-border-radius: @r; + -ms-border-radius: @r; + border-radius: @r; +} + +//* pre wrap */ +.wrap () { + white-space: pre-wrap; + white-space: pre; + word-wrap: none; +} +//* font size sizing */ +.default_font () { + font-size: 16px; + line-height: 1.1em; + font-family: sans-serif; +} + +//* reset ul, ol */ +.list_reset () { + margin: 0px; + padding: 0px; + list-style: none; + list-style-position: inside; +} + +//* box size: width, height */ +.box (@w: 20px, @h: 20px) { + width: @w; + height: @h; +} + diff --git a/view/theme/dispy/dark/connect.png b/view/theme/dispy/dark/connect.png deleted file mode 100644 index b76fc13dc..000000000 Binary files a/view/theme/dispy/dark/connect.png and /dev/null differ diff --git a/view/theme/dispy/dark/style.css b/view/theme/dispy/dark/style.css index de4f3a6dc..4a21a76fb 100644 --- a/view/theme/dispy/dark/style.css +++ b/view/theme/dispy/dark/style.css @@ -2,36 +2,39 @@ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display audio,canvas,video,time{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]),[hidden]{display:none;} 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:#eec;background-color:#2e2f2e;} -button,input,select,textarea{font-family:sans-serif;color:#eec;background-color:#2e2f2e;} -select{border:1px #555 dotted;padding:3px;margin:3px;color:#eec;background:#2e2f2e;} -option{padding:3px;color:#eec;background:#2e2f2e;}option[selected="selected"]{color:#2e2f2e;background:#eec;} -ul,ol{padding:0;} +body{margin:0;padding:0;font-size:16px;line-height:1.1em;font-family:sans-serif;color:#eeeecc;background-color:#2e2f2e;} +button,input,select,textarea{color:#eeeecc;background-color:#2e2f2e;} +select{border:1px #555 dotted;padding:1px;margin:3px;color:#eeeecc;background:#2e2f2e;} +option{padding:1px;color:#eeeecc;background:#2e2f2e;}option[selected="selected"]{color:#2e2f2e;background:#eeeecc;} +ul,ol{margin:0px;padding:0px;list-style:none;list-style-position:inside;} +tr:nth-child(even){background-color:#474947;} :focus{outline:0;} -[disabled="disabled"]{background:#4e4f4f;color:#ddb;} -ins{background-color:#2e302e;color:#ff9;text-decoration:none;} -mark{background-color:#2e302e;color:#ff9;font-style:italic;font-weight:bold;} +[disabled="disabled"]{background:#4e4f4e;color:#ddddbb;} +ins,mark{background-color:#2e302e;color:#474947;} +ins{text-decoration:none;} +mark{font-style:italic;font-weight:bold;} pre,code,kbd,samp,.wall-item-body code{font-family:monospace, monospace;_font-family:monospace;font-size:1em;} -pre,.wall-item-body code{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} +pre,.wall-item-body code{white-space:pre-wrap;white-space:pre;word-wrap:none;} q{quotes:none;}q:before,q:after{content:"";content:none;} small{font-size:85%;} 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:#88a9d2;text-decoration:none;margin-bottom:1px;}a:hover img{text-decoration:none;} -blockquote{background:#444;color:#eec;text-indent:5px;padding:5px;border:1px #aaa solid;border-radius:5px;} -a:hover{color:#729fcf;border-bottom:1px dotted #729fcf;} +a{color:#88a9d2;text-decoration:none;margin-bottom:1px;}a:hover{color:#638ec4;border-bottom:1px dotted #638ec4;} +a:hover img{text-decoration:none;} +blockquote{background:#444;color:#eeeecc;text-indent:5px;padding:5px;border:1px #aaa solid;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;} .required{display:inline;color:#ff0;font-size:16px;font-weight:bold;margin:3px;} -.fakelink,.lockview{color:#729fcf;cursor:pointer;} -.fakelink:hover{color:#729fcf;} +.fakelink,.lockview{color:#88a9d2;cursor:pointer;} +.fakelink:hover{color:#638ec4;} .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:#2e302e;color:#eeeeec;padding:1em;} +#panel{position:absolute;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #eeeeee;background-color:#2e302e;color:#eeeecc;padding:1em;} .pager{margin-top:60px;display:block;clear:both;text-align:center;}.pager span{padding:4px;margin:4px;} -.pager_current{background-color:#729fcf;color:#fff;} +.pager_current{background-color:#88a9d2;color:#eeeeee;} .action{margin:5px 0;} .tool{margin:5px 0;list-style:none;} #articlemain{width:100%;height:100%;margin:0 auto;} +[class$="-desc"],[id$="-desc"]{color:#2e2f2e;background:#eeeecc;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:3px 3px 5px 0px #111111;-o-box-shadow:3px 3px 5px 0px #111111;-webkit-box-shadow:3px 3px 5px 0px #111111;-ms-box-shadow:3px 3px 5px 0px #111111;box-shadow:3px 3px 5px 0px #111111;padding:3px;margin:5px 0;font-weight:bold;} #asidemain .field{overflow:hidden;width:200px;} #login-extra-links{overflow:auto !important;padding-top:60px !important;width:100% !important;}#login-extra-links a{margin-right:20px;} #login_standard{display:block !important;float:none !important;height:100% !important;position:relative !important;width:100% !important;}#login_standard .field label{width:200px !important;} @@ -41,10 +44,10 @@ a:hover{color:#729fcf;border-bottom:1px dotted #729fcf;} #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;} #login_openid label{width:180px !important;} -nav{height:60px;background-color:#1d1f1d;color:#eeeeec;position:relative;padding:20px 20px 10px 95px;}nav a{text-decoration:none;color:#eeeeec;border:0px;}nav a:hover{text-decoration:none;color:#eeeeec;border:0px;} +nav{height:60px;background-color:#1d1f1d;color:#eeeeee;position:relative;padding:20px 20px 10px 95px;}nav a{text-decoration:none;color:#eeeeee;border:0px;}nav a:hover{text-decoration:none;color:#eeeeee;border:0px;} nav #banner{display:block;position:absolute;left:51px;top:25px;}nav #banner #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;}ul#user-menu-popup li{display:block;}ul#user-menu-popup li a{display:block;padding:5px;}ul#user-menu-popup li a:hover{color:#2e302e;background-color:#eeeeec;} -ul#user-menu-popup li a.nav-sep{border-top:1px solid #eeeeec;} +ul#user-menu-popup{display:none;position:absolute;background-color:#555753;width:100%;padding:10px 0px;margin:0px;top:20px;left:0;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-moz-box-shadow:5px 5px 10px 0px #111111;-o-box-shadow:5px 5px 10px 0px #111111;-webkit-box-shadow:5px 5px 10px 0px #111111;-ms-box-shadow:5px 5px 10px 0px #111111;box-shadow:5px 5px 10px 0px #111111;z-index:10000;}ul#user-menu-popup li{display:block;}ul#user-menu-popup li a{display:block;padding:5px;}ul#user-menu-popup li a:hover{color:#eeeecc;background-color:#2e302e;} +ul#user-menu-popup li a.nav-sep{border-top:1px solid #2e302e;} nav .nav-link{display:inline-block;width:22px;height:22px;overflow:hidden;margin:0px 5px 5px;text-indent:50px;background:transparent url(dark/icons.png) 0 0 no-repeat;} #nav-apps-link{background-position:0 -66px;}#nav-apps-link:hover{background-position:-22px -66px;} #nav-community-link,#nav-contacts-link{background-position:0 -22px;}#nav-community-link:hover,#nav-contacts-link:hover{background-position:-22px -22px;} @@ -58,24 +61,24 @@ nav .nav-link{display:inline-block;width:22px;height:22px;overflow:hidden;margin #nav-notify-link:hover{background-position:-66px -110px;} #nav-network-link{background-position:0px -177px;}#nav-network-link:hover{background-position:-22px -177px;} #nav-search-link{background-position:0 -44px;}#nav-search-link: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;} -div.jGrowl div.notice{background:#511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;color:#ffffff;padding-left:58px;} -div.jGrowl div.info{background:#364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;color:#ffffff;padding-left:58px;} +#jot-title,#profile-link,#profile-title,#profile-attach-wrapper,#profile-audio,#profile-link,#profile-location,#profile-nolocation,#profile-title,#profile-upload-wrapper,#profile-video,#profile-jot-submit,#wall-image-upload,#wall-file-upload,#wall-image-upload-div,#wall-file-upload-div,.icon,.hover,.focus,.pointer{cursor:pointer;} +div.jGrowl div.notice{background:#3320bc url("../../../images/icons/48/notice.png") no-repeat 5px center;color:white;padding-left:58px;margin-top:50px;} +div.jGrowl div.info{background:#1353b1 url("../../../images/icons/48/info.png") no-repeat 5px center;color:white;padding-left:58px;margin-top:50px;} #nav-notifications-menu{margin:30px 0 0 -20px;width:275px;max-height:300px;overflow-y:auto;font-size:9pt;}#nav-notifications-menu .contactname{font-weight:bold;font-size:0.9em;} #nav-notifications-menu img{float:left;margin-right:5px;} #nav-notifications-menu .notif-when{font-size:0.8em;display:block;} -#nav-notifications-menu li{word-wrap:normal;border-bottom:1px solid #000;}#nav-notifications-menu li:hover{color:black;} +#nav-notifications-menu li{word-wrap:normal;border-bottom:1px solid black;}#nav-notifications-menu li:hover{color:black;} #nav-notifications-menu a:hover{color:black;text-decoration:underline;} -nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkmenu.selected .icon.s22.notify{background-image:url("../../../images/icons/22/notify_on.png");} +nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkmenu.selected .icon.s22.notify{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAUJcAAFCXAZtv64UAAAHuSURBVCjPbZPbTlNBFIYHLixXRIhEQGNRMUopJAJyAyZ4Z2l8B+XwEBqKtjwOp8oDIAJKIJFUjdFIQCUYrRytdyb0459ht8wG9rrYs9b618y/TsYEH4ZK4qRYYIdDybZOI7TKakIfVhrJ8J2i5IBNyV93/kaaBuv3oV3MgwCTPKGHPkkPA0xRUMBrOgN4AP0o6BseEpF2m3es0qJTFQneyvMhgDsC9tZprnEcGuOPeMcDLUpW3jlLxlDBmJTFY6gLvsVv8tyh9G7U3Z6mwtCuJAoiECSh/w1+8otmTjLqF2KDNsNzRY1bruV0o6rFFtc9S5USh5RRWvAYv4xX9dYPS8ur1oBQC4Y99m2uHriRNda5ErLdU1l3jCI2xdJ3XOYLX6kP2W6K2OF54Et84jN154F31d6ukKOG92pSbcjWLRrbRhVGLTZeOtXqX46LoQSHhJo3jOo3ESrdBQbljIRKNyXUiKHNNSXhTdbZiUzyT/WJ23Zn3BBFy+2u4ZHc1eV2N7EkxAvbbqMRmZOSlbE0g/uajRgl6Iy8r1wpnaFTQ4ji+8XOEsuxYmdDWpJleXJ0+BPdoduL4p5Vavd5IOllmJfiWmSWu6d3pV4jteFWqaAGbLkdKSqtUXXUnN3DSvF8phfy/JfkxfOp9sVb2COz+hY/T0qkwwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMS0wOS0xNlQwOTozOTowMCswMjowMC9Oi90AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTEtMDktMTZUMDk6Mzk6MDArMDI6MDBeEzNhAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==");} .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:#1d1f1d;color:transparent;border-radius:5px;z-index:100;width:300px;height:60px;} +#notifications{width:170px;height:20px;position:absolute;top:-19px;left:4px;} +#nav-floater{position:fixed;top:20px;right:1%;padding:5px;background:#1d1f1d;color:transparent;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;z-index:100;width:300px;height:60px;} #nav-buttons{clear:both;list-style:none;padding:0px;margin:0px;height:25px;}#nav-buttons>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(dark/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:#2e2f2e;color:#eec;font-size:8pt;margin:8px;width:10em;height:14px;} +.search-box{display:inline-block;margin:5px;position:fixed;right:0px;bottom:0px;z-index:100;background:#1d1f1d;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;} +#search-text{border:1px solid #eeeecc;background:#2e2f2e;color:#eeeecc;font-size:8pt;margin:8px;width:10em;height:14px;} #scrollup{position:fixed;right:5px;bottom:40px;z-index:100;}#scrollup 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("dark/menu-user-pin.jpg") 98% center no-repeat;clear:both;top:4px;left:10px;padding:2px;}#user-menu>a{vertical-align:top;} +#user-menu{-moz-box-shadow:5px 0 10px 0 #111111;-o-box-shadow:5px 0 10px 0 #111111;-webkit-box-shadow:5px 0 10px 0 #111111;-ms-box-shadow:5px 0 10px 0 #111111;box-shadow:5px 0 10px 0 #111111;display:block;width:75%;margin:3px 0 0 0;position:relative;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;background-color:#555753;background-image:url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD//gATQ3JlYXRlZCB3aXRoIEdJTVD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAIAAwDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMH/8QAIhAAAQMEAgIDAAAAAAAAAAAAAQIDBAAFBhESIQdBMVFh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgP/xAAXEQEBAQEAAAAAAAAAAAAAAAABAAIR/9oADAMBAAIRAxEAPwCXiHO8dbsEi35BEhIehNlbUhxhBU82O+G9bKgToD2D+VlmZX9OWZBJuAiMxGlni0w0gJCED4HXv7pSi6eFML//2Q==");background-position:98% center;background-repeat:no-repeat;clear:both;top:4px;left:10px;padding:2px;}#user-menu>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(dark/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;} @@ -86,98 +89,96 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm #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);}.menu-popup a{display:block;color:#2d2d2d;padding:5px 10px;text-decoration:none;}.menu-popup a:hover{background-color:#bdcdd4;} -.menu-popup .menu-sep{border-top:1px solid #9eabb0;} +.menu-popup{position:absolute;display:none;width:11em;background:white;color:#2e2f2e;margin:0px;padding:0px;border:3px solid #2e3436;z-index:100000;-moz-box-shadow:5px 5px 5px 0px #111111;-o-box-shadow:5px 5px 5px 0px #111111;-webkit-box-shadow:5px 5px 5px 0px #111111;-ms-box-shadow:5px 5px 5px 0px #111111;box-shadow:5px 5px 5px 0px #111111;}.menu-popup a{display:block;color:#2e2f2e;padding:5px 10px;text-decoration:none;}.menu-popup a:hover{background-color:#b9c1c3;} +.menu-popup .menu-sep{border-top:1px solid #4e4f4e;} .menu-popup li{float:none;overflow:auto;height:auto;display:block;}.menu-popup li img{float:left;width:16px;height:16px;padding-right:5px;} -.menu-popup .empty{padding:5px;text-align:center;color:#9eabb0;} +.menu-popup .empty{padding:5px;text-align:center;color:#9ea8ac;} .notif-item{font-size:small;}.notif-item a{vertical-align:middle;} .notif-image{width:32px;height:32px;padding:7px 7px 0px 0px;} -.notify-seen{background:#ddd;} -#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;} +.notify-seen{background:#bbbbbb;} +#sysmsg_info{position:fixed;bottom:0;-moz-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-o-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-webkit-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-ms-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;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 3px 10px 0 #111111 5px 5px 0px #111111;-o-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-webkit-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-ms-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;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 #eeeecc;} #asidemain{float:left;font-size:smaller;margin:20px 0 20px 35px;width:25%;display:inline;} #asideright,#asideleft{display:none;} .vcard .fn{font-size:1.7em;font-weight:bold;border-bottom:1px solid #729fcf;padding-bottom:3px;} -.vcard #profile-photo-wrapper{margin:20px;}.vcard #profile-photo-wrapper img{box-shadow:3px 3px 10px 0 #000;} +.vcard #profile-photo-wrapper{margin:20px;}.vcard #profile-photo-wrapper img{-moz-box-shadow:3px 3px 10px 0 #111111;-o-box-shadow:3px 3px 10px 0 #111111;-webkit-box-shadow:3px 3px 10px 0 #111111;-ms-box-shadow:3px 3px 10px 0 #111111;box-shadow:3px 3px 10px 0 #111111;} #asidemain h4{font-size:1.2em;} #asidemain #viewcontacts{text-align:right;} #asidemain #contact-block{width:99%;}#asidemain #contact-block .contact-block-content{width:99%;}#asidemain #contact-block .contact-block-content .contact-block-div{float:left;margin:0 5px 5px 0;width:50px;height:50px;padding:3px;position:relative;} -.aprofile dt{background:#eec;color:#2e2f2e;font-weight:bold;box-shadow:1px 1px 5px 0 #000;margin:15px 0 5px;padding-left:5px;} +.aprofile dt{background:#eeeecc;color:#2e2f2e;font-weight:bold;-moz-box-shadow:1px 1px 5px 0 5px 5px 0px #111111;-o-box-shadow:1px 1px 5px 0 5px 5px 0px #111111;-webkit-box-shadow:1px 1px 5px 0 5px 5px 0px #111111;-ms-box-shadow:1px 1px 5px 0 5px 5px 0px #111111;box-shadow:1px 1px 5px 0 5px 5px 0px #111111;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(dark/connect.png) no-repeat 95% center;border-radius:5px 5px 5px 5px;color:#eec;display:block;font-size:1.2em;padding:0.2em 0.5em;} -#wallmessage-link{color:#eee;display:block;font-size:1.2em;padding:0.2em 0.5em;} -.ttright{margin:0px 0px 0px 0px;} +#dfrn-request-link{-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;color:#eeeecc;display:block;font-size:1.2em;padding:0.2em 0.5em;background-color:#3465a4;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAE4SURBVCiRpZKxLgRRFIa//64dKruZFRIlolBviFKiVHsHrRaFikTCC+hEQtRegMQDqDUKJOPOvauSMJmjYEU2M0viT071/+fLOTlHZkadQgjLkh1LPEoj661WKw5mXG034JxtAgtmrJoVK5WZYYCy1AVQSOYbjeSqMmRmQ8v755Ne77lb5w+d4HMNJopCT7X+bwDQZKfTyf4BIAHeawHe+/kQ/FGM+QagvpFl2VSM/tyMmV7PV14AYMQ5nUp0AULIp0HXzpVvSdLYMmNVAjNdAuNAUQHgxy/ZvEQTSMw0A33DxkIIi2ma3gwC9PKSzRWF2wbdpml62DfyPF9yjlNgAnQGLJjZnXON3Xa7ff8NGPbKQPNrbAOI0a9J2ilLEzAL7P0GqJJizF+BUeDhL2cclJnZPvAg6eADf+imKjSMX1wAAAAASUVORK5CYII=");background-repeat:no-repeat;background-position:95% center;} +#wallmessage-link{color:#eeeeee;display:block;font-size:1.2em;padding:0.2em 0.5em;} +.ttright{margin:0px;} .contact-block-div{width:50px;height:50px;float:left;} .contact-block-textdiv{width:150px;height:34px;float:left;} -#contact-block-end{clear:both;} -#jot{margin:10px 0 20px 0px;width:100%;}#jot #jot-tools{margin:0px;padding:0px;height:35px;overflow:none;width:100%;}#jot #jot-tools span{float:left;margin:10px 20px 2px 0px;}#jot #jot-tools span a{display:block;} +#jot{margin:10px 0 20px 0px;width:100%;}#jot #jot-tools{margin:0px;padding:0px;width:100%;height:35px;overflow:none;}#jot #jot-tools span{float:left;margin:10px 20px 2px 0px;}#jot #jot-tools span a{display:block;} #jot #jot-tools .perms{float:right;width:40px;} -#jot #jot-tools li.loading{float:right;background-color:#ffffff;width:20px;vertical-align:center;text-align:center;border-top:2px solid #9eabb0;height:38px;}#jot #jot-tools li.loading img{margin-top:10px;} -#jot #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 #999 solid;color:#aaa;font-size:smaller;}#jot-category:focus{color:#eee;} -#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;} +#jot #jot-tools li.loading{float:right;background-color:white;width:20px;height:38px;vertical-align:center;text-align:center;border-top:2px solid #9eabb0;}#jot #jot-tools li.loading img{margin-top:10px;} +#jot #jot-title{border:1px solid #cdcdcd;margin:0 0 5px;width:90%;height:20px;font-weight:bold;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;vertical-align:middle;} +#jot-category{margin:5px 0;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #9a9a9a;color:#a9a9a9;font-size:smaller;}#jot-category:focus{color:#eeeeee;} +#jot #character-counter{width:6%;height:15px;float:right;text-align:right;line-height:20px;padding:2px 20px 5px 0;} +#profile-jot-text_parent{-moz-box-shadow:5px 0 10px 0 #111111;-o-box-shadow:5px 0 10px 0 #111111;-webkit-box-shadow:5px 0 10px 0 #111111;-ms-box-shadow:5px 0 10px 0 #111111;box-shadow:5px 0 10px 0 #111111;} #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;}[id$="jot-text_ifr"] .mceContentBody{color:#2e2f2e;background:#eec;} +[id$="jot-text_ifr"]{width:99.900002% !important;color:#2e2f2e;background:#eeeecc;}[id$="jot-text_ifr"] .mceContentBody{color:#2e2f2e;background:#eeeecc;} .defaultSkin tr.mceFirst{background:#777;} -.defaultSkin td.mceFirst,.defaultSkin td.mceLast{background-color:#eec;} -.defaultSkin span.mceIcon,.defaultSkin img.mceIcon,.defaultSkin .mceButtonDisabled .mceIcon{background-color:#eec;} +.defaultSkin td.mceFirst,.defaultSkin td.mceLast{background-color:#eeeecc;} +.defaultSkin span.mceIcon,.defaultSkin img.mceIcon,.defaultSkin .mceButtonDisabled .mceIcon{background-color:#eeeecc;} #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-label{background-color:#555753;color:#eeeecc;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(dark/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-perms{float:right;background-color:#555753;width:22px;height:22px;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-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;}#profile-jot-submit: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-submit-wrapper{float:right;width:100%;margin:10px 0 0 0;padding:0;} +#profile-jot-submit{height:auto;background-color:#555753;color:#eeeeee;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:2px outset #2e3436;margin:0;float:right;-moz-text-shadow:1px 1px #111111;-o-text-shadow:1px 1px #111111;-webkit-text-shadow:1px 1px #111111;-ms-text-shadow:1px 1px #111111;text-shadow:1px 1px #111111;width:auto;}#profile-jot-submit:active{-moz-box-shadow:0 0 0 0 #111111;-o-box-shadow:0 0 0 0 #111111;-webkit-box-shadow:0 0 0 0 #111111;-ms-box-shadow:0 0 0 0 #111111;box-shadow:0 0 0 0 #111111;} +#jot-perms-icon{width:20px;height:22px;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;overflow:hidden;} +#profile-jot-acl-wrapper{margin:0 10px;border:1px solid #555555;border-top:0;display:block !important;border:1px solid #555753 solid #eeeecc;-moz-box-shadow:5px 5px 5px 0px #111111;-o-box-shadow:5px 5px 5px 0px #111111;-webkit-box-shadow:5px 5px 5px 0px #111111;-ms-box-shadow:5px 5px 5px 0px #111111;box-shadow:5px 5px 5px 0px #111111;} +#group_allow_wrapper,#group_deny_wrapper,#acl-permit-outer-wrapper,#contact_allow_wrapper,#contact_deny_wrapper,#acl-deny-outer-wrapper{width:47%;} +#group_allow_wrapper,#group_deny_wrapper,#acl-permit-outer-wrapper{float:left;} +#contact_allow_wrapper,#contact_deny_wrapper,#acl-deny-outer-wrapper{float:right;} +#acl-permit-text{background-color:#555555;color:#eeeecc;padding:5px;float:left;} +#jot-public{background-color:#555555;color:#ff0000;padding:5px;float:left;} +#acl-deny-text{background-color:#555555;color:#eeeecc;padding:5px;float:left;} +#jot-title-desc{color:#cdcdcd;} #profile-jot-desc{color:#ff2000;margin:5px 0;} #jot-title-wrapper{margin-bottom:5px;} #jot-title-display{font-weight:bold;} .jothidden{display:none;} -#jot-preview-content{background-color:#3e3f3e;color:#eec;border:1px #eec solid;border-radius:5px;padding:3px 3px 6px 10px;}#jot-preview-content .wall-item-outside-wrapper{border:0;border-radius:0px;} +#jot-preview-content{background-color:#2e302e;color:#eeeecc;border:1px solid #eeeecc;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;padding:3px 3px 6px 10px;}#jot-preview-content .wall-item-outside-wrapper{border:0;-o-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-ms-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;} #sectionmain{margin:20px;font-size:0.8em;min-width:475px;width:67%;float:left;display:inline;} .tabs{list-style:none;margin:10px 0;padding:0;}.tabs li{display:inline;font-size:smaller;font-weight:bold;} -.tab{border:1px solid #729fcf;padding:4px;}.tab:hover,.tab.active:hover,.tab:active{background:#88a9d2;color:#2e2f2e;} -.tab.active{background:#88a9d2;color:#2e2f2e;}.tab.active a{color:#2e2f2e;} +.tab{border:1px solid #88a9d2;padding:4px;}.tab:hover,.tab.active:hover,.tab:active{background:#88a9d2;color:#2e2f2e;} +.tab.active{background:#eeeecc;color:#2e2f2e;}.tab.active a{color:#2e2f2e;} .tab a{border:0;text-decoration:none;} -.wall-item-outside-wrapper{border:1px solid #aaa;border-radius:5px;box-shadow:5px 0 10px 0 #111;}.wall-item-outside-wrapper.comment{margin-top:5px;} +.wall-item-outside-wrapper{border:1px solid #aaaaaa;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:5px 0 10px 0 #111111;-o-box-shadow:5px 0 10px 0 #111111;-webkit-box-shadow:5px 0 10px 0 #111111;-ms-box-shadow:5px 0 10px 0 #111111;box-shadow:5px 0 10px 0 #111111;}.wall-item-outside-wrapper.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{} -.shiny{background:#2e3436;border-radius:5px;} -.wall-outside-wrapper .shiny{border-radius:5px;} +.shiny{background:#2e3436;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;} +.wall-outside-wrapper .shiny{-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;} .heart{color:red;} .wall-item-content{overflow-x:auto;margin:0px 15px 0px 5px;} [id^="tread-wrapper"],[class^="tread-wrapper"]{margin:15px 0 0 0;padding:0px;} .wall-item-photo-menu{display:none;} -.wall-item-photo-menu-button{display:none;text-indent:-99999px;background:#555753 url(dark/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-photo-menu-button{display:none;text-indent:-99999px;background:#555753 url(dark/menu-user-pin.jpg) no-repeat 75px center;position:absolute;overflow:hidden;width:90px;height:20px;top:85px;left:0;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-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;} +.wall-item-photo-wrapper{width:80px;height:80px;position:relative;padding:5px;background-color:#555753;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;} [class^="wall-item-tools"] *{}[class^="wall-item-tools"] *>*{} -.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;}.wall-item-tools: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-tools{float:right;opacity:0.4;-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;}.wall-item-tools:hover{opacity:1;-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;} +.wall-item-subtools1{width:30px;height:30px;list-style:none outside none;margin:20px 0 30px -20px;padding:0;} .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-lock-wrapper{float:right;width:22px;height:22px;margin:0 -5px 0 0;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;} @@ -188,8 +189,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm .wallwall .wwto{left:5px;margin:0;position:absolute;top:75px;width:30px;z-index:10001;width:30px;height:30px;}.wallwall .wwto img{width:30px !important;height:30px !important;} .wallwall .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;}.wall-item-photo-menu ul{margin:0px;padding:0px;list-style:none;} -.wall-item-photo-menu li a{white-space:nowrap;display:block;padding:5px 2px;color:#eeeeec;}.wall-item-photo-menu li a:hover{color:#555753;background:#eeeeec;} +.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;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}.wall-item-photo-menu li a{white-space:nowrap;display:block;padding:5px 2px;color:#eeeeee;}.wall-item-photo-menu li a:hover{color:#555753;background:#eeeeee;} #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;} .ccollapse-wrapper{font-size:0.9em;margin-left:80px;} @@ -202,16 +202,16 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm .wall-item-outside-wrapper.comment .wall-item-photo-menu{min-width:50px;top:60px;} .comment-wwedit-wrapper{} .comment-edit-wrapper{border-top:1px #aaa solid;} -[class^="comment-edit-bb"]{list-style:none;display:none;margin:-40px 0 5px 60px;width:75%;}[class^="comment-edit-bb"]>li{display:inline-block;margin:0 10px 0 0;visibility:none;} +[class^="comment-edit-bb"]{margin:0px;padding:0px;list-style:none;list-style-position:inside;display:none;margin:-40px 0 5px 60px;width:75%;}[class^="comment-edit-bb"]>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 #c8bebe solid;border-radius:5px;color:#c8bebe;-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-text-empty: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-text-full{height:10em;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;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;} -.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:#2e2f2e;width:95%;} +.comment-edit-submit{height:22px;background-color:#555753;color:#eeeeee;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:0;} +.wall-item-body code{background-color:#444;border-bottom:1px dashed #ccc;border-left-style:solid;border-left-width:10px;border-top:1px dashed #ccc;display:block;overflow-x:auto;padding:5px 0 15px 10px;width:95%;}.wall-item-body code a{color:#adc4e0;} div[id$="text"]{font-weight:bold;border-bottom:1px solid #ccc;} div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:left;} .profile-match-wrapper{float:left;margin:0 5px 40px 0;width:120px;height:120px;padding:3px;position:relative;} @@ -223,14 +223,13 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le #advanced-profile-with{margin-left:200px;} .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:#222;color:#2e2f2e;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding-bottom:30px;position:relative;margin:0 10px 10px 0;} +.photo-album-image-wrapper,.photo-top-image-wrapper{float:left;-moz-box-shadow:5px 5px 5px 0px #111111;-o-box-shadow:5px 5px 5px 0px #111111;-webkit-box-shadow:5px 5px 5px 0px #111111;-ms-box-shadow:5px 5px 5px 0px #111111;box-shadow:5px 5px 5px 0px #111111;background-color:#222;color:#2e2f2e;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;padding-bottom:30px;position:relative;margin:0 10px 10px 0;} #photo-photo{max-width:100%;}#photo-photo 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-top-photo,.photo-album-photo{-o-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} +.photo-top-album-name,.caption{position:absolute;bottom:0;padding: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 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background-position:center center;background-repeat:no-repeat;} +#photo-prev-link,#photo-next-link{position:absolute;width:30%;height:100%;background:#ffffff center center no-repeat;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} #photo-prev-link{background-image:url(dark/prev.png);height:350px;left:1%;top:215px;width:50px;z-index:10;} #photo-next-link{background-image:url(dark/next.png);height:350px;right:45%;top:215px;width:50px;} #photo-prev-link a,#photo-next-link a{display:block;width:100%;height:100%;overflow:hidden;text-indent:-900000px;} @@ -239,7 +238,7 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le #photo-next-link .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-existing-album-text,#photos-upload-newalbum-div{background-color:#555753;color:#eeeeee;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;} @@ -251,7 +250,7 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le #photo-edit-end{margin-bottom:35px;} #photo-caption{font-size:110%;font-weight:bold;margin-top:15px;margin-bottom:15px;} .prvmail-text{width:100%;} -#prvmail-subject{width:100%;color:#2e2f2e;background:#eec;} +#prvmail-subject{width:100%;color:#2e2f2e;background:#eeeecc;} #prvmail-submit-wrapper{margin-top:10px;} #prvmail-submit{float:right;margin-top:0;} #prvmail-submit-wrapper div{margin-right:5px;float:left;} @@ -263,7 +262,7 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le .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-list-outside-wrapper-end{clear:both;border-bottom:1px #eeeecc 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;} @@ -277,27 +276,27 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le .contact-entry-photo{margin-left:20px;} .contact-entry-name{width:120px;font-weight:bold;} .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;} -#contact-entry-network,[id^="contact-entry-network"]{font-size:smaller;font-style:italic;} +.contact-entry-edit-links .icon{border:1px solid #babdb6;-o-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;background-color:#fff;} +#contact-entry-url,[id^="contact-entry-url"],#contact-entry-network,[id^="contact-entry-network"]{font-size:smaller;} +#contact-entry-network,[id^="contact-entry-network"]{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;}#contact-edit-links ul{list-style-type:none;} +#contact-edit-links{margin-top:23px;}#contact-edit-links ul{margin:0px;padding:0px;list-style:none;list-style-position:inside;} #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-nav-wrapper .icon{border:1px solid #babdb6;-o-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-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("dark/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:#2e2f2e;color:#eec;position:absolute;left:0px;top:90px;display:none;z-index:10000;}.contact-photo-menu ul{margin:0px;padding:0px;list-style:none;} +.contact-photo-menu-button{position:absolute;background:url("dark/photo-menu.jpg") top left no-repeat transparent;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:#2e2f2e;color:#eeeecc;position:absolute;left:0px;top:90px;display:none;z-index:10000;}.contact-photo-menu ul{margin:0px;padding:0px;list-style:none;} .contact-photo-menu li a{display:block;padding:2px;}.contact-photo-menu li a:hover{color:#fff;background:#3465A4;text-decoration:none;} #id_openid_url{background:url(dark/login-bg.gif) no-repeat;background-position:0 50%;padding-left:18px;} -#settings-nickname-desc{background-color:#eec;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px;color:#111;} +#settings-nickname-desc{background-color:#eeeecc;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-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;} @@ -307,19 +306,19 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le .profile-edit-side-div{display:none;} #profiles-menu-trigger{margin:0px 0px 0px 25px;} .profile-listing{float:left;margin:20px 20px 0px 0px;} -.icon-profile-edit{background:url("dark/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;} +.icon-profile-edit{background:url("dark/icons.png") -150px 0px no-repeat;border:0;cursor:pointer;display:block;width:20px;height:20px;margin:0 0 -18px;text-decoration:none;top:113px;right:260px;} +#profile-edit-links ul{margin:0px;padding:0px;list-style:none;list-style-position:inside;margin:20px 0;} .marital{margin-top:5px;} #register-sitename{display:inline;font-weight:bold;} -#advanced-expire-popup{background:#2e2f2e;color:#eec;} +#advanced-expire-popup{background:#2e2f2e;color:#eeeecc;} #id_ssl_policy{width:374px;} #theme-preview img{margin:10px 10px 10px 288px;} .group-delete-wrapper{margin:-31px 50px 0 0;float:right;} #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-members,#prof-members{height:200px;overflow:auto;border:1px solid #555753;-o-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-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;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-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:#eeeeee;background-color:#555753;margin:0;padding:5px;} #group-separator,#prof-separator{display:none;} #cropimage-wrapper{float:left;} #crop-image-form{clear:both;} @@ -349,7 +348,7 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le .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;} +.today{font-weight:bold;color:#F00;} #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;} @@ -366,28 +365,28 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le #item-delete-selected-end{clear:both;} #item-delete-selected-icon{float:left;margin-right:5px;} #item-delete-selected-desc{float:left;margin-right:5px;}#item-delete-selected-desc:hover{text-decoration:underline;} -.fc-state-highlight{background:#eec;color:#2e2f2e;} +.fc-state-highlight{background:#eeeecc;color:#2e2f2e;} .directory-item{float:left;margin:0 5px 4px 0;padding:3px;width:180px;height:250px;position:relative;} #group-sidebar{margin-bottom:10px;} -.group-selected,.nets-selected,.fileas-selected{padding:3px;color:#2e2f2e;background:#88a9d2;font-weight:bold;} -.group-selected:hover,.nets-selected:hover,.fileas-selected:hover{color:#2e2f2e;} +.group-selected,.nets-selected,.fileas-selected{padding:3px;color:#2e2f2e;background:#eeeecc;font-weight:bold;} +.group-selected:hover,.nets-selected:hover,.fileas-selected:hover{color:#88a9d2;background:#2e2f2e;} .groupsideedit{margin-right:10px;} #sidebar-group-ul{padding-left:0;} -#sidebar-group-list{margin:0 0 5px 0;}#sidebar-group-list ul{list-style-type:none;list-style-position:inside;} -#sidebar-group-list li{margin-top:10px;} -#sidebar-group-list .icon{display:inline-block;height:12px;width:12px;} +#sidebar-group-list{margin:0 0 5px 0;}#sidebar-group-list li{margin-top:10px;} +#sidebar-group-list .icon{display:inline-block;width:12px;height:12px;} +.sidebar-group-element{padding:3px;}.sidebar-group-element:hover{color:#2e2f2e;background:#88a9d2;font-weight:bold;padding:3px;} #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{} #sidebar-new-group:active{position:relative;top:1px;} -#side-peoplefind-url{background-color:#2e2f2e;color:#eec;border:1px #999 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} -.nets-ul{list-style-type:none;padding-left:0px;}.nets-ul li{margin:10px 0 0;} +#side-peoplefind-url{background-color:#2e2f2e;color:#eeeecc;border:1px #999 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;} +.nets-ul{margin:0px;padding:0px;list-style:none;list-style-position:inside;}.nets-ul li{margin:10px 0 0;} .nets-link,.nets-all{margin-left:0px;} #netsearch-box{margin:20px 0px 30px;width:135px;}#netsearch-box #search-submit{margin:5px 5px 0px 0px;} #pending-update{float:right;color:#fff;font-weight:bold;background-color:#ff0000;padding:0 .3em;} .admin.linklist{border:0;padding:0;} -.admin.link{list-style-position:inside;} -#adminpage{color:#eec;background:#2e2f2e;margin:5px;padding:10px;}#adminpage dl{clear:left;margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #000;} +.admin.link{margin:0px;padding:0px;list-style:none;list-style-position:inside;} +#adminpage{color:#eeeecc;background:#2e2f2e;margin:5px;padding:10px;}#adminpage dl{clear:left;margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #000;} #adminpage dt{width:250px;float:left;font-weight:bold;} #adminpage dd{margin-left:250px;} #adminpage h3{border-bottom:1px solid #ccc;} @@ -398,27 +397,26 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le #adminpage table{width:100%;border-bottom:1px solid #000;margin:5px 0;}#adminpage table th{text-align:left;} #adminpage td .icon{float:left;} #adminpage table#users img{width:16px;height:16px;} -#adminpage table tr:hover{color:#2e2f2e;background-color:#eec;} #adminpage .selectall{text-align:right;} -#adminpage #users a{color:#eec;text-decoration:underline;} -#users .name{color:#eec;} -.field{overflow:auto;}.field label{width:38%;display:inline-block;font-size:1.077em;margin:0 10px 1em 0;border:1px #2e2f2e solid;padding:5px;background:#eec;color:#111;} +#adminpage #users a{color:#eeeecc;text-decoration:underline;} +#users .name{color:#eeeecc;} +.field{overflow:auto;}.field label{width:38%;display:inline-block;font-size:1.077em;margin:0 10px 1em 0;border:1px #2e2f2e solid;padding:5px;background:#eeeecc;color:#111;} .field .onoff{float:right;margin:0 330px 0 auto;width:80px;}.field .onoff a{display:block;border:1px solid #666;padding:3px 6px 4px 10px;height:16px;text-decoration:none;} -.field .onoff .on{background:url("../../../images/onoff.jpg") no-repeat 42px 1px #999999;color:#111;text-align:left;} -.field .onoff .off{background:url("../../../images/onoff.jpg") no-repeat 2px 1px #cccccc;color:#333;text-align:right;} +.field .onoff .on,.field .onoff .off{background-image:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD//gATQ3JlYXRlZCB3aXRoIEdJTVD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAUACIDASIAAhEBAxEB/8QAGgABAQACAwAAAAAAAAAAAAAAAAQDBQEGCf/EACgQAAIBAwIFAwUAAAAAAAAAAAECAAMEERIUBRMxUpEhIoEjM1Nxkv/EABcBAAMBAAAAAAAAAAAAAAAAAAABAgT/xAAaEQEAAgMBAAAAAAAAAAAAAAAAAQIRMVES/9oADAMBAAIRAxEAPwD1ERKFNFVaNNVUYACgACcNVt1dEKUwzZwNI9cSDczDVdnuKDjomrPyJOQ2SXNq/L0rTPMzp9vXHWZfo/jT+RNFQV6e2yPt6s/Ms3EWQofhnDqjszWFqzMcljRUknxEn3ES/dup8xxPZ0hXtKFViQzorEDpkiZtqvc3mIkzs40bVe5vMbVe5vMREbrN3xy4t7utSVaZVHZQSDnAP7iIm+K1xpkm09f/2Q==');background-repeat:no-repeat;} +.field .onoff .on{background-position:42px 1px;background-color:#999;color:#111;text-align:left;} +.field .onoff .off{background-position:2px 1px;background-color:#ccc;color:#333;text-align:right;} .hidden{display:none !important;} .field textarea{width:80%;height:100px;} .field_help{display:block;margin-left:297px;color:#aaa;} .field.radio .field_help{margin-left:297px;} -label{width:38%;display:inline-block;font-size:1.077em;margin:0 10px 1em 0;border:1px #2e2f2e solid;padding:5px;background:#eec;color:#111;} -input{width:250px;height:25px;border:1px #999 solid;}input[type="text"],input[type="password"],input[type="search"]{width:250px;height:25px;border:1px #999 solid;} -input[type="checkbox"],input[type="radio"]{border:1px #999 solid;margin:0 0 0 0;height:15px;width:15px;} -input[type="submit"],input[type="button"]{background-color:#eee;border:2px outset #aaa;border-radius:5px;box-shadow:1px 3px 4px 0 #111;color:#2e302e;cursor:pointer;font-weight:bold;width:auto;text-shadow:1px 1px #000;-webkit-border-radius:5px;-moz-border-radius:5px;} -input[type="submit"]:active,input[type="button"]:active{box-shadow:0 0 0 0;} +label{width:38%;display:inline-block;font-size:1.077em;margin:0 10px 1em 0;border:1px solid #2e2f2e;padding:5px;background:#eeeecc;color:#111;-moz-box-shadow:3px 3px 5px 0px #111111;-o-box-shadow:3px 3px 5px 0px #111111;-webkit-box-shadow:3px 3px 5px 0px #111111;-ms-box-shadow:3px 3px 5px 0px #111111;box-shadow:3px 3px 5px 0px #111111;} +input{width:250px;height:25px;border:1px solid #999999;}input[type="checkbox"],input[type="radio"]{margin:0;width:15px;height:15px;} +input[type="submit"],input[type="button"]{background-color:#eee;border:2px outset #aaaaaa;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:1px 3px 4px 0 #111111;-o-box-shadow:1px 3px 4px 0 #111111;-webkit-box-shadow:1px 3px 4px 0 #111111;-ms-box-shadow:1px 3px 4px 0 #111111;box-shadow:1px 3px 4px 0 #111111;color:#2e302e;cursor:pointer;font-weight:bold;width:auto;-moz-text-shadow:1px 1px #111111;-o-text-shadow:1px 1px #111111;-webkit-text-shadow:1px 1px #111111;-ms-text-shadow:1px 1px #111111;text-shadow:1px 1px #111111;} +input[type="submit"]:active,input[type="button"]:active{-moz-box-shadow:0 0 0 0 #111111;-o-box-shadow:0 0 0 0 #111111;-webkit-box-shadow:0 0 0 0 #111111;-ms-box-shadow:0 0 0 0 #111111;box-shadow:0 0 0 0 #111111;} .popup{width:100%;height:100%;top:0px;left:0px;position:absolute;display:none;}.popup .background{background-color:#000;opacity:0.5;width:100%;height:100%;position:absolute;top:0px;left:0px;} .popup .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;} +.grey,.gray{color:gray;} .orange{color:orange;} .red{color:red;} .popup .panel .panel_text{display:block;overflow:auto;height:80%;} @@ -428,9 +426,9 @@ input[type="submit"]:active,input[type="button"]:active{box-shadow:0 0 0 0;} .oauthapp{height:auto;overflow:auto;border-bottom:2px solid #cccccc;padding-bottom:1em;margin-bottom:1em;}.oauthapp img{float:left;width:48px;height:48px;margin:10px;}.oauthapp img.noicon{background-image:url("../../../images/icons/48/plugin.png");background-position:center center;background-repeat:no-repeat;} .oauthapp a{float:left;} .iconspacer{display:block;width:16px;height:16px;} -.icon{display:block;width:20px;height:20px;background:url(dark/icons.png) no-repeat;border:0;text-decoration:none;border-radius:5px;}.icon:hover{border:0;text-decoration:none;} +.icon{display:block;width:20px;height:20px;background:url(dark/icons.png) no-repeat;border:0;text-decoration:none;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}.icon:hover{border:0;text-decoration:none;} .editicon{display:inline-block;width:21px;height:21px;background:url(dark/editicons.png) no-repeat;border:0;text-decoration:none;} -.shadow{box-shadow:2px 2px 5px 2px #111;}.shadow:active,.shadow:focus,.shadow:hover{box-shadow:0 0 0 0;} +.shadow{-moz-box-shadow:2px 2px 5px 2px #111111;-o-box-shadow:2px 2px 5px 2px #111111;-webkit-box-shadow:2px 2px 5px 2px #111111;-ms-box-shadow:2px 2px 5px 2px #111111;box-shadow:2px 2px 5px 2px #111111;}.shadow:active,.shadow:focus,.shadow:hover{box-shadow:0 0 0 0;} .editicon:hover{border:0;} .boldbb{background-position:0px 0px;}.boldbb:hover{background-position:-22px 0px;} .italicbb{background-position:0px -22px;}.italicbb:hover{background-position:-22px -22px;} @@ -483,7 +481,7 @@ input[type="submit"]:active,input[type="button"]:active{box-shadow:0 0 0 0;} .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;}.border:hover{border:1px solid #babdb6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} +.border{border:1px solid #babdb6;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}.border:hover{border:1px solid #babdb6;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-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;} @@ -492,25 +490,25 @@ input[type="submit"]:active,input[type="button"]:active{box-shadow:0 0 0 0;} .type-unkn{background-position:-80px 0;} .cc-license{margin-top:100px;font-size:0.7em;} footer{display:block;clear:both;} -#profile-jot-text{height:20px;color:#eec;border:1px solid #eec;border-radius:5px;width:99.5%;} -#photo-edit-perms-select,#photos-upload-permissions-wrapper,#profile-jot-acl-wrapper{display:block !important;background:#2e2f2e;color:#eec;} +#profile-jot-text{height:20px;color:#eeeecc;border:1px solid #eeeecc;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:99.5%;} +#photo-edit-perms-select,#photos-upload-permissions-wrapper,#profile-jot-acl-wrapper{display:block !important;background:#2e2f2e;color:#eeeecc;} #acl-wrapper{width:660px;margin:0 auto;} #acl-search{float:right;background:#ffffff 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;}#acl-showall.selected{color:#000;background:#ff9900 url(../../../images/show_all_on.png) 8px 8px no-repeat;} +#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;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;color:#999;margin:5px 0;}#acl-showall.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-item{border:1px solid #eec;display:block;float:left;height:110px;margin:3px 0 5px 5px;width:120px;}.acl-list-item img{width:22px;height:22px;float:left;margin:5px 5px 20px;} +.acl-list-item{border:1px solid #eeeecc;display:block;float:left;height:110px;margin:3px 0 5px 5px;width:120px;}.acl-list-item img{width:22px;height:22px;float:left;margin:5px 5px 20px;} .acl-list-item p{height:12px;font-size:10px;margin:0 0 22px;padding:2px 0 1px;} -.acl-list-item a{background:#eeeecc 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:#2e2f2e;margin:5px auto 0;padding:0 3px;text-align:center;vertical-align:middle;} +.acl-list-item a{background:#eeeecc 3px 3px no-repeat;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;clear:both;font-size:10px;display:block;width:55px;height:20px;color:#2e2f2e;margin:5px auto 0;padding:0 3px;text-align:center;vertical-align:middle;} #acl-wrapper a:hover{text-decoration:none;color:#2e2f2e;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:#2e2f2e;background-color:#9ade00;background-image:url(../../../images/show_on.png);} -.acl-button-hide.selected{color:#2e2f2e;background-color:#ff4141;background-image:url(../../../images/hide_on.png);} +.acl-button-show{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABxSURBVAiZY/z//z8DDMyaNUuEgYEhk4GBwZ8JJrhv3z5DZmbmMwwMDOoMDAxpLKtWraqTl5d3fPv2rcn///9XpKWlpTIwMDCwfPr0SePWrVtmP378YPn//385zASmf//+Rf/8+XMpIyPj2bS0tHcwCQBWkiq6M5HGDgAAAABJRU5ErkJggg==');margin:0 auto;} +.acl-button-hide{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACWSURBVAiZBcEhDsIwFAbg/72+VXQ7wPSCIlj8JMlmcKQGgdgRCCfpEz0HjgSDw3IA1AQC1QqSpXwfqeoZwHOaphsAqGpfVVVHIYQNM1+J6MLMOwA9gAOVUhBC6Ky1r7quv03TrMZxzAwAIjKIyCel9JvneQ8ApKprY8zdObfNOXMp5bEsyyDGmJaITt77NwDEGI/W2vYP0nYuQ/Tw9H4AAAAASUVORK5CYII=');margin:0 auto;} +.acl-button-show.selected{background:#9ade00 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABXSURBVAiZTcyhDYNQGADh7xEGwGDxhD2qUWxAwIBgE9BdoxO03YaEEX7USzh5l1yKCJl0pBoT+uIhK3zRYk52Az5444w1FijxwoYOTT4UGPHHL9a4crgBhcYSpxKVgzIAAAAASUVORK5CYII=');color:#2e2f2e;} +.acl-button-hide.selected{background:#ff4141 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACSSURBVAiZBcGhDoJQFAbg/z/3cGliJDOTszmLichGstkMPoTzvfA2N4vN6gMYCGhwMifMTY7fxyCy4zBcCrMjAFRk7p3LWAEzRwYT2StQgMwBrGlmOJCZV72Ok+QpcTyZ1/VHAEBEyiiKHq+2/d6bZgUADMCUIqeR94t338tAns2sVKea/sy2y667AUAgN+pc+gcI6S733PoZRAAAAABJRU5ErkJggg==');color:#2e2f2e;} .acl-list-item.groupshow{border-color:#9ade00;} .acl-list-item.grouphide{border-color:#ff4141;} .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;}.acpopupitem img{float:left;margin-right:4px;} -.acpopupitem.selected{color:#2e302e;background-color:#eeeeec;} +.acpopupitem.selected{color:#2e302e;background-color:#eeeeee;} .qcomment-wrapper{padding:0px;margin:5px 5px 5px 81%;} .qcomment{opacity:0.5;}.qcomment:hover{opacity:1.0;} #network-star-link{margin-top:10px;} @@ -519,4 +517,4 @@ footer{display:block;clear:both;} #sidebar-page-list ul{padding:0;margin:5px 0;} #sidebar-page-list li{list-style:none;} #jappix_mini{margin-left:130px;position:fixed;bottom:0;right:175px !important;z-index:999;} -@media handheld{body{font-size:15pt;}} +@media handheld{body{font-size:15pt;}}@media only screen and (min-device-width:320px) and (max-device-width:480px){body{font-size:10px;}}@media only screen and (min-width:321px){body{font-size:10px;}}@media only screen and (max-width:320px){body{font-size:10px;}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){body{font-size:16px;}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){body{font-size:16px;}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){body{font-size:16px;}}@media only screen and (min-width:1024px){body{font-size:16px;}}@media only screen and (min-width:1520px){body{font-size:18px;}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){body{font-size:16px;}}.test{color:#88a9d2;background-color:#cdcdcd;} diff --git a/view/theme/dispy/dark/style.less b/view/theme/dispy/dark/style.less index 41fd2c8aa..6d76044ba 100644 --- a/view/theme/dispy/dark/style.less +++ b/view/theme/dispy/dark/style.less @@ -12,684 +12,718 @@ /* 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; } - +@import "_base"; + +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 - */ + display: none; +} /* * 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 + * 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%; } - + 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: #eec; - background-color: #2e2f2e; } - + margin: 0; + padding: 0; + .default_font; + color: @main_colour; + background-color: @bg_colour; +} button, input, select, textarea { - font-family: sans-serif; - color: #eec; - background-color: #2e2f2e; } - + color: @main_colour; + background-color: @bg_colour; +} select { - border: 1px #555 dotted; - padding: 3px; - margin: 3px; - color: #eec; - background: #2e2f2e; } - + border: 1px #555 dotted; + padding: 1px; + margin: 3px; + color: @main_colour; + background: @bg_colour; +} option { - padding: 3px; - color: #eec; - background: #2e2f2e; - &[selected="selected"] { - color: #2e2f2e; - background: #eec; } } - + padding: 1px; + color: @main_colour; + background: @bg_colour; + &[selected="selected"] { + color: @bg_colour; + background: @main_colour; + } +} ul, ol { - padding: 0; } - + .list_reset; +} +tr:nth-child(even) { + background-color: lighten(@bg_colour, 10%); +} /* remember to define focus styles! */ - :focus { - outline: 0; } - + outline: 0; +} [disabled="disabled"] { - background: #4e4f4f; - color: #ddb; } - + background: @med_bg_colour; + color: @disabled_colour; +} /* remember to highlight inserts somehow! */ - +ins, mark { + background-color: @bg_alt_colour; + color: @lt_main_colour; +} ins { - background-color: #2e302e; - color: #ff9; - text-decoration: none; } - + text-decoration: none; +} mark { - background-color: #2e302e; - color: #ff9; - font-style: italic; - font-weight: bold; } - + 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; } - + 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; } - + .wrap; +} q { - quotes: none; - &:before, &:after { - content: ""; - content: none; } } - + quotes: none; + &:before, &:after { + content: ""; + content: none; + } +} small { - font-size: 85%; } - + 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; } - + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} sub { - bottom: -0.25em; } - + bottom: -0.25em; +} sup { - top: -0.5em; } - + top: -0.5em; +} img { - border: 0 none; } - + border: 0 none; +} a { - color: #88a9d2; - text-decoration: none; - margin-bottom: 1px; - &:hover img { - text-decoration: none; } } - + color: @link_colour; + text-decoration: none; + margin-bottom: 1px; + &:hover { + color: @hover_colour; + border-bottom: 1px dotted @hover_colour; + } + &:hover img { + text-decoration: none; + } +} blockquote { - background: #444; - color: #eec; - text-indent: 5px; - padding: 5px; - border: 1px #aaa solid; - border-radius: 5px; } - -a:hover { - color: #729fcf; - border-bottom: 1px dotted #729fcf; } - + background: #444; + color: @main_colour; + text-indent: 5px; + padding: 5px; + border: 1px #aaa solid; + .rounded_corners; +} .required { - display: inline; - color: #ff0; - font-size: 16px; - font-weight: bold; - margin: 3px; } - + display: inline; + color: #ff0; + font-size: 16px; + font-weight: bold; + margin: 3px; +} .fakelink, .lockview { - color: #729fcf; - cursor: pointer; } - + color: @link_colour; + cursor: pointer; +} .fakelink:hover { - color: #729fcf; } - + color: @hover_colour; +} .smalltext { - font-size: 0.7em; } - + 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: #2e302e; - color: #eeeeec; - padding: 1em; } - + position: absolute; + .rounded_corners; + .borders(1px, solid, @main_alt_colour); + background-color: @bg_alt_colour; + color: @main_colour; + padding: 1em; +} .pager { - margin-top: 60px; - display: block; - clear: both; - text-align: center; - span { - padding: 4px; - margin: 4px; } } - + margin-top: 60px; + display: block; + clear: both; + text-align: center; + span { + padding: 4px; + margin: 4px; + } +} .pager_current { - background-color: #729fcf; - color: #fff; } + background-color: @link_colour; + color: @main_alt_colour; +} + /** * global */ /* .tool .action */ - .action { - margin: 5px 0; } - + margin: 5px 0; +} .tool { - margin: 5px 0; - list-style: none; } - + margin: 5px 0; + list-style: none; +} #articlemain { - width: 100%; - height: 100%; - margin: 0 auto; } + .box(100%, 100%); + margin: 0 auto; +} +[class$="-desc"], [id$="-desc"] { + color: @bg_colour; + background: @main_colour; + .rounded_corners; + .box_shadow(3px, 3px, 5px); + padding: 3px; + margin: 5px 0; + font-weight: bold; +} + /** * login */ - #asidemain .field { - overflow: hidden; - width: 200px; } - + overflow: hidden; + width: 200px; +} #login-extra-links { - overflow: auto !important; - padding-top: 60px !important; - width: 100% !important; - a { - margin-right: 20px; } } - + 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; } } } - + 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; } - + margin: 0 !important; +} #login-submit-button { - margin-left: 0px !important; } - + margin-left: 0px !important; +} #asidemain #login_openid { - position: relative !important; - float: none !important; - margin-left: 0px !important; - height: auto !important; - width: 200px !important; } - + 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; } } + #id_openid_url { + width: 180px !important; + overflow: hidden !important; } + label { + width: 180px !important; + } } + /** * nav */ - nav { - height: 60px; - background-color: #1d1f1d; - 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; } } } - + height: 60px; + background-color: @dk_bg_colour; + color: @main_alt_colour; + position: relative; + padding: 20px 20px 10px 95px; + a { + text-decoration: none; + color: @main_alt_colour; + border: 0px; + &:hover { + text-decoration: none; + color: @main_alt_colour; + 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: #2e302e; - background-color: #eeeeec; } - &.nav-sep { - border-top: 1px solid #eeeeec; } } } } - + display: none; + position: absolute; + background-color: @menu_bg_colour; + width: 100%; + padding: 10px 0px; + margin: 0px; + top: 20px; + left: 0; + .rounded_corners(0 0 5px 5px); + .box_shadow(5px, 5px, 10px, 0px); + z-index: 10000; + li { + display: block; + a { + display: block; + padding: 5px; + &:hover { + color: @main_colour; + background-color: @bg_alt_colour; + } + &.nav-sep { + border-top: 1px solid @bg_alt_colour; } } } +} nav .nav-link { - display: inline-block; - width: 22px; - height: 22px; - overflow: hidden; - margin: 0px 5px 5px; - text-indent: 50px; - background: transparent url(dark/icons.png) 0 0 no-repeat; } - + display: inline-block; + .box(22px, 22px); + overflow: hidden; + margin: 0px 5px 5px; + text-indent: 50px; + background: transparent url(dark/icons.png) 0 0 no-repeat; +} #nav-apps-link { - background-position: 0 -66px; - &:hover { - background-position: -22px -66px; } } - + background-position: 0 -66px; + &:hover { + background-position: -22px -66px; } +} #nav-community-link, #nav-contacts-link { - background-position: 0 -22px; - &:hover { - background-position: -22px -22px; } } - + background-position: 0 -22px; + &:hover { + background-position: -22px -22px; } +} #nav-directory-link { - background-position: -44px -154px; - &:hover { - background-position: -66px -154px; } } - + background-position: -44px -154px; + &:hover { + background-position: -66px -154px; } +} #nav-help-link { - background-position: 0 -110px; - &:hover { - background-position: -22px -110px; } } - + background-position: 0 -110px; + &:hover { + background-position: -22px -110px; } +} #nav-home-link { - background-position: -44px -132px; - &:hover { - background-position: -66px -132px; } } - + background-position: -44px -132px; + &:hover { + background-position: -66px -132px; } +} #nav-intro-link { - background-position: 0px -190px; - &:hover { - background-position: -44px -190px; } } - + background-position: 0px -190px; + &:hover { + background-position: -44px -190px; } +} #nav-login-link, #nav-logout-link { - background-position: 0 -88px; - &:hover { - background-position: -22px -88px; } } - + background-position: 0 -88px; + &:hover { + background-position: -22px -88px; } +} #nav-messages-link { - background-position: -44px -88px; - &:hover { - background-position: -66px -88px; } } - + background-position: -44px -88px; + &:hover { + background-position: -66px -88px; } +} #nav-notify-link, #nav-notifications-linkmenu { - background-position: -44px -110px; } - + background-position: -44px -110px; +} #nav-notify-link:hover { - background-position: -66px -110px; } - + background-position: -66px -110px; +} #nav-network-link { - background-position: 0px -177px; - &:hover { - background-position: -22px -177px; } } - + 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; } + background-position: 0 -44px; + &:hover { + background-position: -22px -44px; + } +} +#jot-title, +#profile-link, +#profile-title, +#profile-attach-wrapper, +#profile-audio, +#profile-link, +#profile-location, +#profile-nolocation, +#profile-title, +#profile-upload-wrapper, +#profile-video, +#profile-jot-submit, +#wall-image-upload, +#wall-file-upload, +#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; } } + &.notice { + background: @notice url("../../../images/icons/48/notice.png") no-repeat 5px center; + color: white; + padding-left: 58px; + margin-top: 50px; + } + &.info { + background: @info url("../../../images/icons/48/info.png") no-repeat 5px center; + color: white; + padding-left: 58px; + margin-top: 50px; + } +} #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; } } + 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 black; + &: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"); } } - + &.on .icon.s22.notify, + &.selected .icon.s22.notify { + // background-image: url("../../../images/icons/22/notify_on.png"); + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAUJcAAFCXAZtv64UAAAHuSURBVCjPbZPbTlNBFIYHLixXRIhEQGNRMUopJAJyAyZ4Z2l8B+XwEBqKtjwOp8oDIAJKIJFUjdFIQCUYrRytdyb0459ht8wG9rrYs9b618y/TsYEH4ZK4qRYYIdDybZOI7TKakIfVhrJ8J2i5IBNyV93/kaaBuv3oV3MgwCTPKGHPkkPA0xRUMBrOgN4AP0o6BseEpF2m3es0qJTFQneyvMhgDsC9tZprnEcGuOPeMcDLUpW3jlLxlDBmJTFY6gLvsVv8tyh9G7U3Z6mwtCuJAoiECSh/w1+8otmTjLqF2KDNsNzRY1bruV0o6rFFtc9S5USh5RRWvAYv4xX9dYPS8ur1oBQC4Y99m2uHriRNda5ErLdU1l3jCI2xdJ3XOYLX6kP2W6K2OF54Et84jN154F31d6ukKOG92pSbcjWLRrbRhVGLTZeOtXqX46LoQSHhJo3jOo3ESrdBQbljIRKNyXUiKHNNSXhTdbZiUzyT/WJ23Zn3BBFy+2u4ZHc1eV2N7EkxAvbbqMRmZOSlbE0g/uajRgl6Iy8r1wpnaFTQ4ji+8XOEsuxYmdDWpJleXJ0+BPdoduL4p5Vavd5IOllmJfiWmSWu6d3pV4jteFWqaAGbLkdKSqtUXXUnN3DSvF8phfy/JfkxfOp9sVb2COz+hY/T0qkwwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMS0wOS0xNlQwOTozOTowMCswMjowMC9Oi90AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTEtMDktMTZUMDk6Mzk6MDArMDI6MDBeEzNhAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg=="); + } +} .show { - display: block; } - + display: block; +} #notifications { - height: 20px; - width: 170px; - position: absolute; - top: -19px; - left: 4px; } - + .box(170px, 20px); + position: absolute; + top: -19px; + left: 4px; +} #nav-floater { - position: fixed; - top: 20px; - right: 1%; - padding: 5px; - background: #1d1f1d; - color: transparent; - border-radius: 5px; - z-index: 100; - width: 300px; - height: 60px; } + position: fixed; + top: 20px; + right: 1%; + padding: 5px; + background: @dk_bg_colour; + color: transparent; + .rounded_corners; + z-index: 100; + .box(300px, 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; } } - + 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(dark/icons.png) -190px -60px no-repeat; } - + display: block; + position: fixed; + z-index: 110; + top: 56px; + right: 19px; + .box(22px, 22px); + overflow: hidden; + margin: 0px; + background: transparent url(dark/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; } - + display: inline-block; + margin: 5px; + position: fixed; + right: 0px; + bottom: 0px; + z-index: 100; + background: @dk_bg_colour; + .rounded_corners; +} #search-text { - border: 1px #eec solid; - background: #2e2f2e; - color: #eec; - font-size: 8pt; - margin: 8px; - width: 10em; - height: 14px; } - + .borders; + background: @bg_colour; + color: @main_colour; + font-size: 8pt; + margin: 8px; + .box(10em, 14px); +} #scrollup { - position: fixed; - right: 5px; - bottom: 40px; - z-index: 100; - a:hover { - text-decoration: none; - border: 0; } } - + 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("dark/menu-user-pin.jpg") 98% center no-repeat; - clear: both; - top: 4px; - left: 10px; - padding: 2px; - > a { - vertical-align: top; } } - + .box_shadow(5px, 0, 10px, 0); + display: block; + width: 75%; + margin: 3px 0 0 0; + position: relative; + .rounded_corners; + background-color: @menu_bg_colour; + background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD//gATQ3JlYXRlZCB3aXRoIEdJTVD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAIAAwDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMH/8QAIhAAAQMEAgIDAAAAAAAAAAAAAQIDBAAFBhESIQdBMVFh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgP/xAAXEQEBAQEAAAAAAAAAAAAAAAABAAIR/9oADAMBAAIRAxEAPwCXiHO8dbsEi35BEhIehNlbUhxhBU82O+G9bKgToD2D+VlmZX9OWZBJuAiMxGlni0w0gJCED4HXv7pSi6eFML//2Q=="); + background-position: 98% center; + background-repeat: 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; } - + font-size: 12px; + padding: 3px 20px 9px 5px; + height: 10px; +} .nav-ajax-update, .nav-ajax-left { - width: 30px; - height: 19px; - background: transparent url(dark/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; } - + .box(30px, 19px); + background: transparent url(dark/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; } - + visibility: visible; +} #net-update { - background-position: 0px 0px; } - + background-position: 0px 0px; +} #mail-update { - background-position: -30px 0; } - + background-position: -30px 0; +} #notify-update { - background-position: -60px 0px; } - + background-position: -60px 0px; +} #home-update { - background-position: -90px 0px; } - + background-position: -90px 0px; +} #intro-update { - background-position: -120px 0px; } - + background-position: -120px 0px; +} #lang-select-icon { - cursor: pointer; - position: fixed; - left: 28px; - bottom: 6px; - z-index: 10; } - + cursor: pointer; + position: fixed; + left: 28px; + bottom: 6px; + z-index: 10; +} #language-selector { - position: fixed; - bottom: 2px; - left: 52px; - z-index: 10; } - + 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; } } - + position: absolute; + display: none; + width: 11em; + background: white; + color: @bg_colour; + margin: 0px; + padding: 0px; + .borders(3px, solid, @shiny_colour); + z-index: 100000; + .box_shadow; + a { + display: block; + color: @bg_colour; + padding: 5px 10px; + text-decoration: none; + &:hover { + background-color: lighten(@shiny_colour, 55%); + } + } + .menu-sep { + border-top: 1px solid @med_bg_colour; + } + li { + float: none; + overflow: auto; + height: auto; + display: block; + img { + float: left; + .box(16px, 16px); + padding-right: 5px; + } + } + .empty { + padding: 5px; + text-align: center; + color: lighten(@shiny_colour, 45%); + } +} .notif-item { - font-size: small; - a { - vertical-align: middle; } } - + font-size: small; + a { + vertical-align: middle; + } +} .notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; } - + .box(32px, 32px); + padding: 7px 7px 0px 0px; +} .notify-seen { - background: #ddd; } + background: darken(@main_alt_colour, 20%); +} + /** * 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; } - + position: fixed; + bottom: 0; + .box_shadow(@main_shadow); + padding: 10px; + background-color: @lt_orange; + .borders(2px, solid, @orange); + 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; } - + position: fixed; + bottom: 0; + .box_shadow(@main_shadow); + padding: 10px; + background-color: @lt_orange; + .borders(2px, solid, @orange); + border-bottom: 0; + padding-bottom: 50px; + z-index: 1000; +} #sysmsg_info br, #sysmsg br { - display: block; - margin: 2px 0px; - border-top: 1px solid #ccccce; } + display: block; + margin: 2px 0px; + border-top: 1px solid @main_colour; +} + /** * aside */ - #asidemain { - float: left; - font-size: smaller; - margin: 20px 0 20px 35px; - width: 25%; - display: inline; } + float: left; + font-size: smaller; + margin: 20px 0 20px 35px; + width: 25%; + display: inline; +} /* for now, disappear these */ - #asideright, #asideleft { - display: none; } - + 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 -*/ - + .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); + } + } +} #asidemain { h4 { font-size: 1.2em; } @@ -703,701 +737,715 @@ nav #nav-notifications-linkmenu { .contact-block-div { float: left; margin: 0 5px 5px 0; - width: 50px; - height: 50px; + .box(50px, 50px); padding: 3px; - position: relative; - } - } - } + position: relative; } } } } .aprofile dt { - background: #eec; - color: #2e2f2e; - font-weight: bold; - box-shadow: 1px 1px 5px 0 #000; - margin: 15px 0 5px; - padding-left: 5px; } - + background: @main_colour; + color: @bg_colour; + font-weight: bold; + .box_shadow(1px 1px 5px 0); + margin: 15px 0 5px; + padding-left: 5px; +} #profile-extra-links ul { - margin-left: 0px; - padding-left: 0px; - list-style: none; } - + margin-left: 0px; + padding-left: 0px; + list-style: none; +} #dfrn-request-link { - background: #3465a4 url(dark/connect.png) no-repeat 95% center; - border-radius: 5px 5px 5px 5px; - color: #eec; - display: block; - font-size: 1.2em; - padding: 0.2em 0.5em; } - + .rounded_corners; + color: @main_colour; + display: block; + font-size: 1.2em; + padding: 0.2em 0.5em; + background-color: @friendica_blue; + // background-image: url(icons/connect.png); + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAE4SURBVCiRpZKxLgRRFIa//64dKruZFRIlolBviFKiVHsHrRaFikTCC+hEQtRegMQDqDUKJOPOvauSMJmjYEU2M0viT071/+fLOTlHZkadQgjLkh1LPEoj661WKw5mXG034JxtAgtmrJoVK5WZYYCy1AVQSOYbjeSqMmRmQ8v755Ne77lb5w+d4HMNJopCT7X+bwDQZKfTyf4BIAHeawHe+/kQ/FGM+QagvpFl2VSM/tyMmV7PV14AYMQ5nUp0AULIp0HXzpVvSdLYMmNVAjNdAuNAUQHgxy/ZvEQTSMw0A33DxkIIi2ma3gwC9PKSzRWF2wbdpml62DfyPF9yjlNgAnQGLJjZnXON3Xa7ff8NGPbKQPNrbAOI0a9J2ilLEzAL7P0GqJJizF+BUeDhL2cclJnZPvAg6eADf+imKjSMX1wAAAAASUVORK5CYII="); + background-repeat: no-repeat; + background-position: 95% center; +} #wallmessage-link { - /*background: #3465A4 url(dark/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; } - + ///*background: #3465A4 url(dark/connect.png) no-repeat 95% center;*/ + ///*border-radius: 5px 5px 5px 5px;*/ + color: @main_alt_colour; + display: block; + font-size: 1.2em; + padding: 0.2em 0.5em; +} .ttright { - margin: 0px 0px 0px 0px; } + margin: 0px; +} + /** * contacts block */ - .contact-block-div { - width: 50px; - height: 50px; - float: left; } - + .box(50px, 50px); + float: left; +} .contact-block-textdiv { - width: 150px; - height: 34px; - float: left; } + .box(150px, 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; } } - + margin: 10px 0 20px 0px; + width: 100%; + #jot-tools { + margin: 0px; + padding: 0px; + .box(100%, 35px); + overflow: none; + span { + float: left; + margin: 10px 20px 2px 0px; + a { + display: block; + } + } + .perms { + float: right; + width: 40px; + } + li.loading { + float: right; + background-color: white; + .box(20px, 38px); + vertical-align: center; + text-align: center; + border-top: 2px solid #9eabb0; + img { + margin-top: 10px; + } + } + } + #jot-title { + .borders(1px, solid, darken(@main_alt_colour, 13%)); + margin: 0 0 5px; + .box(90%, 20px); + font-weight: bold; + .rounded_corners; + vertical-align: middle; + } +} #jot-category { - margin: 5px 0; - border-radius: 5px; - border: 1px #999 solid; - color: #aaa; - font-size: smaller; - &:focus { - color: #eee; } } - + margin: 5px 0; + .rounded_corners; + .borders(1px, solid, darken(@main_alt_colour, 33%)); + color: darken(@main_alt_colour, 27%); + font-size: smaller; + &:focus { + color: @main_alt_colour; + } +} #jot #character-counter { - width: 6%; - float: right; - text-align: right; - height: 15px; - line-height: 20px; - padding: 2px 20px 5px 0; } - + .box(6%, 15px); + float: right; + text-align: right; + line-height: 20px; + padding: 2px 20px 5px 0; +} #profile-jot-text_parent { - box-shadow: 5px 0 10px 0 #111; } - + .box_shadow(5px, 0, 10px, 0, @shadow_colour); +} #profile-jot-text_tbl { - margin-bottom: 10px; - background: #777; } - + margin-bottom: 10px; + background: #777; +} #profile-jot-text_ifr { - width: 99.900002% !important; } - + width: 99.900002% !important; +} #profile-jot-text_toolbargroup, .mceCenter tr { - background: #777; } - + background: #777; +} [id$="jot-text_ifr"] { - width: 99.900002% !important; - color: #2e2f2e; - background: #eec; - .mceContentBody { - color: #2e2f2e; - background: #eec; } } - + width: 99.900002% !important; + color: @bg_colour; + background: @main_colour; + .mceContentBody { + color: @bg_colour; + background: @main_colour; + } +} .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; } - + tr.mceFirst { + background: #777; + } + td { + &.mceFirst, &.mceLast { + background-color: @main_colour; + } + } + span.mceIcon, img.mceIcon, .mceButtonDisabled .mceIcon { + background-color: @main_colour; + } +} +#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; } - + float: right; +} #profile-jot-email-wrapper { - margin: 10px 10% 0; - border: 1px solid #555753; - border-bottom: 0; } - + margin: 10px 10% 0; + .borders(1px, solid, @menu_bg_colour); + border-bottom: 0; +} #profile-jot-email-label { - background-color: #555753; - color: #ccccce; - padding: 5px; } - + background-color: @menu_bg_colour; + color: @main_colour; + padding: 5px; +} #profile-jot-email { - width: 90%; - margin: 5px; } - + width: 90%; + margin: 5px; +} #profile-jot-networks { - margin: 0 10%; - border: 1px solid #555753; - border-top: 0; - border-bottom: 0; - padding: 5px; } - + margin: 0 10%; + border: 1px solid @menu_bg_colour; + border-top: 0; + border-bottom: 0; + padding: 5px; +} #profile-jot-net { - margin: 5px 0; } - + margin: 5px 0; +} #jot-preview-link { - margin: 0 0 0 10px; - border: 0; - text-decoration: none; - float: right; } - + 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(dark/icons.png) no-repeat -128px -40px; - border: 0; - text-decoration: none; - float: right; - cursor: pointer; } - + margin: 0 0 -18px 0; + display: block; + .box(20px, 20px); + background: url(dark/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; } - + float: right; + background-color: @menu_bg_colour; + .box(22px, 22px); + .rounded_corners; + overflow: hidden; + border: 0px; + margin: 0 10px 0 10px; +} #profile-jot-plugin-wrapper { - width: 1px; - margin: 10px 0 0 0; - float: right; } - + 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; } - + float: right; + width: 100%; + 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; } } - + height: auto; + background-color: @menu_bg_colour; + color: @main_alt_colour; + .rounded_corners; + .borders(2px, outset, @shiny_colour); + margin: 0; + float: right; + .text_shadow; + 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; } - + .box(20px, 22px); + .rounded_corners; + overflow: hidden; +} +#profile-jot-acl-wrapper { + margin: 0 10px; + .borders(1px, solid, darken(@main_alt_colour, 60%)); + border-top: 0; + display: block !important; + .borders(1px solid @menu_bg_colour); + .box_shadow; +} +#group_allow_wrapper, +#group_deny_wrapper, +#acl-permit-outer-wrapper, +#contact_allow_wrapper, +#contact_deny_wrapper, +#acl-deny-outer-wrapper { + width: 47%; +} +#group_allow_wrapper, +#group_deny_wrapper, +#acl-permit-outer-wrapper { + float: left; +} +#contact_allow_wrapper, +#contact_deny_wrapper, +#acl-deny-outer-wrapper { + float: right; +} #acl-permit-text { - background-color: #555753; - color: #ccccce; - padding: 5px; - float: left; } - + background-color: darken(@main_alt_colour, 60%); + color: @main_colour; + padding: 5px; + float: left; +} #jot-public { - background-color: #555753; - color: #ff0000; - padding: 5px; - float: left; } - + background-color: darken(@main_alt_colour, 60%); + color: @alert; + 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; } - + background-color: darken(@main_alt_colour, 60%); + color: @main_colour; + padding: 5px; + float: left; +} #jot-title-desc { - color: #ccc; } - + color: darken(@main_alt_colour, 13%); +} #profile-jot-desc { - color: #ff2000; - margin: 5px 0; } - + color: @red_orange; + margin: 5px 0; +} #jot-title-wrapper { - margin-bottom: 5px; } - + margin-bottom: 5px; +} #jot-title-display { - font-weight: bold; } - + font-weight: bold; +} .jothidden { - display: none; } - + display: none; +} #jot-preview-content { - background-color: #3e3f3e; - color: #eec; - border: 1px #eec solid; - border-radius: 5px; - padding: 3px 3px 6px 10px; - .wall-item-outside-wrapper { - border: 0; - border-radius: 0px; } } + background-color: @bg_alt_colour; + color: @main_colour; + .borders(1px, solid, @main_colour); + .rounded_corners; + padding: 3px 3px 6px 10px; + .wall-item-outside-wrapper { + border: 0; + .rounded_corners(0px 0px 0px 0px); + } +} + /** * section */ - #sectionmain { - margin: 20px; - font-size: 0.8em; - min-width: 475px; - width: 67%; - float: left; - display: inline; } + 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; } } - + 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: #88a9d2; - color: #2e2f2e; } - &.active { - background: #88a9d2; - color: #2e2f2e; - a { - color: #2e2f2e; } } - a { - border: 0; - text-decoration: none; } } + border: 1px solid @link_colour; + padding: 4px; + &:hover, &.active:hover, &:active { + background: @link_colour; + color: @bg_colour; + } + &.active { + background: @main_colour; + color: @bg_colour; + a { + color: @bg_colour; + } + } + a { + border: 0; + text-decoration: none; + } +} /** * items */ - .wall-item-outside-wrapper { - border: 1px solid #aaa; - border-radius: 5px; - box-shadow: 5px 0 10px 0 #111; - &.comment { - margin-top: 5px; } } - + .borders(1px, solid, #aaa); + .rounded_corners; + .box_shadow(5px, 0, 10px, 0); + &.comment { + margin-top: 5px; + } +} .wall-item-outside-wrapper-end { - clear: both; } - + clear: both; +} .wall-item-content-wrapper { - position: relative; - padding: 10px; - width: auto; } - + position: relative; + padding: 10px; + width: auto; +} .wall-item-outside-wrapper .wall-item-comment-wrapper { - /*margin-left: 90px;*/ } - + /*margin-left: 90px;*/ +} .shiny { - background: #2e3436; - border-radius: 5px; } - + background: @shiny_colour; + .rounded_corners; +} .wall-outside-wrapper .shiny { - border-radius: 5px; } - + .rounded_corners; +} .heart { - color: red; } - + 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 ;) */ - + overflow-x: auto; + margin: 0px 15px 0px 5px; +} [id^="tread-wrapper"], [class^="tread-wrapper"] { - margin: 15px 0 0 0; - padding: 0px; - /*overflow-x: auto;*/ } - + margin: 15px 0 0 0; + padding: 0px; +} .wall-item-photo-menu { - display: none; } - + display: none; +} .wall-item-photo-menu-button { - display: none; - text-indent: -99999px; - background: #555753 url(dark/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; } - + display: none; + text-indent: -99999px; + background: @menu_bg_colour url(dark/menu-user-pin.jpg) no-repeat 75px center; + position: absolute; + overflow: hidden; + .box(90px, 20px); + top: 85px; + left: 0; + .rounded_corners(0 0 5px 5px); +} .wall-item-info { - float: left; - width: 110px; } - + 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; } - + .box(80px, 80px); + position: relative; + padding: 5px; + background-color: @menu_bg_colour; + .rounded_corners; +} [class^="wall-item-tools"] * { - /*margin: 0 0 5px 0;*/ - > * { - /*margin: 0 0 5px 0;*/ } } - + /*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; } } - + float: right; + opacity: 0.4; + .transition; + &:hover { + opacity: 1; + .transition; + } +} .wall-item-subtools1 { - height: 30px; - list-style: none outside none; - margin: 20px 0 30px -20px; - padding: 0; - width: 30px; } - + .box(30px, 30px); + list-style: none outside none; + margin: 20px 0 30px -20px; + padding: 0; +} .wall-item-subtools2 { - height: 25px; - list-style: none outside none; - margin: -75px 0 0 5px; - padding: 0; - width: 25px; } - + 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; } - + font-size: 1.2em; + font-weight: bold; + margin-bottom: 1em; +} .wall-item-body { - margin: 20px 20px 10px 0px; - text-align: left; - overflow-x: auto; } - + 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; } - + float: right; + .box(22px, 22px); + margin: 0 -5px 0 0; + 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; } - + display: inline; + padding-left: 10px; +} .wall-item-wrapper-end { - clear: both; } - + 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; } } - + 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; } } - + .wwto { + left: 5px; + margin: 0; + position: absolute; + top: 75px; + width: 30px; + z-index: 10001; + .box(30px, 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; } - + 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; } } } - + min-width: 92px; + .borders(2px, solid, white); + border-top: 0px; + background: #555753; + position: absolute; + left: -2px; + top: 101px; + display: none; + z-index: 10003; + .rounded_corners; + li a { + white-space: nowrap; + display: block; + padding: 5px 2px; + color: @main_alt_colour; + &:hover { + color: #555753; + background: @main_alt_colour; + } + } +} #item-delete-selected { - overflow: auto; - width: 100%; } + overflow: auto; + width: 100%; +} +#connect-services-header, +#connect-services, +#extra-help-header, +#extra-help, +#postit-header, +#postit { + margin: 5px 0 0 0; +} -#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; } - + 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; } } - + 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;*/ } - + /*margin: 30px 0px 0px 80px;*/ +} .comment-edit-wrapper { - border-top: 1px #aaa solid; } - + 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; } - + .list_reset; + 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 { + .box; +} +.comment-edit-photo-link, +.comment-edit-photo { + margin-left: 10px; +} .my-comment-photo { - width: 40px; - height: 40px; - padding: 5px; } + .box(40px, 40px); + padding: 5px; +} [class^="comment-edit-text"] { - margin: 5px 0 10px 20px; - width: 84.5%; } - + margin: 5px 0 10px 20px; + width: 84.5%; +} .comment-edit-text-empty { - height: 20px; - border: 2px #c8bebe solid; - border-radius: 5px; - color: #c8bebe; - -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; } } - + height: 20px; + border: 2px #c8bebe solid; + border-radius: 5px; + color: #c8bebe; + .transition; + &: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; } - + height: 10em; + .rounded_corners; + .transition; +} .comment-edit-submit-wrapper { - width: 90%; - margin: 5px 5px 10px 50px; - text-align: right; } - + 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; } + height: 22px; + background-color: #555753; + color: @main_alt_colour; + .rounded_corners; + 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: #2e2f2e; - width: 95%; } + background-color: #444; + border-bottom: 1px dashed #ccc; + border-left-style: solid; + border-left-width: 10px; + border-top: 1px dashed #ccc; + display: block; + overflow-x: auto; + padding: 5px 0 15px 10px; + width: 95%; + a { + color: @lt_link_colour; + } +} + /** * profile */ - div { - &[id$="text"] { - font-weight: bold; - border-bottom: 1px solid #ccc; } - &[id$="wrapper"] { - height: 100%; - margin-bottom: 1em; - br { - clear: left; } } } - + &[id$="text"] { + font-weight: bold; + border-bottom: 1px solid #ccc; + } + &[id$="wrapper"] { + height: 100%; + margin-bottom: 1em; + br { + clear: left; + } + } +} .profile-match-wrapper { float: left; margin: 0 5px 40px 0; - width: 120px; - height: 120px; + .box(120px, 120px); padding: 3px; position: relative; } @@ -1407,11 +1455,10 @@ div { .profile-match-photo { } - [id$="-end"], [class$="-end"] { - clear: both; - margin: 0 0 10px 0; } - + clear: both; + margin: 0 0 10px 0; +} .profile-match-end { margin: 0 0 5px 0; } @@ -1438,59 +1485,48 @@ div { 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: #222; - color: #2e2f2e; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding-bottom: 30px; - position: relative; - margin: 0 10px 10px 0; } + float: left; + .box_shadow; + background-color: #222; + color: @bg_colour; + .rounded_corners; + 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; } + 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; } + .rounded_corners(5px 5px 0 0); +} -.caption { - position: absolute; - bottom: 0; - margin: 0 5px; } +.photo-top-album-name, .caption { + position: absolute; + bottom: 0; + padding: 0 5px; +} #photo-photo { - position: relative; - float: left; } + 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; } + position: absolute; + .box(30%, 100%); + background: white center center no-repeat; + opacity: 0; + .transition(all, 0.2s); +} #photo-prev-link { background-image: url(dark/prev.png); @@ -1517,55 +1553,60 @@ div { 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; } + opacity: 1; + .transition(all, 0.2s); +} #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; } } + &:hover { + opacity: 1; + .transition(all, 0.2s); + } + .icon { + display: none; + } +} #photo-prev-link .icon { display: none; } -#photos-upload-spacer, #photos-upload-new-wrapper, #photos-upload-exist-wrapper { +#photos-upload-spacer, +#photos-upload-new-wrapper, +#photos-upload-exist-wrapper { margin-bottom: 1em; } -#photos-upload-existing-album-text, #photos-upload-newalbum-div { +#photos-upload-existing-album-text, +#photos-upload-newalbum-div { background-color: #555753; - color: #eeeeec; + color: @main_alt_colour; padding: 1px; } -#photos-upload-album-select, #photos-upload-newalbum { +#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 { +#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 { +#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 { +#photo-edit-caption-end, +#photo-edit-tags-end, +#photo-edit-albumname-end { clear: both; } #photo-edit-delete-button { @@ -1585,12 +1626,14 @@ div { */ .prvmail-text { - width: 100%; } + width: 100%; +} #prvmail-subject { - width: 100%; - color: #2e2f2e; - background: #eec; } + width: 100%; + color: @bg_colour; + background: @main_colour; +} #prvmail-submit-wrapper { margin-top: 10px; } @@ -1632,21 +1675,21 @@ div { .mail-list-outside-wrapper-end { clear: both; - border-bottom: 1px #eec dotted; } + border-bottom: 1px @main_colour dotted; } .mail-conv-sender { float: left; margin: 0px 5px 5px 0px; } .mail-conv-sender-photo { - width: 32px; - height: 32px; } + .box(32px, 32px) +} .mail-conv-sender-name { - float: left; } + float: left; } .mail-conv-date { - float: right; } + float: right; } .mail-conv-subject { clear: right; @@ -1664,48 +1707,51 @@ div { */ .view-contact-wrapper, .contact-entry-wrapper { - float: left; - margin: 0 5px 40px 0; - width: 120px; - height: 120px; - padding: 3px; - position: relative; } + float: left; + margin: 0 5px 40px 0; + .box(120px, 120px); + padding: 3px; + position: relative; } .contact-direction-wrapper { - position: absolute; - top: 20px; } + position: absolute; + top: 20px; } .contact-edit-links { - position: absolute; - top: 60px; } + position: absolute; + top: 60px; } .contact-entry-photo-wrapper {} .contact-entry-photo { - margin-left: 20px; } + margin-left: 20px; } .contact-entry-name { - width: 120px; - font-weight: bold; - /*overflow: hidden;*/ } + 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; } + border: 1px solid #babdb6; + .rounded_corners(3px); + background-color: #fff; +} + +#contact-entry-url, +[id^="contact-entry-url"], +#contact-entry-network, +[id^="contact-entry-network"] { + font-size: smaller; +} + +#contact-entry-network, +[id^="contact-entry-network"] { + font-style: italic; +} #contact-edit-banner-name { font-size: 1.5em; } @@ -1724,18 +1770,20 @@ div { margin-left: 0px; } #contact-edit-links { - margin-top: 23px; - ul { - list-style-type: none; } } + margin-top: 23px; + ul { + .list_reset; + } +} #contact-drop-links { - margin-left: 5px; } + margin-left: 5px; +} #contact-edit-nav-wrapper .icon { - border: 1px solid #babdb6; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; } + .borders(1px, solid, #babdb6); + .rounded_corners(3px); +} #contact-edit-poll-wrapper { margin-left: 0px; } @@ -1757,25 +1805,23 @@ div { margin-bottom: 65px; } .contact-photo-menu-button { - position: absolute; - background-image: url("dark/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; } + position: absolute; + background: url("dark/photo-menu.jpg") top left no-repeat transparent; + margin: 0px; + padding: 0px; + .box(16px, 16px); + top: 64px; + left: 0px; + overflow: hidden; + text-indent: 40px; + display: none; +} .contact-photo-menu { width: auto; border: 2px solid #444; - background: #2e2f2e; - color: #eec; + background: @bg_colour; + color: @main_colour; position: absolute; left: 0px; top: 90px; @@ -1805,12 +1851,11 @@ div { padding-left: 18px; } #settings-nickname-desc { - background-color: #eec; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding: 5px; - color: #111; } + background-color: @main_colour; + .rounded_corners; + padding: 5px; + color: #111; +} #settings-default-perms { margin-bottom: 20px; } @@ -1861,84 +1906,82 @@ div { margin: 20px 20px 0px 0px; } .icon-profile-edit { - background: url("dark/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; } - + background: url("dark/icons.png") -150px 0px no-repeat; + border: 0; + cursor: pointer; + display: block; + .box(20px, 20px); + margin: 0 0 -18px; + text-decoration: none; + top: 113px; + right: 260px; +} #profile-edit-links ul { - margin: 20px 0; - padding: 0; - list-style: none; } - + .list_reset; + margin: 20px 0; +} .marital { - margin-top: 5px; } - + margin-top: 5px; +} #register-sitename { - display: inline; - font-weight: bold; } - + display: inline; + font-weight: bold; +} #advanced-expire-popup { - background: #2e2f2e; - color: #eec; } - + background: @bg_colour; + color: @main_colour; +} #id_ssl_policy { - width: 374px; } - + width: 374px; +} #theme-preview img { - margin: 10px 10px 10px 288px; } + margin: 10px 10px 10px 288px; +} /** * contacts selector */ .group-delete-wrapper { - margin: -31px 50px 0 0; - float: right; } + 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; } + margin: 0 0 10px 0; + display: inline; } #group-edit-desc { - margin: 10px 0px; } + 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; } + height: 200px; + overflow: auto; + .borders(1px, solid, #555753); + .rounded_corners(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; } + height: 200px; + overflow: auto; + .borders(1px, solid, #555753); + .rounded_corners(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-members h3, +#group-all-contacts h3, +#prof-members h3, +#prof-all-contacts h3 { + color: @main_alt_colour; + background-color: #555753; + margin: 0; + padding: 5px; } #group-separator, #prof-separator { - display: none; } + display: none; } /** * profile @@ -2009,7 +2052,7 @@ div { font-size: 20px; } .event { - background: #2e2f2e; } + background: @bg_colour; } .vevent { border: 1px solid #ccc; @@ -2055,7 +2098,7 @@ div { .today { font-weight: bold; - color: #FF0000; } + color: #F00; } #event-start-text, #event-finish-text { margin-top: 10px; @@ -2125,8 +2168,8 @@ div { text-decoration: underline; } } .fc-state-highlight { - background: #eec; - color: #2e2f2e; } + background: @main_colour; + color: @bg_colour; } /** * directory @@ -2145,74 +2188,88 @@ div { */ #group-sidebar { - margin-bottom: 10px; } - -.group-selected, .nets-selected, .fileas-selected { - padding: 3px; - color: #2e2f2e; - background: #88a9d2; - font-weight: bold; } - -.group-selected:hover, .nets-selected:hover, .fileas-selected:hover { - color: #2e2f2e; } - + margin-bottom: 10px; +} +.group-selected, +.nets-selected, +.fileas-selected { + padding: 3px; + color: @bg_colour; + background: @main_colour; + font-weight: bold; +} +.group-selected:hover, +.nets-selected:hover, +.fileas-selected:hover { + color: @link_colour; + background: @bg_colour; +} .groupsideedit { - margin-right: 10px; } - + margin-right: 10px; +} #sidebar-group-ul { - padding-left: 0; } - + 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; } } - + margin: 0 0 5px 0; + li { + margin-top: 10px; + } + .icon { + display: inline-block; + .box(12px, 12px); + } +} +.sidebar-group-element { + padding: 3px; + &:hover { + color: @bg_colour; + background: @link_colour; + font-weight: bold; + padding: 3px; + } +} #sidebar-new-group { - margin: auto; - display: inline-block; - color: #efefef; - text-decoration: none; - text-align: center; } - + margin: auto; + display: inline-block; + color: #efefef; + text-decoration: none; + text-align: center; +} #peoplefind-sidebar form { - margin-bottom: 10px; } - + 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; } } - + &: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: #2e2f2e; - color: #eec; - border: 1px #999 solid; - margin-right: 3px; - width: 75%; - &:hover, &:focus { - background-color: #efefef; - color: #222; - border: 1px 333 solid; } } - + background-color: @bg_colour; + color: @main_colour; + border: 1px #999 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; } } - + .list_reset; + li { + margin: 10px 0 0; + } +} .nets-link, .nets-all { - margin-left: 0px; } - + margin-left: 0px; +} #netsearch-box { margin: 20px 0px 30px; width: 135px; @@ -2221,125 +2278,147 @@ div { } } + /** * admin */ - #pending-update { - float: right; - color: #fff; - font-weight: bold; - background-color: #ff0000; - padding: 0 .3em; } - + float: right; + color: #fff; + font-weight: bold; + background-color: #ff0000; + padding: 0 .3em; +} .admin { - &.linklist { - border: 0; - padding: 0; } - &.link { - list-style-position: inside; } } - + &.linklist { + border: 0; + padding: 0; } + &.link { + .list_reset; + } +} #adminpage { - color: #eec; - background: #2e2f2e; - 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: #2e2f2e; - background-color: #eec; } } - .selectall { - text-align: right; } - #users a { - color: #eec; - text-decoration: underline; } } + color: @main_colour; + background: @bg_colour; + 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; + } + } + .selectall { + text-align: right; + } + #users a { + color: @main_colour; + text-decoration: underline; + } +} #users .name { - color: #eec; } + color: @main_colour; +} /** * 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 #2e2f2e solid; - padding: 5px; - background: #eec; - color: #111; } } + overflow: auto; + label { + width: 38%; + display: inline-block; + font-size: 1.077em; + margin: 0 10px 1em 0; + border: 1px @bg_colour solid; + padding: 5px; + background: @main_colour; + 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; } } + 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, .off { + background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD//gATQ3JlYXRlZCB3aXRoIEdJTVD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAUACIDASIAAhEBAxEB/8QAGgABAQACAwAAAAAAAAAAAAAAAAQDBQEGCf/EACgQAAIBAwIFAwUAAAAAAAAAAAECAAMEERIUBRMxUpEhIoEjM1Nxkv/EABcBAAMBAAAAAAAAAAAAAAAAAAABAgT/xAAaEQEAAgMBAAAAAAAAAAAAAAAAAQIRMVES/9oADAMBAAIRAxEAPwD1ERKFNFVaNNVUYACgACcNVt1dEKUwzZwNI9cSDczDVdnuKDjomrPyJOQ2SXNq/L0rTPMzp9vXHWZfo/jT+RNFQV6e2yPt6s/Ms3EWQofhnDqjszWFqzMcljRUknxEn3ES/dup8xxPZ0hXtKFViQzorEDpkiZtqvc3mIkzs40bVe5vMbVe5vMREbrN3xy4t7utSVaZVHZQSDnAP7iIm+K1xpkm09f/2Q=='); + background-repeat: no-repeat; + } + .on { + background-position: 42px 1px; + background-color: #999; + color: #111; + text-align: left; + } + .off { + background-position: 2px 1px; + background-color: #ccc; + color: #333; + text-align: right; + } +} .hidden { - display: none !important; } + display: none !important; } .field textarea { - width: 80%; - height: 100px; } + .box(80%, 100px); +} .field_help { display: block; @@ -2350,99 +2429,99 @@ div { margin-left: 297px; } label { - width: 38%; - display: inline-block; - font-size: 1.077em; - margin: 0 10px 1em 0; - border: 1px #2e2f2e solid; - padding: 5px; - background: #eec; - color: #111; } - + width: 38%; + display: inline-block; + font-size: 1.077em; + margin: 0 10px 1em 0; + .borders(1px, solid, @bg_colour); + padding: 5px; + background: @main_colour; + color: #111; + .box_shadow(3px, 3px, 5px); +} 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: #eee; - border: 2px outset #aaa; - border-radius: 5px; - box-shadow: 1px 3px 4px 0 #111; - color: #2e302e; - cursor: pointer; - font-weight: bold; - width: auto; - text-shadow: 1px 1px #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; } - &[type="submit"]:active, &[type="button"]:active { - box-shadow: 0 0 0 0; } } + .box(250px, 25px); + .borders(1px, solid, #999); + &[type="checkbox"], + &[type="radio"] { + margin: 0; + .box(15px, 15px); + } + &[type="submit"], + &[type="button"] { + background-color: #eee; + .borders(2px, outset, #aaa); + .rounded_corners; + .box_shadow(1px, 3px, 4px, 0); + color: #2e302e; + cursor: pointer; + font-weight: bold; + width: auto; + .text_shadow; + } + &[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; } } + .box(100%, 100%); + top: 0px; + left: 0px; + position: absolute; + display: none; + .background { + background-color: #000; + opacity: 0.5; + .box(100%, 100%); + position: absolute; + top: 0px; + left: 0px; } + .panel { + top: 25%; + left: 25%; + .box(50%, 50%); + padding: 1em; + position: absolute; + border: 4px solid #000000; + background-color: #FFFFFF; + } +} #panel { - z-index: 100; } + z-index: 100; } -.grey { - color: grey; } +.grey, .gray { + color: gray; } .orange { - color: orange; } + color: orange; } .red { - color: 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 { + display: block; + overflow: auto; + height: 80%; + } + .panel_in { + .box(100%, 100%); + position: relative; + } + .panel_actions { + width: 100%; + bottom: 4px; + left: 0px; + position: absolute; + } +} .panel_text .progress { width: 50%; @@ -2484,21 +2563,20 @@ input { */ .iconspacer { - display: block; - width: 16px; - height: 16px; } + display: block; + .box(16px, 16px); +} .icon { - display: block; - width: 20px; - height: 20px; - background: url(dark/icons.png) no-repeat; - border: 0; - text-decoration: none; - border-radius: 5px; - &:hover { - border: 0; - text-decoration: none; } } + display: block; + .box; + background: url(dark/icons.png) no-repeat; + border: 0; + text-decoration: none; + .rounded_corners; + &:hover { + border: 0; + text-decoration: none; } } .editicon { display: inline-block; @@ -2509,273 +2587,272 @@ input { text-decoration: none; } .shadow { - box-shadow: 2px 2px 5px 2px #111; - &:active, &:focus, &:hover { - box-shadow: 0 0 0 0; } } - + .box_shadow(2px, 2px, 5px, 2px); + &:active, &:focus, &:hover { + box-shadow: 0 0 0 0; + } +} .editicon:hover { - border: 0; } + border: 0; } .boldbb { - background-position: 0px 0px; - &:hover { - background-position: -22px 0px; } } + background-position: 0px 0px; + &:hover { + background-position: -22px 0px; } } .italicbb { - background-position: 0px -22px; - &:hover { - background-position: -22px -22px; } } + background-position: 0px -22px; + &:hover { + background-position: -22px -22px; } } .underlinebb { - background-position: 0px -44px; - &:hover { - background-position: -22px -44px; } } + background-position: 0px -44px; + &:hover { + background-position: -22px -44px; } } .quotebb { - background-position: 0px -66px; - &:hover { - background-position: -22px -66px; } } + background-position: 0px -66px; + &:hover { + background-position: -22px -66px; } } .codebb { - background-position: 0px -88px; - &:hover { - background-position: -22px -88px; } } + background-position: 0px -88px; + &:hover { + background-position: -22px -88px; } } .imagebb { - background-position: -44px 0px; - &:hover { - background-position: -66px 0px; } } + background-position: -44px 0px; + &:hover { + background-position: -66px 0px; } } .urlbb { - background-position: -44px -22px; - &:hover { - background-position: -66px -22px; } } + background-position: -44px -22px; + &:hover { + background-position: -66px -22px; } } .videobb { - background-position: -44px -44px; - &:hover { - background-position: -66px -44px; } } + 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; } } + &.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; } + background: url("../../../images/icons/16/add.png") no-repeat; +} .add { - margin: 0px 5px; } + margin: 0px 5px; } .article { - background-position: -50px 0; } + background-position: -50px 0; } .audio { - background-position: -70px 0; } + background-position: -70px 0; } .block { - background-position: -90px 0px; } + background-position: -90px 0px; } .drop, .delete { - background-position: -110px 0; } + background-position: -110px 0; } .drophide { - background-position: -130px 0; } + background-position: -130px 0; } .edit { - background-position: -150px 0; } + background-position: -150px 0; } .camera { - background-position: -170px 0; } + background-position: -170px 0; } .dislike { - background-position: -190px 0; } + background-position: -190px 0; } .file-as { - background-position: -230px -60px; } + background-position: -230px -60px; } .like { - background-position: -211px 0; } + background-position: -211px 0; } .link { - background-position: -230px 0; } + background-position: -230px 0; } .globe, .location { - background-position: -50px -20px; } + background-position: -50px -20px; } .noglobe, .nolocation { - background-position: -70px -20px; } + background-position: -70px -20px; } .no { - background-position: -90px -20px; } + background-position: -90px -20px; } .pause { - background-position: -110px -20px; } + background-position: -110px -20px; } .play { - background-position: -130px -20px; } + background-position: -130px -20px; } .pencil { - background-position: -151px -18px; } + background-position: -151px -18px; } .small-pencil { - background-position: -170px -20px; } + background-position: -170px -20px; } .recycle { - background-position: -190px -20px; } + background-position: -190px -20px; } .remote-link { - background-position: -210px -20px; } + background-position: -210px -20px; } .share { - background-position: -230px -20px; } + background-position: -230px -20px; } .tools { - background-position: -50px -40px; } + background-position: -50px -40px; } .lock { - background-position: -70px -40px; } + background-position: -70px -40px; } .unlock { - background-position: -88px -40px; } + background-position: -88px -40px; } .video { - background-position: -110px -40px; } + background-position: -110px -40px; } .attach { - background-position: -190px -40px; } + background-position: -190px -40px; } .language { - background-position: -210px -40px; } + background-position: -210px -40px; } .starred { - background-position: -130px -60px; } + background-position: -130px -60px; } .unstarred { - background-position: -150px -60px; } + background-position: -150px -60px; } .tagged { - background-position: -170px -60px; } + background-position: -170px -60px; } .on { - background-position: -50px -60px; } + background-position: -50px -60px; } .off { - background-position: -70px -60px; } + background-position: -70px -60px; } .prev { - background-position: -90px -60px; } + background-position: -90px -60px; } .next { - background-position: -110px -60px; } + background-position: -110px -60px; } .icon.dim { - opacity: 0.3; } + opacity: 0.3; } #pause { - position: fixed; - bottom: 40px; - right: 30px; } + 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; } } + .borders(1px, solid, #babdb6); + .rounded_corners; + &:hover { + .borders(1px, solid, #babdb6); + .rounded_corners; + } +} .attachtype { - display: block; - width: 20px; - height: 23px; - background-image: url(../../../images/content-types.png); } + display: block; + width: 20px; + height: 23px; + background-image: url(../../../images/content-types.png); } .type-video { - background-position: 0px 0px; } + background-position: 0px 0px; } .type-image { - background-position: -20px 0; } + background-position: -20px 0; } .type-audio { - background-position: -40px 0; } + background-position: -40px 0; } .type-text { - background-position: -60px 0px; } + background-position: -60px 0px; } .type-unkn { - background-position: -80px 0; } + background-position: -80px 0; } /** * footer */ .cc-license { - margin-top: 100px; - font-size: 0.7em; } + margin-top: 100px; + font-size: 0.7em; } footer { - display: block; - /*margin: 50px 20%;*/ - clear: both; } + display: block; + /*margin: 50px 20%;*/ + clear: both; } #profile-jot-text { - height: 20px; - color: #eec; - border: 1px solid #eec; - border-radius: 5px; - width: 99.5%; } + height: 20px; + color: @main_colour; + .borders; + .rounded_corners; + width: 99.5%; +} /** * acl */ #photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper { - display: block !important; - background: #2e2f2e; - color: #eec; } + display: block !important; + background: @bg_colour; + color: @main_colour; } #acl-wrapper { - width: 660px; - margin: 0 auto; } + 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; } + 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; } } + 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; + .rounded_corners; + color: #999; + margin: 5px 0; + &.selected { + color: #000; + background: #ff9900 url(../../../images/show_all_on.png) 8px 8px no-repeat; } } #acl-list { height: 210px; @@ -2788,95 +2865,97 @@ footer { }*/ .acl-list-item { - border: 1px solid #eec; - 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: #eeeecc 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: #2e2f2e; - margin: 5px auto 0; - padding: 0 3px; - text-align: center; - vertical-align: middle; } } + .borders; + display: block; + float: left; + height: 110px; + margin: 3px 0 5px 5px; + width: 120px; + img { + .box(22px, 22px); + float: left; + margin: 5px 5px 20px; } + p { + height: 12px; + font-size: 10px; + margin: 0 0 22px; + padding: 2px 0 1px; } + a { + background: #eeeecc 3px 3px no-repeat; + .rounded_corners; + clear: both; + font-size: 10px; + display: block; + width: 55px; + height: 20px; + color: @bg_colour; + margin: 5px auto 0; + padding: 0 3px; + text-align: center; + vertical-align: middle; } } #acl-wrapper a:hover { - text-decoration: none; - color: #2e2f2e; - border: 0; } + text-decoration: none; + color: @bg_colour; + border: 0; } +//data URI: +// data:[][;charset=][;base64], .acl-button-show { - background-image: url('../../../images/show_off.png'); - margin: 0 auto; } - + // background-image: url('../../../images/show_off.png'); + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABxSURBVAiZY/z//z8DDMyaNUuEgYEhk4GBwZ8JJrhv3z5DZmbmMwwMDOoMDAxpLKtWraqTl5d3fPv2rcn///9XpKWlpTIwMDCwfPr0SePWrVtmP378YPn//385zASmf//+Rf/8+XMpIyPj2bS0tHcwCQBWkiq6M5HGDgAAAABJRU5ErkJggg=='); + margin: 0 auto; +} .acl-button-hide { - background-image: url('../../../images/hide_off.png'); - margin: 0 auto; } - + // background-image: url('../../../images/hide_off.png'); + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACWSURBVAiZBcEhDsIwFAbg/72+VXQ7wPSCIlj8JMlmcKQGgdgRCCfpEz0HjgSDw3IA1AQC1QqSpXwfqeoZwHOaphsAqGpfVVVHIYQNM1+J6MLMOwA9gAOVUhBC6Ky1r7quv03TrMZxzAwAIjKIyCel9JvneQ8ApKprY8zdObfNOXMp5bEsyyDGmJaITt77NwDEGI/W2vYP0nYuQ/Tw9H4AAAAASUVORK5CYII='); + margin: 0 auto; +} .acl-button-show.selected { - color: #2e2f2e; - background-color: #9ade00; - background-image: url(../../../images/show_on.png); } - + // background: #9ade00 url(../../../images/show_on.png); + background: #9ade00 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABXSURBVAiZTcyhDYNQGADh7xEGwGDxhD2qUWxAwIBgE9BdoxO03YaEEX7USzh5l1yKCJl0pBoT+uIhK3zRYk52Az5444w1FijxwoYOTT4UGPHHL9a4crgBhcYSpxKVgzIAAAAASUVORK5CYII='); + color: @bg_colour; +} .acl-button-hide.selected { - color: #2e2f2e; - background-color: #ff4141; - background-image: url(../../../images/hide_on.png); } - + // background: #ff4141 url(../../../images/hide_on.png); + background: #ff4141 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACSSURBVAiZBcGhDoJQFAbg/z/3cGliJDOTszmLichGstkMPoTzvfA2N4vN6gMYCGhwMifMTY7fxyCy4zBcCrMjAFRk7p3LWAEzRwYT2StQgMwBrGlmOJCZV72Ok+QpcTyZ1/VHAEBEyiiKHq+2/d6bZgUADMCUIqeR94t338tAns2sVKea/sy2y667AUAgN+pc+gcI6S733PoZRAAAAABJRU5ErkJggg=='); + color: @bg_colour; +} .acl-list-item { - &.groupshow { - border-color: #9ade00; } - &.grouphide { - border-color: #ff4141; } } + &.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; } - + 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: #2e302e; - background-color: #eeeeec; } } - + background-color: #555753; + padding: 4px; + clear: left; + img { + float: left; + margin-right: 4px; + } + &.selected { + color: #2e302e; + background-color: @main_alt_colour; + } +} .qcomment-wrapper { - padding: 0px; - margin: 5px 5px 5px 81%; } - + padding: 0px; + margin: 5px 5px 5px 81%; +} .qcomment { opacity: 0.5; &:hover { @@ -2915,7 +2994,76 @@ footer { /* override the jappix css */ z-index: 999; } -/* media stuff */ +//* media stuff */ @media handheld { - body { - font-size: 15pt; } } + body { + font-size: 15pt; + } +} +//* Smartphones (portrait and landscape) ----------- */ +@media only screen and (min-device-width: 320px) + and (max-device-width: 480px) { + body { + font-size: 10px; + } +} +//* Smartphones (landscape) ----------- */ +@media only screen and (min-width: 321px) { + body { + font-size: 10px; + } +} +//* Smartphones (portrait) ----------- */ +@media only screen and (max-width: 320px) { + body { + font-size: 10px; + } +} +//* iPads (portrait and landscape) ----------- */ +@media only screen and (min-device-width: 768px) + and (max-device-width: 1024px) { + body { + font-size: 16px; + } +} +//* iPads (landscape) ----------- */ +@media only screen and (min-device-width: 768px) + and (max-device-width: 1024px) + and (orientation: landscape) { + body { + font-size: 16px; + } +} +//* iPads (portrait) ----------- */ +@media only screen and (min-device-width: 768px) + and (max-device-width: 1024px) + and (orientation: portrait) { + body { + font-size: 16px; + } +} +//* Desktops and laptops ----------- */ +//adjusted to 1024 from 1224. +//not everybody has a fucking big screen ffs +@media only screen and (min-width: 1024px) { + body { + font-size: 16px; + } +} +//* Large screens - */ +@media only screen and (min-width: 1520px) { + body { + font-size: 18px; + } +} +//* iPhone 4 ----------- */ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-device-pixel-ratio: 1.5) { + body { + font-size: 16px; + } +} +.test { + color: @link_colour; + background-color: darken(@main_alt_colour, 13%); +} diff --git a/view/theme/dispy/icons/connect.png b/view/theme/dispy/icons/connect.png new file mode 100644 index 000000000..b76fc13dc Binary files /dev/null and b/view/theme/dispy/icons/connect.png differ diff --git a/view/theme/dispy/jot.tpl b/view/theme/dispy/jot.tpl index 688ac1451..c6b339457 100644 --- a/view/theme/dispy/jot.tpl +++ b/view/theme/dispy/jot.tpl @@ -20,25 +20,25 @@
    -
    +
    -
    +
    - +
    - +
    - +
    diff --git a/view/theme/dispy/js/modernizr.custom.2.5.3.js b/view/theme/dispy/js/modernizr.custom.2.5.3.js new file mode 100644 index 000000000..2502348b1 --- /dev/null +++ b/view/theme/dispy/js/modernizr.custom.2.5.3.js @@ -0,0 +1,989 @@ +/* Modernizr 2.5.3 (Custom Build) | MIT & BSD + * Build: http://www.modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-flexbox_legacy-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-printshiv-mq-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load + */ +; + + + +window.Modernizr = (function( window, document, undefined ) { + + var version = '2.5.3', + + Modernizr = {}, + + + docElement = document.documentElement, + + mod = 'modernizr', + modElem = document.createElement(mod), + mStyle = modElem.style, + + inputElem = document.createElement('input') , + + smile = ':)', + + toString = {}.toString, + + prefixes = ' -webkit- -moz- -o- -ms- '.split(' '), + + + + omPrefixes = 'Webkit Moz O ms', + + cssomPrefixes = omPrefixes.split(' '), + + domPrefixes = omPrefixes.toLowerCase().split(' '), + + ns = {'svg': 'http://www.w3.org/2000/svg'}, + + tests = {}, + inputs = {}, + attrs = {}, + + classes = [], + + slice = classes.slice, + + featureName, + + + injectElementWithStyles = function( rule, callback, nodes, testnames ) { + + var style, ret, node, + div = document.createElement('div'), + body = document.body, + fakeBody = body ? body : document.createElement('body'); + + if ( parseInt(nodes, 10) ) { + while ( nodes-- ) { + node = document.createElement('div'); + node.id = testnames ? testnames[nodes] : mod + (nodes + 1); + div.appendChild(node); + } + } + + style = ['­',''].join(''); + div.id = mod; + (body ? div : fakeBody).innerHTML += style; + fakeBody.appendChild(div); + if(!body){ + fakeBody.style.background = ""; + docElement.appendChild(fakeBody); + } + + ret = callback(div, rule); + !body ? fakeBody.parentNode.removeChild(fakeBody) : div.parentNode.removeChild(div); + + return !!ret; + + }, + + testMediaQuery = function( mq ) { + + var matchMedia = window.matchMedia || window.msMatchMedia; + if ( matchMedia ) { + return matchMedia(mq).matches; + } + + var bool; + + injectElementWithStyles('@media ' + mq + ' { #' + mod + ' { position: absolute; } }', function( node ) { + bool = (window.getComputedStyle ? + getComputedStyle(node, null) : + node.currentStyle)['position'] == 'absolute'; + }); + + return bool; + + }, + + + isEventSupported = (function() { + + var TAGNAMES = { + 'select': 'input', 'change': 'input', + 'submit': 'form', 'reset': 'form', + 'error': 'img', 'load': 'img', 'abort': 'img' + }; + + function isEventSupported( eventName, element ) { + + element = element || document.createElement(TAGNAMES[eventName] || 'div'); + eventName = 'on' + eventName; + + var isSupported = eventName in element; + + if ( !isSupported ) { + if ( !element.setAttribute ) { + element = document.createElement('div'); + } + if ( element.setAttribute && element.removeAttribute ) { + element.setAttribute(eventName, ''); + isSupported = is(element[eventName], 'function'); + + if ( !is(element[eventName], 'undefined') ) { + element[eventName] = undefined; + } + element.removeAttribute(eventName); + } + } + + element = null; + return isSupported; + } + return isEventSupported; + })(), + + + _hasOwnProperty = ({}).hasOwnProperty, hasOwnProperty; + + if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) { + hasOwnProperty = function (object, property) { + return _hasOwnProperty.call(object, property); + }; + } + else { + hasOwnProperty = function (object, property) { + return ((property in object) && is(object.constructor.prototype[property], 'undefined')); + }; + } + + + if (!Function.prototype.bind) { + Function.prototype.bind = function bind(that) { + + var target = this; + + if (typeof target != "function") { + throw new TypeError(); + } + + var args = slice.call(arguments, 1), + bound = function () { + + if (this instanceof bound) { + + var F = function(){}; + F.prototype = target.prototype; + var self = new F; + + var result = target.apply( + self, + args.concat(slice.call(arguments)) + ); + if (Object(result) === result) { + return result; + } + return self; + + } else { + + return target.apply( + that, + args.concat(slice.call(arguments)) + ); + + } + + }; + + return bound; + }; + } + + function setCss( str ) { + mStyle.cssText = str; + } + + function setCssAll( str1, str2 ) { + return setCss(prefixes.join(str1 + ';') + ( str2 || '' )); + } + + function is( obj, type ) { + return typeof obj === type; + } + + function contains( str, substr ) { + return !!~('' + str).indexOf(substr); + } + + function testProps( props, prefixed ) { + for ( var i in props ) { + if ( mStyle[ props[i] ] !== undefined ) { + return prefixed == 'pfx' ? props[i] : true; + } + } + return false; + } + + function testDOMProps( props, obj, elem ) { + for ( var i in props ) { + var item = obj[props[i]]; + if ( item !== undefined) { + + if (elem === false) return props[i]; + + if (is(item, 'function')){ + return item.bind(elem || obj); + } + + return item; + } + } + return false; + } + + function testPropsAll( prop, prefixed, elem ) { + + var ucProp = prop.charAt(0).toUpperCase() + prop.substr(1), + props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' '); + + if(is(prefixed, "string") || is(prefixed, "undefined")) { + return testProps(props, prefixed); + + } else { + props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' '); + return testDOMProps(props, prefixed, elem); + } + } + + var testBundle = (function( styles, tests ) { + var style = styles.join(''), + len = tests.length; + + injectElementWithStyles(style, function( node, rule ) { + var style = document.styleSheets[document.styleSheets.length - 1], + cssText = style ? (style.cssRules && style.cssRules[0] ? style.cssRules[0].cssText : style.cssText || '') : '', + children = node.childNodes, hash = {}; + + while ( len-- ) { + hash[children[len].id] = children[len]; + } + + Modernizr['touch'] = ('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch || (hash['touch'] && hash['touch'].offsetTop) === 9; + Modernizr['csstransforms3d'] = (hash['csstransforms3d'] && hash['csstransforms3d'].offsetLeft) === 9 && hash['csstransforms3d'].offsetHeight === 3; Modernizr['generatedcontent'] = (hash['generatedcontent'] && hash['generatedcontent'].offsetHeight) >= 1; Modernizr['fontface'] = /src/i.test(cssText) && + cssText.indexOf(rule.split(' ')[0]) === 0; }, len, tests); + + })([ + '@font-face {font-family:"font";src:url("https://")}' ,['@media (',prefixes.join('touch-enabled),('),mod,')', + '{#touch{top:9px;position:absolute}}'].join('') ,['@media (',prefixes.join('transform-3d),('),mod,')', + '{#csstransforms3d{left:9px;position:absolute;height:3px;}}'].join('') + + ,['#generatedcontent:after{content:"',smile,'";visibility:hidden}'].join('') + ], + [ + 'fontface' ,'touch' ,'csstransforms3d' + ,'generatedcontent' + + ]); tests['flexbox'] = function() { + return testPropsAll('flexOrder'); + }; + + + tests['flexbox-legacy'] = function() { + return testPropsAll('boxDirection'); + }; + + + tests['canvas'] = function() { + var elem = document.createElement('canvas'); + return !!(elem.getContext && elem.getContext('2d')); + }; + + tests['canvastext'] = function() { + return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function')); + }; tests['touch'] = function() { + return Modernizr['touch']; + }; + + tests['geolocation'] = function() { + return !!navigator.geolocation; + }; + + tests['postmessage'] = function() { + return !!window.postMessage; + }; + + + tests['websqldatabase'] = function() { + return !!window.openDatabase; + }; + + tests['indexedDB'] = function() { + return !!testPropsAll("indexedDB",window); + }; + + tests['hashchange'] = function() { + return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7); + }; + + tests['history'] = function() { + return !!(window.history && history.pushState); + }; + + tests['draganddrop'] = function() { + var div = document.createElement('div'); + return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div); + }; + + tests['websockets'] = function() { + for ( var i = -1, len = cssomPrefixes.length; ++i < len; ){ + if ( window[cssomPrefixes[i] + 'WebSocket'] ){ + return true; + } + } + return 'WebSocket' in window; + }; + + + tests['rgba'] = function() { + setCss('background-color:rgba(150,255,150,.5)'); + + return contains(mStyle.backgroundColor, 'rgba'); + }; + + tests['hsla'] = function() { + setCss('background-color:hsla(120,40%,100%,.5)'); + + return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla'); + }; + + tests['multiplebgs'] = function() { + setCss('background:url(https://),url(https://),red url(https://)'); + + return /(url\s*\(.*?){3}/.test(mStyle.background); + }; + tests['backgroundsize'] = function() { + return testPropsAll('backgroundSize'); + }; + + tests['borderimage'] = function() { + return testPropsAll('borderImage'); + }; + + + + tests['borderradius'] = function() { + return testPropsAll('borderRadius'); + }; + + tests['boxshadow'] = function() { + return testPropsAll('boxShadow'); + }; + + tests['textshadow'] = function() { + return document.createElement('div').style.textShadow === ''; + }; + + + tests['opacity'] = function() { + setCssAll('opacity:.55'); + + return /^0.55$/.test(mStyle.opacity); + }; + + + tests['cssanimations'] = function() { + return testPropsAll('animationName'); + }; + + + tests['csscolumns'] = function() { + return testPropsAll('columnCount'); + }; + + + tests['cssgradients'] = function() { + var str1 = 'background-image:', + str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));', + str3 = 'linear-gradient(left top,#9f9, white);'; + + setCss( + (str1 + '-webkit- '.split(' ').join(str2 + str1) + + prefixes.join(str3 + str1)).slice(0, -str1.length) + ); + + return contains(mStyle.backgroundImage, 'gradient'); + }; + + + tests['cssreflections'] = function() { + return testPropsAll('boxReflect'); + }; + + + tests['csstransforms'] = function() { + return !!testPropsAll('transform'); + }; + + + tests['csstransforms3d'] = function() { + + var ret = !!testPropsAll('perspective'); + + if ( ret && 'webkitPerspective' in docElement.style ) { + + ret = Modernizr['csstransforms3d']; + } + return ret; + }; + + + tests['csstransitions'] = function() { + return testPropsAll('transition'); + }; + + + + tests['fontface'] = function() { + return Modernizr['fontface']; + }; + + tests['generatedcontent'] = function() { + return Modernizr['generatedcontent']; + }; + tests['video'] = function() { + var elem = document.createElement('video'), + bool = false; + + try { + if ( bool = !!elem.canPlayType ) { + bool = new Boolean(bool); + bool.ogg = elem.canPlayType('video/ogg; codecs="theora"') .replace(/^no$/,''); + + bool.h264 = elem.canPlayType('video/mp4; codecs="avc1.42E01E"') .replace(/^no$/,''); + + bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,''); + } + + } catch(e) { } + + return bool; + }; + + tests['audio'] = function() { + var elem = document.createElement('audio'), + bool = false; + + try { + if ( bool = !!elem.canPlayType ) { + bool = new Boolean(bool); + bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,''); + bool.mp3 = elem.canPlayType('audio/mpeg;') .replace(/^no$/,''); + + bool.wav = elem.canPlayType('audio/wav; codecs="1"') .replace(/^no$/,''); + bool.m4a = ( elem.canPlayType('audio/x-m4a;') || + elem.canPlayType('audio/aac;')) .replace(/^no$/,''); + } + } catch(e) { } + + return bool; + }; + + + tests['localstorage'] = function() { + try { + localStorage.setItem(mod, mod); + localStorage.removeItem(mod); + return true; + } catch(e) { + return false; + } + }; + + tests['sessionstorage'] = function() { + try { + sessionStorage.setItem(mod, mod); + sessionStorage.removeItem(mod); + return true; + } catch(e) { + return false; + } + }; + + + tests['webworkers'] = function() { + return !!window.Worker; + }; + + + tests['applicationcache'] = function() { + return !!window.applicationCache; + }; + + + tests['svg'] = function() { + return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect; + }; + + tests['inlinesvg'] = function() { + var div = document.createElement('div'); + div.innerHTML = ''; + return (div.firstChild && div.firstChild.namespaceURI) == ns.svg; + }; + + tests['smil'] = function() { + return !!document.createElementNS && /SVGAnimate/.test(toString.call(document.createElementNS(ns.svg, 'animate'))); + }; + + + tests['svgclippaths'] = function() { + return !!document.createElementNS && /SVGClipPath/.test(toString.call(document.createElementNS(ns.svg, 'clipPath'))); + }; + + function webforms() { + Modernizr['input'] = (function( props ) { + for ( var i = 0, len = props.length; i < len; i++ ) { + attrs[ props[i] ] = !!(props[i] in inputElem); + } + if (attrs.list){ + attrs.list = !!(document.createElement('datalist') && window.HTMLDataListElement); + } + return attrs; + })('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' ')); + Modernizr['inputtypes'] = (function(props) { + + for ( var i = 0, bool, inputElemType, defaultView, len = props.length; i < len; i++ ) { + + inputElem.setAttribute('type', inputElemType = props[i]); + bool = inputElem.type !== 'text'; + + if ( bool ) { + + inputElem.value = smile; + inputElem.style.cssText = 'position:absolute;visibility:hidden;'; + + if ( /^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined ) { + + docElement.appendChild(inputElem); + defaultView = document.defaultView; + + bool = defaultView.getComputedStyle && + defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' && + (inputElem.offsetHeight !== 0); + + docElement.removeChild(inputElem); + + } else if ( /^(search|tel)$/.test(inputElemType) ){ + } else if ( /^(url|email)$/.test(inputElemType) ) { + bool = inputElem.checkValidity && inputElem.checkValidity() === false; + + } else if ( /^color$/.test(inputElemType) ) { + docElement.appendChild(inputElem); + docElement.offsetWidth; + bool = inputElem.value != smile; + docElement.removeChild(inputElem); + + } else { + bool = inputElem.value != smile; + } + } + + inputs[ props[i] ] = !!bool; + } + return inputs; + })('search tel url email datetime date month week time datetime-local number range color'.split(' ')); + } + for ( var feature in tests ) { + if ( hasOwnProperty(tests, feature) ) { + featureName = feature.toLowerCase(); + Modernizr[featureName] = tests[feature](); + + classes.push((Modernizr[featureName] ? '' : 'no-') + featureName); + } + } + + Modernizr.input || webforms(); setCss(''); + modElem = inputElem = null; + + + Modernizr._version = version; + + Modernizr._prefixes = prefixes; + Modernizr._domPrefixes = domPrefixes; + Modernizr._cssomPrefixes = cssomPrefixes; + + Modernizr.mq = testMediaQuery; + + Modernizr.hasEvent = isEventSupported; + + Modernizr.testProp = function(prop){ + return testProps([prop]); + }; + + Modernizr.testAllProps = testPropsAll; + + + Modernizr.testStyles = injectElementWithStyles; + return Modernizr; + +})(this, this.document); +/*! HTML5 Shiv v3.4 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed */ +;(function(window, document) { + + /** Preset options */ + var options = window.html5 || {}; + + /** Used to skip problem elements */ + var reSkip = /^<|^(?:button|form|map|select|textarea)$/i; + + /** Detect whether the browser supports default html5 styles */ + var supportsHtml5Styles; + + /** Detect whether the browser supports unknown elements */ + var supportsUnknownElements; + + (function() { + var a = document.createElement('a'); + + a.innerHTML = ''; + + //if the hidden property is implemented we can assume, that the browser supports HTML5 Styles + supportsHtml5Styles = ('hidden' in a); + supportsUnknownElements = a.childNodes.length == 1 || (function() { + // assign a false positive if unable to shiv + try { + (document.createElement)('a'); + } catch(e) { + return true; + } + var frag = document.createDocumentFragment(); + return ( + typeof frag.cloneNode == 'undefined' || + typeof frag.createDocumentFragment == 'undefined' || + typeof frag.createElement == 'undefined' + ); + }()); + + }()); + + /*--------------------------------------------------------------------------*/ + + /** + * Creates a style sheet with the given CSS text and adds it to the document. + * @private + * @param {Document} ownerDocument The document. + * @param {String} cssText The CSS text. + * @returns {StyleSheet} The style element. + */ + function addStyleSheet(ownerDocument, cssText) { + var p = ownerDocument.createElement('p'), + parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement; + + p.innerHTML = 'x'; + return parent.insertBefore(p.lastChild, parent.firstChild); + } + + /** + * Returns the value of `html5.elements` as an array. + * @private + * @returns {Array} An array of shived element node names. + */ + function getElements() { + var elements = html5.elements; + return typeof elements == 'string' ? elements.split(' ') : elements; + } + + /** + * Shivs the `createElement` and `createDocumentFragment` methods of the document. + * @private + * @param {Document|DocumentFragment} ownerDocument The document. + */ + function shivMethods(ownerDocument) { + var cache = {}, + docCreateElement = ownerDocument.createElement, + docCreateFragment = ownerDocument.createDocumentFragment, + frag = docCreateFragment(); + + ownerDocument.createElement = function(nodeName) { + // Avoid adding some elements to fragments in IE < 9 because + // * Attributes like `name` or `type` cannot be set/changed once an element + // is inserted into a document/fragment + // * Link elements with `src` attributes that are inaccessible, as with + // a 403 response, will cause the tab/window to crash + // * Script elements appended to fragments will execute when their `src` + // or `text` property is set + var node = (cache[nodeName] || (cache[nodeName] = docCreateElement(nodeName))).cloneNode(); + return html5.shivMethods && node.canHaveChildren && !reSkip.test(nodeName) ? frag.appendChild(node) : node; + }; + + ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' + + 'var n=f.cloneNode(),c=n.createElement;' + + 'h.shivMethods&&(' + + // unroll the `createElement` calls + getElements().join().replace(/\w+/g, function(nodeName) { + cache[nodeName] = docCreateElement(nodeName); + frag.createElement(nodeName); + return 'c("' + nodeName + '")'; + }) + + ');return n}' + )(html5, frag); + } + + /*--------------------------------------------------------------------------*/ + + /** + * Shivs the given document. + * @memberOf html5 + * @param {Document} ownerDocument The document to shiv. + * @returns {Document} The shived document. + */ + function shivDocument(ownerDocument) { + var shived; + if (ownerDocument.documentShived) { + return ownerDocument; + } + if (html5.shivCSS && !supportsHtml5Styles) { + shived = !!addStyleSheet(ownerDocument, + // corrects block display not defined in IE6/7/8/9 + 'article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}' + + // corrects audio display not defined in IE6/7/8/9 + 'audio{display:none}' + + // corrects canvas and video display not defined in IE6/7/8/9 + 'canvas,video{display:inline-block;*display:inline;*zoom:1}' + + // corrects 'hidden' attribute and audio[controls] display not present in IE7/8/9 + '[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}' + + // adds styling not present in IE6/7/8/9 + 'mark{background:#FF0;color:#000}' + ); + } + if (!supportsUnknownElements) { + shived = !shivMethods(ownerDocument); + } + if (shived) { + ownerDocument.documentShived = shived; + } + return ownerDocument; + } + + /*--------------------------------------------------------------------------*/ + + /** + * The `html5` object is exposed so that more elements can be shived and + * existing shiving can be detected on iframes. + * @type Object + * @example + * + * // options can be changed before the script is included + * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false }; + */ + var html5 = { + + /** + * An array or space separated string of node names of the elements to shiv. + * @memberOf html5 + * @type Array|String + */ + 'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video', + + /** + * A flag to indicate that the HTML5 style sheet should be inserted. + * @memberOf html5 + * @type Boolean + */ + 'shivCSS': !(options.shivCSS === false), + + /** + * A flag to indicate that the document's `createElement` and `createDocumentFragment` + * methods should be overwritten. + * @memberOf html5 + * @type Boolean + */ + 'shivMethods': !(options.shivMethods === false), + + /** + * A string to describe the type of `html5` object ("default" or "default print"). + * @memberOf html5 + * @type String + */ + 'type': 'default', + + // shivs the document according to the specified `html5` object options + 'shivDocument': shivDocument + }; + + /*--------------------------------------------------------------------------*/ + + // expose html5 + window.html5 = html5; + + // shiv the document + shivDocument(document); + + /*------------------------------- Print Shiv -------------------------------*/ + + /** Used to filter media types */ + var reMedia = /^$|\b(?:all|print)\b/; + + /** Used to namespace printable elements */ + var shivNamespace = 'html5shiv'; + + /** Detect whether the browser supports shivable style sheets */ + var supportsShivableSheets = !supportsUnknownElements && (function() { + // assign a false negative if unable to shiv + var docEl = document.documentElement; + return !( + typeof document.namespaces == 'undefined' || + typeof document.parentWindow == 'undefined' || + typeof docEl.applyElement == 'undefined' || + typeof docEl.removeNode == 'undefined' || + typeof window.attachEvent == 'undefined' + ); + }()); + + /*--------------------------------------------------------------------------*/ + + /** + * Wraps all HTML5 elements in the given document with printable elements. + * (eg. the "header" element is wrapped with the "html5shiv:header" element) + * @private + * @param {Document} ownerDocument The document. + * @returns {Array} An array wrappers added. + */ + function addWrappers(ownerDocument) { + var node, + nodes = ownerDocument.getElementsByTagName('*'), + index = nodes.length, + reElements = RegExp('^(?:' + getElements().join('|') + ')$', 'i'), + result = []; + + while (index--) { + node = nodes[index]; + if (reElements.test(node.nodeName)) { + result.push(node.applyElement(createWrapper(node))); + } + } + return result; + } + + /** + * Creates a printable wrapper for the given element. + * @private + * @param {Element} element The element. + * @returns {Element} The wrapper. + */ + function createWrapper(element) { + var node, + nodes = element.attributes, + index = nodes.length, + wrapper = element.ownerDocument.createElement(shivNamespace + ':' + element.nodeName); + + // copy element attributes to the wrapper + while (index--) { + node = nodes[index]; + node.specified && wrapper.setAttribute(node.nodeName, node.nodeValue); + } + // copy element styles to the wrapper + wrapper.style.cssText = element.style.cssText; + return wrapper; + } + + /** + * Shivs the given CSS text. + * (eg. header{} becomes html5shiv\:header{}) + * @private + * @param {String} cssText The CSS text to shiv. + * @returns {String} The shived CSS text. + */ + function shivCssText(cssText) { + var pair, + parts = cssText.split('{'), + index = parts.length, + reElements = RegExp('(^|[\\s,>+~])(' + getElements().join('|') + ')(?=[[\\s,>+~#.:]|$)', 'gi'), + replacement = '$1' + shivNamespace + '\\:$2'; + + while (index--) { + pair = parts[index] = parts[index].split('}'); + pair[pair.length - 1] = pair[pair.length - 1].replace(reElements, replacement); + parts[index] = pair.join('}'); + } + return parts.join('{'); + } + + /** + * Removes the given wrappers, leaving the original elements. + * @private + * @params {Array} wrappers An array of printable wrappers. + */ + function removeWrappers(wrappers) { + var index = wrappers.length; + while (index--) { + wrappers[index].removeNode(); + } + } + + /*--------------------------------------------------------------------------*/ + + /** + * Shivs the given document for print. + * @memberOf html5 + * @param {Document} ownerDocument The document to shiv. + * @returns {Document} The shived document. + */ + function shivPrint(ownerDocument) { + var shivedSheet, + wrappers, + namespaces = ownerDocument.namespaces, + ownerWindow = ownerDocument.parentWindow; + + if (!supportsShivableSheets || ownerDocument.printShived) { + return ownerDocument; + } + if (typeof namespaces[shivNamespace] == 'undefined') { + namespaces.add(shivNamespace); + } + + ownerWindow.attachEvent('onbeforeprint', function() { + var imports, + length, + sheet, + collection = ownerDocument.styleSheets, + cssText = [], + index = collection.length, + sheets = Array(index); + + // convert styleSheets collection to an array + while (index--) { + sheets[index] = collection[index]; + } + // concat all style sheet CSS text + while ((sheet = sheets.pop())) { + // IE does not enforce a same origin policy for external style sheets + if (!sheet.disabled && reMedia.test(sheet.media)) { + for (imports = sheet.imports, index = 0, length = imports.length; index < length; index++) { + sheets.push(imports[index]); + } + try { + cssText.push(sheet.cssText); + } catch(er){} + } + } + // wrap all HTML5 elements with printable elements and add the shived style sheet + cssText = shivCssText(cssText.reverse().join('')); + wrappers = addWrappers(ownerDocument); + shivedSheet = addStyleSheet(ownerDocument, cssText); + }); + + ownerWindow.attachEvent('onafterprint', function() { + // remove wrappers, leaving the original elements, and remove the shived style sheet + removeWrappers(wrappers); + shivedSheet.removeNode(true); + }); + + ownerDocument.printShived = true; + return ownerDocument; + } + + /*--------------------------------------------------------------------------*/ + + // expose API + html5.type += ' print'; + html5.shivPrint = shivPrint; + + // shiv for print + shivPrint(document); + +}(this, document));/*yepnope1.5.3|WTFPL*/ +(function(a,b,c){function d(a){return o.call(a)=="[object Function]"}function e(a){return typeof a=="string"}function f(){}function g(a){return!a||a=="loaded"||a=="complete"||a=="uninitialized"}function h(){var a=p.shift();q=1,a?a.t?m(function(){(a.t=="c"?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){a!="img"&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l={},o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};y[c]===1&&(r=1,y[c]=[],l=b.createElement(a)),a=="object"?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),a!="img"&&(r||y[c]===2?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i(b=="c"?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),p.length==1&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&o.call(a.opera)=="[object Opera]",l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return o.call(a)=="[object Array]"},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f",a,""].join(""),k.id=g,(l?k:m).innerHTML+=h,m.appendChild(k),l||(m.style.background="",f.appendChild(m)),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},y=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return x("@media "+b+" { #"+g+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},z=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=E(e[d],"function"),E(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),A={}.hasOwnProperty,B;!E(A,"undefined")&&!E(A.call,"undefined")?B=function(a,b){return A.call(a,b)}:B=function(a,b){return b in a&&E(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=v.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(v.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(v.call(arguments)))};return e});var J=function(c,d){var f=c.join(""),g=d.length;x(f,function(c,d){var f=b.styleSheets[b.styleSheets.length-1],h=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"",i=c.childNodes,j={};while(g--)j[i[g].id]=i[g];e.touch="ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch||(j.touch&&j.touch.offsetTop)===9,e.csstransforms3d=(j.csstransforms3d&&j.csstransforms3d.offsetLeft)===9&&j.csstransforms3d.offsetHeight===3,e.generatedcontent=(j.generatedcontent&&j.generatedcontent.offsetHeight)>=1,e.fontface=/src/i.test(h)&&h.indexOf(d.split(" ")[0])===0},g,d)}(['@font-face {font-family:"font";src:url("https://")}',["@media (",m.join("touch-enabled),("),g,")","{#touch{top:9px;position:absolute}}"].join(""),["@media (",m.join("transform-3d),("),g,")","{#csstransforms3d{left:9px;position:absolute;height:3px;}}"].join(""),['#generatedcontent:after{content:"',k,'";visibility:hidden}'].join("")],["fontface","touch","csstransforms3d","generatedcontent"]);r.flexbox=function(){return I("flexOrder")},r["flexbox-legacy"]=function(){return I("boxDirection")},r.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},r.canvastext=function(){return!!e.canvas&&!!E(b.createElement("canvas").getContext("2d").fillText,"function")},r.touch=function(){return e.touch},r.geolocation=function(){return!!navigator.geolocation},r.postmessage=function(){return!!a.postMessage},r.websqldatabase=function(){return!!a.openDatabase},r.indexedDB=function(){return!!I("indexedDB",a)},r.hashchange=function(){return z("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},r.history=function(){return!!a.history&&!!history.pushState},r.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},r.websockets=function(){for(var b=-1,c=o.length;++b",d.insertBefore(c.lastChild,d.firstChild)}function h(){var a=k.elements;return typeof a=="string"?a.split(" "):a}function i(a){var b={},c=a.createElement,e=a.createDocumentFragment,f=e();a.createElement=function(a){var e=(b[a]||(b[a]=c(a))).cloneNode();return k.shivMethods&&e.canHaveChildren&&!d.test(a)?f.appendChild(e):e},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+h().join().replace(/\w+/g,function(a){return b[a]=c(a),f.createElement(a),'c("'+a+'")'})+");return n}")(k,f)}function j(a){var b;return a.documentShived?a:(k.shivCSS&&!e&&(b=!!g(a,"article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio{display:none}canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}mark{background:#FF0;color:#000}")),f||(b=!i(a)),b&&(a.documentShived=b),a)}function o(a){var b,c=a.getElementsByTagName("*"),d=c.length,e=RegExp("^(?:"+h().join("|")+")$","i"),f=[];while(d--)b=c[d],e.test(b.nodeName)&&f.push(b.applyElement(p(b)));return f}function p(a){var b,c=a.attributes,d=c.length,e=a.ownerDocument.createElement(m+":"+a.nodeName);while(d--)b=c[d],b.specified&&e.setAttribute(b.nodeName,b.nodeValue);return e.style.cssText=a.style.cssText,e}function q(a){var b,c=a.split("{"),d=c.length,e=RegExp("(^|[\\s,>+~])("+h().join("|")+")(?=[[\\s,>+~#.:]|$)","gi"),f="$1"+m+"\\:$2";while(d--)b=c[d]=c[d].split("}"),b[b.length-1]=b[b.length-1].replace(e,f),c[d]=b.join("}");return c.join("{")}function r(a){var b=a.length;while(b--)a[b].removeNode()}function s(a){var b,c,d=a.namespaces,e=a.parentWindow;return!n||a.printShived?a:(typeof d[m]=="undefined"&&d.add(m),e.attachEvent("onbeforeprint",function(){var d,e,f,h=a.styleSheets,i=[],j=h.length,k=Array(j);while(j--)k[j]=h[j];while(f=k.pop())if(!f.disabled&&l.test(f.media)){for(d=f.imports,j=0,e=d.length;j",e="hidden"in a,f=a.childNodes.length==1||function(){try{b.createElement("a")}catch(a){return!0}var c=b.createDocumentFragment();return typeof c.cloneNode=="undefined"||typeof c.createDocumentFragment=="undefined"||typeof c.createElement=="undefined"}()})();var k={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:j};a.html5=k,j(b);var l=/^$|\b(?:all|print)\b/,m="html5shiv",n=!f&&function(){var c=b.documentElement;return typeof b.namespaces!="undefined"&&typeof b.parentWindow!="undefined"&&typeof c.applyElement!="undefined"&&typeof c.removeNode!="undefined"&&typeof a.attachEvent!="undefined"}();k.type+=" print",k.shivPrint=s,s(b)}(this,document),function(a,b,c){function d(a){return o.call(a)=="[object Function]"}function e(a){return typeof a=="string"}function f(){}function g(a){return!a||a=="loaded"||a=="complete"||a=="uninitialized"}function h(){var a=p.shift();q=1,a?a.t?m(function(){(a.t=="c"?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){a!="img"&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l={},o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};y[c]===1&&(r=1,y[c]=[],l=b.createElement(a)),a=="object"?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),a!="img"&&(r||y[c]===2?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i(b=="c"?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),p.length==1&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&o.call(a.opera)=="[object Opera]",l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return o.call(a)=="[object Array]"},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f - + $profile.edit.1
    - $sitelocation + $sitelocation
      @@ -90,7 +90,9 @@ {{ if $userinfo }} {{ endif }} @@ -121,8 +123,7 @@ $langselector
    @@ -133,6 +134,8 @@ $langselector
    diff --git a/view/theme/dispy/wall_item.tpl b/view/theme/dispy/wall_item.tpl index 35e65f397..d2878d17d 100644 --- a/view/theme/dispy/wall_item.tpl +++ b/view/theme/dispy/wall_item.tpl @@ -13,7 +13,15 @@
    -
    {{ if $item.location }}$item.location {{ endif }}
    +
    + {{ if $item.location }}$item.location {{ endif }} +
    +
    + $item.name +
    +
    + $item.ago +
    @@ -67,10 +75,6 @@
    -
    - $item.name -
    $item.ago
    -
    diff --git a/view/theme/dispy/wallwall_item.tpl b/view/theme/dispy/wallwall_item.tpl index e8cbc2cd4..2705d3e68 100644 --- a/view/theme/dispy/wallwall_item.tpl +++ b/view/theme/dispy/wallwall_item.tpl @@ -18,7 +18,15 @@
    -
    {{ if $item.location }}$item.location {{ endif }}
    +
    + {{ if $item.location }}$item.location {{ endif }} +
    +
    + $item.name +
    +
    + $item.ago +
    @@ -73,10 +81,6 @@ class="icon recycle wall-item-share-buttons" title="$item.vote.share.0" onclick
    -
    - $item.name -
    $item.ago
    -
    -- cgit v1.2.3 From 7eb73bc600a17e7611d3c77ef777bf81becfb0b5 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Wed, 16 May 2012 05:32:08 -0400 Subject: get rid of the monstrosity for .button. need to find alternate solution Signed-off-by: Simon L'nu --- view/theme/dispy/dark/style.css | 4 ++-- view/theme/dispy/dark/style.less | 15 +++++++++------ view/theme/dispy/light/style.css | 4 ++-- view/theme/dispy/light/style.less | 12 ++++++------ 4 files changed, 19 insertions(+), 16 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/dark/style.css b/view/theme/dispy/dark/style.css index 60e7db6e1..229fcbbdf 100644 --- a/view/theme/dispy/dark/style.css +++ b/view/theme/dispy/dark/style.css @@ -55,8 +55,8 @@ h6{font-size:xx-small;} .action{margin:5px 0;} .tool{margin:5px 0;list-style:none;} #articlemain{width:100%;height:100%;margin:0 auto;} -.button,#profile-listing-desc{width:25%;height:auto;background:#555753;color:#eeeecc;border:2px outset #222321;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;padding:5px;font-size:smaller;cursor:pointer;}.button.active,#profile-listing-desc.active{-moz-box-shadow:4px 4px 7px 0px #111111;-o-box-shadow:4px 4px 7px 0px #111111;-webkit-box-shadow:4px 4px 7px 0px #111111;-ms-box-shadow:4px 4px 7px 0px #111111;box-shadow:4px 4px 7px 0px #111111;} -.button a,#profile-listing-desc a{color:#eeeecc;font-size:smaller;font-weight:bold;} +.button,#profile-listing-desc{color:#eeeecc;padding:5px;cursor:pointer;}.button.active,#profile-listing-desc.active{-moz-box-shadow:4px 4px 7px 0px #111111;-o-box-shadow:4px 4px 7px 0px #111111;-webkit-box-shadow:4px 4px 7px 0px #111111;-ms-box-shadow:4px 4px 7px 0px #111111;box-shadow:4px 4px 7px 0px #111111;} +.button a,#profile-listing-desc a{color:#eeeecc;font-weight:bold;} [class$="-desc"],[id$="-desc"]{color:#2e2f2e;border:1px outset #eeeecc;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin:3px 10px 7px 0;padding:5px;font-weight:bold;font-size:smaller;} #item-delete-selected-desc{float:left;margin-right:5px;}#item-delete-selected-desc:hover{text-decoration:underline;} .intro-approve-as-friend-desc{margin-top:10px;} diff --git a/view/theme/dispy/dark/style.less b/view/theme/dispy/dark/style.less index 7634db1d7..fb8769a87 100644 --- a/view/theme/dispy/dark/style.less +++ b/view/theme/dispy/dark/style.less @@ -282,20 +282,20 @@ h6 { } .button, #profile-listing-desc { - .box(25%, auto); - background: @menu_bg_colour; + // .box(25%, auto); + // background: @menu_bg_colour; color: @main_colour; - .borders(2px, outset, darken(@menu_bg_colour, 20%)); - .rounded_corners; + // .borders(2px, outset, darken(@menu_bg_colour, 20%)); + // .rounded_corners; padding: 5px; - font-size: smaller; + // font-size: smaller; cursor: pointer; &.active { .box_shadow(4px, 4px, 7px); } a { color: @main_colour; - font-size: smaller; + // font-size: smaller; font-weight: bold; } } @@ -568,6 +568,9 @@ div.jGrowl div { padding-left: 58px; margin-top: 50px; } + // &.jGrowl-message { + + // } } #nav-notifications-menu { margin: 30px 0 0 -20px; diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css index e89ee7d24..3b1c6fd71 100644 --- a/view/theme/dispy/light/style.css +++ b/view/theme/dispy/light/style.css @@ -55,8 +55,8 @@ h6{font-size:xx-small;} .action{margin:5px 0;} .tool{margin:5px 0;list-style:none;} #articlemain{width:100%;height:100%;margin:0 auto;} -.button,#profile-listing-desc{width:25%;height:auto;background:#555753;color:#eeeeec;border:2px outset #222321;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;padding:5px;font-size:smaller;cursor:pointer;}.button.active,#profile-listing-desc.active{-moz-box-shadow:4px 4px 7px 0px #111111;-o-box-shadow:4px 4px 7px 0px #111111;-webkit-box-shadow:4px 4px 7px 0px #111111;-ms-box-shadow:4px 4px 7px 0px #111111;box-shadow:4px 4px 7px 0px #111111;} -.button a,#profile-listing-desc a{color:#eeeeec;font-size:smaller;font-weight:bold;} +.button,#profile-listing-desc{color:#eeeeec;padding:5px;cursor:pointer;}.button.active,#profile-listing-desc.active{-moz-box-shadow:4px 4px 7px 0px #111111;-o-box-shadow:4px 4px 7px 0px #111111;-webkit-box-shadow:4px 4px 7px 0px #111111;-ms-box-shadow:4px 4px 7px 0px #111111;box-shadow:4px 4px 7px 0px #111111;} +.button a,#profile-listing-desc a{color:#eeeeec;font-weight:bold;} [class$="-desc"],[id$="-desc"]{color:#eeeeec;border:1px outset #eeeeec;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin:3px 10px 7px 0;padding:5px;font-weight:bold;font-size:smaller;} #item-delete-selected-desc{float:left;margin-right:5px;}#item-delete-selected-desc:hover{text-decoration:underline;} .intro-approve-as-friend-desc{margin-top:10px;} diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less index 51ffbd1f2..399578ba7 100644 --- a/view/theme/dispy/light/style.less +++ b/view/theme/dispy/light/style.less @@ -283,20 +283,20 @@ h6 { } .button, #profile-listing-desc { - .box(25%, auto); - background: @menu_bg_colour; + // .box(25%, auto); + // background: @menu_bg_colour; color: @bg_colour; - .borders(2px, outset, darken(@menu_bg_colour, 20%)); - .rounded_corners; + // .borders(2px, outset, darken(@menu_bg_colour, 20%)); + // .rounded_corners; padding: 5px; - font-size: smaller; + // font-size: smaller; cursor: pointer; &.active { .box_shadow(4px, 4px, 7px); } a { color: @bg_colour; - font-size: smaller; + // font-size: smaller; font-weight: bold; } } -- cgit v1.2.3 From a8a3732f05f9651ddedd779c2c0080de0034751d Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Wed, 16 May 2012 05:51:29 -0400 Subject: *sigh*. fix dark *again* Signed-off-by: Simon L'nu --- view/theme/dispy/dark/style.css | 2 +- view/theme/dispy/dark/style.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/dark/style.css b/view/theme/dispy/dark/style.css index 229fcbbdf..114769727 100644 --- a/view/theme/dispy/dark/style.css +++ b/view/theme/dispy/dark/style.css @@ -395,7 +395,7 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le #sidebar-group-ul{padding-left:0;} #sidebar-group-list{margin:0 0 5px 0;}#sidebar-group-list li{margin-top:10px;} #sidebar-group-list .icon{display:inline-block;width:12px;height:12px;} -.sidebar-group-element{padding:3px;}.sidebar-group-element:hover{color:#2e2f2e;background:#2e3436;border:1px solid #638ec4;padding:3px;} +.sidebar-group-element{padding:3px;}.sidebar-group-element:hover{color:#eeeecc;background:#2e3436;border:1px solid #638ec4;padding:3px;} #sidebar-new-group{margin:auto;display:inline-block;color:#eeeeee;text-decoration:none;text-align:center;} #peoplefind-sidebar form{margin-bottom:10px;} #sidebar-new-group:hover{} diff --git a/view/theme/dispy/dark/style.less b/view/theme/dispy/dark/style.less index fb8769a87..f2714b717 100644 --- a/view/theme/dispy/dark/style.less +++ b/view/theme/dispy/dark/style.less @@ -2352,7 +2352,7 @@ div { .sidebar-group-element { padding: 3px; &:hover { - color: @bg_colour; + color: @main_colour; background: @shiny_colour; .borders(1px, solid, @hover_colour); padding: 3px; -- cgit v1.2.3 From 331013f28195a35811a96b0346682fd2fe6cc102 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Wed, 16 May 2012 13:33:20 -0400 Subject: fix admin links... Signed-off-by: Simon L'nu --- view/theme/dispy/light/style.css | 2 +- view/theme/dispy/light/style.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css index 3b1c6fd71..f6336c55b 100644 --- a/view/theme/dispy/light/style.css +++ b/view/theme/dispy/light/style.css @@ -55,7 +55,7 @@ h6{font-size:xx-small;} .action{margin:5px 0;} .tool{margin:5px 0;list-style:none;} #articlemain{width:100%;height:100%;margin:0 auto;} -.button,#profile-listing-desc{color:#eeeeec;padding:5px;cursor:pointer;}.button.active,#profile-listing-desc.active{-moz-box-shadow:4px 4px 7px 0px #111111;-o-box-shadow:4px 4px 7px 0px #111111;-webkit-box-shadow:4px 4px 7px 0px #111111;-ms-box-shadow:4px 4px 7px 0px #111111;box-shadow:4px 4px 7px 0px #111111;} +.button,#profile-listing-desc{color:#111111;padding:5px;cursor:pointer;}.button.active,#profile-listing-desc.active{-moz-box-shadow:4px 4px 7px 0px #111111;-o-box-shadow:4px 4px 7px 0px #111111;-webkit-box-shadow:4px 4px 7px 0px #111111;-ms-box-shadow:4px 4px 7px 0px #111111;box-shadow:4px 4px 7px 0px #111111;} .button a,#profile-listing-desc a{color:#eeeeec;font-weight:bold;} [class$="-desc"],[id$="-desc"]{color:#eeeeec;border:1px outset #eeeeec;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin:3px 10px 7px 0;padding:5px;font-weight:bold;font-size:smaller;} #item-delete-selected-desc{float:left;margin-right:5px;}#item-delete-selected-desc:hover{text-decoration:underline;} diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less index 399578ba7..d2f72520f 100644 --- a/view/theme/dispy/light/style.less +++ b/view/theme/dispy/light/style.less @@ -285,7 +285,7 @@ h6 { #profile-listing-desc { // .box(25%, auto); // background: @menu_bg_colour; - color: @bg_colour; + color: @main_colour; // .borders(2px, outset, darken(@menu_bg_colour, 20%)); // .rounded_corners; padding: 5px; -- cgit v1.2.3 From 4a35a517246a25899a965cb16382136f6fe92c17 Mon Sep 17 00:00:00 2001 From: Simon L'nu Date: Sat, 19 May 2012 03:15:35 -0400 Subject: fix -desc again Signed-off-by: Simon L'nu --- view/theme/dispy/dark/style.css | 2 +- view/theme/dispy/dark/style.less | 4 ++-- view/theme/dispy/light/style.css | 2 +- view/theme/dispy/light/style.less | 2 +- 4 files changed, 5 insertions(+), 5 deletions(-) (limited to 'view/theme/dispy') diff --git a/view/theme/dispy/dark/style.css b/view/theme/dispy/dark/style.css index 114769727..3bb30be83 100644 --- a/view/theme/dispy/dark/style.css +++ b/view/theme/dispy/dark/style.css @@ -57,7 +57,7 @@ h6{font-size:xx-small;} #articlemain{width:100%;height:100%;margin:0 auto;} .button,#profile-listing-desc{color:#eeeecc;padding:5px;cursor:pointer;}.button.active,#profile-listing-desc.active{-moz-box-shadow:4px 4px 7px 0px #111111;-o-box-shadow:4px 4px 7px 0px #111111;-webkit-box-shadow:4px 4px 7px 0px #111111;-ms-box-shadow:4px 4px 7px 0px #111111;box-shadow:4px 4px 7px 0px #111111;} .button a,#profile-listing-desc a{color:#eeeecc;font-weight:bold;} -[class$="-desc"],[id$="-desc"]{color:#2e2f2e;border:1px outset #eeeecc;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin:3px 10px 7px 0;padding:5px;font-weight:bold;font-size:smaller;} +[class$="-desc"],[id$="-desc"]{color:#eeeecc;background:#2e2f2e;border:1px outset #eeeecc;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin:3px 10px 7px 0;padding:5px;font-weight:bold;font-size:smaller;} #item-delete-selected-desc{float:left;margin-right:5px;}#item-delete-selected-desc:hover{text-decoration:underline;} .intro-approve-as-friend-desc{margin-top:10px;} .intro-desc{margin-bottom:20px;font-weight:bold;} diff --git a/view/theme/dispy/dark/style.less b/view/theme/dispy/dark/style.less index f2714b717..4967ac9c2 100644 --- a/view/theme/dispy/dark/style.less +++ b/view/theme/dispy/dark/style.less @@ -301,8 +301,8 @@ h6 { } [class$="-desc"], [id$="-desc"] { - color: @bg_colour; - // background: @main_colour; + color: @main_colour; + background: @bg_colour; .borders(1px, outset, @main_colour); .rounded_corners; // .box_shadow(3px, 3px, 5px); diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css index f6336c55b..1099f0913 100644 --- a/view/theme/dispy/light/style.css +++ b/view/theme/dispy/light/style.css @@ -57,7 +57,7 @@ h6{font-size:xx-small;} #articlemain{width:100%;height:100%;margin:0 auto;} .button,#profile-listing-desc{color:#111111;padding:5px;cursor:pointer;}.button.active,#profile-listing-desc.active{-moz-box-shadow:4px 4px 7px 0px #111111;-o-box-shadow:4px 4px 7px 0px #111111;-webkit-box-shadow:4px 4px 7px 0px #111111;-ms-box-shadow:4px 4px 7px 0px #111111;box-shadow:4px 4px 7px 0px #111111;} .button a,#profile-listing-desc a{color:#eeeeec;font-weight:bold;} -[class$="-desc"],[id$="-desc"]{color:#eeeeec;border:1px outset #eeeeec;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin:3px 10px 7px 0;padding:5px;font-weight:bold;font-size:smaller;} +[class$="-desc"],[id$="-desc"]{color:#eeeeec;background:#111111;border:1px outset #eeeeec;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin:3px 10px 7px 0;padding:5px;font-weight:bold;font-size:smaller;} #item-delete-selected-desc{float:left;margin-right:5px;}#item-delete-selected-desc:hover{text-decoration:underline;} .intro-approve-as-friend-desc{margin-top:10px;} .intro-desc{margin-bottom:20px;font-weight:bold;} diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less index d2f72520f..4e1b85031 100644 --- a/view/theme/dispy/light/style.less +++ b/view/theme/dispy/light/style.less @@ -303,7 +303,7 @@ h6 { [class$="-desc"], [id$="-desc"] { color: @bg_colour; - // background: @main_colour; + background: @main_colour; .borders(1px, outset, @bg_colour); .rounded_corners; // .box_shadow(3px, 3px, 5px); -- cgit v1.2.3