cb1c6dd1e3
some images added, some classes added to groupidebar, contacts sidebar notification flags moved out of nav and into banner for testbubble the testbubble css tweaks
3238 lines
77 KiB
CSS
3238 lines
77 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;
|
|
-webkit-border-radius: 3px 3px 3px 3px;
|
|
-moz-border-radius: 3px 3px 3px 3px;
|
|
border-radius: 3px 3px 3px 3px;
|
|
}
|
|
|
|
input[type=submit] {
|
|
margin-top: 10px;
|
|
border: none;
|
|
font-size: 0.9em;
|
|
padding: 5px 5px 5px 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 {
|
|
margin: 10px 11% 0px 11%;
|
|
font-size: 0.9em;
|
|
line-height: 1.2em;
|
|
padding-right: 230px;
|
|
}
|
|
|
|
#wall-item-lock {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* ========= */
|
|
/* = 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: 110px;
|
|
margin-top: 20px;
|
|
border: none;
|
|
font-size: 0.9em;
|
|
padding: 5px 0px 5px 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;
|
|
}
|
|
|
|
#login-extra-links: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;
|
|
}
|
|
|
|
#login-extra-links:active {
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
#login-extra-links a {
|
|
color: #efefef;
|
|
text-align: center;
|
|
}
|
|
|
|
#login-extra-filler {
|
|
display: none;
|
|
}
|
|
|
|
#login-extra-links a { margin-right: 20px; }
|
|
|
|
/* ========= */
|
|
/* = 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 {
|
|
height: 50px;
|
|
display: block;
|
|
position: relative;
|
|
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: 20px;
|
|
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:15px;
|
|
margin-top: 10px;
|
|
padding: 3px;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
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, #797979 5%, #898988 100% );
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
|
|
background-color:#898988;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
color:#efefef;
|
|
text-decoration:none;
|
|
text-align: center;
|
|
border: 1px solid #9a9a9a;
|
|
}
|
|
|
|
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, #797979 5%, #898988 100% );
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
|
|
background-color:#898988;
|
|
width: 100%;
|
|
padding: 10px 0px;
|
|
margin: 0px;
|
|
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: 20px;
|
|
position: absolute;
|
|
top:32px; left: 600px;
|
|
}
|
|
.nav-ajax-update {
|
|
width: 30px;
|
|
height: 19px;
|
|
background: transparent url('notifications.png') 0px 0px no-repeat;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
font-size: 0.8em;
|
|
padding-top: 0.2em;
|
|
text-align: center;
|
|
float: left;
|
|
margin-right: -4px;
|
|
display: none;
|
|
}
|
|
#net-update { background-position: 0px 0px; }
|
|
#mail-update { background-position: -30px 0px; }
|
|
#notify-update { background-position: -60px 0px; }
|
|
#home-update { background-position: -90px 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 {
|
|
position: absolute;
|
|
width: 260px;
|
|
right: 11%;
|
|
font-size: 0.8em;
|
|
font-style: bold;
|
|
}
|
|
|
|
aside a{
|
|
padding-bottom: 5px;
|
|
|
|
}
|
|
|
|
.vcard {
|
|
font-size: 1em;
|
|
font-variant:small-caps;
|
|
}
|
|
|
|
.marital {
|
|
font-size: 1em;
|
|
font-variant:small-caps;
|
|
}
|
|
|
|
.homepage-label {
|
|
font-size: 1em;
|
|
font-variant:small-caps;
|
|
}
|
|
|
|
.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; }
|
|
|
|
aside #viewcontacts {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-variant:small-caps;
|
|
font-size: 1.1em;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
#viewcontacts a{
|
|
color: #898989;
|
|
}
|
|
|
|
#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 10px 10px 20px;
|
|
}
|
|
|
|
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 {
|
|
overflow: hidden;
|
|
border: 0px;
|
|
margin-left:10px;
|
|
}
|
|
|
|
#jot-perms-perms .icon {
|
|
height: 1px;
|
|
}
|
|
|
|
#profile-jot-submit {
|
|
float: left;
|
|
margin-right: 10px;
|
|
border: 0px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
#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 {
|
|
float: left; padding: 8px 10px;
|
|
}
|
|
#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-wrapper {
|
|
width: 450px;
|
|
list-style: none;
|
|
padding: 10px;
|
|
margin: 0px 0px 10px 0px;
|
|
border-bottom: 1px solid #efefef;
|
|
}
|
|
.tabs-wrapper li { display: inline;}
|
|
|
|
.tabs {
|
|
padding: 5px 10px 5px 10px;
|
|
margin-right: 5px;
|
|
font-style: bold;
|
|
-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-decoration:none;
|
|
text-align: center;
|
|
}
|
|
|
|
.tabs: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;
|
|
color:#efefef;
|
|
padding: 5px 10px 5px 10px;
|
|
margin-right: 5px;
|
|
}
|
|
.tabs:active {
|
|
position:relative;
|
|
top:1px;
|
|
color:#efefef;
|
|
padding: 5px 10px 5px 10px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
/* ========= */
|
|
/* = Posts = */
|
|
/* ========= */
|
|
|
|
.wall-item-outside-wrapper {
|
|
margin-top: 50px;
|
|
}
|
|
.wall-item-outside-wrapper-end { clear: both;}
|
|
.wall-item-content-wrapper { position: relative; max-width: 95%; }
|
|
.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: 0px;
|
|
-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;
|
|
padding: 5px;
|
|
background-color: #eeeeee;
|
|
border: 1px solid #dddddd;
|
|
-moz-box-shadow: 3px 3px 4px #959494;
|
|
-webkit-box-shadow: 3px 3px 4px #959494;
|
|
box-shadow: 3px 3px 4px #959494;
|
|
}
|
|
|
|
.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 60px;
|
|
float: left;
|
|
}
|
|
|
|
.wall-item-like-buttons {
|
|
float: left;
|
|
}
|
|
.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: 20px; }
|
|
.wall-item-body p {
|
|
max-width: 600px;
|
|
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;
|
|
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: 10001;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
.wallwall .wwto img { width: 30px!important; height: 30px!important;}
|
|
.wallwall .wall-item-photo-end { clear: both; }
|
|
.wall-item-arrowphoto-wrapper {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 70px;
|
|
z-index: 10002;
|
|
}
|
|
|
|
.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%;}
|
|
.wall-item-outside-wrapper {
|
|
max-width: 90%;
|
|
border-bottom: 1px solid #dedede;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/* ============ */
|
|
/* = Comments = */
|
|
/* ============ */
|
|
|
|
.ccollapse-wrapper {
|
|
font-size: 0.9em;
|
|
color: #898989;
|
|
margin-left: 80px;
|
|
font-variant:small-caps;
|
|
}
|
|
|
|
.wall-item-outside-wrapper.comment { margin-left: 80px; }
|
|
.wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;}
|
|
.wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
|
|
.wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
|
|
width: 50px;
|
|
top: 45px;
|
|
background-position: 35px center;
|
|
}
|
|
.wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
|
|
.wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px; max-width: 600px;}
|
|
.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;
|
|
}
|
|
|
|
/**
|
|
* item text style
|
|
**/
|
|
.wall-item-body code {
|
|
border-color: #CCCCCC;
|
|
border-style: solid;
|
|
border-width: 1px 1px 1px 10px;
|
|
display: block;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/* =========== */
|
|
/* = 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;
|
|
-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;
|
|
font-style: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
#profile-listing-desc: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-listing-desc:active {
|
|
background-color: #b20202;
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
#profile-listing-desc a {
|
|
color: #efefef;
|
|
}
|
|
|
|
#profile-listing-new-link-wrapper {
|
|
float: left;
|
|
display: inline;
|
|
width: 130px;
|
|
margin-left:5px;
|
|
margin-top: 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;
|
|
font-style: bold;
|
|
color:#efefef;
|
|
text-align: center;
|
|
}
|
|
|
|
#profile-listing-new-link-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;
|
|
}
|
|
|
|
#profile-listing-new-link-wrapper:active {
|
|
background-color: #b20202;
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
#profile-listing-new-link-wrapper a {
|
|
color: #efefef;
|
|
}
|
|
|
|
.profile-listing-name {
|
|
font-size: 1em;
|
|
font-variant: small-caps;
|
|
}
|
|
.profile-listing-name a {
|
|
color: #898989;
|
|
}
|
|
|
|
.profile-listing-visible {
|
|
width: 90px;
|
|
margin-bottom:20px;
|
|
margin-top: 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;
|
|
padding: 5px 10px 5px 10px;
|
|
margin-right: 5px;
|
|
color:#efefef;
|
|
text-align: center;
|
|
}
|
|
|
|
.profile-listing-visible: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-listing-visible:active {
|
|
background-color: #b20202;
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
.profile-listing-visible a {
|
|
color: #efefef;
|
|
}
|
|
|
|
.profile-listing-photo {
|
|
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;
|
|
}
|
|
|
|
#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: 300px;
|
|
padding: 5px;
|
|
margin-bottom:10px;
|
|
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;
|
|
}
|
|
|
|
/* ========== */
|
|
/* = Photos = */
|
|
/* ========== */
|
|
|
|
#side-bar-photos-albums li {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
#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,
|
|
.photo-top-image-wrapper {
|
|
float: left;
|
|
margin: 0px 10px 10px 0px;
|
|
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;
|
|
padding-bottom: 30px;
|
|
position:relative;
|
|
}
|
|
|
|
#photo-photo { max-width: 100% }
|
|
#photo-photo img { max-width: 100% }
|
|
|
|
.photo-top-image-wrapper a:hover,
|
|
#photo-photo a:hover,
|
|
.photo-album-image-wrapper a:hover {
|
|
border-bottom: 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;
|
|
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;
|
|
}
|
|
|
|
#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;
|
|
-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: 7px;
|
|
text-align: center;
|
|
font-size: 0.9em;
|
|
color: #efefef;
|
|
}
|
|
|
|
#photos-upload-perms-menu:hover {
|
|
text-align: center;
|
|
font-size: 0.9em;
|
|
width: 180px;
|
|
padding: 7px;
|
|
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;
|
|
}
|
|
|
|
#photos-upload-perms-menu:active {
|
|
text-align: center;
|
|
font-size: 0.9em;
|
|
width: 180px;
|
|
padding: 7px;
|
|
background-color: #b20202;
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
#photos-upload-perms-menu a {
|
|
color: #efefef;
|
|
}
|
|
|
|
#photos-upload-perms-menu .icon {
|
|
display: none;
|
|
}
|
|
|
|
select[size], select[multiple], select[size][multiple] {
|
|
-webkit-appearance: listbox;
|
|
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 {
|
|
-webkit-appearance: menulist;
|
|
box-sizing: border-box;
|
|
-webkit-box-align: center;
|
|
cursor: default;
|
|
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;
|
|
}
|
|
|
|
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;
|
|
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;
|
|
}
|
|
|
|
.qq-upload-button {
|
|
background-color: none;
|
|
-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;
|
|
text-shadow:1px 1px 0px #b36f6f;
|
|
text-align: center;
|
|
font-size: 0.9em;
|
|
color: #efefef;
|
|
width: 91px;
|
|
padding: 7px;
|
|
}
|
|
|
|
.qq-upload-button:hover {
|
|
text-align: center;
|
|
font-size: 0.9em;
|
|
color: #efefef;
|
|
width: 91px;
|
|
padding: 7px;
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) )!important;
|
|
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% )!important;
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808')!important;
|
|
background-color:#b20202;
|
|
}
|
|
|
|
.qq-upload-button:active {
|
|
text-align: center;
|
|
font-size: 0.9em;
|
|
color: #efefef;
|
|
background-color: #B20202;
|
|
width: 91px;
|
|
padding: 7px;
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
#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;
|
|
-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: 4px;
|
|
color: #efefef;
|
|
text-align: center;
|
|
font-size: 0.9em;
|
|
width: 100px;
|
|
}
|
|
|
|
#photo-edit-perms-menu: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;
|
|
}
|
|
|
|
#photo-edit-perms-menu:active {
|
|
background-color: #b20202;
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
#photo-edit-perms-menu a {
|
|
color: #efefef;
|
|
}
|
|
|
|
#photo-edit-perms-menu .icon {
|
|
display: none;
|
|
}
|
|
|
|
#photo-edit-delete-button {
|
|
float: left;
|
|
display: inline;
|
|
margin-left: 190px;
|
|
}
|
|
|
|
#side-bar-photos-albums h3:before {
|
|
content: url("photography.png");
|
|
padding-right: 10px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#side-bar-photos-albums li {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#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: 90px;
|
|
}
|
|
|
|
#prvmail-upload {
|
|
margin-left: 90px;
|
|
}
|
|
|
|
#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.8em;
|
|
padding-left: 10px;
|
|
font-stretch:ultra-condensed;
|
|
font-variant:small-caps;
|
|
}
|
|
|
|
.mail-list-subject {
|
|
clear: block;
|
|
font-size: 1.5em;
|
|
padding-top: 20px;
|
|
padding-right: 50px;
|
|
}
|
|
|
|
.mail-list-delete-wrapper { float: left; margin-right:550px; }
|
|
.mail-list-outside-wrapper-end {
|
|
clear: both;
|
|
}
|
|
|
|
.mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
|
|
.mail-conv-sender-photo {
|
|
width: 64px;
|
|
height: 64px;
|
|
padding: 5px;
|
|
background-color: #efefef;
|
|
border: 1px solid #dddddd;
|
|
-moz-box-shadow: 3px 3px 4px #959494;
|
|
-webkit-box-shadow: 3px 3px 4px #959494;
|
|
box-shadow: 3px 3px 4px #959494;
|
|
}
|
|
|
|
.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;
|
|
margin-left: 20px;
|
|
vertical-align: middle;
|
|
margin: auto;
|
|
border: 1px solid #dddddd;
|
|
}
|
|
.mail-conv-break { display: none; border: none;}
|
|
.mail-conv-delete-wrapper { margin-top: 5px; width: 650px; text-align: right; }
|
|
|
|
/* ================= */
|
|
/* = 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-photo {
|
|
padding: 3px;
|
|
background-color: #eeeeee;
|
|
border: 1px solid #dddddd;
|
|
-moz-box-shadow: 3px 3px 4px #959494;
|
|
-webkit-box-shadow: 3px 3px 4px #959494;
|
|
box-shadow: 3px 3px 4px #959494;
|
|
}
|
|
|
|
.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-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: 43px; }
|
|
#contact-drop-links {}
|
|
#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; }
|
|
#contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; font-size: 1em; }
|
|
#contact-edit-last-updated { font-weight: bold; }
|
|
#contact-edit-poll-text { display: inline; font-size: 1em; }
|
|
#contact-edit-end { clear: both; margin-bottom: 65px;}
|
|
|
|
#contact-edit-update-now {
|
|
width: 80px;
|
|
-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-left: 10px;
|
|
margin-top: 10px;
|
|
font-style: bold;
|
|
color: #efefef;
|
|
}
|
|
|
|
#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-edit-photo {
|
|
padding: 10px;
|
|
background-color: #f1f1f1;
|
|
border: 1px solid #dedede;
|
|
margin-bottom: 5px;
|
|
-moz-box-shadow: 5px 5px 8px #959494;
|
|
-webkit-box-shadow: 5px 5px 8px #959494;
|
|
box-shadow: 5px 5px 8px #959494;
|
|
}
|
|
.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-photo {
|
|
padding: 5px;
|
|
background-color: #efefef;
|
|
border: 1px solid #dddddd;
|
|
-moz-box-shadow: 3px 3px 4px #959494;
|
|
-webkit-box-shadow: 3px 3px 4px #959494;
|
|
box-shadow: 3px 3px 4px #959494;
|
|
}
|
|
|
|
.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: 30px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#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-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: 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-view-recent: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-view-recent:active {
|
|
background-color: #b20202;
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
#contact-view-recent a {
|
|
color: #efefef;
|
|
}
|
|
|
|
#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 {
|
|
padding: 5px 10px 5px 10px;
|
|
margin-right: 5px;
|
|
margin-top: 10px;
|
|
font-style: bold;
|
|
-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;
|
|
}
|
|
|
|
#profile-tab-status-link:hover {
|
|
border: 0px;
|
|
padding: 5px 10px 5px 10px;
|
|
font-style: bold;
|
|
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;
|
|
}
|
|
|
|
#profile-tab-status-link:active {
|
|
border: 0px;
|
|
padding: 5px 10px 5px 10px;
|
|
font-style: bold;
|
|
background-color: #b20202;
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
#profile-tab-status-link a {
|
|
color: #efefef;
|
|
}
|
|
|
|
#uexport-link a {
|
|
color: #efefef;
|
|
}
|
|
|
|
#profile-tab-profile-link {
|
|
margin-right: 5px;
|
|
margin-top: 10px;
|
|
padding: 5px 10px 5px 10px;
|
|
font-style: bold;
|
|
-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;
|
|
}
|
|
|
|
#profile-tab-profile-link:hover {
|
|
border: 0px;
|
|
padding: 5px 10px 5px 10px;
|
|
font-style: bold;
|
|
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;
|
|
}
|
|
|
|
#profile-tab-profile-link:active {
|
|
border: 0px;
|
|
padding: 5px 10px 5px 10px;
|
|
font-style: bold;
|
|
background-color: #b20202;
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
#profile-tab-profile-link a {
|
|
color: #efefef;
|
|
}
|
|
|
|
#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,
|
|
#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-icon-11 { position: absolute; left: 360px; top: 103px; }
|
|
#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;
|
|
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;
|
|
-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;
|
|
}
|
|
|
|
.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 {
|
|
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 {
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
padding: 10px;
|
|
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;
|
|
width: 300px;
|
|
padding: 10px;
|
|
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;
|
|
padding: 10px;
|
|
background-color: #f1f1f1;
|
|
border: 1px solid #dedede;
|
|
margin-bottom: 5px;
|
|
-moz-box-shadow: 5px 5px 8px #959494;
|
|
-webkit-box-shadow: 5px 5px 8px #959494;
|
|
box-shadow: 5px 5px 8px #959494;
|
|
}
|
|
|
|
.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: 3px;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
.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;
|
|
} |