friendica/view/theme/testbubble/style.css
Friendika 2206d894b3 add contact_widgets and provide widgets on appropriate pages, fix the saved search widget
fix directory page on testbubble, don't use system theme for community, directory, and search if the viewer is logged in.
2011-10-11 19:27:58 -07:00

3111 lines
70 KiB
CSS

/*
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: freesans,helvetica,arial,clean,sans-serif;
font-size: 15px;
color: #626262;
width: 100%;
}
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; }
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;*/
}
#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;
}
#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 img{
display: none;
}
.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;
}
/* ================== */
/* = 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 {
}
#profile-jot-perms, #profile-jot-submit {
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 {
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 {
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 {
width: 600px;
list-style: none;
padding: 10px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #efefef;
}
.tabs li { display: inline;}
.tab {
padding: 5px 10px 5px 10px;
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;
}
.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 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;
}
#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 = */
/* ========== */
#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-variant:small-caps; font-style: bold; }
.mail-conv-date { float: right; font-variant:small-caps; }
.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; font-variant: small-caps; }
#contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
#contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
#contact-edit-nav-wrapper { margin-left: 210px; }
#contact-edit-links { float: left; margin-top: 23px; }
#contact-edit-nav-wrapper .icon {
border: 1px solid #babdb6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#contact-edit-nettype {
font-size: 1em;
font-variant: small-caps;
margin-left: 30px;
margin-bottom: 0px;
padding-bottom: 0px;
}
#contact-edit-poll-wrapper { margin-left: 50px; width: 300px;}
#contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; padding-left: 10px; font-size: 0.9em; max-width: 300px; }
#contact-edit-last-updated { font-weight: bold; }
#contact-edit-poll-text { display: inline; font-size: 0.9em; padding-left: 10px; }
#contact-edit-end { clear: both; margin-bottom: 65px;}
#contact-edit-update-now {
width: 80px;
padding: 5px 10px 5px 10px;
margin-left: 125px;
margin-top: 10px;
font-style: bold;
}
#contact-edit-update-now: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-edit-update-now:active {
background-color: #b20202;
position:relative;
top:1px;
}
#contact-edit-update-now a {
color: #efefef;
}
#contact-edit-profile-select-text > p {
font-size: 1em;
}
.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;
}
#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-view-recent {
float: left;
width: 150px;
padding: 5px;
margin-bottom: 20px;
}
#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;
}
#contact-edit-info-wrapper {
clear: both;
}
/* ===================================== */
/* = Register, Settings, Profile Forms = */
/* ===================================== */
#id_openid_url,
.openid {
background: url(login-bg.gif) no-repeat;
background-position: 0 50%;
padding-left: 18px;
width: 385px;
}
#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;
}
.settings-block {
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:#a6a6a6;
text-shadow:-1px 0px 0px #bdbdbd;
border: 1px solid #cdcdcd;
padding: 5px;
}
#register-form div,
#profile-edit-form div {
clear: both;
}
#register-form label,
#profile-edit-form label {
width: 300px; float: left;
}
#register-form span,
#profile-edit-form span {
color: #555753;
display:block;
margin-bottom: 20px;
}
.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;
}
.directory-end {
clear: both;
}
/* ========= */
/* = 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 = */
/* ========= */
.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;
}
.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;}
.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;
}
.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;
}