From: pixelroot Date: Thu, 30 Aug 2012 14:50:22 +0000 (+0200) Subject: deleted: view/theme/softy/style.alex X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=9346de56861e2a694463ff32add842eed50d57b5;p=friendica.git deleted: view/theme/softy/style.alex deleted: view/theme/softy/style.alt --- diff --git a/view/theme/softy/style.alex b/view/theme/softy/style.alex deleted file mode 100644 index dba9417037..0000000000 --- a/view/theme/softy/style.alex +++ /dev/null @@ -1,3316 +0,0 @@ -/* - style.css - Softy by Harder - - Created by Anne Walk and Devlon Duthie on 2011-09-24. - Based loosely on the Dipsy theme. -*/ -/* ========== */ -/* = Colors -Red links - #b20202 -Red link hover - #db0503 -Red Gradients (buttons and other gradients) - #b20202 and #d60808 -Grey/body text - #626262 -Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2 -Dark Grey Gradients - #7c7d7b and #555753 - -You can switch out the colors of the header, buttons and links by using a find and replace in your text editor. - - = */ -/* ========== */ - -body { - /*margin: 0 auto;*/ - /*padding: 0 auto;*/ - /*margin: 0px;*/ - /*padding: 0px;*/ - font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; - font-size: 15px; - font-size-adjust: none; - font-style: normal; - font-variant: normal; - font-weight: normal; - line-height: 18px; - color: #626262; - /*background: url("back-gradient.jpg") repeat-x scroll left top #F2F2F2;*/ - background-color: #F2F2F2; - width: 100%; - color: #333333; -} - -img { border: 0 none; max-width: 550px; } - -a { color: #b20202; text-decoration: none; margin-bottom:1px;} -a:hover { color: #db0503; padding-bottom: 0px;} - -h3 > a, h4 > a { - font-size: 18px; - color: #626262; -} - -h3 { - margin: 0px; - margin-bottom: 5px; - font-size: 18px; - color: #626262; -} - -h2 { - color: #626262; -} - -p { - - max-width: 600px; -} - -label { -/* font-variant:small-caps; */ -} - -li { - list-style: none; -} - -.required { display: inline; color: #b20202; } -.fakelink { color: #b20202; cursor: pointer; } -.fakelink :hover { color: #db0503; } -.heart { color: #FF0000; font-size: 100%; } - - -input[type=text] { - border: 2px solid #b0b0b0; - padding: 2px; - margin: 0px; - -webkit-border-radius: 3px 3px 3px 3px; - -moz-border-radius: 3px 3px 3px 3px; - border-radius: 3px 3px 3px 3px; -} - -input[type=submit] { - margin: 10px 2px 5px 2px; - border: none; - font-size: 0.9em; - padding: 5px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - color:#efefef; - text-align: center; -} - -input[type=submit]:hover { - border: none; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - color: #efefef; -} -input[type=submit]:active { - position:relative; - top:1px; -} - -.smalltext { font-size: 0.7em } - -::selection { background:#fdf795; color: #000; /* Safari and Opera */ } -::-moz-selection { background:#fdf795; color: #000; /* Firefox */ } - -section { - float: left; - margin-left: 8%; - padding-top: 30px; /*50*/ - width: 64%; /*50%*/ - margin: 20px 0px 30px 4%; /*10%*/ - font-size: 0.9em; - line-height: 1.2em; -} - -.lframe { - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 6px #959494; - -webkit-box-shadow: 3px 3px 6px #959494; - box-shadow: 3px 3px 6px #959494; - background-color: #efefef; - padding: 10px; -} - -.mframe { - padding: 5px; - background-color: #efefef; - border: 2px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -#wall-item-lock { - margin-left: 10px; -} - -.button { - border: none; - font-size: 1em; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - color:#efefef; - text-align: center; -} - -.button:hover { - border: none; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - color: #efefef; -} - -.button:active { - position:relative; - top:1px; -} - -.button a { - color: #efefef; -} - -/* ========= */ -/* = Login = */ -/* ========= */ - -#login-name-wrapper { - vertical-align: middle; - margin: auto; -} - -#login-name-wrapper input { - width: 120px; - margin-left: 20px; -} - -#login-password-wrapper { - vertical-align: middle; - margin: auto; -} - -#login-extra-links { - width: 90px; - margin-top: 20px; -} - -#login-extra-links a { - display: block; - margin: 10px; - padding: 5px 0px 5px 0px; - text-align: center; - margin-right: 20px; -} - -#login-extra-filler { - display: none; -} - -/* ========= */ -/* = Panel = */ -/* ========= */ - -#panel { - position: absolute; - font-size:0.8em; - -webkit-border-radius: 5px ; - -moz-border-radius: 5px; - border-radius: 5px; - border: 1px solid #494948; - background-color: #2e3436; - opacity:50%; - color: #eeeeec; - padding:1em; - z-index: 200; - -moz-box-shadow: 7px 7px 12px #434343; - -webkit-box-shadow: 7px75px 12px #434343; - box-shadow: 7px 7px 10px #434343; -} - -/* ========= */ -/* = Pager = */ -/* ========= */ - -.pager { - padding-top: 30px; - display:block; - clear: both; - text-align: center; -} - -.pager a { - color: #626262; -} - -.pager span { padding: 4px; margin:4px; } -.pager_current { background-color: #b20202; color: #ffffff; } - -/* ======= */ -/* = Nav = */ -/* ======= */ - -nav { - z-index: 10000; - height: 50px; - /*display: block;*/ - position: fixed; - width: 100%; - padding: 0px 10%; - color: #efefef; - background: url("nav-bg.png") no-repeat scroll 5px 7px transparent; - /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );*/ - /*background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );*/ - /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');*/ - /*background-color:#7c7d7b;*/ - margin-bottom: 16px; - font-size: 15px; - /*border-bottom: 1px solid #494948;*/ -} -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; - margin-left: -90px; /*10*/ - margin-top: 10px; /*5*/ - padding-bottom:5px; -} -nav #banner #logo-text a { - display: hidden; - font-size: 40px; - font-weight: bold; - margin-left: 3px; -} - -nav #user-menu { - display: block; - width: 190px; /*240*/ - float: right; - margin-right: 15%; /*20%*/ - margin-top: 10px; - padding: 5px; - position: relative; - vertical-align: middle; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); - background:-moz-linear-gradient( center top, #797979 5%, #898988 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); - background-color:#a2a2a2; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - border: 1px solid #9A9A9A; - color:#efefef; - text-decoration:none; - text-align: center; -} - -nav #user-menu-label::after { - content: url("menu-user-pin.png") no-repeat; - padding-left: 15px; -} - -nav #user-menu-label { - vertical-align: middle; - font-size: 12px; - padding: 5px; - text-align: center; -} - -ul#user-menu-popup { - display: none; - position: absolute; - background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); - background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); - background-color:#898988; - width: 100%; - padding: 10px 0px; - margin: 0px; - margin-top: 4px; - top: 20px; - left: 0px; - border: 1px solid #9a9a9a; - border-top: none; - -webkit-border-radius: 0px 0px 5px 5px; - -moz-border-radius: 0px 0px 5px 5px; - border-radius: 0px 0px 5px 5px; - -moz-box-shadow: 5px 5px 10px #242424; - -webkit-box-shadow: 5px 5px 10px #242424; - box-shadow: 5px 5px 10px #242424; - 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: #efefef; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) ); - background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202'); - background-color:#d60808; -} - -ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; } - -/* ============= */ -/* = Notifiers = */ -/* ============= */ - -#notifications { - height: 32px; - position: absolute; - top:10px; left: 35%; -} -.nav-ajax-update { - width: 44px; - height: 32px; - background: transparent url('notifications.png') 0px 0px no-repeat; - color: #333333; /*efefef*/ - font-weight: bold; - font-size: 0.8em; - padding-top: 0.5em; - float: left; - padding-left: 11px; - /*display: none;*/ -} -#notify-update { background-position: 0px -168px; } -#net-update { background-position: 0px -126px } -#mail-update { background-position: 0px -40px; } -#intro-update { background-position: 0px -84px; } -#home-update { background-position: 0px 0px; } - -#lang-select-icon { - cursor: pointer; - position: absolute; - left: 10px; /*left: 10px*/ - top: 65px; -} - -#language-selector { - position: absolute; - top: 0; - left: 16px; -} - -/* =================== */ -/* = System Messages = */ -/* =================== */ - -#sysmsg_info, #sysmsg { - position:fixed; - bottom: 0px; right:20%; - -moz-box-shadow: 7px 7px 12px #434343; - -webkit-box-shadow: 7px75px 12px #434343; - box-shadow: 7px 7px 10px #434343; - padding: 10px; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - -webkit-border-radius: 5px 5px 0px 0px; - -moz-border-radius: 5px 5px 0px 0px; - border-radius: 5px 5px 0px 0px; - border: 1px solid #da2c2c; - border-bottom:0px; - padding-bottom: 50px; - z-index: 1000; - color: #efefef; - font-style: bold; -} - -#sysmsg_info br, -#sysmsg br { - display:block; - margin:2px 0px; - border-top: 1px solid #dddddd; -} - -/* ================= */ -/* = Aside/Sidebar = */ -/* ================= */ - -aside { - float: right; - margin-right: 5%; /*10%*/ - /*width: 21%;*/ - width: 200px; /*250*/ - margin-top: 40px; /*50*/ - font-size: 0.8em; - font-style: bold; -} - -aside a{ - padding-bottom: 5px; - -} - -.vcard { - font-size: 1em; -/* font-variant:small-caps; */ -} - -.vcard dd { - font-size: 12px; - font-variant: normal; - -webkit-margin-start: 10px; -} - -.vcard .fn { - font-size: 1.4em; - font-weight: bold; - border-bottom: none; - padding-top: 10px; -} - -.vcard #profile-photo-wrapper { - margin: 10px 0px; - padding: 12px; - width: 175px; - background-color: #f3f3f3; - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -border-radius: 5px 5px 5px 5px; -} - -aside h4 { font-size: 1.3em; } - -.allcontact-link { - color: #626262; - text-align: center; - font-weight: bold; -/* font-variant:small-caps; */ - font-size: 1.1em; -} -.allcontact-link a { - padding-bottom: 10px; -} - -#profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; } - -#dfrn-request-link { - -moz-box-shadow:inset 0px 1px 0px 0px #a65151; - -webkit-box-shadow:inset 0px 1px 0px 0px #a65151; - box-shadow:inset 0px 1px 0px 0px #a65151; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) ); - background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202'); - background-color:#d60808; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - border:1px solid #fc5656; - display:inline-block; - color:#f0e7e7; - font-family:Trebuchet MS; - font-size:19px; - font-weight:bold; - text-align: center; - padding:10px; - width: 185px; - text-decoration:none; - text-shadow:1px 1px 0px #b36f6f; -} - -#dfrn-request-link: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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#dfrn-request-link:active { - position:relative; - top:1px; -} - -#dfrn-request-intro { - width: 600px; -} - -#netsearch-box { - background-color: #f6f6f6; - padding: 10px 8px 10px 8px; -} -#netsearch-box input[type="text"] { - width: 97%; -} -#netsearch-box input[type="submit"] { - width: 48%; -} - -h3#search:before { - content: url("search.png"); - padding-right: 10px; - vertical-align: middle; -} - -#network-new-link { - background-color: #f3f3f3; - border: 1px solid #cdcdcd; - margin-bottom: 10px; - -webkit-border-radius: 5px 5px 5px 5px; - -moz-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} - -#group-sidebar { - vertical-align: middle; - margin: auto; - margin-top: 20px; - padding-bottom: 10px; -} - -#sidebar-group-list { - margin-left: 30px; - margin-right: 30px; -} - -#sidebar-group-list > a{ - padding-bottom: 10px; -} - -.widget { - margin-top: 20px; - -moz-box-shadow: 1px 2px 6px 0px #959494; - -webkit-box-shadow: 1px 2px 6px 0px #959494; - box-shadow: 1px 2px 6px 0px #959494; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) ); - background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6'); - background-color:#f8f8f8; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - border:1px solid #eee; - color:#e6e6e6; - /*text-shadow:-1px 0px 0px #bdbdbd;*/ - border: 1px solid #cdcdcd; -} - -#sidebar-new-group { - padding:7px; - width: 165px; - margin: auto; - margin-left: 10px; /*40*/ - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - display:inline-block; - color:#efefef; - text-decoration:none; - text-align: center; -} - - -#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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#sidebar-new-group:active { - position:relative; - top:1px; -} - -.group-selected, .nets-selected { - padding-bottom: 0px; - padding-left: 2px; - padding-right: 2px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - display:inline-block; - color:#efefef; - text-decoration:none; -} - -#sidebar-new-group a { - color: #efefef; - font-size: 14px; - text-align: center; - margin: auto; -} - -ul .sidebar-group-li{ - list-style: none; - font-size: 1.2em; - padding-bottom: 5px; -} - -ul .sidebar-group-li .icon{ - display: inline-block; - height: 12px; - width: 12px; -} - - -.nets-ul { - list-style-type: none; -} - -.nets-ul li { - margin-top: 10px; -} - -.nets-link { - margin-left: 24px; -} -.nets-all { - margin-left: 42px; -} - - -.widget h3{ - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) ); - background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2'); - background-color:#f0edf0; - -moz-border-radius:5px 5px 0px 0px; - -webkit-border-radius:5px 5px 0px 0px; - border-radius:5px 5px 0px 0px; - border:1px solid #e2e2e2; - border-bottom: 1px solid #cdcdcd; - padding-top:5px; - padding-bottom: 5px; - vertical-align: baseline; - text-align: center; - text-shadow:-1px 0px 0px #bdbdbd; -} - -#group-sidebar h3:before{ - content: url("groups.png"); - padding-right: 10px; - vertical-align: middle; -} - -#saved-search-list{ - margin-top: 15px; - padding-bottom: 20px; -} - -.saved-search-li { - list-style: none; - font-size: 1.2em; -} - -.saved-search-li .icon { - margin-right: 5px; -} - -.birthday-today, .event-today { - font-weight: bold; -} - -#birthday-wrapper, #event-wrapper { - margin-left: 15px; -} - -#pause { - position: fixed; - bottom: 5px; - right: 5px; -} - -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 48px; /*42*/ - height: 48px; - padding-right: 2px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -/* ======= */ -/* = Jot = */ -/* ======= */ - -#profile-jot-text_tbl { margin-bottom: 10px; } -#profile-jot-text_ifr { width: 99.9%!important } -#profile-jot-submit-wrapper { -} - - -#jot-title { - border: 0px; - margin: 0px; - height: 20px; - width: 462px; - font-weight: bold; - border: 1px solid #ffffff; -} - -#jot-title::-webkit-input-placeholder{font-weight: normal;} -#jot-title:-moz-placeholder{font-weight: normal;} - - -#jot-title:hover, -#jot-title:focus { - border: 1px solid #cccccc; -} - -.preview { - background: #FFFFC8; -} - -#profile-jot-perms, #profile-jot-submit, #jot-preview-link { - width: 60px; - font-size: 12px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - display:inline-block; - color:#efefef; - text-decoration:none; - text-align: center; -} - -#profile-jot-perms { - width: 30px; - overflow: hidden; - border: 0px; - margin-left:5px; -} - -#jot-perms-perms .icon { - height: 1px; -} - -#profile-jot-submit { - float: left; - margin-right:5px; - border: 0px; - margin-top: 0px; - margin-left: -30px; -} - -#profile-jot-perms:hover, #profile-jot-submit:hover, #jot-preview-link: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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} -#profile-jot-perms:active, #profile-jot-submit:active, #jot-preview-link:active { - position:relative; - top:1px; -} - -#character-counter { - position: absolute: right: 100px; top:100px; -} -#profile-rotator-wrapper { - float: right; -} - -.jot-tool { - float: left; - margin-right: 5px; -} -#profile-jot-tools-end, -#profile-jot-banner-end { clear: both; } - -#profile-jot-email-wrapper { - margin: 10px 10% 0px 10%; - border: 1px solid #eeeeee; - border-bottom: 0px; -} -#profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;} -#profile-jot-email { margin: 5px; width: 98%; } - -#profile-jot-networks { - margin: 0px 10%; - border: 1px solid #eeeeee; - border-top: 0px; - border-bottom: 0px; - padding: 5px; -} -#profile-jot-acl-wrapper { - margin: 0px 10px; - border: 1px solid #eeeeee; - border-top: 0px; - 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; } -#profile-jot-wrapper { - margin-top: 0px; - padding-top: 0px; -} - -profile-jot-banner-wrapper { - padding: 0px; - margin: 0px; -} - -.contact-h4 { - font-size: 1.2em; -} - -/* ======== */ -/* = Tabs = */ -/* ======== */ - -.tabs { - min-width: 400px; - list-style: none; - padding: 0px; /*10*/ - border-bottom: 1px solid #efefef; - font-size: 0.9em; -} -.tabs li { display: inline;} - -.tab { - padding: 5px 10px 5px 10px; - display: inline-block; - margin-bottom: 5px; - margin-right: 5px; - font-style: bold; -} - -.tab:hover { - padding: 5px 10px 5px 10px; -} - -/* ========= */ -/* = Posts = */ -/* ========= */ - -.wall-item-outside-wrapper { - max-width: 100%; - border-bottom: 1px solid #dedede; - margin-top: 20px; - margin-bottom: 20px; - padding-right: 10px; - padding-left: 12px; - background: -moz-linear-gradient(center top , #F8F8F8 5%, #F6F6F6 100%) repeat scroll 0 0 #F8F8F8; - border: 1px solid #CDCDCD; - border-radius: 5px 5px 5px 5px; - box-shadow: 1px 2px 6px 0 #959494; - /*color: #E6E6E6;*/ - margin-top: 20px; - /*text-shadow: -1px 0 0 #BDBDBD;*/ - /* Overflow: hidden; */ -} - -.wall-item-outside-wrapper-end { clear: both;} -.wall-item-content-wrapper { position: relative; max-width: 100%; padding-top: 10px; } -.wall-item-photo-menu { display: none;} -.wall-item-photo-menu-button { - display:none; - text-indent: -99999px; - background: #eeeeee url("menu-user-pin.png") no-repeat 75px center; - position: absolute; - overflow: hidden; - height: 20px; width: 90px; - top: 85px; left: -1px; - -webkit-border-radius: 0px 0px 5px 5px; - -moz-border-radius: 0px 0px 5px 5px; - border-radius: 0px 0px 5px 5px; -} - -.wall-item-info { float: left; width: 100px; } /*140*/ -.wall-item-photo-wrapper { - width: 80px; height: 80px; - position: relative; -} - -.wall-item-tools { - filter: alpha(opacity=60); - opacity: 0.7; - -webkit-transition: all 0.25s ease-in-out; - -moz-transition: all 0.25s ease-in-out; - -o-transition: all 0.25s ease-in-out; - -ms-transition: all 0.25s ease-in-out; - transition: all 0.25s ease-in-out; - /*margin-left: 140px;*/ - margin-top: 10px; - padding-bottom: 5px; - float: right; -} - -.wall-item-tools:hover { - filter: alpha(opacity=100); - opacity: 1; - -webkit-transition: all 0.25s ease-in-out; - -moz-transition: all 0.25s ease-in-out; - -o-transition: all 0.25s ease-in-out; - -ms-transition: all 0.25s ease-in-out; - transition: all 0.25s ease-in-out; - margin-left: 140px; -} - -.wall-item-outside-wrapper.comment .wall-item-tools { - margin: 5px 5px 0px 70px; - float: right; -} - -.wall-item-like-buttons { - float: left; - padding-left: 10px; -} -.wall-item-like-buttons a.icon { - float: left; - margin-right: 5px; - display: inline; -} -.wall-item-links-wrapper { - width: 20px; - float: left; -} -.wall-item-delete-wrapper { - float: left; -} -.wall-item-links-wrapper a.icon { - float: left; - margin-right: 5px; - display: inline; -} -.pencil { - float: left; -} - -.star-item { - margin-left: 5px; - margin-right: 2px; - float: left; -} -.tag-item { - margin-left: 5px; - margin-right: 2px; - float: left; -} -.wall-item-title { font-size: 1.2em; font-weight: bold; padding-top: 5px; } -.wall-item-body { - margin-left: 100px; /*140*/ - padding-right: 10px; - padding-top: 5px; - max-width: 100%; /*85*/ -} - -.wall-item-body img { max-width: 100%; height: auto; } - -.wall-item-body p { - font-size: 0.8em; -} -.wall-item-lock-wrapper { float: right; } -.wall-item-dislike, -.wall-item-like, -.wall-item-author { - /*clear: left;*/ - font-size: 0.9em; - margin: 0px 0px 0px 0px; /*140*/ - padding-left: 0px; /*10*/ -/* font-variant:small-caps; */ -} - -.wall-item-author a { - color: #898989; -} - -.wall-item-ago { display: inline; padding-left: 0px; color: #898989;} /*10*/ -.wall-item-wrapper-end { clear:both; } -.wall-item-location { - margin-top:5px; - width: 100px; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; -} - -.wall-item-location .icon { float: left; } -.wall-item-location > a { - margin-left: 0px; /*25*/ - font-size: 0.9em; - display: block; -/* font-variant:small-caps; */ - color: #898989; -} - -.wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;} -.wall-item-location > br { display: none; } -.wall-item-conv a{ - font-size: 0.9em; - color: #898989; -/* font-variant:small-caps; */ -} - -.wallwall .wwto { - left: -10px; - margin: 0; - position: absolute; - top: 65px; - width: 30px; - z-index: 900; - 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: 20px; - top: 70px; - z-index: 950; -} - -.wall-item-photo-menu { - min-width: 92px; - color: #2e3436; - border-top: 0px; - background: #eeeeee; - border-right: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; - position: absolute; - left: -2px; top: 101px; - display: none; - z-index: 10000; - -webkit-border-radius: 0px 5px 5px 5px; - -moz-border-radius: 0px 5px 5px 5px; - border-radius: 0px 5px 5px 5px; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -.wall-item-photo-menu-button { - border-right: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -.fakelink wall-item-photo-menu-button { - -webkit-border-radius: 0px 5px 5px 5px; - -moz-border-radius: 0px 5px 5px 5px; - border-radius: 0px 5px 5px 5px; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -.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: #2e3436; } -.wall-item-photo-menu li a:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - order-bottom: none; -} - -.icon.drop, -.icon.drophide { float: left; } -#item-delete-selected { overflow: auto; width: 100%;} - - -/* ============ */ -/* = Comments = */ -/* ============ */ - - .ccollapse-wrapper { - font-size: 0.9em; - color: #898989; - margin-left: 60px; -/* font-variant:small-caps; */ -} - -.wall-item-outside-wrapper.comment { margin-left: 70px; } -.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: 50px; } /*60*/ -.wall-item-outside-wrapper.comment .wall-item-body { - margin-left: 40px;/*70*/ - max-width: 85%; - padding-right: 10px; - padding-left: 10px; -} - -.wall-item-outside-wrapper.comment .wall-item-author { margin-left: 0px; } /*10*/ - -.wall-item-outside-wrapper.comment .wall-item-photo-menu { - min-width: 50px; - top: 60px; -} -.icollapse-wrapper { - font-size: 0.9em; - color: #898989; -/* font-variant:small-caps; */ -} - -.comment-wwedit-wrapper, -.comment-edit-wrapper { margin: 30px 0px 0px 80px;} -.comment-wwedit-wrapper img, -.comment-edit-wrapper img { width: 20px; height: 20px; } -.comment-edit-photo-link { float: left; width: 40px;} -.comment-edit-text-empty { - width: 80%; - height: 20px; - border: 0px; - 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 { width: 80%; height: 6em; - -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: 80%; margin-left: 40px; text-align: right; } -.comment-edit-submit { - height: 22px; - background-color: #a2a2a2; - color: #eeeeec; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - border: 0px; -} - -.comment-edit-submit:hover { - background-color: #b20202; -} - -.comment-edit-submit:active { - background-color: #b20202; -} - -#item-delete-selected-desc { - color: #898989; -} - -.wall-item-body code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #cccccc; - border-width: 1px 1px 1px 10px; - padding-left: 10px; - margin-top: 20px; -} - -/* =========== */ -/* = Profile = */ -/* =========== */ - -.advanced-profile-content { - margin-top: 5px; - margin-bottom: 10px; - margin-left: 30px; - width: 60%; -} - -.advanced-profile-label { - margin-top: 10px; - margin-bottom: 0px; - padding-bottom: 5px; - font-size: 18px; -/* font-variant:small-caps; */ -} - -div[id$="wrapper"] { height: 100%;} -div[id$="wrapper"] br { clear: left; } -#advanced-profile-with { margin-left: 20px;} - -#profile-listing-desc { - float: left; - display: inline; - padding: 5px 10px 5px 10px; - width: 150px; - margin-bottom:20px; - margin-top: 20px; - display:inline-block; - font-style: bold; - text-align: center; -} - -#profile-listing-new-link-wrapper { - float: left; - display: inline; - width: 130px; - margin-left:5px; - margin-top: 20px; - padding: 5px 10px 5px 10px; - font-style: bold; - text-align: center; -} - -.profile-listing-name { - font-size: 1em; -/* font-variant: small-caps;*/ -} -.profile-listing-name a { - color: #898989; -} - -#profile-edit-links li { - display: inline; - width: 150px; - margin-bottom:20px; - margin-top: 20px; - background-color: #a2a2a2; - color: #eeeeec; - padding: 5px 10px 5px 10px; - margin-right: 5px; - font-style: bold; - -webkit-border-radius: 5px 5px 5px 5px; - -moz-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} - -#profile-edit-links li a { - color: #efefef; -} - -#profile-edit-links li:hover { - background-color: #b20202; -} - -#profile-edit-links li:active { - background-color: #b20202; -} - -.profile-edit-side-div { - margin-top: 5px; - margin-right: 30px; - float: right; -} - -#cropimage-wrapper { float:left; } -#crop-image-form { clear:both; } - -.profile-match-name a{ - color: #999; -/* font-variant: small-caps; */ - font-size: 1em; -} - -.profile-match-name a:hover { - color: #999; -} - -.profile-match-wrapper { - width: 82%; - padding: 5px; - margin-bottom:10px; - margin-left: 20px; - background-color: #f6f6f6; - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; - clear: both; -} - -.profile-match-end { - clear: both; -} - -.profile-match-photo { - float: left; - margin-right: 10px; - margin-bottom: 5px; -} - -/* ========== */ -/* = Photos = */ -/* ========== */ -.photos { - height: auto; - overflow: auto; -} - -#side-bar-photos-albums h3:before { - content: url("photography.png"); - padding-right: 10px; - vertical-align: middle; -} - -#side-bar-photos-albums li { - font-size: 14px; - font-variant: none; - text-align: left; - padding-left: 20px; - margin-bottom: 5px; -} - -#photo-top-links { - width: 130px; - margin-bottom:20px; - margin-top: 20px; - background-color: #a2a2a2; - color: #eeeeec; - padding: 5px 10px 5px 10px; - margin-right: 5px; - font-style: bold; - -webkit-border-radius: 5px 5px 5px 5px; - -moz-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#photo-top-links a { - color: #efefef; -} - -#photo-top-links:hover { - background-color: #b20202; -} - -#photo-top-links:active { - background-color: #b20202; -} - -.photo-album-image-wrapper { - float: left; - margin: 0px 10px 10px 0px; - padding-bottom: 30px; - position:relative; -} - -.photo-top-image-wrapper { - float: left; - width: 180px; - height: 180px; - margin: 0px 10px 10px 0px; - padding-bottom: 30px; - position:relative; -} - -#photo-album-wrapper-inner { - position: relative; - float: left; - width: 180px; - height: 180px; - overflow: hidden; -} - -#photo-photo { max-width: 85%; height: auto; } -#photo-photo img { max-width: 100% } - -.photo-top-image-wrapper a:hover, -#photo-photo a:hover, -.photo-album-image-wrapper a:hover { - border-bottom: 0px; -} - -.photo-top-photo {} -.photo-album-photo {} - -.photo-top-album-name { - position: absolute; - bottom: 0px; - padding: 0px 5px; - font-weight: bold; - font-stretch:semi-expanded; -/* font-variant:small-caps; */ -} - -.photo-top-album-name a{ - text-align: center; - color: #6e6e6e; -} -.caption { - position: absolute; - bottom: 0px; - margin: 0px 5px; - text-align: center; - color: #6e6e6e; - font-size: 0.9em; -/* font-variant: small-caps; */ -} - -#photo-photo{ - position: relative; - float:left; -} - -#photo-caption { - margin-top: 10px; - color: #6E6E6E; -/* font-variant:small-caps; */ - font-size: 1.1em; -} - -#photo-photo-end { clear: both; } -#photo-prev-link, -#photo-next-link{ - position: absolute; - width:10%; - height: 100%; - background-color: rgba(255,255,255,0.2); - 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:0px; top:0px; background-image: url('prev.png'); } -#photo-next-link { right:0px; top:0px; 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 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, -#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: #fff; - color: #909090; - font-size: 1.2em; - padding: 3px 0px; - padding-left: 0px; - width: 300px; -} - -#photos-upload-album-select, -#photos-upload-newalbum { width: 400px; } - -#photos-upload-perms-menu { - width: 180px; - padding: 7px; -} - -#photos-upload-perms-menu .icon { - display: none; -} - -select, input { - border: 2px solid #b0b0b0; - padding: 2px; - -webkit-border-radius: 3px 3px 3px 3px; - -moz-border-radius: 3px 3px 3px 3px; - border-radius: 3px 3px 3px 3px; -} - -select[size], select[multiple], select[size][multiple] { - -webkit-appearance: listbox; -} - -select { - -webkit-appearance: menulist; - box-sizing: border-box; - -webkit-box-align: center; - cursor: default; -} - -keygen, select { - -webkit-border-radius: ; -} - -input, textarea, keygen { - font-size: 0.9em; - letter-spacing: normal; - word-spacing: normal; - line-height: 1.2em; - text-transform: none; - text-indent: 0px; - text-shadow: none; - display: inline-block; - text-align: -webkit-auto; -} - -.qq-upload-button { - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; -} - -#album-edit-link { - width: 70px; - margin-bottom:20px; - margin-top: 20px; - background-color: #a2a2a2; - color: #eeeeec; - padding: 5px 10px 5px 10px; - margin-right: 5px; - font-style: bold; - -webkit-border-radius: 5px 5px 5px 5px; - -moz-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} - -#album-edit-link a { - color: #efefef; -} - -#album-edit-link:hover { - background-color: #b20202; -} - -#photo-edit-link-wrap { - margin-bottom: 10px; -} - -#photo_edit_form { - width: 500px; - margin-top:20px; - text-align: left; -} - -input#photo_edit_form { - display: block; - width: 100%; -} - -#photo-edit-perms-menu { - float: left; - display: inline; - margin-top: 10px; - margin-right: 10px; - padding: 4px; - width: 100px; -} - -#photo-edit-perms-menu .icon { - display: none; -} - -#photo-edit-delete-button { - float: left; - display: inline; - margin-left: 190px; -} - -#photo-album-edit-wrapper { - margin-bottom: 10px; -} - -/* ============ */ -/* = Messages = */ -/* ============ */ - -#prvmail-wrapper, .mail-conv-detail, .mail-list-detail { - position: relative; - width: 500px; - padding: 50px; - margin: 20px auto; - background-color: #fff; - -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -} - -#prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after { - position: absolute; - width: 40%; - height: 10px; - content: ' '; - left: 12px; - bottom: 12px; - background: transparent; - -webkit-transform: skew(-5deg) rotate(-5deg); - -moz-transform: skew(-5deg) rotate(-5deg); - -ms-transform: skew(-5deg) rotate(-5deg); - -o-transform: skew(-5deg) rotate(-5deg); - transform: skew(-5deg) rotate(-5deg); - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - z-index: -1; -} - -#prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after { - left: auto; - right: 12px; - -webkit-transform: skew(5deg) rotate(5deg); - -moz-transform: skew(5deg) rotate(5deg); - -ms-transform: skew(5deg) rotate(5deg); - -o-transform: skew(5deg) rotate(5deg); - transform: skew(5deg) rotate(5deg); -} - -.prvmail-text { - width: 100%; -} - -#prvmail-form input - -#prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;} -#prvmail-subject .input{ - border: none !important ; -} - -#prvmail-subject-label { -/* font-variant:small-caps; */ -} - -#prvmail-to { - padding-left: 10px; -} -#prvmail-to-label { -/* font-variant:small-caps; */ -} - -#prvmail-message-label { -/* font-variant:small-caps; */ - font-size: 1em; -} - -#prvmail-submit-wrapper { margin-top: 10px; } -#prvmail-submit { - float: right; - margin-top: 0px; - margin-right: 0px; -} - -#prvmail-upload { -margin-left: 0px; -} - -#prvmail-submit-wrapper > div { - margin-right: 5px; - float: left; -} - -.mail-list-outside-wrapper { - margin-top: 20px; -} - -.mail-list-sender { - float: left; - padding: 5px; - background-color: #efefef; - border: 2px dotted #eeeeee; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -.mail-list-detail { - margin-left: 100px; - width: 300px; - min-height: 70px; - padding: 20px; - padding-top:10px; - border: 1px solid #dddddd; - } - -.mail-list-sender-name { - font-size: 1.1em; - display: inline; -/* font-variant:small-caps; */ -} - -.mail-list-date { - float: right; - clear: block; - display: inline; - font-size: 0.9em; - padding-left: 10px; - font-stretch:ultra-condensed; -/* font-variant:small-caps; */ -} - -.mail-list-subject { - clear: block; - font-size: 1.2em; - padding-top: 20px; - padding-right: 50px; -} - -.mail-list-subject a { - color: #626262; -} - -.mail-list-delete-wrapper { float: right;} -.mail-list-outside-wrapper-end { - clear: both; -} - -.mail-conv-outside-wrapper { - margin-bottom: 10px; -} - -.mail-conv-sender {float: left; margin: 0px 5px 5px 0px; } -.mail-conv-sender-photo { - width: 64px; - height: 64px; -} - -.mail-conv-sender-name { float: left; font-style: bold; } -.mail-conv-date { float: right; } -.mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em } -.mail-conv-body { - clear: both; -} - -.mail-conv-detail { - width: 500px; - padding: 30px; - padding-bottom: 10px; - margin-left: 20px; - margin-bottom: 0px; - vertical-align: middle; - margin: auto; - border: 1px solid #dddddd; -} -.mail-conv-break { display: none; border: none;} -.mail-conv-delete-wrapper { padding-top: 10px; width: 510px; text-align: right; } - -#prvmail-subject { - font-weight: bold; - border: 1px solid #dddddd; -} - -/* ================= */ -/* = Notifications = */ -/* ================= */ - -/*#notification-show-hide-wrapper { - width: 160px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - margin-right: 5px; - margin-top: 10px; - font-style: bold; - color: #efefef; - text-align: center; -} - -#notification-show-hide-wrapper:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#notification-show-hide-wrapper:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#notification-show-hide-wrapper a { - color: #efefef; -}*/ - -/* ============ */ -/* = Contacts = */ -/* ============ */ - -#contacts-main { - margin-bottom: 10px; -} - -.view-contact-wrapper, -.contact-entry-wrapper { - float: left; - margin-right: 30px; - margin-bottom: 20px; - width: 88px; - height: 120px; - position: relative; -} - -.contact-entry-direction-wrapper {position: absolute; top: 20px;} -.contact-entry-edit-links { position: absolute; top: 60px; } -#contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;} - -.contact-entry-name { - width: 100px; - overflow: hidden; - font: #999; - font-size: 12px; - text-align:center; -/* font-variant:small-caps; */ - font-weight: bold; - margin-top:5px; -} - -.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: #ffffff; -} - -#contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; } - - -#contact-edit-update-now { - padding:7px; - width: 165px; - margin: auto; - margin-left: 40px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - display:inline-block; - color:#efefef; - text-decoration:none; - text-align: center; -} - -#contact-edit-update-now: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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#contact-edit-update-now:active { - position:relative; - top:1px; -} - -#contact-edit-update-now a { - color: #efefef; - font-size: 14px; - text-align: center; - margin: auto; -} - - -.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: 1px solid #ddd; - background: #f1f1f1; - position: absolute; - left: 0px; top: 90px; - display: none; - z-index: 10000; - -moz-box-shadow: 3px 3px 5px #888; - -webkit-box-shadow: 3px 3px 5px #888; - box-shadow: 3px 3px 5px #888; -} - -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; } -.contact-photo-menu li a:hover { - color: #FFFFFF; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - text-decoration: none; -} - -.view-contact-name { -/* font-variant: small-caps; */ -} - -#div.side-link { - background-color: #efefef; - padding: 10px; - margin-top:20px; -} - -#follow-sidebar { - margin-bottom: 20px; -} - -#follow-sidebar h3:before { - content: url("user.png"); - padding-right: 10px; - vertical-align: middle; -} - -#follow-sidebar input[type="text"] { - margin-left: 10px; - margin-bottom: 10px; -} - -#side-follow-submit { - width: 70px; -} - -#side-match-link { - width: 180px; - padding: 10px; - margin: auto; - margin-bottom: 20px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - color: #efefef; - font-size: 1.2em; - text-align: center; -} - -#side-match-link:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#side-match-link:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#side-match-link a { - color: #efefef; -} - -#side-invite-link { - width: 180px; - padding: 10px; - margin: auto; - margin-bottom: 20px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - color: #efefef; - font-size: 1.2em; - text-align: center; -} - -#side-invite-link:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - - -#side-invite-link:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#side-invite-link a { - color: #efefef; -} - -#side-suggest-link { - width: 180px; - padding: 10px; - margin: auto; - margin-bottom: 20px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - color: #efefef; - font-size: 1.2em; - text-align: center; -} - -#side-suggest-link:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - - -#side-suggest-link:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#side-suggest-link a { - color: #efefef; -} - -#invite-message, #invite-recipients, #invite-recipient-text { - padding: 10px; -} - -#side-follow-wrapper { - font-size: 1em; - font-weight: bold; - font-stretch:semi-expanded; - background-color: #f3f3f3; - border: 1px solid #cdcdcd; - padding: 10px; - margin-top: 20px; - -webkit-border-radius: 5px 5px 5px 5px; - -moz-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} - -#side-follow-wrapper label{ - font-size: 1.1em; - font-variant: normal; -} - -#contact-suggest { - float: left; - margin-left: 10px; - width: 120px; - padding: 10px; - margin-bottom: 20px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - color: #efefef; - font-size: 1.2em; - text-align: center; -} - -#contact-suggest:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#contact-suggest:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#contact-suggest a { - color: #efefef; -} - -.crepair-label { - margin-top: 10px; - float: left; - width: 250px; -} - -.crepair-input { - margin-top: 10px; - float: left; - width: 200px; -} - -/* ===================================== */ -/* = Register, Settings, Profile Forms = */ -/* ===================================== */ - -.openid input{ - background: url(login-bg.gif) no-repeat; - background-position: 0 50%; - padding-left: 18px; - width: 384px!important; -} - -#profile-tabs-wrapper { - padding-top: 10px; -} - -#profile-tab-status-link { - border: 0px; - padding: 5px 10px 5px 10px; - font-style: bold; -} - -#uexport-link a { - color: #efefef; -} - -#profile-tab-profile-link { - border: 0px; - padding: 5px 10px 5px 10px; -} - -#uexport-link { - width: 140px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) ); - background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753'); - background-color:#7c7d7b; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - margin-bottom: 10px; -} - -#uexport-link:hover { - color: #efefef; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) ); - background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b'); - background-color:#555753; -} - -#uexport-link:active { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - position:relative; - top:1px; -} - -#settings-default-perms { - width: 160px; - text-align: center; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) ); - background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753'); - background-color:#7c7d7b; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - margin-bottom: 10px; -} - -#settings-default-perms .fakelink { - color: #efefef; -} - -#settings-default-perms:hover { - color: #efefef; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) ); - background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b'); - background-color:#555753; -} - -#settings-default-perms:active { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - position:relative; - top:1px; -} - -#settings-nickname-desc { - width: 80%; - background-color: #efefef; - margin-bottom: 10px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding: 5px; -} - -#register-form div { - clear: both; -} - -#profile-edit-form div { - margin-bottom: 5px; -} - -#profile-edit-form div[id$='desc'] { - font-size: 0.8em; - margin-left: 2%; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -/* #register-form span, -#profile-edit-form span { */ -#register-form span { - color: #555753; - display:block; - margin-bottom: 20px; -} - -.settings-submit-wrapper, -.profile-edit-submit-wrapper { margin: 30px 0px;} -.profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px} - -#profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; } - - -#register-sitename { display: inline; font-weight: bold;} - -/* ===================== */ -/* = Contacts Selector = */ -/* ===================== */ - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-edit-name-wrapper { - margin-bottom: 0px; - display: inline; -} -#group-edit-submit-wrapper { - margin-bottom: 10px; - margin-right: 400px; - float: right; - display: inline; -} - -.group-delete-wrapper { - width: 90px; - display: inline; - padding: 5px; - margin-bottom: 10px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px;*/ -} - -.group-delete-wrapper: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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -.group-delete-wrapper:active { - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -.group-delete-wrapper a { - color: #efefef; - font-size: 0.9em; -} - -#group-edit-desc { margin: 10px 0xp; } -#group-new-text {font-size: 1.1em;} -#group-members, -#prof-members { - width: 83%; - height: 200px; - overflow: auto; - border: none; - background-color: #f0edf0; - color: #555753; - border: 1px solid #ccc; - margin-bottom: 10px; - padding: 10px; -} - -#group-all-contacts, -#prof-all-contacts { - width: 83%; - height: 200px; - overflow: auto; - border: 1px solid #ccc; - background-color: #f0edf0; - padding: 10px; -} - -#group-members h3, -#group-all-contacts h3, -#prof-members h3, -#prof-all-contacts h3{ - color: #555753; - margin: 0px; - padding: 5px; -} - -#group-separator, -#prof-separator { display: none;} - -/* ========== */ -/* = Events = */ -/* ========== */ - -.clear { clear: both; } -.eventcal { - float: left; - font-size: 20px; - padding: 20px; -} - -.vevent { - position: relative; - width: 400px; - padding: 20px; - padding-top: 10px; - margin: 0 0px; - margin-bottom: 10px; - background-color: #fff; - -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -} - -.vevent:before, .vevent:after { - position: absolute; - width: 40%; - height: 10px; - content: ' '; - left: 12px; - bottom: 12px; - background: transparent; - -webkit-transform: skew(-5deg) rotate(-5deg); - -moz-transform: skew(-5deg) rotate(-5deg); - -ms-transform: skew(-5deg) rotate(-5deg); - -o-transform: skew(-5deg) rotate(-5deg); - transform: skew(-5deg) rotate(-5deg); - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - z-index: -1; -} - -.vevent:after { - left: auto; - right: 12px; - -webkit-transform: skew(5deg) rotate(5deg); - -moz-transform: skew(5deg) rotate(5deg); - -ms-transform: skew(5deg) rotate(5deg); - -o-transform: skew(5deg) rotate(5deg); - transform: skew(5deg) rotate(5deg); -} - -.vevent .event-description { - margin-left: 10px; - margin-right: 10px; - text-align:center; - font-size: 1.2em; - font-weight:bolder; -} - - .vevent .event-location{ - margin-left: 10px; - margin-right: 10px; - font-size: 1em; - font-style: oblique; - text-align: center; - -} - -.vevent .event-start, .vevent .event-end { - margin-left: 20px; - margin-right: 20px; - margin-bottom: 2px; - margin-top: 2px; - font-size: 0.9em; -/* font-variant: small-caps; */ - text-align: left; -} - -#new-event-link{ - width: 130px; - padding: 7px; - margin-bottom: 10px; - margin-left: 170px; ; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - color: #efefef; -} - -#new-event-link:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#new-event-link:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#new-event-link a { - color: #efefef; - text-align: center; -} - -.edit-event-link, .plink-event-link { - float: left; - margin-top: 4px; - margin-right: 4px; - margin-bottom: 15px; -} - -.event-description:before { - content: url('calendar.png'); - margin-right: 15px; - vertical-align: middle; -} - -.event-start, .event-end { - margin-left: 10px; - width: 330px; -} - -.event-start .dtstart, .event-end .dtend { - float: right; -} - -.event-list-date { - color: #626262; - margin-bottom: 10px; -/* font-variant:small-caps; */ - font-stretch:condensed; -} - -.prevcal, .nextcal { - float: left; - margin-left: 32px; - margin-right: 32px; - margin-top: 64px; -} - -.event-calendar-end { - clear: both; -} - -.calendar { - width: 300px; - font-family: Helvetica, Arial, sans-serif; - background-color: #f1f1f1; - border: 1px solid #dedede; - margin-bottom: 10px; - -moz-box-shadow: 5px 5px 8px #959494; - -webkit-box-shadow: 5px 5px 8px #959494; - box-shadow: 5px 5px 8px #959494; -} - -.calendar caption{ - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) ); - background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202'); - background-color: #b20202; - padding: 10px 0px 10px 0px; - width: 300px; - color: #ffffff; - font-weight: bold; - text-align:center; -/* font-variant:small-caps; */ - -moz-box-shadow: 5px 2px 8px #959494; - -webkit-box-shadow: 5px 2px 8px #959494; - box-shadow: 5px 2px 8px #959494; -} - -tr { - border: 1px solid #eeeeee; -} - -.calendar td { - font-size: 14px; - text-align: center; - padding: 3px 0px; -} - -.calendar td > a { - background-color: #cdcdcd; - padding: 2px; - color: #000; -} - -.calendar th { - font-size: 16px; -} - -.today { - font-weight: bold; - text-align: center; - background-color: #b20202; - color: #fff; -} - -#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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ - -.directory-item { - float: left; - margin: 50px 50px 0px 0px; -} - -.directory-details { - font-size: 0.9em; -/* font-variant: small-caps; */ - width: 160px; -} - -.directory-name { - font-size: 1em; -/* font-variant: small-caps; */ - width: 150px; -} - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { - width: 80%; -} - -#pending-update { - float:right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; -} - -.admin.linklist { - border: 0px; padding: 0px; -} - -.admin.link { - list-style-position: inside; - font-size: 1em; - padding: 5px; - width: 100px; - margin: 5px; -} - -#adminpage dl { - clear: left; - margin-bottom: 2px; - padding-bottom: 2px; - border-bottom: 1px solid black; -} - -#adminpage dt { - width: 200px; - float: left; - font-weight: bold; -} - -#adminpage dd { - margin-left: 200px; -} -#adminpage h3 { - border-bottom: 1px solid #898989; - margin-bottom: 5px; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - border: 1px solid #888888; - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#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: #eeeeee; } -#adminpage .selectall { text-align: right; } - -/* =============== */ -/* = Form Fields = */ -/* =============== */ - -.field { - margin-bottom: 5px; - padding-bottom: 10px; - overflow: auto; - width: 90%; -} - -.field label { - float: left; - width: 200px; -} - -.field input, -.field textarea { - width: 400px; -} -.field textarea { height: 100px; } -.field_help { - display: block; - margin-left: 100px; - color: #666666; -} - -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border:1px solid #c1c1c1; - background-image:url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color:#c1c1c1; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} - -.field .onoff .on { - border-color:#c1c1c1; - padding-right: 40px; - background-position: right center; - background-color: #b20202; - color: #FFFFFF; - text-align: left; -} - -.hidden { display: none!important; } - -.field.radio .field_help { margin-left: 0px; } - -/* ========= */ -/* = Icons = */ -/* ========= */ - -.sparkle { - cursor: url('lock.cur'), pointer; -} - -.icon { - display: block; width: 20px; height: 20px; - background-image: url('icons.png'); -} -.starred { - background-image: url("star.png"); - repeat: no-repeat; -} -.unstarred { - background-image: url("premium.png"); - repeat: no-repeat; -} - -.notify { - background-image: url("notify.png");} - repeat: no-repeat; -} - -.border { - border: 1px solid #c1c1c1; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} - -.article { background-position: -50px 0px;} -.audio { background-position: -70px 0px;} -.block { background-position: -90px 0px;} -.drop { background-position: -110px 0px;} -.drophide { background-position: -130px 0px;} -.edit { background-position: -150px 0px;} -.camera { background-position: -170px 0px;} -.dislike { background-position: -190px 0px;} -.like { background-position: -210px 0px;} -.link { background-position: -230px 0px;} - -.globe { background-position: -50px -20px;} -.noglobe { background-position: -70px -20px;} -.no { background-position: -90px -20px;} -.pause { background-position: -110px -20px;} -.play { background-position: -130px -20px;} -.pencil { background-position: -150px -20px;} -.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: -90px -40px; - background-image: none; - width: 70px; - height: 20px; -} - -.sharePerms { - background-image: url(icons.png); - width: 20px; - height: 20px; - margin: 2px 0px 2px 3px; - display: block; -} - -.video { background-position: -110px -40px;} -.youtube { background-position: -130px -40px;} - -.attach { background-position: -190px -40px;} -.language { background-position: -210px -40px;} - - -.on { background-position: -50px -60px;} -.off { background-position: -70px -60px;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -.tagged { background-position: -130px -60px;} - -.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } - -.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 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -/* ========== */ -/* = Footer = */ -/* ========== */ - -.cc-license { margin-top: 100px; font-size: 0.7em; } -footer { display: block; margin: 50px 20%; clear: both; } - -#profile-jot-text { - height: 20px; - color:#cccccc; - border: 1px solid #cccccc; -} - -/* ======= */ -/* = ACL = */ -/* ======= */ - -#photo-edit-perms-select, -#photos-upload-permissions-wrapper, -#profile-jot-acl-wrapper{ - display:block!important; -} - -#acl-wrapper { - width: 690px; - float:left; -} -#acl-search { - float:right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right:20px; -} -#acl-showall { - float: left; - display: block; - font-size: 1em; - font-style: bold; - text-align: center; - padding: 3px; - margin-bottom: 5px; - background-color: #cccccc; - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 5px; - -webkit-border-radius: 5px ; - -moz-border-radius: 5px; - border-radius: 5px; - color: #999999; -} -#acl-showall.selected { - color: #fff; - background-color: #b20202; -} - -#acl-list { - height: 210px; - border: 1px solid #cccccc; - background-color: #efefef; - clear: both; - margin-top: 30px; - overflow: auto; -} - -#acl-list-content { - margin-left: 20px; -} - -.acl-list-item { - display: block; - width: 150px; - height: 40px; - border: 1px solid #cccccc; - background-color: #fff; - margin: 5px; - float: left; - -moz-box-shadow: 2px 2px 3px #c1c1c1; - -webkit-box-shadow: 2px 2px 3px #c1c1c1; - box-shadow: 2px 2px 3px #c1c1c1; -} -.acl-list-item img{ - width:30px; - height: 30px; - float: left; - margin: 5px; -} - -.acl-list-item p { - color: #999; - height: 12px; - font-size: 0.7em; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} - -.acl-list-item a { - font-size: 10px; - display: block; - float: left; - color: #efefef; - background-color: #898989; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding: 3px; -} - -#acl-wrapper a:hover { - text-decoration: none; - background-color:#b20202; -} - -.acl-button-show.selected { - color: #efefef; - background-color: #b20202; -} - -.acl-button-hide.selected { - color: #efefef; - background-color: #a2a2a2; -} - -.acl-list-item.groupshow { border-color: #b20202; } -.acl-list-item.grouphide { border-color: #a2a2a2; } - -/* ========================= */ -/* = Global Directory Link = */ -/* ========================= */ - -#global-directory-link { - width: 130px; - padding: 7px; - margin-bottom: 10px; - margin-left: 0px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - color: #efefef; - text-align: center; -} - -#global-directory-link:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#global-directory-link:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#global-directory-link a { - color: #efefef; -} - -#global-directory-link { - -webkit-padding-start: 0px; -} - -a.active { - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - color:#efefef; - padding: 5px 10px 5px 10px; - margin-right: 5px; -} - -/* notifications popup menu */ -.nav-notify { - display: none; - position: absolute; - font-size: 10px; - padding: 1px 3px; - top: 0px; - right: -10px; - min-width: 15px; - text-align: right; -} -.nav-notify.show { - display: block; -} -ul.menu-popup { - position: absolute; - display: none; - width: 10em; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - top: 40px; -} -#nav-notifications-menu { - width: 320px; - max-height: 400px; - overflow-y: scroll;overflow-style:scrollbar; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); - background:-moz-linear-gradient( center top, #797979 5%, #898988 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); - background-color:#a2a2a2; - -moz-border-radius:0px 0px 5px 5px; - -webkit-border-radius:0px 0px 5px 5px; - border-radius:0px 0px 5px 5px; - border: 1px solid #9A9A9A; - border-top: none; - -moz-box-shadow: 5px 5px 10px #242424; - -webkit-box-shadow: 5px 5px 10px #242424; - box-shadow: 5px 5px 10px #242424; - -} -#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 { - padding: 7px 0px 7px 10px; - word-wrap:normal; - border-bottom: 1px solid #626262; -} - -#nav-notifications-menu li: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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#nav-notifications-menu a:hover { - text-decoration: underline; -} - -.notif-item a { - vertical-align: middle; - color: #626262; - padding-bottom: 7px; -} - -.notif-item a:hover { - color: #b20202; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -#jGrowl { - z-index: 20000; -} - -/* autocomplete popup */ -.acpopup { - max-height:150px; - overflow:auto; - z-index:100000; - - color: #2e3436; - border-top: 0px; - background: #eeeeee; - border-right: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; - -webkit-border-radius: 0px 5px 5px 5px; - -moz-border-radius: 0px 5px 5px 5px; - border-radius: 0px 5px 5px 5px; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; - -} -.acpopupitem { - color: #2e3436; padding: 4px; - clear:left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} - -.acpopupitem.selected { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - order-bottom: none; -} - -.qcomment { - opacity: 0; - filter:alpha(opacity=0); -} -.qcomment:hover { - opacity: 1.0; - filter:alpha(opacity=100); -} -.notify-seen { - background: #000; -} - - -/* Pages profile widget */ -#page-profile div#profile-page-list{ -margin-left: 45px; -} diff --git a/view/theme/softy/style.alt b/view/theme/softy/style.alt deleted file mode 100644 index db29364a35..0000000000 --- a/view/theme/softy/style.alt +++ /dev/null @@ -1,3299 +0,0 @@ -/* - style.css - TestBubble - - Created by Anne Walk and Devlon Duthie on 2011-09-24. - Based loosely on the Dipsy theme. -*/ -/* ========== */ -/* = Colors -Red links - #b20202 -Red link hover - #db0503 -Red Gradients (buttons and other gradients) - #b20202 and #d60808 -Grey/body text - #626262 -Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2 -Dark Grey Gradients - #7c7d7b and #555753 - -You can switch out the colors of the header, buttons and links by using a find and replace in your text editor. - - = */ -/* ========== */ - -body { - margin: 0px; - padding: 0px; - font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; - font-size: 15px; - font-size-adjust: none; - font-style: normal; - font-variant: normal; - font-weight: normal; - line-height: 18px; - color: #626262; - background: url("back-gradient.jpg") repeat-x scroll left top #F2F2F2; - width: 100%; - color: #333333; -} - -img { border: 0 none; max-width: 550px; } - -a { color: #b20202; text-decoration: none; margin-bottom:1px;} -a:hover { color: #db0503; padding-bottom: 0px;} - -h3 > a, h4 > a { - font-size: 18px; - color: #626262; -} - -h3 { - margin: 0px; - margin-bottom: 5px; - font-size: 18px; - color: #626262; -} - -h2 { - color: #626262; -} - -p { - - max-width: 600px; -} - -label { -/* font-variant:small-caps; */ -} - -li { - list-style: none; -} - -.required { display: inline; color: #b20202; } -.fakelink { color: #b20202; cursor: pointer; } -.fakelink :hover { color: #db0503; } -.heart { color: #FF0000; font-size: 100%; } - - -input[type=text] { - border: 2px solid #b0b0b0; - padding: 2px; - margin: 0px; - -webkit-border-radius: 3px 3px 3px 3px; - -moz-border-radius: 3px 3px 3px 3px; - border-radius: 3px 3px 3px 3px; -} - -input[type=submit] { - margin: 10px 2px 5px 2px; - border: none; - font-size: 0.9em; - padding: 5px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - color:#efefef; - text-align: center; -} - -input[type=submit]:hover { - border: none; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - color: #efefef; -} -input[type=submit]:active { - position:relative; - top:1px; -} - -.smalltext { font-size: 0.7em } - -::selection { background:#fdf795; color: #000; /* Safari and Opera */ } -::-moz-selection { background:#fdf795; color: #000; /* Firefox */ } - -section { - float: left; - margin-left: 8%; - padding-top: 50px; - width: 50%; - margin: 20px 0px 30px 10%; - font-size: 0.9em; - line-height: 1.2em; -} - -.lframe { - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 6px #959494; - -webkit-box-shadow: 3px 3px 6px #959494; - box-shadow: 3px 3px 6px #959494; - background-color: #efefef; - padding: 10px; -} - -.mframe { - padding: 5px; - background-color: #efefef; - border: 2px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -#wall-item-lock { - margin-left: 10px; -} - -.button { - border: none; - font-size: 1em; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - color:#efefef; - text-align: center; -} - -.button:hover { - border: none; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - color: #efefef; -} - -.button:active { - position:relative; - top:1px; -} - -.button a { - color: #efefef; -} - -/* ========= */ -/* = Login = */ -/* ========= */ - -#login-name-wrapper { - vertical-align: middle; - margin: auto; -} - -#login-name-wrapper input { - width: 120px; - margin-left: 20px; -} - -#login-password-wrapper { - vertical-align: middle; - margin: auto; -} - -#login-extra-links { - width: 90px; - margin-top: 20px; -} - -#login-extra-links a { - display: block; - margin: 10px; - padding: 5px 0px 5px 0px; - text-align: center; - margin-right: 20px; -} - -#login-extra-filler { - display: none; -} - -/* ========= */ -/* = Panel = */ -/* ========= */ - -#panel { - position: absolute; - font-size:0.8em; - -webkit-border-radius: 5px ; - -moz-border-radius: 5px; - border-radius: 5px; - border: 1px solid #494948; - background-color: #2e3436; - opacity:50%; - color: #eeeeec; - padding:1em; - z-index: 200; - -moz-box-shadow: 7px 7px 12px #434343; - -webkit-box-shadow: 7px75px 12px #434343; - box-shadow: 7px 7px 10px #434343; -} - -/* ========= */ -/* = Pager = */ -/* ========= */ - -.pager { - padding-top: 30px; - display:block; - clear: both; - text-align: center; -} - -.pager a { - color: #626262; -} - -.pager span { padding: 4px; margin:4px; } -.pager_current { background-color: #b20202; color: #ffffff; } - -/* ======= */ -/* = Nav = */ -/* ======= */ - -nav { - z-index: 10000; - height: 50px; - display: block; - position: fixed; - width: 100%; - padding: 0px 10%; - color: #efefef; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) ); - background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753'); - background-color:#7c7d7b; - border-bottom: 1px solid #494948; -} -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; - margin-left: 10px; - margin-top: 5px; - padding-bottom:5px; -} -nav #banner #logo-text a { - display: hidden; - font-size: 40px; - font-weight: bold; - margin-left: 3px; -} - -nav #user-menu { - display: block; - width: 250px; - float: right; - margin-right:20%; - margin-top: 10px; - padding: 5px; - position: relative; - vertical-align: middle; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); - background:-moz-linear-gradient( center top, #797979 5%, #898988 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); - background-color:#a2a2a2; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - border: 1px solid #9A9A9A; - color:#efefef; - text-decoration:none; - text-align: center; -} - -nav #user-menu-label::after { - content: url("menu-user-pin.png") no-repeat; - padding-left: 15px; -} - -nav #user-menu-label { - vertical-align: middle; - font-size: 12px; - padding: 5px; - text-align: center; -} - -ul#user-menu-popup { - display: none; - position: absolute; - background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); - background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); - background-color:#898988; - width: 100%; - padding: 10px 0px; - margin: 0px; - margin-top: 4px; - top: 20px; - left: 0px; - border: 1px solid #9a9a9a; - border-top: none; - -webkit-border-radius: 0px 0px 5px 5px; - -moz-border-radius: 0px 0px 5px 5px; - border-radius: 0px 0px 5px 5px; - -moz-box-shadow: 5px 5px 10px #242424; - -webkit-box-shadow: 5px 5px 10px #242424; - box-shadow: 5px 5px 10px #242424; - 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: #efefef; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) ); - background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202'); - background-color:#d60808; -} - -ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; } - -/* ============= */ -/* = Notifiers = */ -/* ============= */ - -#notifications { - height: 32px; - position: absolute; - top:10px; left: 35%; -} -.nav-ajax-update { - width: 44px; - height: 32px; - background: transparent url('notifications.png') 0px 0px no-repeat; - color: #efefef; - font-weight: bold; - font-size: 0.8em; - padding-top: 0.5em; - float: left; - padding-left: 11px; - /*display: none;*/ -} -#notify-update { background-position: 0px -168px; } -#net-update { background-position: 0px -126px } -#mail-update { background-position: 0px -40px; } -#intro-update { background-position: 0px -84px; } -#home-update { background-position: 0px 0px; } - -#lang-select-icon { - cursor: pointer; - position: absolute; - left: 5px; - top: 5px; -} - -#language-selector { - position: absolute; - top: 0; - left: 16px; -} - -/* =================== */ -/* = System Messages = */ -/* =================== */ - -#sysmsg_info, #sysmsg { - position:fixed; - bottom: 0px; right:20%; - -moz-box-shadow: 7px 7px 12px #434343; - -webkit-box-shadow: 7px75px 12px #434343; - box-shadow: 7px 7px 10px #434343; - padding: 10px; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - -webkit-border-radius: 5px 5px 0px 0px; - -moz-border-radius: 5px 5px 0px 0px; - border-radius: 5px 5px 0px 0px; - border: 1px solid #da2c2c; - border-bottom:0px; - padding-bottom: 50px; - z-index: 1000; - color: #efefef; - font-style: bold; -} - -#sysmsg_info br, -#sysmsg br { - display:block; - margin:2px 0px; - border-top: 1px solid #dddddd; -} - -/* ================= */ -/* = Aside/Sidebar = */ -/* ================= */ - -aside { - float: right; - margin-right: 10%; - /*width: 21%;*/ - width: 250px; - margin-top: 50px; - font-size: 0.8em; - font-style: bold; -} - -aside a{ - padding-bottom: 5px; - -} - -.vcard { - font-size: 1em; -/* font-variant:small-caps; */ -} - -.vcard dd { - font-size: 12px; - font-variant: normal; - -webkit-margin-start: 10px; -} - -.vcard .fn { - font-size: 1.4em; - font-weight: bold; - border-bottom: none; - padding-top: 10px; -} - -.vcard #profile-photo-wrapper { - margin: 10px 0px; - padding: 12px; - width: 175px; - background-color: #f3f3f3; - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -aside h4 { font-size: 1.3em; } - -.allcontact-link { - color: #626262; - text-align: center; - font-weight: bold; -/* font-variant:small-caps; */ - font-size: 1.1em; -} -.allcontact-link a { - padding-bottom: 10px; -} - -#profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; } - -#dfrn-request-link { - -moz-box-shadow:inset 0px 1px 0px 0px #a65151; - -webkit-box-shadow:inset 0px 1px 0px 0px #a65151; - box-shadow:inset 0px 1px 0px 0px #a65151; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) ); - background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202'); - background-color:#d60808; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - border:1px solid #fc5656; - display:inline-block; - color:#f0e7e7; - font-family:Trebuchet MS; - font-size:19px; - font-weight:bold; - text-align: center; - padding:10px; - width: 185px; - text-decoration:none; - text-shadow:1px 1px 0px #b36f6f; -} - -#dfrn-request-link: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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#dfrn-request-link:active { - position:relative; - top:1px; -} - -#dfrn-request-intro { - width: 600px; -} - -#netsearch-box { - background-color: #f6f6f6; - padding: 10px 8px 10px 8px; -} -#netsearch-box input[type="text"] { - width: 97%; -} -#netsearch-box input[type="submit"] { - width: 48%; -} - -h3#search:before { - content: url("search.png"); - padding-right: 10px; - vertical-align: middle; -} - -#network-new-link { - background-color: #f3f3f3; - border: 1px solid #cdcdcd; - margin-bottom: 10px; - -webkit-border-radius: 5px 5px 5px 5px; - -moz-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} - -#group-sidebar { - vertical-align: middle; - margin: auto; - margin-top: 20px; - padding-bottom: 10px; -} - -#sidebar-group-list { - margin-left: 30px; - margin-right: 30px; -} - -#sidebar-group-list > a{ - padding-bottom: 10px; -} - -.widget { - margin-top: 20px; - -moz-box-shadow: 1px 2px 6px 0px #959494; - -webkit-box-shadow: 1px 2px 6px 0px #959494; - box-shadow: 1px 2px 6px 0px #959494; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) ); - background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6'); - background-color:#f8f8f8; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - border:1px solid #eee; - color:#e6e6e6; - text-shadow:-1px 0px 0px #bdbdbd; - border: 1px solid #cdcdcd; -} - -#sidebar-new-group { - padding:7px; - width: 165px; - margin: auto; - margin-left: 40px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - display:inline-block; - color:#efefef; - text-decoration:none; - text-align: center; -} - - -#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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#sidebar-new-group:active { - position:relative; - top:1px; -} - -.group-selected, .nets-selected { - padding-bottom: 0px; - padding-left: 2px; - padding-right: 2px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - display:inline-block; - color:#efefef; - text-decoration:none; -} - -#sidebar-new-group a { - color: #efefef; - font-size: 14px; - text-align: center; - margin: auto; -} - -ul .sidebar-group-li{ - list-style: none; - font-size: 1.2em; - padding-bottom: 5px; -} - -ul .sidebar-group-li .icon{ - display: inline-block; - height: 12px; - width: 12px; -} - - -.nets-ul { - list-style-type: none; -} - -.nets-ul li { - margin-top: 10px; -} - -.nets-link { - margin-left: 24px; -} -.nets-all { - margin-left: 42px; -} - - -.widget h3{ - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) ); - background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2'); - background-color:#f0edf0; - -moz-border-radius:5px 5px 0px 0px; - -webkit-border-radius:5px 5px 0px 0px; - border-radius:5px 5px 0px 0px; - border:1px solid #e2e2e2; - border-bottom: 1px solid #cdcdcd; - padding-top:5px; - padding-bottom: 5px; - vertical-align: baseline; - text-align: center; - text-shadow:-1px 0px 0px #bdbdbd; -} - -#group-sidebar h3:before{ - content: url("groups.png"); - padding-right: 10px; - vertical-align: middle; -} - -#saved-search-list{ - margin-top: 15px; - padding-bottom: 20px; -} - -.saved-search-li { - list-style: none; - font-size: 1.2em; -} - -.saved-search-li .icon { - margin-right: 5px; -} - -.birthday-today, .event-today { - font-weight: bold; -} - -#birthday-wrapper, #event-wrapper { - margin-left: 15px; -} - -#pause { - position: fixed; - bottom: 5px; - right: 5px; -} - -/* ================== */ -/* = Contacts Block = */ -/* ================== */ - -.contact-block-img { - width: 42px; - height: 42px; - padding-right: 2px; -} -.contact-block-div { - float: left; -} - -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } - -/* ======= */ -/* = Jot = */ -/* ======= */ - -#profile-jot-text_tbl { margin-bottom: 10px; } -#profile-jot-text_ifr { width: 99.9%!important } -#profile-jot-submit-wrapper { -} - - -#jot-title { - border: 0px; - margin: 0px; - height: 20px; - width: 462px; - font-weight: bold; - border: 1px solid #ffffff; -} - -#jot-title::-webkit-input-placeholder{font-weight: normal;} -#jot-title:-moz-placeholder{font-weight: normal;} - - -#jot-title:hover, -#jot-title:focus { - border: 1px solid #cccccc; -} - -.preview { - background: #FFFFC8; -} - -#profile-jot-perms, #profile-jot-submit, #jot-preview-link { - width: 60px; - font-size: 12px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - display:inline-block; - color:#efefef; - text-decoration:none; - text-align: center; -} - -#profile-jot-perms { - width: 30px; - overflow: hidden; - border: 0px; - margin-left:5px; -} - -#jot-perms-perms .icon { - height: 1px; -} - -#profile-jot-submit { - float: left; - margin-right:5px; - border: 0px; - margin-top: 0px; - margin-left: -30px; -} - -#profile-jot-perms:hover, #profile-jot-submit:hover, #jot-preview-link: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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} -#profile-jot-perms:active, #profile-jot-submit:active, #jot-preview-link:active { - position:relative; - top:1px; -} - -#character-counter { - position: absolute: right: 100px; top:100px; -} -#profile-rotator-wrapper { - float: right; -} - -.jot-tool { - float: left; - margin-right: 5px; -} -#profile-jot-tools-end, -#profile-jot-banner-end { clear: both; } - -#profile-jot-email-wrapper { - margin: 10px 10% 0px 10%; - border: 1px solid #eeeeee; - border-bottom: 0px; -} -#profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;} -#profile-jot-email { margin: 5px; width: 98%; } - -#profile-jot-networks { - margin: 0px 10%; - border: 1px solid #eeeeee; - border-top: 0px; - border-bottom: 0px; - padding: 5px; -} -#profile-jot-acl-wrapper { - margin: 0px 10px; - border: 1px solid #eeeeee; - border-top: 0px; - 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; } -#profile-jot-wrapper { - margin-top: 0px; - padding-top: 0px; -} - -profile-jot-banner-wrapper { - padding: 0px; - margin: 0px; -} - -.contact-h4 { - font-size: 1.2em; -} - -/* ======== */ -/* = Tabs = */ -/* ======== */ - -.tabs { - min-width: 400px; - list-style: none; - padding: 10px; - border-bottom: 1px solid #efefef; - font-size: 0.9em; -} -.tabs li { display: inline;} - -.tab { - padding: 5px 10px 5px 10px; - display: inline-block; - margin-bottom: 5px; - margin-right: 5px; - font-style: bold; -} - -.tab:hover { - padding: 5px 10px 5px 10px; -} - -/* ========= */ -/* = Posts = */ -/* ========= */ - -.wall-item-outside-wrapper { - max-width: 93%; - border-bottom: 1px solid #dedede; - margin-top: 20px; - padding-right: 10px; - padding-left: 12px; -/* overflow: hidden; */ -} - -.wall-item-outside-wrapper-end { clear: both;} -.wall-item-content-wrapper { position: relative; max-width: 100%; } -.wall-item-photo-menu { display: none;} -.wall-item-photo-menu-button { - display:none; - text-indent: -99999px; - background: #eeeeee url("menu-user-pin.png") no-repeat 75px center; - position: absolute; - overflow: hidden; - height: 20px; width: 90px; - top: 85px; left: -1px; - -webkit-border-radius: 0px 0px 5px 5px; - -moz-border-radius: 0px 0px 5px 5px; - border-radius: 0px 0px 5px 5px; -} - -.wall-item-info { float: left; width: 140px; } -.wall-item-photo-wrapper { - width: 80px; height: 80px; - position: relative; -} - -.wall-item-tools { - filter: alpha(opacity=60); - opacity: 0.7; - -webkit-transition: all 0.25s ease-in-out; - -moz-transition: all 0.25s ease-in-out; - -o-transition: all 0.25s ease-in-out; - -ms-transition: all 0.25s ease-in-out; - transition: all 0.25s ease-in-out; - margin-left: 140px; - margin-top: 10px; - padding-bottom: 6px; -} - -.wall-item-tools:hover { - filter: alpha(opacity=100); - opacity: 1; - -webkit-transition: all 0.25s ease-in-out; - -moz-transition: all 0.25s ease-in-out; - -o-transition: all 0.25s ease-in-out; - -ms-transition: all 0.25s ease-in-out; - transition: all 0.25s ease-in-out; - margin-left: 140px; -} - -.wall-item-outside-wrapper.comment .wall-item-tools { - margin: 5px 5px 10px 70px; - float: left; -} - -.wall-item-like-buttons { - float: left; - padding-left: 10px; -} -.wall-item-like-buttons a.icon { - float: left; - margin-right: 5px; - display: inline; -} -.wall-item-links-wrapper { - width: 20px; - float: left; -} -.wall-item-delete-wrapper { - float: left; -} -.wall-item-links-wrapper a.icon { - float: left; - margin-right: 5px; - display: inline; -} -.pencil { - float: left; -} - -.star-item { - margin-left: 5px; - margin-right: 2px; - float: left; -} -.tag-item { - margin-left: 5px; - margin-right: 2px; - float: left; -} -.wall-item-title { font-size: 1.2em; font-weight: bold;} -.wall-item-body { - margin-left: 140px; - padding-right: 10px; - max-width: 85%; -} - -.wall-item-body img { max-width: 100%; height: auto; } - -.wall-item-body p { - font-size: 0.8em; -} -.wall-item-lock-wrapper { float: right; } -.wall-item-dislike, -.wall-item-like, -.wall-item-author { - clear: left; - font-size: 0.9em; - margin: 4px 0px 0px 140px; - padding-left: 10px; -/* font-variant:small-caps; */ -} - -.wall-item-author a { - color: #898989; -} - -.wall-item-ago { display: inline; padding-left: 10px; color: #898989;} -.wall-item-wrapper-end { clear:both; } -.wall-item-location { - margin-top:5px; - 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.9em; - display: block; -/* font-variant:small-caps; */ - color: #898989; -} - -.wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;} -.wall-item-location > br { display: none; } -.wall-item-conv a{ - font-size: 0.9em; - color: #898989; -/* font-variant:small-caps; */ -} - -.wallwall .wwto { - left: -10px; - margin: 0; - position: absolute; - top: 65px; - width: 30px; - z-index: 900; - 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: 20px; - top: 70px; - z-index: 950; -} - -.wall-item-photo-menu { - min-width: 92px; - color: #2e3436; - border-top: 0px; - background: #eeeeee; - border-right: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; - position: absolute; - left: -2px; top: 101px; - display: none; - z-index: 10000; - -webkit-border-radius: 0px 5px 5px 5px; - -moz-border-radius: 0px 5px 5px 5px; - border-radius: 0px 5px 5px 5px; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -.wall-item-photo-menu-button { - border-right: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -.fakelink wall-item-photo-menu-button { - -webkit-border-radius: 0px 5px 5px 5px; - -moz-border-radius: 0px 5px 5px 5px; - border-radius: 0px 5px 5px 5px; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -.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: #2e3436; } -.wall-item-photo-menu li a:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - order-bottom: none; -} - -.icon.drop, -.icon.drophide { float: left; } -#item-delete-selected { overflow: auto; width: 100%;} - - -/* ============ */ -/* = Comments = */ -/* ============ */ - - .ccollapse-wrapper { - font-size: 0.9em; - color: #898989; - margin-left: 60px; -/* font-variant:small-caps; */ -} - -.wall-item-outside-wrapper.comment { margin-left: 70px; } -.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: 70px; - max-width: 85%; - padding-right: 10px; - padding-left: 10px; -} - -.wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;} - -.wall-item-outside-wrapper.comment .wall-item-photo-menu { - min-width: 50px; - top: 60px; -} -.icollapse-wrapper { - font-size: 0.9em; - color: #898989; -/* font-variant:small-caps; */ -} - -.comment-wwedit-wrapper, -.comment-edit-wrapper { margin: 30px 0px 0px 80px;} -.comment-wwedit-wrapper img, -.comment-edit-wrapper img { width: 20px; height: 20px; } -.comment-edit-photo-link { float: left; width: 40px;} -.comment-edit-text-empty { - width: 80%; - height: 20px; - border: 0px; - 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 { width: 80%; height: 6em; - -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: 80%; margin-left: 40px; text-align: right; } -.comment-edit-submit { - height: 22px; - background-color: #a2a2a2; - color: #eeeeec; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - border: 0px; -} - -.comment-edit-submit:hover { - background-color: #b20202; -} - -.comment-edit-submit:active { - background-color: #b20202; -} - -#item-delete-selected-desc { - color: #898989; -} - -.wall-item-body code { - font-family: Courier, monospace; - white-space: pre; - display: block; - overflow: auto; - border: 1px solid #cccccc; - border-width: 1px 1px 1px 10px; - padding-left: 10px; - margin-top: 20px; -} - -/* =========== */ -/* = Profile = */ -/* =========== */ - -.advanced-profile-content { - margin-top: 5px; - margin-bottom: 10px; - margin-left: 30px; - width: 60%; -} - -.advanced-profile-label { - margin-top: 10px; - margin-bottom: 0px; - padding-bottom: 5px; - font-size: 18px; -/* font-variant:small-caps; */ -} - -div[id$="wrapper"] { height: 100%;} -div[id$="wrapper"] br { clear: left; } -#advanced-profile-with { margin-left: 20px;} - -#profile-listing-desc { - float: left; - display: inline; - padding: 5px 10px 5px 10px; - width: 150px; - margin-bottom:20px; - margin-top: 20px; - display:inline-block; - font-style: bold; - text-align: center; -} - -#profile-listing-new-link-wrapper { - float: left; - display: inline; - width: 130px; - margin-left:5px; - margin-top: 20px; - padding: 5px 10px 5px 10px; - font-style: bold; - text-align: center; -} - -.profile-listing-name { - font-size: 1em; -/* font-variant: small-caps;*/ -} -.profile-listing-name a { - color: #898989; -} - -#profile-edit-links li { - display: inline; - width: 150px; - margin-bottom:20px; - margin-top: 20px; - background-color: #a2a2a2; - color: #eeeeec; - padding: 5px 10px 5px 10px; - margin-right: 5px; - font-style: bold; - -webkit-border-radius: 5px 5px 5px 5px; - -moz-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} - -#profile-edit-links li a { - color: #efefef; -} - -#profile-edit-links li:hover { - background-color: #b20202; -} - -#profile-edit-links li:active { - background-color: #b20202; -} - -.profile-edit-side-div { - margin-top: 5px; - margin-right: 30px; - float: right; -} - -#cropimage-wrapper { float:left; } -#crop-image-form { clear:both; } - -.profile-match-name a{ - color: #999; -/* font-variant: small-caps; */ - font-size: 1em; -} - -.profile-match-name a:hover { - color: #999; -} - -.profile-match-wrapper { - width: 82%; - padding: 5px; - margin-bottom:10px; - margin-left: 20px; - background-color: #f6f6f6; - border: 1px solid #dddddd; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; - clear: both; -} - -.profile-match-end { - clear: both; -} - -.profile-match-photo { - float: left; - margin-right: 10px; - margin-bottom: 5px; -} - -/* ========== */ -/* = Photos = */ -/* ========== */ -.photos { - height: auto; - overflow: auto; -} - -#side-bar-photos-albums h3:before { - content: url("photography.png"); - padding-right: 10px; - vertical-align: middle; -} - -#side-bar-photos-albums li { - font-size: 14px; - font-variant: none; - text-align: left; - padding-left: 20px; - margin-bottom: 5px; -} - -#photo-top-links { - width: 130px; - margin-bottom:20px; - margin-top: 20px; - background-color: #a2a2a2; - color: #eeeeec; - padding: 5px 10px 5px 10px; - margin-right: 5px; - font-style: bold; - -webkit-border-radius: 5px 5px 5px 5px; - -moz-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} -#photo-top-links a { - color: #efefef; -} - -#photo-top-links:hover { - background-color: #b20202; -} - -#photo-top-links:active { - background-color: #b20202; -} - -.photo-album-image-wrapper { - float: left; - margin: 0px 10px 10px 0px; - padding-bottom: 30px; - position:relative; -} - -.photo-top-image-wrapper { - float: left; - width: 180px; - height: 180px; - margin: 0px 10px 10px 0px; - padding-bottom: 30px; - position:relative; -} - -#photo-album-wrapper-inner { - position: relative; - float: left; - width: 180px; - height: 180px; - overflow: hidden; -} - -#photo-photo { max-width: 85%; height: auto; } -#photo-photo img { max-width: 100% } - -.photo-top-image-wrapper a:hover, -#photo-photo a:hover, -.photo-album-image-wrapper a:hover { - border-bottom: 0px; -} - -.photo-top-photo {} -.photo-album-photo {} - -.photo-top-album-name { - position: absolute; - bottom: 0px; - padding: 0px 5px; - font-weight: bold; - font-stretch:semi-expanded; -/* font-variant:small-caps; */ -} - -.photo-top-album-name a{ - text-align: center; - color: #6e6e6e; -} -.caption { - position: absolute; - bottom: 0px; - margin: 0px 5px; - text-align: center; - color: #6e6e6e; - font-size: 0.9em; -/* font-variant: small-caps; */ -} - -#photo-photo{ - position: relative; - float:left; -} - -#photo-caption { - margin-top: 10px; - color: #6E6E6E; -/* font-variant:small-caps; */ - font-size: 1.1em; -} - -#photo-photo-end { clear: both; } -#photo-prev-link, -#photo-next-link{ - position: absolute; - width:10%; - height: 100%; - background-color: rgba(255,255,255,0.2); - 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:0px; top:0px; background-image: url('prev.png'); } -#photo-next-link { right:0px; top:0px; 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 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, -#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: #fff; - color: #909090; - font-size: 1.2em; - padding: 3px 0px; - padding-left: 0px; - width: 300px; -} - -#photos-upload-album-select, -#photos-upload-newalbum { width: 400px; } - -#photos-upload-perms-menu { - width: 180px; - padding: 7px; -} - -#photos-upload-perms-menu .icon { - display: none; -} - -select, input { - border: 2px solid #b0b0b0; - padding: 2px; - -webkit-border-radius: 3px 3px 3px 3px; - -moz-border-radius: 3px 3px 3px 3px; - border-radius: 3px 3px 3px 3px; -} - -select[size], select[multiple], select[size][multiple] { - -webkit-appearance: listbox; -} - -select { - -webkit-appearance: menulist; - box-sizing: border-box; - -webkit-box-align: center; - cursor: default; -} - -keygen, select { - -webkit-border-radius: ; -} - -input, textarea, keygen { - font-size: 0.9em; - letter-spacing: normal; - word-spacing: normal; - line-height: 1.2em; - text-transform: none; - text-indent: 0px; - text-shadow: none; - display: inline-block; - text-align: -webkit-auto; -} - -.qq-upload-button { - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; -} - -#album-edit-link { - width: 70px; - margin-bottom:20px; - margin-top: 20px; - background-color: #a2a2a2; - color: #eeeeec; - padding: 5px 10px 5px 10px; - margin-right: 5px; - font-style: bold; - -webkit-border-radius: 5px 5px 5px 5px; - -moz-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} - -#album-edit-link a { - color: #efefef; -} - -#album-edit-link:hover { - background-color: #b20202; -} - -#photo-edit-link-wrap { - margin-bottom: 10px; -} - -#photo_edit_form { - width: 500px; - margin-top:20px; - text-align: left; -} - -input#photo_edit_form { - display: block; - width: 100%; -} - -#photo-edit-perms-menu { - float: left; - display: inline; - margin-top: 10px; - margin-right: 10px; - padding: 4px; - width: 100px; -} - -#photo-edit-perms-menu .icon { - display: none; -} - -#photo-edit-delete-button { - float: left; - display: inline; - margin-left: 190px; -} - -#photo-album-edit-wrapper { - margin-bottom: 10px; -} - -/* ============ */ -/* = Messages = */ -/* ============ */ - -#prvmail-wrapper, .mail-conv-detail, .mail-list-detail { - position: relative; - width: 500px; - padding: 50px; - margin: 20px auto; - background-color: #fff; - -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -} - -#prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after { - position: absolute; - width: 40%; - height: 10px; - content: ' '; - left: 12px; - bottom: 12px; - background: transparent; - -webkit-transform: skew(-5deg) rotate(-5deg); - -moz-transform: skew(-5deg) rotate(-5deg); - -ms-transform: skew(-5deg) rotate(-5deg); - -o-transform: skew(-5deg) rotate(-5deg); - transform: skew(-5deg) rotate(-5deg); - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - z-index: -1; -} - -#prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after { - left: auto; - right: 12px; - -webkit-transform: skew(5deg) rotate(5deg); - -moz-transform: skew(5deg) rotate(5deg); - -ms-transform: skew(5deg) rotate(5deg); - -o-transform: skew(5deg) rotate(5deg); - transform: skew(5deg) rotate(5deg); -} - -.prvmail-text { - width: 100%; -} - -#prvmail-form input - -#prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;} -#prvmail-subject .input{ - border: none !important ; -} - -#prvmail-subject-label { -/* font-variant:small-caps; */ -} - -#prvmail-to { - padding-left: 10px; -} -#prvmail-to-label { -/* font-variant:small-caps; */ -} - -#prvmail-message-label { -/* font-variant:small-caps; */ - font-size: 1em; -} - -#prvmail-submit-wrapper { margin-top: 10px; } -#prvmail-submit { - float: right; - margin-top: 0px; - margin-right: 0px; -} - -#prvmail-upload { -margin-left: 0px; -} - -#prvmail-submit-wrapper > div { - margin-right: 5px; - float: left; -} - -.mail-list-outside-wrapper { - margin-top: 20px; -} - -.mail-list-sender { - float: left; - padding: 5px; - background-color: #efefef; - border: 2px dotted #eeeeee; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; -} - -.mail-list-detail { - margin-left: 100px; - width: 300px; - min-height: 70px; - padding: 20px; - padding-top:10px; - border: 1px solid #dddddd; - } - -.mail-list-sender-name { - font-size: 1.1em; - display: inline; -/* font-variant:small-caps; */ -} - -.mail-list-date { - float: right; - clear: block; - display: inline; - font-size: 0.9em; - padding-left: 10px; - font-stretch:ultra-condensed; -/* font-variant:small-caps; */ -} - -.mail-list-subject { - clear: block; - font-size: 1.2em; - padding-top: 20px; - padding-right: 50px; -} - -.mail-list-subject a { - color: #626262; -} - -.mail-list-delete-wrapper { float: right;} -.mail-list-outside-wrapper-end { - clear: both; -} - -.mail-conv-outside-wrapper { - margin-bottom: 10px; -} - -.mail-conv-sender {float: left; margin: 0px 5px 5px 0px; } -.mail-conv-sender-photo { - width: 64px; - height: 64px; -} - -.mail-conv-sender-name { float: left; font-style: bold; } -.mail-conv-date { float: right; } -.mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em } -.mail-conv-body { - clear: both; -} - -.mail-conv-detail { - width: 500px; - padding: 30px; - padding-bottom: 10px; - margin-left: 20px; - margin-bottom: 0px; - vertical-align: middle; - margin: auto; - border: 1px solid #dddddd; -} -.mail-conv-break { display: none; border: none;} -.mail-conv-delete-wrapper { padding-top: 10px; width: 510px; text-align: right; } - -#prvmail-subject { - font-weight: bold; - border: 1px solid #dddddd; -} - -/* ================= */ -/* = Notifications = */ -/* ================= */ - -/*#notification-show-hide-wrapper { - width: 160px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - margin-right: 5px; - margin-top: 10px; - font-style: bold; - color: #efefef; - text-align: center; -} - -#notification-show-hide-wrapper:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#notification-show-hide-wrapper:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#notification-show-hide-wrapper a { - color: #efefef; -}*/ - -/* ============ */ -/* = Contacts = */ -/* ============ */ - -#contacts-main { - margin-bottom: 10px; -} - -.view-contact-wrapper, -.contact-entry-wrapper { - float: left; - margin-right: 30px; - margin-bottom: 20px; - width: 88px; - height: 120px; - position: relative; -} - -.contact-entry-direction-wrapper {position: absolute; top: 20px;} -.contact-entry-edit-links { position: absolute; top: 60px; } -#contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;} - -.contact-entry-name { - width: 100px; - overflow: hidden; - font: #999; - font-size: 12px; - text-align:center; -/* font-variant:small-caps; */ - font-weight: bold; - margin-top:5px; -} - -.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: #ffffff; -} - -#contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; } - - -#contact-edit-update-now { - padding:7px; - width: 165px; - margin: auto; - margin-left: 40px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - display:inline-block; - color:#efefef; - text-decoration:none; - text-align: center; -} - -#contact-edit-update-now: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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#contact-edit-update-now:active { - position:relative; - top:1px; -} - -#contact-edit-update-now a { - color: #efefef; - font-size: 14px; - text-align: center; - margin: auto; -} - - -.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: 1px solid #ddd; - background: #f1f1f1; - position: absolute; - left: 0px; top: 90px; - display: none; - z-index: 10000; - -moz-box-shadow: 3px 3px 5px #888; - -webkit-box-shadow: 3px 3px 5px #888; - box-shadow: 3px 3px 5px #888; -} - -.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; } -.contact-photo-menu li a:hover { - color: #FFFFFF; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - text-decoration: none; -} - -.view-contact-name { -/* font-variant: small-caps; */ -} - -#div.side-link { - background-color: #efefef; - padding: 10px; - margin-top:20px; -} - -#follow-sidebar { - margin-bottom: 20px; -} - -#follow-sidebar h3:before { - content: url("user.png"); - padding-right: 10px; - vertical-align: middle; -} - -#follow-sidebar input[type="text"] { - margin-left: 10px; - margin-bottom: 10px; -} - -#side-follow-submit { - width: 70px; -} - -#side-match-link { - width: 180px; - padding: 10px; - margin: auto; - margin-bottom: 20px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - color: #efefef; - font-size: 1.2em; - text-align: center; -} - -#side-match-link:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#side-match-link:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#side-match-link a { - color: #efefef; -} - -#side-invite-link { - width: 180px; - padding: 10px; - margin: auto; - margin-bottom: 20px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - color: #efefef; - font-size: 1.2em; - text-align: center; -} - -#side-invite-link:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - - -#side-invite-link:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#side-invite-link a { - color: #efefef; -} - -#side-suggest-link { - width: 180px; - padding: 10px; - margin: auto; - margin-bottom: 20px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - color: #efefef; - font-size: 1.2em; - text-align: center; -} - -#side-suggest-link:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - - -#side-suggest-link:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#side-suggest-link a { - color: #efefef; -} - -#invite-message, #invite-recipients, #invite-recipient-text { - padding: 10px; -} - -#side-follow-wrapper { - font-size: 1em; - font-weight: bold; - font-stretch:semi-expanded; - background-color: #f3f3f3; - border: 1px solid #cdcdcd; - padding: 10px; - margin-top: 20px; - -webkit-border-radius: 5px 5px 5px 5px; - -moz-border-radius: 5px 5px 5px 5px; - border-radius: 5px 5px 5px 5px; -} - -#side-follow-wrapper label{ - font-size: 1.1em; - font-variant: normal; -} - -#contact-suggest { - float: left; - margin-left: 10px; - width: 120px; - padding: 10px; - margin-bottom: 20px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - color: #efefef; - font-size: 1.2em; - text-align: center; -} - -#contact-suggest:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#contact-suggest:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#contact-suggest a { - color: #efefef; -} - -.crepair-label { - margin-top: 10px; - float: left; - width: 250px; -} - -.crepair-input { - margin-top: 10px; - float: left; - width: 200px; -} - -/* ===================================== */ -/* = Register, Settings, Profile Forms = */ -/* ===================================== */ - -.openid input{ - background: url(login-bg.gif) no-repeat; - background-position: 0 50%; - padding-left: 18px; - width: 384px!important; -} - -#profile-tabs-wrapper { - padding-top: 10px; -} - -#profile-tab-status-link { - border: 0px; - padding: 5px 10px 5px 10px; - font-style: bold; -} - -#uexport-link a { - color: #efefef; -} - -#profile-tab-profile-link { - border: 0px; - padding: 5px 10px 5px 10px; -} - -#uexport-link { - width: 140px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) ); - background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753'); - background-color:#7c7d7b; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - margin-bottom: 10px; -} - -#uexport-link:hover { - color: #efefef; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) ); - background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b'); - background-color:#555753; -} - -#uexport-link:active { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - position:relative; - top:1px; -} - -#settings-default-perms { - width: 160px; - text-align: center; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) ); - background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753'); - background-color:#7c7d7b; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - padding: 5px 10px 5px 10px; - margin-bottom: 10px; -} - -#settings-default-perms .fakelink { - color: #efefef; -} - -#settings-default-perms:hover { - color: #efefef; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) ); - background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b'); - background-color:#555753; -} - -#settings-default-perms:active { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - position:relative; - top:1px; -} - -#settings-nickname-desc { - width: 80%; - background-color: #efefef; - margin-bottom: 10px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding: 5px; -} - -#register-form div { - clear: both; -} - -#profile-edit-form div { - margin-bottom: 5px; -} - -#profile-edit-form div[id$='desc'] { - font-size: 0.8em; - margin-left: 2%; -} - -#register-form label, -#profile-edit-form label { - width: 300px; float: left; -} - -/* #register-form span, -#profile-edit-form span { */ -#register-form span { - color: #555753; - display:block; - margin-bottom: 20px; -} - -.settings-submit-wrapper, -.profile-edit-submit-wrapper { margin: 30px 0px;} -.profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px} - -#profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; } - - -#register-sitename { display: inline; font-weight: bold;} - -/* ===================== */ -/* = Contacts Selector = */ -/* ===================== */ - -#group-edit-wrapper { - margin-bottom: 10px; -} - -#group-edit-name-wrapper { - margin-bottom: 0px; - display: inline; -} -#group-edit-submit-wrapper { - margin-bottom: 10px; - margin-right: 400px; - float: right; - display: inline; -} - -.group-delete-wrapper { - width: 90px; - display: inline; - padding: 5px; - margin-bottom: 10px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px;*/ -} - -.group-delete-wrapper: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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -.group-delete-wrapper:active { - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -.group-delete-wrapper a { - color: #efefef; - font-size: 0.9em; -} - -#group-edit-desc { margin: 10px 0xp; } -#group-new-text {font-size: 1.1em;} -#group-members, -#prof-members { - width: 83%; - height: 200px; - overflow: auto; - border: none; - background-color: #f0edf0; - color: #555753; - border: 1px solid #ccc; - margin-bottom: 10px; - padding: 10px; -} - -#group-all-contacts, -#prof-all-contacts { - width: 83%; - height: 200px; - overflow: auto; - border: 1px solid #ccc; - background-color: #f0edf0; - padding: 10px; -} - -#group-members h3, -#group-all-contacts h3, -#prof-members h3, -#prof-all-contacts h3{ - color: #555753; - margin: 0px; - padding: 5px; -} - -#group-separator, -#prof-separator { display: none;} - -/* ========== */ -/* = Events = */ -/* ========== */ - -.clear { clear: both; } -.eventcal { - float: left; - font-size: 20px; - padding: 20px; -} - -.vevent { - position: relative; - width: 400px; - padding: 20px; - padding-top: 10px; - margin: 0 0px; - margin-bottom: 10px; - background-color: #fff; - -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -} - -.vevent:before, .vevent:after { - position: absolute; - width: 40%; - height: 10px; - content: ' '; - left: 12px; - bottom: 12px; - background: transparent; - -webkit-transform: skew(-5deg) rotate(-5deg); - -moz-transform: skew(-5deg) rotate(-5deg); - -ms-transform: skew(-5deg) rotate(-5deg); - -o-transform: skew(-5deg) rotate(-5deg); - transform: skew(-5deg) rotate(-5deg); - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); - z-index: -1; -} - -.vevent:after { - left: auto; - right: 12px; - -webkit-transform: skew(5deg) rotate(5deg); - -moz-transform: skew(5deg) rotate(5deg); - -ms-transform: skew(5deg) rotate(5deg); - -o-transform: skew(5deg) rotate(5deg); - transform: skew(5deg) rotate(5deg); -} - -.vevent .event-description { - margin-left: 10px; - margin-right: 10px; - text-align:center; - font-size: 1.2em; - font-weight:bolder; -} - - .vevent .event-location{ - margin-left: 10px; - margin-right: 10px; - font-size: 1em; - font-style: oblique; - text-align: center; - -} - -.vevent .event-start, .vevent .event-end { - margin-left: 20px; - margin-right: 20px; - margin-bottom: 2px; - margin-top: 2px; - font-size: 0.9em; -/* font-variant: small-caps; */ - text-align: left; -} - -#new-event-link{ - width: 130px; - padding: 7px; - margin-bottom: 10px; - margin-left: 170px; ; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - color: #efefef; -} - -#new-event-link:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#new-event-link:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#new-event-link a { - color: #efefef; - text-align: center; -} - -.edit-event-link, .plink-event-link { - float: left; - margin-top: 4px; - margin-right: 4px; - margin-bottom: 15px; -} - -.event-description:before { - content: url('calendar.png'); - margin-right: 15px; - vertical-align: middle; -} - -.event-start, .event-end { - margin-left: 10px; - width: 330px; -} - -.event-start .dtstart, .event-end .dtend { - float: right; -} - -.event-list-date { - color: #626262; - margin-bottom: 10px; -/* font-variant:small-caps; */ - font-stretch:condensed; -} - -.prevcal, .nextcal { - float: left; - margin-left: 32px; - margin-right: 32px; - margin-top: 64px; -} - -.event-calendar-end { - clear: both; -} - -.calendar { - width: 300px; - font-family: Helvetica, Arial, sans-serif; - background-color: #f1f1f1; - border: 1px solid #dedede; - margin-bottom: 10px; - -moz-box-shadow: 5px 5px 8px #959494; - -webkit-box-shadow: 5px 5px 8px #959494; - box-shadow: 5px 5px 8px #959494; -} - -.calendar caption{ - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) ); - background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202'); - background-color: #b20202; - padding: 10px 0px 10px 0px; - width: 300px; - color: #ffffff; - font-weight: bold; - text-align:center; -/* font-variant:small-caps; */ - -moz-box-shadow: 5px 2px 8px #959494; - -webkit-box-shadow: 5px 2px 8px #959494; - box-shadow: 5px 2px 8px #959494; -} - -tr { - border: 1px solid #eeeeee; -} - -.calendar td { - font-size: 14px; - text-align: center; - padding: 3px 0px; -} - -.calendar td > a { - background-color: #cdcdcd; - padding: 2px; - color: #000; -} - -.calendar th { - font-size: 16px; -} - -.today { - font-weight: bold; - text-align: center; - background-color: #b20202; - color: #fff; -} - -#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; -} - -/* ============= */ -/* = Directory = */ -/* ============= */ - -.directory-item { - float: left; - margin: 50px 50px 0px 0px; -} - -.directory-details { - font-size: 0.9em; -/* font-variant: small-caps; */ - width: 160px; -} - -.directory-name { - font-size: 1em; -/* font-variant: small-caps; */ - width: 150px; -} - -/* ========= */ -/* = Admin = */ -/* ========= */ - -#adminpage { - width: 80%; -} - -#pending-update { - float:right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; -} - -.admin.linklist { - border: 0px; padding: 0px; -} - -.admin.link { - list-style-position: inside; - font-size: 1em; - padding: 5px; - width: 100px; - margin: 5px; -} - -#adminpage dl { - clear: left; - margin-bottom: 2px; - padding-bottom: 2px; - border-bottom: 1px solid black; -} - -#adminpage dt { - width: 200px; - float: left; - font-weight: bold; -} - -#adminpage dd { - margin-left: 200px; -} -#adminpage h3 { - border-bottom: 1px solid #898989; - margin-bottom: 5px; - margin-top: 10px; -} - -#adminpage .submit { - clear:left; -} - -#adminpage #pluginslist { - margin: 0px; padding: 0px; -} - -#adminpage .plugin { - list-style: none; - display: block; - border: 1px solid #888888; - padding: 1em; - margin-bottom: 5px; - clear: left; -} - -#adminpage .toggleplugin { - float:left; - margin-right: 1em; -} - -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#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: #eeeeee; } -#adminpage .selectall { text-align: right; } - -/* =============== */ -/* = Form Fields = */ -/* =============== */ - -.field { - margin-bottom: 5px; - padding-bottom: 10px; - overflow: auto; - width: 90%; -} - -.field label { - float: left; - width: 200px; -} - -.field input, -.field textarea { - width: 400px; -} -.field textarea { height: 100px; } -.field_help { - display: block; - margin-left: 100px; - color: #666666; -} - -.field .onoff { - float: left; - width: 80px; -} -.field .onoff a { - display: block; - border:1px solid #c1c1c1; - background-image:url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; -} -.field .onoff .off { - border-color:#c1c1c1; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; -} - -.field .onoff .on { - border-color:#c1c1c1; - padding-right: 40px; - background-position: right center; - background-color: #b20202; - color: #FFFFFF; - text-align: left; -} - -.hidden { display: none!important; } - -.field.radio .field_help { margin-left: 0px; } - -/* ========= */ -/* = Icons = */ -/* ========= */ - -.sparkle { - cursor: url('lock.cur'), pointer; -} - -.icon { - display: block; width: 20px; height: 20px; - background-image: url('icons.png'); -} -.starred { - background-image: url("star.png"); - repeat: no-repeat; -} -.unstarred { - background-image: url("premium.png"); - repeat: no-repeat; -} - -.notify { - background-image: url("notify.png");} - repeat: no-repeat; -} - -.border { - border: 1px solid #c1c1c1; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} - -.article { background-position: -50px 0px;} -.audio { background-position: -70px 0px;} -.block { background-position: -90px 0px;} -.drop { background-position: -110px 0px;} -.drophide { background-position: -130px 0px;} -.edit { background-position: -150px 0px;} -.camera { background-position: -170px 0px;} -.dislike { background-position: -190px 0px;} -.like { background-position: -210px 0px;} -.link { background-position: -230px 0px;} - -.globe { background-position: -50px -20px;} -.noglobe { background-position: -70px -20px;} -.no { background-position: -90px -20px;} -.pause { background-position: -110px -20px;} -.play { background-position: -130px -20px;} -.pencil { background-position: -150px -20px;} -.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: -90px -40px; - background-image: none; - width: 70px; - height: 20px; -} - -.sharePerms { - background-image: url(icons.png); - width: 20px; - height: 20px; - margin: 2px 0px 2px 3px; - display: block; -} - -.video { background-position: -110px -40px;} -.youtube { background-position: -130px -40px;} - -.attach { background-position: -190px -40px;} -.language { background-position: -210px -40px;} - - -.on { background-position: -50px -60px;} -.off { background-position: -70px -60px;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} -.tagged { background-position: -130px -60px;} - -.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } - -.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 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - -/* ========== */ -/* = Footer = */ -/* ========== */ - -.cc-license { margin-top: 100px; font-size: 0.7em; } -footer { display: block; margin: 50px 20%; clear: both; } - -#profile-jot-text { - height: 20px; - color:#cccccc; - border: 1px solid #cccccc; -} - -/* ======= */ -/* = ACL = */ -/* ======= */ - -#photo-edit-perms-select, -#photos-upload-permissions-wrapper, -#profile-jot-acl-wrapper{ - display:block!important; -} - -#acl-wrapper { - width: 690px; - float:left; -} -#acl-search { - float:right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right:20px; -} -#acl-showall { - float: left; - display: block; - font-size: 1em; - font-style: bold; - text-align: center; - padding: 3px; - margin-bottom: 5px; - background-color: #cccccc; - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 5px; - -webkit-border-radius: 5px ; - -moz-border-radius: 5px; - border-radius: 5px; - color: #999999; -} -#acl-showall.selected { - color: #fff; - background-color: #b20202; -} - -#acl-list { - height: 210px; - border: 1px solid #cccccc; - background-color: #efefef; - clear: both; - margin-top: 30px; - overflow: auto; -} - -#acl-list-content { - margin-left: 20px; -} - -.acl-list-item { - display: block; - width: 150px; - height: 40px; - border: 1px solid #cccccc; - background-color: #fff; - margin: 5px; - float: left; - -moz-box-shadow: 2px 2px 3px #c1c1c1; - -webkit-box-shadow: 2px 2px 3px #c1c1c1; - box-shadow: 2px 2px 3px #c1c1c1; -} -.acl-list-item img{ - width:30px; - height: 30px; - float: left; - margin: 5px; -} - -.acl-list-item p { - color: #999; - height: 12px; - font-size: 0.7em; - margin: 0px; - padding: 2px 0px 1px; - overflow: hidden; -} - -.acl-list-item a { - font-size: 10px; - display: block; - float: left; - color: #efefef; - background-color: #898989; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding: 3px; -} - -#acl-wrapper a:hover { - text-decoration: none; - background-color:#b20202; -} - -.acl-button-show.selected { - color: #efefef; - background-color: #b20202; -} - -.acl-button-hide.selected { - color: #efefef; - background-color: #a2a2a2; -} - -.acl-list-item.groupshow { border-color: #b20202; } -.acl-list-item.grouphide { border-color: #a2a2a2; } - -/* ========================= */ -/* = Global Directory Link = */ -/* ========================= */ - -#global-directory-link { - width: 130px; - padding: 7px; - margin-bottom: 10px; - margin-left: 0px; - -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; - box-shadow:inset 0px 1px 0px 0px #cfcfcf; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); - background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); - background-color:#bdbdbd; - -moz-border-radius:5px; - -webkit-border-radius:5px; - border-radius:5px; - color: #efefef; - text-align: center; -} - -#global-directory-link:hover { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#global-directory-link:active { - background-color: #b20202; - position:relative; - top:1px; -} - -#global-directory-link a { - color: #efefef; -} - -#global-directory-link { - -webkit-padding-start: 0px; -} - -a.active { - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - color:#efefef; - padding: 5px 10px 5px 10px; - margin-right: 5px; -} - -/* notifications popup menu */ -.nav-notify { - display: none; - position: absolute; - font-size: 10px; - padding: 1px 3px; - top: 0px; - right: -10px; - min-width: 15px; - text-align: right; -} -.nav-notify.show { - display: block; -} -ul.menu-popup { - position: absolute; - display: none; - width: 10em; - margin: 0px; - padding: 0px; - list-style: none; - z-index: 100000; - top: 40px; -} -#nav-notifications-menu { - width: 320px; - max-height: 400px; - overflow-y: scroll;overflow-style:scrollbar; - background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); - background:-moz-linear-gradient( center top, #797979 5%, #898988 100% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); - background-color:#a2a2a2; - -moz-border-radius:0px 0px 5px 5px; - -webkit-border-radius:0px 0px 5px 5px; - border-radius:0px 0px 5px 5px; - border: 1px solid #9A9A9A; - border-top: none; - -moz-box-shadow: 5px 5px 10px #242424; - -webkit-box-shadow: 5px 5px 10px #242424; - box-shadow: 5px 5px 10px #242424; - -} -#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 { - padding: 7px 0px 7px 10px; - word-wrap:normal; - border-bottom: 1px solid #626262; -} - -#nav-notifications-menu li: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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; -} - -#nav-notifications-menu a:hover { - text-decoration: underline; -} - -.notif-item a { - vertical-align: middle; - color: #626262; - padding-bottom: 7px; -} - -.notif-item a:hover { - color: #b20202; -} - -.notif-image { - width: 32px; - height: 32px; - padding: 7px 7px 0px 0px; -} - -#jGrowl { - z-index: 20000; -} - -/* autocomplete popup */ -.acpopup { - max-height:150px; - overflow:auto; - z-index:100000; - - color: #2e3436; - border-top: 0px; - background: #eeeeee; - border-right: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; - -webkit-border-radius: 0px 5px 5px 5px; - -moz-border-radius: 0px 5px 5px 5px; - border-radius: 0px 5px 5px 5px; - -moz-box-shadow: 3px 3px 4px #959494; - -webkit-box-shadow: 3px 3px 4px #959494; - box-shadow: 3px 3px 4px #959494; - -} -.acpopupitem { - color: #2e3436; padding: 4px; - clear:left; -} -.acpopupitem img { - float: left; - margin-right: 4px; -} - -.acpopupitem.selected { - color: #efefef; - 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% ); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808'); - background-color:#b20202; - order-bottom: none; -} - -.qcomment { - opacity: 0; - filter:alpha(opacity=0); -} -.qcomment:hover { - opacity: 1.0; - filter:alpha(opacity=100); -} -.notify-seen { - background: #000; -} - - -/* Pages profile widget */ -#page-profile div#profile-page-list{ -margin-left: 45px; -} \ No newline at end of file