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