klevze/SkinbaseNova
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity
Files
693b534514d6defbde830ea857b19a460154b68b
SkinbaseNova/public/css/default_2014.css
Gregor Klevze 0a4372c40d Current state
2026-02-07 08:23:18 +01:00

5778 lines
98 KiB
CSS
Raw Blame History

.menu_head {
display:block;
margin:0px;
/*background:transparent url(/gfx/table_headers.png) repeat-x;*/
width:190px;
height:22px;
color:#fff;
padding-top:2px;
padding-left:4px;
margin-bottom:6px;
font-size:14px;
font-weight:bold;
}
/****************************************
** **
** MAIN CONTENT **
** **
****************************************/
#mainContent {
font-size:10px;
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width:auto;
min-width:500px;
margin:0px 150px 0px 150px;
padding:0px;
}
#mainContent h1
{
margin:0px;
font-size:18px;
color:#333;
}
#mainContent h2
{
font-size:12px;
color:#333;
margin:0px;
font-weight:normal;
background:#fff;
}
#mainContent hr
{
height:1px;
color:#555;
background:#fff;
}
#contentBox {
background:#fff;
width:100%;
}
#mainContent table
{
font-size:12px;
}
.mainTable {
font-size:12px;
}
.mainTable thead {
background:#dedede;
padding:5px;
}
.mainTable th a {
color:#012248;
text-shadow: 1px 1px 1px #fff;
}
.mainTable th {
padding:5px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:0px;
color:#012248;
padding:5px;
background:#dcdcdc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-shadow: 1px 1px 1px #fff;
padding-left:10px;
}
.mainTable td {
padding:5px;
}
.mainTable .odd {
background:#eef3f9;
}
#mainTopMenu h2 {
margin:0px;
}
.smlTxt {
font-size:10px;
float:right;
}
/****************************************
** **
** MAIN CONTENT BOX **
** **
****************************************/
.box {
width: 100%;
background:#fafafa url(/gfx/topHeader.png) repeat-x;
margin:0;
padding:0;
min-width:800px;
padding-left:7px;
padding-right:7px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.box_space {
padding-top:35px;
}
.menuHeadline {
font-size:14px;
display:block;
color:#eee;
font-weight:bold;
padding-top:5px;
/*background: url(/gfx/table_headers.png) no-repeat;*/
height:25px;
min-width:90px;
padding-left:10px;
margin-bottom:10px;
}
.headline2 {
font-size:14px;
display:block;
color:#eee;
font-weight:bold;
padding-top:5px;
background: url(/gfx/table_headers.png) repeat-x;
height:25px;
min-width:90px;
padding-left:10px;
}
.menuHeadline a {
color:#eee;
}
.menuHeadline a:hover
{
border-bottom:dotted 1px #aaa;
}
#newsList {
color:#111;
}
#newsList a
{
padding-bottom:2px;
margin-bottom:.25em;
color:#044474;
font-weight:normal;
}
#newsList a:hover
{
text-decoration:none;
color:#c00;
}
#newsList h2
{
font-size:20px;
font-weight:bold;
color:#333;
padding-bottom:2px;
margin:0px;
margin-left:0px;
padding-left:0px;
letter-spacing:-1px;
}
#newsList h1
{
font-size:24px;
font-weight:normal;
color:#044474;
padding-bottom:2px;
margin:0px;
margin-left:0px;
padding-left:0px;
letter-spacing:-1px;
}
hr {
clear:both;
margin-top:10px;
margin-bottom:20px;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
}
#newsList .separator
{
height:30px;
}
#newsList .h1news
{
font-size:20px;
font-weight:bold;
color:#333;
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #ccc;
padding-bottom:2px;
margin:0px;
}
#newsList .datum {
color:#666;
text-decoration: none;
border-bottom:solid 1px #eee;
margin-bottom:10px;
font-size:11px;
}
#newsList .author
{
padding-top:2px;
margin:0px;
font:90%/1.2em Georgia,Serif;
color:#444;
background:#f4f8fd;
}
#newsList p
{
font-size:12px;
color:#333;
}
#newsList input,select,textarea
{
background:#f4f8fd;
border:solid 1px #aaa;
}
/****************************************
** **
** MESSAGEBOARD FIELDS **
** **
****************************************/
#msgBoard {
color:#111;
}
#msgBoard a {
padding-bottom:2px;
margin-bottom:.25em;
color:#333;
font-weight:normal;
}
#msgBoard a:hover
{
text-decoration:none;
color:#c00;
}
#msgBoard h1
{
font-size:24px;
font-weight:normal;
color:#333;
margin:0px;
margin-bottom:4px;
}
#msgBoard .h1news
{
font-size:20px;
font-weight:bold;
color:#333;
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #ccc;
padding-bottom:2px;
margin:0px;
}
#msgBoard h2
{
margin:0px;
font:100%/1.5em Verdana,Arial,Sans-serif;
font-weight:bold;
color:#444;
margin: 0px;
padding:0px;
text-decoration: none;
}
.data {
font-size:12px;
margin-bottom:5px;
margin-bottom:20px;
padding:5px;
float:right;
width:700px;
background:#e3e3e3;
}
#msgBoard .updated
{
border:1px dotted #999 !important;
border:1px dotted #ccc;
margin:5px;
padding:5px;
background:#eee;
}
#msgBoard h3
{
padding-top:2px;
margin:0px;
font-size:12px;
color:#999;
margin-bottom:20px;
}
#msgBoard h4
{
font-size:20px;
font-weight:bold;
color:#433;
padding-bottom:2px;
padding-left:4px;
margin:0px;
}
#msgBoard .highlight
{
color:#900;
background: url(/skins/macskin_silver_2011/gfx/highlight_28px-3.png) repeat-x;
}
#msgBoard .highlight2
{
color:#900;
background: url(/skins/macskin_silver_2011/gfx/highlight_28px-2.png) repeat-x;
}
#msgBoard .odd2
{
background: url(/skins/macskin_silver_2011/gfx/highlight_28px.png) repeat-x;
}
#msgBoard .odd3
{
background: url(/skins/macskin_silver_2011/gfx/highlight_15px.png) repeat-x;
}
#msgBoard p
{
font-size:13px;
color:#333;
}
#msgBoard .myDesc
{
background:#fafaff;
color:#444;
padding-bottom:8px;
padding-top:4px;
padding-left:5px;
}
#msgBoard input[type=text] {
height:22px !important;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border:solid 1px #999;
padding:3px;
color:#666;
font-size:15px;
}
#msgBoard input[type=text]:hover {
background:#ffe;
}
#msgBoard select,textarea
{
/* background:#f4f8fd; */
border:solid 1px #aaa;
}
/****************************************
** **
** EDIT MEMBERS FIELDS **
** **
****************************************/
#editList
{
color:#111;
font-size:12px;
}
#editList a
{
padding-bottom:2px;
margin-bottom:.25em;
color:#044474;
font-weight:normal;
}
#editList a:hover
{
text-decoration:none;
color:#c00;
}
#editList h1
{
font-size:24px;
font-weight:normal;
color:#333;
margin:0px;
margin-bottom:4px;
}
#editList h2
{
margin:0px;
font:120%/1.5em Verdana,Arial,Sans-serif;
font-weight:bold;
color:#444;
margin: 0px;
padding:0px;
text-decoration: none;
}
#editList label
{
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
text-align: right;
padding-right: 20px;
}
#editList br
{
clear:left;
}
#editList p
{
font-size:13px;
color:#333;
}
#editList input:hover, select:hover {
background:#ffd;
}
.submitBtn {
padding:5px;
margin:2px;
background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#b5b5b5));
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #949494;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,1);
text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);
text-align:center;
width:auto;
padding-left:10px;
padding-right:10px;
cursor:pointer;
}
#editList input[type=submit] {
padding:5px;
margin:2px;
}
#editList input[type=text], #editList input[type=password], #editList textarea {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 200px;
background: #fff;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
textarea.addComment {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
background: #fff;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
width:98% !important;
}
.mainList {
color:#111;
padding:10px;
background:#eee;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.mainList a {
padding-bottom:2px;
margin-bottom:.25em;
font-weight:normal;
color:#333;
}
.mainList a:hover {
text-decoration:none;
color:#f7820e;
}
.mainList h1, .mainList h2 {
font-size:24px;
font-weight:normal;
color:#333;
margin:0px;
margin-bottom:4px;
}
.mainList p {
font-size:13px;
color:#333;
line-height:18px;
text-align:justify;
}
#skinList {
color:#111;
height:265px;
padding:10px;
background:#eee;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#skinList a {
padding-bottom:2px;
margin-bottom:.25em;
font-weight:normal;
color:#333;
}
#skinList a:hover {
text-decoration:none;
color:#f7820e;
}
#skinList h1, #skinList h2 {
font-size:24px;
font-weight:normal;
color:#333;
margin:0px;
margin-bottom:4px;
}
#skinList p {
font-size:13px;
color:#333;
line-height:18px;
text-align:justify;
}
#skinList .appDesc {
height:158px;
buffer:158px;
overflow:auto;
}
.moreBtn {
display:block;
margin-top:5px;
margin-bottom:5px;
background:#f7820e;
color:#fff !important;
padding:3px;
width:40px;
border-radius:5px;
text-align:center;
}
.moreBtn:hover {
background:#fab206;
}
#skinList ul {
list-style:none;
padding-left:4px;
padding-top:0px;
margin:0px;
}
#skinList li {
margin-bottom:2px;
font-size:18px;
padding-bottom:4px;
}
#appList
{
color:#111;
}
#appList a
{
padding-bottom:2px;
margin-bottom:.25em;
font-weight:normal;
color:#333;
}
#appList a:hover
{
text-decoration:none;
color:#c00;
}
#appList h1
{
font-size:20px;
font-weight:bold;
color:#333;
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #ccc;
padding-bottom:2px;
margin:0px;
}
#appList h2
{
font:100%/1.5em Verdana,Arial,Sans-serif;
color:#444;
margin: 0px;
padding:0px;
text-decoration: none;
}
#appList h2>a
{
color:#444;
text-decoration: underline;
}
#appList h2>a:hover
{
color:#933;
text-decoration: underline;
}
#appList fieldset
{
height:45px;
background:#f9f9f9;
font-size:120%/1.5em;
color:#444;
padding:0px;
margin:0px;
text-decoration: none;
border:solid 1px #ccc;
padding-top:3px;
}
#appList p
{
font-size:13px;
color:#333;
}
#appList ul
{
list-style:none;
padding-left:4px;
padding-top:0px;
margin:0px;
}
#appList li
{
margin-bottom:2px;
font-size:18px;
padding-bottom:4px;
}
/****************************************
** **
** APPLIST LIST TOP FIELDS **
** **
****************************************/
#profileList
{
color:#111;
}
#profileList a
{
padding-bottom:2px;
margin-bottom:.25em;
font-weight:normal;
color:#333;
}
#profileList a:hover
{
text-decoration:none;
color:#c00;
}
#profileList h1
{
font-size:20px;
font-weight:bold;
color:#333;
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #ccc;
padding-bottom:2px;
margin:0px;
}
#profileList h2
{
font:100%/1.5em Verdana,Arial,Sans-serif;
color:#444;
margin: 0px;
padding:0px;
text-decoration: none;
}
#profileList h2>a
{
color:#444;
text-decoration: underline;
}
#profileList h2>a:hover
{
color:#933;
text-decoration: underline;
}
#profileList fieldset
{
height:45px;
background:#f9f9f9;
font-size:120%/1.5em;
color:#444;
padding:0px;
margin:0px;
text-decoration: none;
border:solid 1px #ccc;
padding-top:3px;
}
#profileList p
{
font-size:13px;
color:#333;
}
#profileList ul
{
list-style:none;
padding-left:4px;
padding-top:0px;
margin:0px;
}
#profileList li
{
margin-bottom:2px;
font-size:14px;
padding-bottom:1px;
}
#skinNav {
text-align:center;
margin-right:10px;
width:auto;
float:left;
border:solid 1px #ccc;
padding:10px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#fff;
}
#skinNav p {
margin:0px;
display:inline;
font-size:12px;
vertical-align:middle;
}
#skinNav img {
vertical-align:bottom;
}
#showSkin
{
}
#showSkin ul
{
list-style:none;
padding-left:4px;
padding-top:0px;
margin:0px;
}
#showSkin li
{
margin-bottom:1px;
font-size:12px;
padding-bottom:2px;
}
.skinTitle {
margin:0px;
font-size:16px;
color:#012248;
padding:5px;
background:#dcdcdc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-shadow: 1px 1px 1px #fff;
padding-left:10px;
}
.skinTitle a {
color:#012248;
}
.skinTitleFP {
margin:0px;
font-size:14px;
color:#012248;
padding:5px;
background:#dcdcdc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-shadow: 1px 1px 1px #fff;
padding-left:10px;
}
.skinTitleFP a {
color:#012248;
}
.skinTitleRoot {
margin:0px;
font-size:16px;
color:#333;
padding:5px;
background:#dbe9fb;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-shadow: 1px 1px 1px #fff;
padding-left:10px;
margin-left:110px;
width:585px;
position:absolute;
top:0;
opacity:.9;
}
#showSkin h1 {
margin:0px;
margin-top:0px;
font-size:16px;
color:#000;
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #ccc;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
margin-bottom:.25em;
background:#dbe9fb;
}
.blueBorder {
margin:0px;
margin-top:0px;
font-size:16px;
color:#000;
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #ccc;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
margin-bottom:.25em;
background:#dbe9fb;
}
.awardedBox {
border-radius:5px;
float:left;
margin:5px;
width:60px;
height:79px;
}
.artWorkDescH {
font-size:12px;
color:#333;
margin-top:5px;
}
.artWorkDesc {
font-size:13px;
margin-bottom:10px;
}
.artWorkDetails {
max-width:350px;
padding:5px;
border:solid 1px #dbe9fb;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#showSkin .showDetails {
padding-top:10px;
padding-left:10px;
display:block;
margin-left: 320px;
min-width:450px;
}
#showSkin .showButtons
{
clear:both;
margin-top:5px;
margin-bottom:5px;
}
#showSkin .skinPic img
{
background-color:#fff;
border: 1px solid #a9a9a9;
padding:4px;
margin: 0px 5px 5px 0px;
}
#showSkin .showPicture
{
/*position:absolute;*/
display:block;
float:left;
width:330px;
height:330px;
padding-top:10px;
}
#showPicture
{
/*position:absolute;*/
display:block;
float:left;
width:330px;
padding-top:10px;
}
#showSkin .showDescription
{
position:absolute;
left:320px;
top:200px;
display:block;
}
#location_bar {
font:100%/1.5em Verdana,Arial,Sans-serif;
color:#444;
margin: 0px;
padding:0px;
text-decoration: none;
}
#location_bar a {
color:#444;
text-decoration: underline;
}
#location_bar a:hover {
color:#933;
text-decoration: underline;
}
#showSkin h2
{
font:100%/1.5em Verdana,Arial,Sans-serif;
color:#444;
margin: 0px;
padding:0px;
text-decoration: none;
}
#showSkin h2>a
{
color:#444;
text-decoration: underline;
}
#showSkin h2>a:hover
{
color:#933;
text-decoration: underline;
}
#showSkin .odd
{
display:block;
background-color: #eef3f9;
}
.odd
{
background-color: #eef3f9;
}
#topSkinBrowser
{
font-size:12px;
float:left;
margin:0px;
}
#topSkinBrowser a
{
color:#333;
}
#showComments
{
width:100%;
border-left:dotted 1px #aaa !important;
border-left:1px solid #ccc;
border-right:dotted 1px #aaa !important;
border-right:solid 1px #ccc;
}
#showComments .myBox
{
clear:both;
border-top:dotted 1px #aaa !important;
border-top:solid 1px #ccc;
padding:2px;
margin:2px;
margin-top:0px;
padding-top:0px;
}
#showComments .myBox:hover
{
}
#showComments .topBox
{
font-size:12px;
text-align:right;
border-bottom:dotted 1px #eee !important;
border-bottom:solid 1px #eee;
}
#showComments .leftBox
{
padding-right:5px;
text-align:center;
width:100px;
float:left;
background:#eee;
vertical-align:middle;
}
#showComments .rightBox
{
text-align:left;
float:right;
background:#ffa;
margin-right:5px;
}
#showComments .signature
{
border:dotted 1px #aaa !important;
border:solid 1px #ccc;
background:#eee;
vertical-align:bottom;
text-align:center;
clear:both;
}
#showComments p
{
padding:5px;
margin-left:5px;
}
.message
{
font-size:11px;
padding:5px;
margin-left:5px;
}
dl.comment
{
clear:both;
width: 100%;
margin: 2em 0;
padding: 2px;
}
.comment dt
{
width: 100px;
float: left;
margin: 0 0 0 0;
text-align:center;
}
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
.comment dd
{
float: left;
margin: 0 0 0 0;
border-top:dotted 1px #eee !important;
border-bottom:dotted 1px #eee !important;
border-right:dotted 1px #eee !important;
border-top:solid 1px #eee;
border-bottom:solid 1px #eee;
border-right:solid 1px #eee;
width:80%;
}
#showPosts
{
}
#showPosts .myBox
{
clear:both;
border-top:dotted 1px #aaa !important;
border-top:solid 1px #ccc;
padding:2px;
margin:2px;
margin-top:0px;
padding-top:0px;
background:#eee;
}
#showPosts .myBox:hover
{
}
#showPosts .topBox
{
font-size:12px;
text-align:right;
border-bottom:dotted 1px #aaa !important;
border-bottom:solidd 1px #ccc;
color:#999;
background:#fff;
}
#showPosts .leftBox
{
padding-top:20px;
padding-right:5px;
margin-right:5px;
text-align:center;
width:100px;
min-height:60px;
float:left;
background:#eee;
vertical-align:middle;
}
#showPosts .rightBox
{
text-align:left;
float:right;
background:#fff;
margin-right:5px;
padding-left:90px;
}
#showPosts .signature
{
display:block;
text-align:center;
clear:both;
padding:5px;
color:#999;
padding-top:10px;
margin-left:105px;
background:#fff;
border-top:1px solid 1px #ccc;
}
#showPosts .message
{
background:#fff;
margin-left:105px;
min-height:120px;
}
#showPosts p
{
padding:5px;
margin-left:5px;
}
#addComment
{
clear:both;
}
#addComment textarea
{
width:100%;
height:150px;
border:solid 1px #ccc;
}
#browsing dl
{
clear:both;
margin: 2em 0;
padding: 0;
}
#browsing dt
{
font-size:18px;
border: 1px dotted #eee !important;
border: 1px solid #eee;
text-align:center;
}
#browsing dd
{
float: left;
margin: 0 0 0 0;
border: 1px dotted #eee !important;
border: 1px solid #eee;
}
#showBrowser
{
position:absolute;
top:25px;
right:240px;
width:200px;
height:240px;
buffer:240px;
overflow:auto;
background:#ccc;
color:#000;
border: 1px solid #000;
opacity: .95;
filter: alpha(opacity=95);
z-index:200;
visibility: hidden;
}
#showBrowser ul
{
width:180px;
list-style:none;
padding-left:4px;
padding-top:0px;
margin:0px;
}
#showBrowser li
{
width:400px;
margin-bottom:2px;
font-size:13px;
padding-bottom:4px;
}
#showBrowser li:hover
{
background:#eee;
}
#showBrowser a
{
color:#000;
}
#showBrowser .odd
{
display:block;
background-color: #bbb;
}
#showBrowser .odd2
{
display:block;
background-color: #988;
}
/****************************************/
/** **/
/** Main Browser **/
/** **/
/****************************************/
#mainBrowser
{
clear:both;
position:absolute;
height:50px;
text-align:center;
}
#mainBrowser .previous
{
position:absolute;
left:0px;
width: 102px;
height: 36px;
background: url(/skins/macskin_silver_2011/gfx/prev.jpg) no-repeat;
}
#mainBrowser .previous:hover
{
background: url(/skins/macskin_silver_2011/gfx/prev_over.jpg) no-repeat;
}
#mainBrowser .directory
{
position:absolute;
left:103px;
width: 126px;
height: 36px;
background: url(/skins/macskin_silver_2011/gfx/SkinDirectory.jpg) no-repeat;
}
#mainBrowser .directory:hover
{
background: url(/skins/macskin_silver_2011/gfx/SkinDirectory_over.jpg) no-repeat;
}
#mainBrowser .next
{
position:absolute;
left:228px;
width: 102px;
height: 36px;
background: url(/skins/macskin_silver_2011/gfx/next.jpg) no-repeat;
}
#mainBrowser .next:hover
{
background: url(/skins/macskin_silver_2011/gfx/next_over.jpg) no-repeat;
}
.rollover a {
display:block;
width: 90px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
/*background: url("/gfx/rollover-image.gif") 0 0 no-repeat;*/
text-decoration: none;
}
.rollover a:hover {
background-position: 0 -35px;
color: #049;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}
#mainBrowser2
{
text-align:center;
}
.previous
{
padding:0px;
margin:0px;
display:block;
width: 102px;
height: 36px;
background: url(/skins/macskin_silver_2011/gfx/prev.png) 0 0 no-repeat;
}
.previous:hover
{
background: url(/skins/macskin_silver_2011/gfx/prev_over.png) no-repeat;
width: 102px;
height: 36px;
}
.directory
{
width: 126px;
height: 36px;
background: url(/skins/macskin_silver_2011/gfx/SkinDirectory.jpg) no-repeat;
}
.directory:hover
{
background: url(/skins/macskin_silver_2011/gfx/SkinDirectory_over.jpg) no-repeat;
}
.next
{
width: 102px;
height: 36px;
background: url(/skins/macskin_silver_2011/gfx/next.jpg) no-repeat;
}
.next:hover
{
background: url(/skins/macskin_silver_2011/gfx/next_over.jpg) no-repeat;
}
#topNav .loginek
{
height:34px;
position:absolute;
top:112px !important;
top:128px;
left:150px;
}
#topNav .clock
{
/*
float:right;
padding-top:10px;
margin-right:2px;
*/
position:absolute;
top:115px !important;
top:127px;
left:5px;
float:left;
margin-right:5px;
color:#e0e0e0;
}
#topNav .toolbar
{
position:absolute;
text-align:right;
top:110px !important;
top:123px;
right:5px;
}
#topNav
{
margin:0px;
padding-top:0px !important;
padding-top:4px;
height:34px;
line-height:28px;
text-align:top;
color:#aaa;
background:url(/skins/macskin_silver_2011/gfx/toolbar.jpg) repeat-x;
font-size:12px;
}
#topNav a:hover, #topNav a:focus
{
text-decoration:underline;
}
#topNav a
{
color:#999;
}
#topNav .loginField
{
border:0px !important;
border:1px solid #111;
background:url(/skins/macskin_silver_2011/gfx/login_input3.png) no-repeat !important;
background:#666;
width:114px;
height:24px !important;
height:16px;
color:#ccc;
font-size:10px;
padding-left:10px;
padding-top:5px;
}
#topNav .submitField
{
border:0px !important;
border:1px solid #111;
background:url(/skins/macskin_silver_2011/gfx/login_button.png) no-repeat !important;
background:#888;
background-position: 0px 5px !important;
width:87px !important;
height:29px !important;
height:23px;
color:#aaa;
cursor:pointer;
font-size:10px;
color:#f9f9f9;
}
#topNav .submitField:hover
{
background:url(/skins/macskin_silver_2011/gfx/login_button_over.png) no-repeat;
background-position: 0px 5px;
}
#mainGallery
{
margin-top:30px;
text-align:center;
}
#mainGallery ul
{
list-style:none;
padding-left:4px;
padding-top:0px;
margin:0px;
vertical-align:middle;
text-align:center;
}
#mainGallery li
{
border:solid 1px #eee;
float:left;
width:170px;
height:190px;
vertical-align:middle;
text-align:center;
padding-left:12px;
}
#mainGallery img:hover
{
background:#ffa;
}
.pixSubs {
clear:both;
text-align:center;
font-size:10px;
position:relative;
margin-top:-35px;
height:50px;
font-size:12px;
color:#444;
padding-left:22px;
padding-right:22px;
}
div #latestStuff
{
width:100%;
height:110px;
overflow: hidden;
}
div.streamBuddy {
padding-top:30px;
padding-bottom:30px;
vertical-align:middle;
}
div.streamBuddy p,div.streamBuddy p a
{
text-align:center;
color:#888;
}
div.streamBuddy div span
{
display:table-cell;
display:inline-block;
width:80px;
vertical-align:bottom;
}
div.streamBuddy div
{
display:inline;
}
.stream {
padding-top:20px;
padding-bottom:20px;
text-align:center;
vertical-align:middle;
}
.stream div span {
display:table-cell;
display:inline-block;
width:190px;
vertical-align:bottom;
margin-bottom:10px;
}
.stream div {
display:inline;
}
div.stream2 {
text-align:center;
vertical-align:middle;
height:170px;
buffer:100px;
overflow:none;
}
div.stream2 div span
{
display:table-cell;
display:inline-block;
width:110px;
height:110px;
vertical-align:bottom;
}
div.stream2 div
{
display:inline;
}
div #latestStuff2
{
margin:0px;
padding:0px;
width:100%;
height:154px;
*height:152px;
overflow: hidden;
}
div #latestStuff3
{
margin:0px;
padding:0px;
width:100%;
height:160px;
overflow: hidden;
}
div.stream4
{
text-align:center;
vertical-align:middle;
height:150px;
buffer:110px;
overflow:none;
}
div.stream4 div span
{
display:table-cell;
display:inline-block;
width:130px;
height:150px;
vertical-align:bottom;
}
div.stream4 div
{
display:inline;
}
div.stream4 p
{
margin: 0px;
margin-bottom:40px;
}
div.stream3
{
text-align:center;
vertical-align:middle;
height:140px;
buffer:110px;
overflow:none;
}
div.stream3 div span
{
display:table-cell;
display:inline-block;
width:130px;
height:140px;
vertical-align:bottom;
}
div.stream3 div
{
display:inline;
}
div.stream3 p
{
margin: 0px;
margin-bottom:40px;
}
.imgBox {
width:190px;
vertical-align:middle;
}
.imgBox2
{
float:left;
width:190px;
height:140px;
vertical-align:middle;
}
.imgBox2 img {
border:solid 1px #999;
padding:3px;
margin:4px;
}
.clear{
clear:both;
}
.imgBoxBuddy
{
width:60px;
/* height:190px;*/
vertical-align:middle;
}
.shadow {
display:block;
text-align:center;
background-position:center;
background-repeat:no-repeat;
padding:3px 4px 5px 4px !important;
border:1px solid red;
}
.myShadow {
display:block;
text-align:center;
background-position:center;
background-repeat:no-repeat;
padding:3px 4px 5px 4px !important;
}
.myShadow img
{
background-color:#fff;
border: 1px solid #a9a9a9;
padding:4px;
margin: 0px 5px 5px 0px;
}
.myShadow img:hover
{
background-color:#ff9;
}
/****************************************/
/** **/
/** Private Messages **/
/** **/
/****************************************/
#privateMessage {
}
.prvMessage {
list-style:none;
padding-top:0px;
margin:0px;
padding:2px;
height:20px;
}
.prvMessage li {
display:block;
width:auto;
height:20px;
margin-bottom:2px;
font-size:12px;
float:left;
background:#ffe;
margin:3px;
padding:3px;
border:solid 1px #aaa;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.prvMessage li a {
color:#000;
}
.prvMessage li:hover {
background:#ffa;
}
#msgList
{
clear:both;
height:360px;
buffer:360px;
overflow:auto;
border-bottom:3px solid #999;
}
#msgShow
{
color:#333;
}
#privateMessage p {
line-height:110%;
font-size: 14px;
}
#privateMessage .msgHeader {
display: block;
background:#eee;
width:99%;
padding:3px;
border-bottom:3px solid #999;
}
#privateMessage h5 {
margin:0px;
line-height:120%;
font-size: 14px;
font-weight:bold;
color:#555;
}
#privateMessage h4 {
margin:0px;
padding-top:10px;
line-height:120%;
font-size: 19px;
font-weight:bold;
}
#privateMessage table {
width:100%;
}
#privateMessage thead {
background:#eee;
padding:3px;
font-size:13px;
}
#privateMessage th {
font-size:13px;
color:#333;
text-align:center;
padding:3px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#privateMessage td {
font-size:13px;
color:#333;
padding:3px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#privateMessage .unread {
font-weight:bold;
}
#privateMessage .read {
font-weight:normal;
background:transparent;
color:#900;
}
/****************************************/
/** **/
/** Upload Manager **/
/** **/
/****************************************/
#uploadsManager
{
}
#uploadsManager ul
{
list-style:none;
padding-top:0px;
margin:0px;
padding:2px;
}
#uploadsManager li
{
display:block;
width:200px;
height:20px;
margin-bottom:2px;
font-size:12px;
float:left;
background:#ffe;
}
#uploadsManager li a
{
color:#000;
}
#uploadsManager li:hover
{
background:#ffa;
}
#msgList
{
clear:both;
height:272px;
buffer:272px;
overflow:auto;
border-bottom:3px solid #999;
}
#msgShow
{
color:#333;
}
#uploadsManager p
{
line-height:110%;
font-size: 14px;
}
#uploadsManager .msgHeader
{
display: block;
background:#eee;
width:99%;
padding:3px;
border-bottom:3px solid #999;
}
#uploadsManager h5
{
margin:0px;
line-height:120%;
font-size: 14px;
font-weight:bold;
color:#555;
}
#uploadsManager h4
{
margin:0px;
padding-top:10px;
line-height:120%;
font-size: 19px;
font-weight:bold;
}
#uploadsManager table
{
width:100%;
}
#uploadsManager thead
{
border-bottom: dotted 1px #999 !important;
border-bottom: solid 1px #ccc;
background:#eee;
}
#uploadsManager th
{
font-size:13px;
color:#333;
text-align:center;
}
#uploadsManager .unread
{
font-weight:bold;
}
#uploadsManager .read
{
font-weight:normal;
background:transparent;
color:#900;
}
#uploadsManager fieldset
{
border:dotted 1px #ccc !important;
border:solid 1px #999;
background:#ddd;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
}
#uploadsManager textarea
{
border:0px;
background:#eee;
font-size:12px;
color:#555;
}
#uploadsManager input
{
width:250px;
border:1px solid #ccc;
background:#eee;
font-size:18px;
color:#555;
}
#uploadsManager select
{
width:250px;
border:0px;
background:#eee;
font-size:12px;
color:#555;
}
#uploadsManager .mySubmit
{
margin:3px;
width:80px;
border:dotted 1px #571818 !important;
border:solid 1px #571818;
background:#943535;
color:#f9f9f9;
font-size:14px;
}
#recentTab {
list-style:none;
padding-top:0px;
margin:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-bottom:10px;
}
#recentTab li {
float:left;
display:block;
margin:4px;
cursor:pointer;
font-size:13px;
background: #e3e3e3;
border: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
-ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
-o-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
color: #333;
font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
line-height: 1;
padding: 8px 0 9px;
text-align: center;
text-shadow: 0 1px 0 #fff;
width: 150px;
}
button.minimal:hover {
background: #d9d9d9;
-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
-ms-box-shadow: inset 0 0 1px 1px #eaeaea;
-o-box-shadow: inset 0 0 1px 1px #eaeaea;
box-shadow: inset 0 0 1px 1px #eaeaea;
color: #222;
cursor: pointer; }
button.minimal:active {
background: #d0d0d0;
-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
-ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
-o-box-shadow: inset 0 0 1px 1px #e3e3e3;
box-shadow: inset 0 0 1px 1px #e3e3e3;
color: #000;
}
#recentTab a {
color:#333;
}
#recentTab li:hover {
background:#ffa327;
}
#myContent {
margin:0px;
padding:0px;
clear:both;
margin-bottom:10px;
}
#myContent p
{
font-size:11px;
color:#666;
}
#butCategories
{
cursor:pointer;
width:95px;
height:27px;
background:url(/gfx/arrows/CategoriesButton.png) !important;
/*background:url(/gfx/arrows/CategoriesButton.jpg);*/
}
#butCategories:hover
{
background:url(/gfx/arrows/CategoriesButton-MouseOver.png) !important;
/*background:url('/gfx/arrows/CategoriesButton-MouseOver.jpg');*/
}
#butCategoriesBR {
cursor:pointer;
width:95px;
height:27px;
background:url(/gfx/arrows/CategoriesButton.png) !important;
background:url(/gfx/arrows/CategoriesButton.jpg);
}
#butCategoriesBR:hover {
background:url(/gfx/arrows/CategoriesButton-MouseOver.png) !important;
background:url(/gfx/arrows/CategoriesButton-MouseOver.jpg);
}
.category_btn {
cursor:pointer;
width:118px;
height:25px;
background:url('/gfx/categories-button.png') no-repeat;
display:block;
float:left;
}
.category_btn:hover {
background:url('/gfx/categories-button_over.png');
}
#skinDesc
{
}
#mainDisplayX {
position:relative !important;
position:absolute;
width:200px;
height:252px;
/* background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat; */
left:10px;
top:-8px !important;
top:285px;
opacity: .90;
filter: alpha(opacity=90);
z-index:1200;
display:none;
padding-top:30px;
}
#mainDisplayBR {
position:relative !important;
position:absolute;
width:200px;
height:252px;
/* background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat;*/
left:10px;
top:-8px !important;
top:285px;
opacity: .90;
filter: alpha(opacity=90);
z-index:1200;
visibility: hidden;
padding-top:30px;
}
#mainDisplay {
position:relative !important;
position:absolute;
width:200px;
height:252px;
/* background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat;*/
left:10px;
top:-8px !important;
top:285px;
opacity: .90;
filter: alpha(opacity=90);
z-index:1200;
visibility: hidden;
padding-top:30px;
}
#displayCategoriesBR {
margin-left:2px;
width:196px;
height:218px;
buffer:200px;
overflow:auto;
}
#displayCategories, #displayCategoriesX
{
margin-left:2px;
width:196px;
height:218px;
buffer:200px;
overflow:auto;
}
#displayCategories ul, #displayCategoriesX ul
{
width:170px;
list-style:none;
padding-left:0px;
padding-top:0px;
margin:0px;
}
#displayCategories li, #displayCategoriesX li
{
width:170px;
margin-bottom:2px;
font-size:13px;
padding-bottom:4px;
}
#displayCategories li:hover, , #displayCategorierX li:hover
{
background:#eee;
}
#displayCategories a, , #displayCategoriesX a
{
color:#000;
}
#displayCategories .odd
{
display:block;
background-color: #eee;
}
#displayCategories .odd2
{
display:block;
background-color: #aab;
}
#displayCategories h1
{
font-size:15px;
color:#666;
}
#butCategories2
{
position:absolute;
left:50px;
top:117px !important;
top:127px;
cursor:pointer;
width:95px;
height:27px;
background:url(/gfx/arrows/CategoriesButton.png) !important;
background:url(/gfx/arrows/CategoriesButton.jpg);
}
#butCategories2:hover
{
background:url(/gfx/arrows/CategoriesButton-MouseOver.png) !important;
background:url(/gfx/arrows/CategoriesButton-MouseOver.jpg);
}
#mainDisplay2
{
position:absolute;
/*
left:0px;
right:0px;
*/
width:200px;
height:250px;
/* background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat;*/
opacity: .90;
filter: alpha(opacity=90);
z-index:1200;
visibility: hidden;
padding-top:30px;
}
#displayCategories2
{
margin-left:2px;
width:196px;
height:218px;
buffer:200px;
overflow:auto;
}
#displayCategories2 ul
{
width:170px;
list-style:none;
padding-left:0px;
padding-top:0px;
margin:0px;
}
#displayCategories2 li
{
width:170px;
margin-bottom:2px;
font-size:13px;
padding-bottom:4px;
}
#displayCategories2 li:hover
{
background:#eee;
}
#displayCategories2 .odd
{
display:block;
background-color: #eee;
color:#333;
}
#displayCategories2 .odd2
{
display:block;
/*background-color: #aab;*/
}
#displayCategories2 a
{
padding-bottom:2px;
margin-bottom:.25em;
font-weight:normal;
color:#333;
}
#displayCategories2 a:hover
{
text-decoration:none;
color:#c00;
}
#displayCategories2 h1
{
font-size:15px;
color:#666;
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #ccc;
padding-bottom:2px;
margin:0px;
}
#displayCategories2 h2
{
font:100%/1.5em Verdana,Arial,Sans-serif;
color:#444;
margin: 0px;
padding:0px;
text-decoration: none;
}
#displayCategories2 h2>a
{
color:#444;
text-decoration: underline;
}
#displayCategories2 h2>a:hover
{
color:#933;
text-decoration: underline;
}
/****************************************/
/** Sort List **/
/****************************************/
#sortList ul
{
list-style:none;
margin:0px;
padding:0px;
width:350px;
padding-left:0px;
}
#sortList li
{
cursor:n-resize;
width:350px;
height:36px;
display:block;
padding-left:15px;
padding-top:10px;
margin:0px;
background:transparent url(/gfx/AddIndexView.jpg) no-repeat;;
font:180%/1.2em "Trebuchet MS", Sans-serif;
color:#eee;
}
/****************************************/
/** Blog List **/
/****************************************/
#blogList
{
text-align: left;
margin-top: 0px;
margin-left:5px;
margin-right:0px;
}
#blogList img
{
/*max-width:100%;*/
}
#blogList h1
{
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #999;
padding-bottom:2px;
margin-bottom:.25em;
padding-left:5px;
font:190% "lucida grande",tahoma,arial,helvetica,sans-serif;
font-weight:normal;
letter-spacing:-1px;
color:#333;
}
#blogList h2
{
padding-bottom:2px;
margin-bottom:.25em;
font:120%/1.2em Georgia,Serif;
color:#333;
font-style:italic;
font-weight:bold;
}
#blogList h3
{
margin:.5em 0 0;
font:90%/1.5em Verdana,Arial,Sans-serif;
color:#666000;
}
#blogList .postDate
{
padding: 2px 0 2px 20px ;
background: url(/gfx/16x16/time.png) left center no-repeat;
}
#blogList .articleAuthor
{
padding: 2px 0 2px 20px ;
background: url(/gfx/16x16/user.png) left center no-repeat;
}
#blogList .ArticleEdit
{
padding: 2px 0 2px 17px ;
background: url(/gfx/16x16/note_edit.png) left center no-repeat;
}
#blogList .commentsNum
{
padding: 2px 0 2px 20px;
background: url(/gfx/16x16/comment_2.png) left center no-repeat;
margin-right: 10px;
}
#blogList h4
{
margin:0;
font:bold 100% Verdana,Arial,Sans-serif;
}
#blogList p
{
margin:1em;
margin-left: 0px;
margin-right: 0px;
color:#444;
}
#blogList a
{
padding-bottom:2px;
margin-bottom:.25em;
color:#900000;
}
#blogList a:hover
{
text-decoration:none;
color:#c00000;
}
#blogList input, select
{
border: solid 1px #ccc;
background:#eee;
}
#blogList .more
{
position: absolute;
/*background: url(/gfx/more2.gif) left top repeat-x;*/
background-color: transparent;
width:23px;
height:12px;
font-size:0px;
margin-left:5px;
margin-top:2px;
}
#blogList blockquote
{
margin: 20px 0 20px 10px;
padding: 0 20px 0 50px;
/*background: #fafafa url(/gfx/quote.png) left top no-repeat;*/
border: none;
font-style:italic;
color:#666;
}
.fp_top_box {
list-style:none;
margin:0;
padding:0;
}
.fp_top_box li {
float:left;
text-align:center;
display:block;
margin-right:2px;
}
.featPhoto {
padding:2px;
width:280px;
text-align:center;
}
.featSkin {
padding:2px;
width:250px;
text-align:center;
}
.featWallz {
padding:2px;
width:248px;
text-align:center;
}
.featPhoto h2 a, .featWallz h2 a, .featSkin h2 a
{
font-size:15px;
font-weight:bold;
}
.featPhoto p ,.featWallz p, .featSkin p
{
text-align:center;
color:#666;
font-size:13px;
}
.featStuff
{
clear:both;
border-top:1px dotted #999 !important;
border-top:1px solid #ccc;
padding-top:5px;
color:#999;
}
.featApp
{
width:49%;
float:left;
border-right: 1px dotted #999 !important;
border-right: 1px solid #ccc;
}
.featAuthor
{
width:49%;
float:right;
}
.featAuthor h1, .featApp h1
{
font-size:20px;
font-weight:bold;
color:#333;
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #ccc;
padding-bottom:2px;
margin:0px;
margin-left:0px;
padding-left:0px;
}
.featAuthor p, .featApp p
{
margin:2px;
font-size:11px;
color:#333;
}
#latestShow
{
}
#myOpinion {
width:290px;
background: #eee;
float:right;
display: block;
margin: 2px;
padding: 5px;
margin-bottom:4px;
border: 1px solid #aaa;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
margin-right:14px;
}
#myOpinionLeft {
width:290px;
background: #eee;
display: block;
margin: 2px;
padding: 5px;
margin-bottom:4px;
border: 1px solid #aaa;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
margin-right:14px;
}
#msgBox
{
width:300px;
height:50px;
position: fixed;
z-index: 1000;
right: 50px;
bottom: 0px;
background:url(/gfx/privMsgBack.png);
opacity: .6;
filter: alpha(opacity=60);
padding-bottom: 10px;
display: block;
}
#msgBoxTxt
{
width:290px;
height:50px;
position: fixed;
z-index: 1001;
right: 55px;
bottom: 0px;
color:#fff;
}
#msgBoxTxt h2
{
font-size:10px;
color:#bbb;
}
#msgBoxTxt a
{
color:#bbb;
}
#msgBoxX
{
position: fixed;
z-index: 1002;
right: 56px;
bottom: 37px;
color:#fff;
}
#fader
{
width:100%;
height:50px;
bottom: 0px;
position: fixed;
z-index: 1001;
background:url(/gfx/fader.png) repeat-x !important;
}
#indexBrowser
{
}
#indexBrowserContent
{
clear:both;
}
#dropDown
{
list-style:none;
margin:0px;
padding:0px;
}
#dropDown ul
{
list-style:none;
padding:2px;
background:#9bc0dc;
width:143px;
z-index:2;
}
#dropDown a
{
display: block;
}
#dropDown a:hover
{
background:#fc0;
width:137px;
}
#dropDown li.firstLine
{
text-align:center;
width:123px;
height:20px;
color:#fff;
font-weight:bold;
border-bottom:solid 2px #000;
}
#dropDown li
{
background:#bde0fb;
float:left;
position:relative;
width:137px;
border-bottom:dotted 1px #9bc0dc;
text-align:left;
padding-left:3px;
cursor:pointer;
}
#dropDown li:hover ul
{
left: auto;
}
#sbNavigation {
width:335px;
align:center;
list-style:none;
}
#sbNavigation ul {
list-style:none;
}
#sbNavigation li {
float:left;
}
#sbNavigation .prev {
display:block;
width:102px;
height:36px;
background:url(/gfx/skin_navigation.jpg) no-repeat;
}
#sbNavigation .prev:hover
{
background:url(/gfx/skin_navigation.jpg) 0px -36px no-repeat;
}
#sbNavigation .directory
{
display:block;
width:126px;
height:36px;
background:url(/gfx/skin_navigation.jpg) -102px 0px no-repeat;
}
#sbNavigation .directory:hover
{
background:url(/gfx/skin_navigation.jpg) -102px -36px no-repeat;
}
#sbNavigation .next
{
display:block;
width:102px;
height:36px;
background:url(/gfx/skin_navigation.jpg) -228px 0px no-repeat;
}
#sbNavigation .next:hover
{
background:url(/gfx/skin_navigation.jpg) -228px -36px no-repeat;
}
.interviewHeadline
{
font-size:18px;
font-weight:bold;
}
#interviewList h2
{
font-size:15px;
font-weight:bold;
color:#644;
margin-top:15px;
font-style:italic;
}
#interviewList h1
{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
#interviewList p
{
margin-top:3px;
font-size:12px;
}
.interviewGuy
{
font-size:15px;
font-weight:bold;
}
.forumPostReply
{
font-weight: bold;
text-transform: uppercase;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #989898;
padding-top:5px;
margin-bottom:10px;
width:98%;
}
blockquote
{
margin:5px;
padding:10px;
padding-left:20px;
background: #ebeadd url(/gfx/quote.gif) left top no-repeat;
border: solid 1px #dbdbce;
}
blockquote .writer
{
display:block;
font-weight:bold;
padding-bottom:4px;
}
#format-buttons
{
margin-top: 15px;
margin-right: 0pt;
margin-bottom: 2px;
margin-left: 0pt;
font-size:10px;
}
#notice {
width:20px;
height:20px;
display:block;
float:left;
margin-top:24px;
background:url(/gfx/notices.png) no-repeat top;
}
#notice a {
font-size:8px;
color:#fff;
font-weight:bold;
width:19px;
padding-top:2px;
margin-left:1px;
text-align:center;
display:block;
}
.noticeBox
{
margin-left:250px;
padding-top:3px;
color:#aaa;
}
.notice_pix
{
float:left;
margin-top:5px;
padding-right:3px;
}
.link_notice
{
margin-top:-4px;
}
.notice_comment
{
border:solid 1px #ccc;
margin-bottom:10px;
clear:both;
width:100%;
min-height:100px;
}
.notice_avatar
{
float:left;
margin:5px;
}
.notice_message
{
margin-left:60px;
margin-top:0px;
font-size:12px;
}
.notice_alert a
{
color:#cca;
}
.notice_alert
{
font-size:13px;
font-weight:bold;
color:#999;
padding-left:10px;
background:url(/skins/macskin_silver_2011/gfx/m2.jpg) repeat-x;
height:24px;
padding-top:7px;
}
.notice_datum
{
font-size:11px;
color:#666;
padding:5px;
}
#noticeWallzBox li
{
float:left;
background-color: #eee;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #999;
padding: 0px;
margin:2px;
height:180px;
list-style:none;
}
.noticeClose
{
float:right;
cursor:pointer;
background:url(/gfx/close_button_red.gif) no-repeat;
width:10px;
height:10px;
margin-right:2px;
margin-top:2px;
margin-bottom:2px;
}
.noticeClose2
{
float:right;
cursor:pointer;
background:url(/gfx/close_button_red.gif) no-repeat;
width:10px;
height:10px;
margin-right:2px;
margin-top:8px;
margin-bottom:2px;
}
#noticeCommentBox li {
padding: 0px;
margin:2px;
list-style:none;
}
.bdayBox {
list-style:none;
margin:0;
padding:0;
}
.bdayBox li {
float:left;
margin:2px;
padding:2px;
width:110px;
height:100px;
border:solid 1px #ddd;
text-align:center;
}
.bdayBox li:hover {
background:#ddd;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
/*
.bdayBox img {
border:solid 1px #999;
padding:3px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
*/
.bdayBoxs {
float:left;
margin:2px;
padding:2px;
width:70px;
text-align:center;
}
.bdayBoxs:hover {
background:#ddd;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.bdayBoxs img {
border:solid 1px #999;
padding:3px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#newsBox {
list-style:none;
}
#newsBox li {
float:left;
margin:2px;
padding:2px;
width:300px;
min-height:100px;
border:solid 1px #ddd;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#newsBox h2 a{
color:#900;
font-weight:bold;
font-size:14px;
}
#newsBox .datum {
font-size:10px;
color:#999;
}
#newsBox .avtor {
font-size:10px;
color:#a99;
}
.wrapmiddle{
float: left;
width: 100%;
}
.content{
margin-left:160px;
}
.nav_left{
/*
float: left;
width: 155px;
margin-left: -100%;
font-size:11px;
color:#aaa;
margin-bottom:10px;
z-index:1;
*/
}
li.headline {
display:block;
margin:0px;
color:#fff;
padding-left:8px;
font-size:12px;
font-weight:bold;
margin-top:8px;
margin-bottom:5px;
}
li.headline:hover {
}
.nav_left .odd {
display:block;
background-color: rgba(255,255,255,0.1);
}
.nav_left a {
color:#aaa;
margin:0px;
}
.nav_left a:hover {
text-decoration:none;
}
.nav_left ul {
list-style:none;
padding:0;
margin:0;
}
.nav_left li {
margin-bottom:2px;
padding:3px;
padding-left:8px;
padding-top:5px;
}
.nav_left li a:hover {
color:#fab206;
}
.nav_left p {
margin:0px;
padding-left:4px;
padding-right:2px;
}
.thumbList {
list-style:none;
}
.thumbList li {
float:left;
margin:2px;
text-align:center;
width:110px;
min-height:110px;
vertical-align:middle;
}
img.myBorder {
padding:3px;
border:solid 1px #444;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow: 2px 2px 5px #000;
margin:2px;
}
img.myBorder2 {
border-radius:1px;
-webkit-border-radius:1px;
-moz-border-radius:1px;
margin:2px;
}
.browseList {
list-style:none;
margin:0;
padding:0;
margin-top:10px;
margin-bottom:10px;
}
.browseList li {
float:left;
display:block;
padding:3px;
border:solid 1px #eee;
border-radius:5px;
-webkit-border-radius:5px;
margin:2px;
-moz-border-radius:5px;
}
.browseList li:hover {
background:#dbe9fb;
}
.dlCounter {
padding:3px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
color:#aaa;
font-size:12px;
}
.thumbBoxBig {
height:200px;
/* display:table-cell; */
vertical-align:middle;
text-align:center;
width:100%;
margin-top:10px;
}
.thumbBox {
height:122px;
width:220px;
display:table-cell;
vertical-align:middle;
text-align:center;
width:100%;
margin-left:auto;
}
.thumbBoxO {
border:solid 1px #900;
height:150px;
width:250px;
display:block;
text-align:center;
}
.browseCategoryBox {
}
.browseCategory {
list-style:none;
font-size:15px;
font-weight:bold;
height:339px;
overflow:auto;
padding-top:35px;
}
.browseCategory li a {
color:#444;
}
.browseCategory li {
font-size:10px;
border:solid 1px #ddd;
padding:3px;
margin:2px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
width:185px;
height:14px;
display:inline;
float:left;
clear:none;
padding-left:5px;
}
.topCatList:hover, .browseCategory li:hover {
background:#dbe9fb;
}
.catBox {
width:750px;
list-style:none;
}
.leftCatBox {
float:left;
width:100px;
margin-right:10px;
border-right:dotted 1px #aaa;
text-align:center;
}
.leftCatBox a {
color:#999;
}
.btnImg {
cursor:pointer;
opacity:.8;
}
.btnImg:hover {
cursor:pointer;
opacity:1;
}
.topCatList {
font-size:10px;
border:solid 1px #ddd;
padding:3px;
margin:2px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
width:185px;
height:12px;
padding-left:5px;
}
.pollQ {
margin-top:1px;
padding:2px;
margin-bottom:2px;
}
.pollQ input[type=radio] {
margin-right:5px;
}
#mainFooter {
clear:both;
padding-top: 8px;
padding-right: 0pt;
padding-bottom: 10px;
margin-top:0px;
padding-left: 0pt;
background: #111820 url(/gfx/footer_main.png) repeat-x;
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center top;
text-align:center;
color:#c0c0c0;
font-size:11px;
line-height:13px;
height:175px;
border-top:solid 1px #000;
}
#mainFooter p {
font-size:11px;
line-height:16px;
color:#8d9999;
}
#mainFooter h4 {
color:#fff;
margin-top:0;
letter-spacing:0px;
font-size:14px;
line-height:110%;
font-weight:normal;
margin:0;
padding:0 0 .3em 0;
}
#mainFooter form
{
margin:0px;
padding:0px;
}
#mainFooter .footer_input
{
border:solid 1px #999;
background:#eee;
width:170px;
}
#mainFooter h4.info { background:url(/gfx/web.gif) no-repeat 0; padding:0 0 0 20px; }
#mainFooter h4.mailing { background:url(/gfx/user.gif) no-repeat 0; padding:0 0 0 20px; }
#mainFooter h4.trend { background:url(/gfx/star.png) no-repeat 0; padding:0 0 0 20px; }
#mainFooter h4.sitemap { background:url(/gfx/pages.png) no-repeat 0; padding:0 0 0 20px; }
#mainFooter a { color:#c0c0c0; text-decoration:underline; }
#mainFooter ul
{
list-style:none;
padding-left:20px;
background:none;
}
#mainFooter li
{
margin-top:3px;
}
.realFooter
{
clear:both;
padding-top:10px;
color:#999;
font-size:11px;
}
.grid { width:1100px; margin:0 auto; text-align:left; }
.grid .col { float:left; margin:0 20px 0 0; }
.grid .x1 { width:180px; border-right:dotted 1px #666; height:100px;}
.grid .x2 { width:240px; }
.grid .x3 { width:550px; }
.grid .x4 { width:740px; }
.grid .x5 { width:930px; margin-right:0; }
.grid .end { height:100px; padding-left:20px;margin-right:0; }
.adsBorder {
float:left;
width:330px;
padding:5px;
margin-right:10px;
}
.bubble_comment {
background:#eee;
border:solid 1px #999;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
margin-left:80px;
padding:5px;
}
.bubble_img {
float:left;
display:inline-block;
margin-right:10px;
margin-bottom:5px;
}
.bubble_arrow_left {
background: url(/gfx/bubble_arrow.png) left top no-repeat;
width:15px;
height:15px;
margin-top:12px;
position:relative;
margin-left:-19px;
float:left;
}
.triangle-isosceles {
position:relative;
padding:15px;
padding-bottom:3px !important;
color:#000;
background:#ccc; /* default background for browsers without gradient support */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
/* Variant : for left/right positioned triangle
------------------------------------------ */
.triangle-isosceles.left {
margin-left:80px;
background:#eee;
display:block;
}
/* creates triangle */
.triangle-isosceles:after {
content:"";
position:absolute;
bottom:-15px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width:5px 5px 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#f3961c transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
.triangle-isosceles.left:after {
top:13px; /* controls vertical position */
left:-13px; /* value = - border-left-width - border-right-width */
bottom:auto;
border-width:10px 20px 10px 0px;
border-color:transparent #eee;
}
.commentBox {
list-style:none;
margin:0;
padding:0;
clear:both;
margin-top:10px;
margin-bottom:20px;
}
.commentBox li {
}
.cb_image {
width: 80px;
float:left;
color:#999;
font-size:10px;
text-align:center;
}
.cb_image a {
color:#ccc;
font-weight:bold;
font-size:10px;
}
.cb_info {
color:#666;
float:right;
clear:left;
width:100%;
text-align:right;
padding-top:3px;
margin-top:3px;
}
.message_box {
padding:10px;
float:right;
width:98%;
}
.commentMsg {
min-height:30px;
padding:5px;
}
.bubble_signature {
clear:left;
background:#ddd;
padding:3px;
margin-top:2px;
border-radius:5px;
text-align:center;
font-size:10px;
color:#777;
border:solid 1px #ccc;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
#userBar {
background:#eee;
padding:5px;
list-style:none;
margin:0;
height:50px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#userBar h1 {
padding-left:5px;
padding-bottom:3px;
}
#userBar p {
color:#333;
padding-bottom:4px;
}
#counter {
overflow: hidden;
*zoom: 1;
margin:0 auto;
-moz-border-radius: 50px;
-webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px;
-khtml-border-radius: 50px; border-radius: 50px;
background: white;
background:
-moz-linear-gradient(top, white, #dddddd); background:
-ms-linear-gradient(top, white, #dddddd); background:
-o-linear-gradient(top, white, #dddddd); background:
-webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #dddddd));
background: -webkit-linear-gradient(top, white, #dddddd);
background: linear-gradient(top, white, #dddddd);
border: 1px solid #ccc; font-family: "Arial Black", "Helvetica Neue", sans-serif;
font-size:20px;
padding: 5px 30px; padding-bottom: 11px;
width: 700px;
margin-bottom: 13px;
color:#999;
border:solid 3px #333;
}
#total_msgs {
float: left;
font-size: 2.4em;
padding: 0;
padding-top: 6px;
}
#total_msgs span {
width: 0.7em;
float: left;
text-align: center;
font-weight:bold;
}
#total_msgs span.l {
width: 0.66em;
}
#total_msgs span.lcom {
width: 0.5em;
}
#counter p {
float: right;
padding: 0;
margin: 0;
font-size: 0.9em;
padding-top: 4px;
font-style: normal;
color: #bbb;
text-transform: uppercase;
line-height: 1.1;
padding-top:35px;
font-size:13px;
}
#appList {
list-style:none;
margin:0;
padding:0;
}
#appList li {
float:left;
font-size:12px;
display:block;
width:40px;
height:40px;
text-align:center;
margin:2px;
padding:3px;
}
#bottom_menu {
list-style:none;
padding:0;
margin:0;
width:1050px;
}
#bottom_menu a {
color:#aaa;
}
#bottom_menu li {
float:left;
width:330px;
margin:0;
padding-left:5px;
padding-right:5px;
color:#aaa;
padding:5px;
background:rgba(100,100,100,0.1);
border-radius:5px;
min-height:320px;
margin-bottom:10px;
}
h5.bottomHead {
font-size:25px !important;
color:#aaa;
}
#footer_msgBoard {
list-style:none;
margin:0;
padding:0;
}
#footer_msgBoard li {
margin:2px;
padding:2px;
padding-bottom:5px;
}
#footer_msgBoard a {
color:#999;
}
#footer_chat ul {
list-style:none;
}
#footer_chat a{
color:#999;
}
#footer_poll h5 {
font-size:13px;
font-weight:bold;
}
.smileyList {
list-style:none;
margin:0;
padding:0;
}
.smileyList li {
float:left;
display:block;
margin:2px;
padding:3px;
border:solid 1px #ccc;
border-radius:5px;
-moz-border-radius:5px;
-web-border-radius:5px;
}
.smileyList li:hover {
background:#eee;
}
#prvMessage {
list-style:none;
}
.wBack {
-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:solid 1px #111;
background: #fff;
padding:3px;
}
.chatTxt {
-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
/*border:solid 1px #111;
background: rgba(100,100,100,0.1);
*/
padding:3px;
width:130px;
color:#555;
}
.chatTxt:hover {
background:rgba(100,100,100,0.05);
}
.chatTxtS {
-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:solid 1px #ccc;
background: #eee;
margin:2px;
padding:3px;
color:#555;
list-style:none;
}
.chatTxtS:hover {
background:rgba(100,100,100,0.05);
}
.chatAgo {
font-size:9px;
color:#666;
margin-left:5px;
}
.chatSender {
color:#232e3a;
font-weight:bold;
font-size:11px;
}
a.chatSender {
color:#db9327;
font-weight:bold;
font-size:11px;
}
.chatMsg {
font-size:12px;
color:#333;
}
.joinBanner {
display:block;
width:321px;
height:186px;
text-indent:-10000px;
background:url(/gfx/sb_join.jpg) no-repeat;
}
.joinBanner:hover {
background:url(/gfx/sb_join_over.jpg) no-repeat;
}
.newsFlash {
width:330px;
height:122px;
overflow:hidden;
padding-left:0px;
margin:5px;
margin-bottom:10px;
border:solid 1px #f9f9f9;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#fafafa;
}
.noPic {
width:80px;
height:75px;
border:solid 1px #ccc;
background:#eee;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
float:left;
}
.headlineNews {
display:block;
font-size:12px;
border:0px;
width:325px;
height:15px;
overflow:hidden;
margin:0px;
font-size:14px;
color:#012248;
padding:5px;
background:#dcdcdc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-shadow: 1px 1px 1px #fff;
padding-left:10px;
}
.foto
{
margin-top:7px;
width:100px;
height:80px;
float:left;
overflow:hidden;
}
.newsFlash p {
margin:0px;
font-size:11px;
padding-top:5px;
padding-left:4px;
width:220px;
height:89px;
text-align:justify;
overflow:hidden;
line-height:15px;
color:#444;
}
.newsFlash .clanek
{
width:330px;
}
.leftek {
float:left;
width:340px;
}
.rightek {
float:right;
width:343px;
margin-right:5px;
}
#sideBarChat {
height:450px;
overflow:hidden;
}
#sideBarSep {
width:100%;
height:53px;
z-index:100;
position:relative;
margin-top:-50px;
cursor:pointer;
background:url(/gfx/chat_back.png) repeat-x center;
}
#sideBarSep:hover {
background:url(/gfx/chat_back_hover.png) repeat-x center;
}
.chat_opened {
background:url(/gfx/chat_back2.png) repeat-x center; !important;
}
.chat_opened:hover {
background:url(/gfx/chat_back2_hover.png) repeat-x center; !important;
}
#imageTicker, #imageTicker ul {
list-style-type: none;
padding: 0px;
margin: 0;
font-size:12px;
display:none;
margin-left:-5px;
/* height:110px;
overflow:hidden;
*/
}
.addFavourites {
cursor:pointer;
}
#homeContactBox {
color:#888;
padding-bottom:5px;
list-style:none;
padding-top:5px;
height:26px;
}
#pageLink, #messageLink {
cursor:pointer;
}
#homeContactBox a{
color:#888;
}
#homeContactBox li {
float:left;
padding-right:5px;
height:26px;
}
#homeContactBox .homepage {
background:url(/gfx/icons/web-browser.png) no-repeat;
padding-left:20px;
}
#homeContactBox .m_gender {
background:url(/gfx/icons/male.png) no-repeat;
padding-left:20px;
}
#homeContactBox .f_gender {
background:url(/gfx/icons/male.png) no-repeat;
padding-left:20px;
}
#homeContactBox .birthday {
background:url(/gfx/icons/cake.png) no-repeat;
padding-left:20px;
}
.streamTypes{
float:right;
margin-right:20px;
}
#thumbStreamChooser{
list-style:none;
}
#thumbStreamChooser li{
float:left;
margin:2px;
padding:2px;
border:solid 1px #999;
display:none;
}
#shareBox {
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
margin-top:5px;
padding-top:5px;
margin-bottom:10px;
padding-bottom:10px;
color:#555;
}
#shareBox textarea{
width:450px;
height:25px;
background:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin-top:5px;
margin-bottom:5px;
padding:5px;
color:#666;
}
#shareBox h3{
color:#f90;
}
#shareBox textarea:focus{
height:50px;
}
#shareBox button {
padding:5px;
}
.streamPost {
clear:both;
margin-bottom:30px;
}
.postPreview:hover {
background:#f3f3ff url(/gfx/control_play.png) right no-repeat;
cursor:pointer;
}
.postPreview {
background:url(/gfx/control_play.png) right no-repeat;
cursor:pointer;
}
.StreamSelected {
background:#eee url(/gfx/control_play2.png) right no-repeat;
cursor:pointer;
}
.StreamSelected:hover {
background:#e5e5e5 url(/gfx/control_play2.png) right no-repeat !important;
cursor:pointer;
}
.streamNew {
background:url(/gfx/label_new_yellow.png) no-repeat;
width:60px;
height:60px;
float:right;
}
.streamImage {
float:left;
width:80px;
text-align:center;
padding-top:5px;
}
.streamContent {
float:left;
text-align:left;
width:505px;
border:solid 1px #ccc;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:10px;
}
.streamContent h4 {
font-size:11px;
color:#f90 !important;
}
.streamContent h4 a {
color:#f90;
}
.streamContent p {
color:#555;
font-size:11px;
font-weight:normal;
margin-top:5px;
}
.streamDatum {
padding-left:20px;
background:url(/gfx/icons/future-projects.png) left center no-repeat;
border-top:dotted 1px #ccc;
padding-top:3px;
margin-top:8px;
clear:both;
color:#999;
font-size:10px;
height:16px;
}
.stream_Remove {
padding-left:20px;
background:url(/gfx/remove.png) left no-repeat;
cursor:pointer;
float:right;
height:16px;
}
.stream_Like {
padding-left:20px;
background:url(/gfx/icons/heart.png) left center no-repeat;
cursor:pointer;
float:right;
margin-right:335px;
height:16px;
}
.notificationType1 {
font-size:10px;
color:#955;
}
.notificationType2 {
font-size:10px;
color:#595;
}
#leftNoticeStream {
float:left;
width:610px;
}
#rightNotice {
width:430px;
float:right;
}
#showNoticeBox {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#fff;
padding:5px;
z-index:2;
}
.paginate {
}
a.paginate {
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #fff;
background:#f90 url(/gfx/toolbar/toolbar_back_white.png) repeat-x;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:0;
}
a.paginate:hover {
text-decoration: none;
background: #900;
color: #fff;
}
a.current {
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #fff;
background:#090;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:0;
cursor: default;
}
span.inactive {
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #fff;
background:#ccc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:0;
}
.followingButton {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
width:220px;
color: #050505;
padding: 10px 20px;
background: -moz-linear-gradient(top,#ffffff 0%,#ebebeb 50%,#dbdbdb 50%,#b5b5b5);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#b5b5b5));
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #949494;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);
cursor:pointer;
margin-top:10px;
}
#mchatek {
height:400px;
buffer:400px;
overflow:auto;
border:solid 1px #999;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:3px;
}
.sender {
display:block;
color:#db9327;
font-size:13px;
float:left;
margin-right:10px;
}
.sender a {
color:#f90;
font-weight:bold;
}
.chatMessage {
border:solid 1px #eee;
margin:5px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:5px;
clear:both;
line-height:18px;
}
.chatMessage:hover {
background:#eee;
border:solid 1px #ddd;
}
.chatAgos {
font-size:9px;
color:#999;
background:#f1f1f1;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:3px;
}
#chatType {
background:#1a2027;
margin:0;
padding:5px;
}
#chatType input[type=submit] {
margin-left:3px;
margin-top:0;
height:28px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
padding: 4px 18px;
background: -moz-linear-gradient(
top,
#eb2d40 0%,
#eb2d40 50%,
#cf0029 50%,
#cf0029);
background: -webkit-gradient(
linear, left top, left bottom,
from(#eb2d40),
color-stop(0.50, #eb2d40),
color-stop(0.50, #cf0029),
to(#cf0029));
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #cf0029;
-moz-box-shadow:
0px 2px 2px rgba(000,000,000,0.2),
inset 0px 0px 0px rgba(255,255,255,0);
-webkit-box-shadow:
0px 2px 2px rgba(000,000,000,0.2),
inset 0px 0px 0px rgba(255,255,255,0);
text-shadow:
0px 0px 0px rgba(000,000,000,0.4),
0px 0px 0px rgba(255,255,255,0.3);
}
#chatType input[type=text] {
width:600px;
height:20px;
font-size:13px;
color:#ddd;
border:solid 1px #000;
padding:4px;
background:#3a4047;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#smileyList {
list-style:none;
margin:0;
padding:0;
}
#smileyList li {
float:left;
padding:3px;
margin:1px;
}
#smileyList li:hover {
background:#333;
}
.changeCoverArt {
display:block;
padding:5px;
background:#fff;
color:#555;
float:right;
position:relative;
margin-top:-30px;
margin-right:10px;
z-index:1000;
cursor:pointer;
opacity:.6;
}
.changeCoverArt:hover {
opacity:.8;
}
#mywindow {
position:absolute;
width:500px;
height:200px;
border:solid 1px #333;
background:#f1f1f1;
top:0;
display:none;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:1px 1px 3px #444;
padding:10px;
}
.replyBox {
background:#f0f0f0;
padding:3px;
border:solid 1px #ddd;
margin:5px;
}
#galleryNews {
list-style:none;
margin:0;
padding:0;
clear:both;
}
#galleryNews li {
list-style:none;
float:left;
margin:5px;
padding:3px;
border:solid 1px #999;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
box-shadow:1px 1px 2px #999;
}
#sortBtn {
float:right;
margin:5px;
padding:3px;
background:#eee;
border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
}
#sortBtn img {
border:solid 1px #fff;
}
#sortBtn img:hover {
background: #ffe;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.gallery_box {
margin-left:-16px;
}
.photo_frame {
-moz-box-shadow:0px 1px 3px 10px #666;
-webkit-box-shadow:0px 1px 10px #666;
box-shadow:0px 1px 10px #666;
float:left;
width:270px;
margin-bottom:20px;
border:solid 0px #999;
position:relative;
line-height:0;
margin-left:20px;
background:#333;
}
.photo_frame:hover, .photo_frame_w600:hover {
-moz-box-shadow: 0px 0px 15px #09f;
-webkit-box-shadow: 0px 0px 15px #09f;
box-shadow: 0px 0px 15px #09f;
-webkit-transition-duration:1.3s;
-webkit-transition-timing:ease-in-out;
-o-transition-duration:1.3s;
-o-transition-timing:ease-in-out;
-moz-transition-duration:1.3s;
-moz-transition-timing:ease-in-out;
-ms-transition-duration:1.3s;
-ms-transition-timing:ease-in-out;
transition-duration:1.3s;
}
.photo_frame_w600 {
-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
box-shadow:0px 1px 3px rgba(0,0,0,0.3);
width:600px;
margin-right:15px;
margin-bottom:20px;
border:solid 1px #666;
line-height:0;
}
.photo_frame.w250 {
max-width:250px;
max-height:250px;
}
.photo_frame.w270 {
}
.gallery_manager {
margin-left:-12px;
}
.gallery_photo_frame {
max-width:127px;
max-height:127px;
width:127px;
height:127px;
margin-left:12px;
-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
box-shadow:0px 1px 6px rgba(0,0,0,0.3);
float:left;
position:relative;
line-height:0;
margin-bottom:10px;
border:solid 4px #eee;
}
.gallery_photo_frame:hover {
-moz-box-shadow: 0px 0px 15px #09f;
-webkit-box-shadow: 0px 0px 15px #09f;
box-shadow: 0px 0px 15px #09f;
-webkit-transition-duration:1.3s;
-webkit-transition-timing:ease-out;
-o-transition-duration:1.3s;
-o-transition-timing:ease-out;
-moz-transition-duration:1.3s;
-moz-transition-timing:ease-out;
-ms-transition-duration:1.3s;
-ms-transition-timing:ease-out;
transition-duration:1.3s;
transition-timing:ease-out;
}
.gallery_photo_frame img:hover {
/* background:rgba(0,0,0,0.6);*/
background:#fff;
}
.gallery_photo_frame:hover img {
/* background:rgba(0,0,0,0.6);*/
background:#fff;
}
.photo_frame:hover div.details {
display:block;
opacity:1;
-webkit-transition-duration:1.3s;
-webkit-transition-timing:ease-out;
-o-transition-duration:1.3s;
-o-transition-timing:ease-out;
-moz-transition-duration:1.3s;
-moz-transition-timing:ease-out;
-ms-transition-duration:1.3s;
-ms-transition-timing:ease-out;
transition-duration:1.3s;
transition-timing:ease-out;
/*
-webkit-transform: scale(1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
*/
}
.photo_frame:hover div.social {
display:block;
opacity:1;
-webkit-transition-duration:1.3s;
-webkit-transition-timing:ease-out;
-o-transition-duration:1.3s;
-o-transition-timing:ease-out;
-moz-transition-duration:1.3s;
-moz-transition-timing:ease-out;
-ms-transition-duration:1.3s;
-ms-transition-timing:ease-out;
transition-duration:1.3s;
transition-timing:ease-out;
}
div.social {
display:none;
opacity:0;
-webkit-transition-duration:1.3s;
-webkit-transition-timing:ease-in-out;
-o-transition-duration:1.3s;
-o-transition-timing:ease-out;
-moz-transition-duration:1.3s;
-moz-transition-timing:ease-out;
-ms-transition-duration:1.3s;
-ms-transition-timing:ease-out;
transition-duration:1.3s;
transition-timing:ease-out;
position:absolute;
right:10px;
top:10px;
color:#fff;
font-size:20px;
}
div.details {
display:none;
opacity:0;
-webkit-transition-duration:1.3s;
-webkit-transition-timing:ease-in-out;
-o-transition-duration:1.3s;
-o-transition-timing:ease-out;
-moz-transition-duration:1.3s;
-moz-transition-timing:ease-out;
-ms-transition-duration:1.3s;
-ms-transition-timing:ease-out;
transition-duration:1.3s;
transition-timing:ease-out;
position:absolute;
overflow:hidden;
white-space:nowrap;
bottom:-2px;
bottom:0px !important;
left:1px;
left:0px !important;
color:#999;
text-shadow:1px 1px 2px #111 !important;
background:#333;
background:rgba(0,0,0,0.60);
width:100%;
height:51px;
padding-top:1px;
padding-left:1px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(0,0,0,0.0)),
color-stop(5%,rgba(0,0,0,0.1)),
color-stop(10%,rgba(0,0,0,0.2)),
color-stop(100%,rgba(0,0,0,0.6))
); /* Chrome,Safari4+ *
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
/*
opacity: 1;
z-index:999;
-webkit-transform: scale(0);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
*/
}
div.details:hover {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(0,0,0,0.0)),
color-stop(5%,rgba(0,0,0,0.2)),
color-stop(10%,rgba(0,0,0,0.4)),
color-stop(100%,rgba(0,0,0,0.8))
); /* Chrome,Safari4+ *
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
div.photo_frame .details a {
color:#ccc;
letter-spacing:0px;
font-weight:300;
}
div.photo_frame .details_small a {
color:#fff
}
div.photo_frame .details a:hover {
color:#00afe9
}
div.details_small {
position:absolute;
overflow:hidden;
white-space:nowrap;
bottom:0px;
color:#fff;
background:#000;
background:rgba(0,0,0,0.60);
width:100%;
height:30px
}
div.photo_frame .details_small .title_w127 {
width:100%;
font-size:10px;
line-height:20px;
height:23px;
font-weight:100;
letter-spacing:1px;
position:absolute;
top:6px;
left:10px;
overflow:hidden;
text-overflow:ellipsis;
}
div.photo_frame .details .title {
width:100%;
font-size:15px;
line-height:20px;
height:23px;
font-weight:300;
letter-spacing:1px;
position:absolute;
top:6px;
left:10px;
font-family:Lato;
overflow:hidden;
width:260px;
text-overflow:ellipsis;
text-shadow:1px 1px 1px #000 !important;
font-family:"Helvetica Neue", Arial;
}
div.photo_frame .details .info {
width:200px;
font-size:12px;
line-height:11px;
font-weight:300;
position:absolute;
bottom:9px;
left:10px;
}
.photo_frame:hover .social_box {
opacity:1;
margin-top:0px;
-webkit-transform: margin-top;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
display:block;
}
.container_photo {
padding-top:20px;
}
.social_box {
opacity:0;
position:absolute;
left:80px;
width:100px;
height:20px;
margin-top:-20px;
top:0px;
background:#ccc;
background:rgba(200,200,200, 0.6);
padding:2px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-transition-duration:0.6s;
border-top:solid 1px #999;
}
.social_like_btn {
position:absolute;
left:10px;
top:5px;
cursor:pointer;
}
.social_box:hover {
-moz-box-shadow: 0px 0px 15px #09f;
-webkit-box-shadow: 0px 0px 15px #09f;
box-shadow: 0px 0px 15px #09f;
-webkit-transition-duration:0.6s;
}
.photo_frame:hover .social_favourites_btn {
opacity:1;
}
.social_favourites_btn {
position:absolute;
right:10px;
top:5px;
cursor:pointer;
}
.social_favourites_btn:hover, .social_like_btn:hover {
color:#09e;
-webkit-transition-duration:0.7s;
}
.ulBtn {
position:relative;
cursor:pointer;
display:block;
width:auto;
width:180px;
float:left;
}
.uploadImage {
background:#f00;
opacity: 0;
position:absolute;
left:0;
top:0;
display:block;
margin:0;
padding:0;
width:100%;
height:100%;
cursor:pointer !important;
}
#preview_box {
display:none;
}
.ribbon {
position: absolute;
right: -5px; top: -5px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
z-index:100;
}
.ribbon span {
font-weight: normal;
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: bold; line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
width: 100px; display: block;
background: #9BC90D;
background: linear-gradient(top, #9BC90D 0%, #79A70A 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 19px; right: -21px;
opacity:1;
font-size: 8px;
}
.ribbon span::before {
content: '';
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #579500;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #579500;
}
.ribbon span::after {
content: '';
position: absolute; right: 0%; top: 100%;
z-index: -1;
border-right: 3px solid #579500;
border-left: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #579500;
}
.gid_0 span {
background: #f90;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_0 span::before {
border-left: 3px solid #363 !important;
border-top: 3px solid #363 !important;
}
.gid_0 span::after {
border-right: 3px solid #363 !important;
border-top: 3px solid #363 !important;
}
.gid_1 span {
background: #f90;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_1 span::before {
border-left: 3px solid #a60 !important;
border-top: 3px solid #a60 !important;
}
.gid_1 span::after {
border-right: 3px solid #a60 !important;
border-top: 3px solid #a60 !important;
}
.gid_2 span {
background: #f9f;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_2 span::before {
border-left: 3px solid #a6a !important;
border-top: 3px solid #a6a !important;
}
.gid_2 span::after {
border-right: 3px solid #a6a !important;
border-top: 3px solid #a6a !important;
}
.gid_3 span {
background: #390;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_3 span::before {
border-left: 3px solid #160 !important;
border-top: 3px solid #160 !important;
}
.gid_3 span::after {
border-right: 3px solid #160 !important;
border-top: 3px solid #160 !important;
}
.gid_4 span {
background: #033;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_4 span::before {
border-left: 3px solid #011 !important;
border-top: 3px solid #011 !important;
}
.gid_4 span::after {
border-right: 3px solid #001 !important;
border-top: 3px solid #001 !important;
}
.gid_5 span {
background: #930;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_5 span::before {
border-left: 3px solid #610 !important;
border-top: 3px solid #610 !important;
}
.gid_5 span::after {
border-right: 3px solid #a60 !important;
border-top: 3px solid #a60 !important;
}
.gid_6 span {
background: #f90;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_6 span::before {
border-left: 3px solid #a60 !important;
border-top: 3px solid #a60 !important;
}
.gid_6 span::after {
border-right: 3px solid #a60 !important;
border-top: 3px solid #a60 !important;
}
.gid_7 span {
background: #110;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_7 span::before {
border-left: 3px solid #000 !important;
border-top: 3px solid #000 !important;
}
.gid_7 span::after {
border-right: 3px solid #000 !important;
border-top: 3px solid #000 !important;
}
.gid_8 span {
background: #900;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_8 span::before {
border-left: 3px solid #600 !important;
border-top: 3px solid #600 !important;
}
.gid_8 span::after {
border-right: 3px solid #600 !important;
border-top: 3px solid #600 !important;
}
.gid_9 span {
background: #c03;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_9 span::before {
border-left: 3px solid #901 !important;
border-top: 3px solid #901 !important;
}
.gid_9 span::after {
border-right: 3px solid #901 !important;
border-top: 3px solid #901 !important;
}
.gid_10 span {
background: #333;
background: linear-gradient(top, #f90 0%, #fe0 100%);
}
.gid_10 span::before {
border-left: 3px solid #111 !important;
border-top: 3px solid #111 !important;
}
.gid_10 span::after {
border-right: 3px solid #111 !important;
border-top: 3px solid #111 !important;
}
.gid_11 span {
background: #368;
}
.gid_11 span::before {
border-left: 3px solid #132 !important;
border-top: 3px solid #132 !important;
}
.gid_11 span::after {
border-right: 3px solid #132 !important;
border-top: 3px solid #132 !important;
}
.gid_12 span {
background: #c66;
}
.gid_12 span::before {
border-left: 3px solid #a60 !important;
border-top: 3px solid #a60 !important;
}
.gid_12 span::after {
border-right: 3px solid #a60 !important;
border-top: 3px solid #a60 !important;
}
.gid_13 span {
background: #969;
}
.gid_13 span::before {
border-left: 3px solid #636 !important;
border-top: 3px solid #636 !important;
}
.gid_13 span::after {
border-right: 3px solid #636 !important;
border-top: 3px solid #636 !important;
}
.gid_14 span {
background: #69f;
}
.gid_14 span::before {
border-left: 3px solid #333 !important;
border-top: 3px solid #333 !important;
}
.gid_14 span::after {
border-right: 3px solid #333 !important;
border-top: 3px solid #333 !important;
}
.gid_15 span {
background: #96f;
}
.gid_15 span::before {
border-left: 3px solid #333 !important;
border-top: 3px solid #333 !important;
}
.gid_15 span::after {
border-right: 3px solid #333 !important;
border-top: 3px solid #333 !important;
}
.gid_16 span {
background: #939;
}
.gid_16 span::before {
border-left: 3px solid #636 !important;
border-top: 3px solid #636 !important;
}
.gid_16 span::after {
border-right: 3px solid #636 !important;
border-top: 3px solid #636 !important;
}
.gid_17 span {
background: #f6a;
}
.gid_17 span::before {
border-left: 3px solid #a36 !important;
border-top: 3px solid #a36 !important;
}
.gid_17 span::after {
border-right: 3px solid #a36 !important;
border-top: 3px solid #a36 !important;
}
.gid_18 span {
background: #cca;
}
.gid_18 span::before {
border-left: 3px solid #999 !important;
border-top: 3px solid #999 !important;
}
.gid_18 span::after {
border-right: 3px solid #999 !important;
border-top: 3px solid #999 !important;
}
.gid_24 span {
background: #faf;
}
.gid_24 span::before {
border-left: 3px solid #a36 !important;
border-top: 3px solid #a36 !important;
}
.gid_24 span::after {
border-right: 3px solid #a36 !important;
border-top: 3px solid #a36 !important;
}
.gid_19 span {
background: #74b;
}
.gid_19 span::before {
border-left: 3px solid #418 !important;
border-top: 3px solid #418 !important;
}
.gid_19 span::after {
border-right: 3px solid #418 !important;
border-top: 3px solid #418 !important;
}
.gid_20 span {
background: #3ba;
}
.gid_20 span::before {
border-left: 3px solid #087 !important;
border-top: 3px solid #087 !important;
}
.gid_20 span::after {
border-right: 3px solid #087 !important;
border-top: 3px solid #087 !important;
}
.gid_21 span {
background: #3bf;
}
.gid_21 span::before {
border-left: 3px solid #08a !important;
border-top: 3px solid #08a !important;
}
.gid_21 span::after {
border-right: 3px solid #08a !important;
border-top: 3px solid #08a !important;
}
.gid_22 span {
background: #f60;
}
.gid_22 span::before {
border-left: 3px solid #a30 !important;
border-top: 3px solid #a30 !important;
}
.gid_22 span::after {
border-right: 3px solid #a30 !important;
border-top: 3px solid #a30 !important;
}
.gid_23 span {
background: #f57;
}
.gid_23 span::before {
border-left: 3px solid #926 !important;
border-top: 3px solid #926 !important;
}
.gid_23 span::after {
border-right: 3px solid #926 !important;
border-top: 3px solid #926 !important;
}
.gid_25 span {
background: #f0c;
}
.gid_25 span::before {
border-left: 3px solid #a06 !important;
border-top: 3px solid #a06 !important;
}
.gid_25 span::after {
border-right: 3px solid #a06 !important;
border-top: 3px solid #a06 !important;
}
.paginationMenu {
clear:both;
margin-top:20px;
padding-top:10px;
text-align:center;
margin:0 auto;
}
.pagination {
float:right;
margin:20px 0px 10px;
padding:0px;
position:relative;
z-index:1;
}
.paginate ul { float:left; margin:0px; padding:0px; }
.paginate ul li { float:left; display:inline; margin:0px 4px; padding:0px; }
.paginate ul li a, .pagination .next-post, .pagination .prev-post {
float:left;
padding:5px 10px;
font-size:13px;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
border-radius:5px;
behavior:url(PIE.htc);
}
.paginate ul li.active-page {
float:left;
padding:5px 10px; font-size:13px;
-moz-box-shadow:inset 0px 1px 0px 0px #acacac;
-webkit-box-shadow:inset 0px 1px 0px 0px #acacac;
box-shadow: inset 0px 1px 0px 0px #acacac;
border-radius:5px;
behavior:url(PIE.htc);
}
.paginate ul li a:hover, .pagination .next-post:hover, .pagination .prev-post:hover {
-moz-box-shadow:inset 0px 1px 0px 0px #acacac;
-webkit-box-shadow:inset 0px 1px 0px 0px #acacac;
box-shadow: inset 0px 1px 0px 0px #acacac;
behavior:url(PIE.htc);
}
.paginate .next-post { float:left; margin-left:4px; width:27px; height:26px; padding:0px; }
.paginate .prev-post { float:left; margin-right:4px; width:27px; height:26px; padding:0px; }
.paginate {
}
a.paginate {
padding:5px 10px;
font-size:13px;
-moz-box-shadow:inset 0px 1px 0px 0px #acacac;
-webkit-box-shadow:inset 0px 1px 0px 0px #acacac;
box-shadow: inset 0px 1px 0px 0px #acacac;
border-radius:5px;
background:#ebebeb;
border:1px solid #d7d7d7;
color:#7c7c7c;
padding:5px 10px;
font-size:13px;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
border-radius:5px;
line-height:33px;
}
a.paginate:hover {
text-decoration: none;
background:#676767;
border:1px solid #4d4d4d !important;
text-shadow:0px 1px 0px #151515;
color:#fff !important;
}
a.current {
padding:5px 10px;
font-size:13px;
border-radius:5px;
background:#ebebeb;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
border-radius:5px;
text-decoration: none;
background:#676767;
border:1px solid #4d4d4d;
text-shadow:0px 1px 0px #151515;
color:#fff;
cursor: default;
}
a.current:hover {
color:#fff;
}
span.inactive {
padding:5px 10px;
font-size:13px;
-moz-box-shadow:inset 0px 1px 0px 0px #acacac;
-webkit-box-shadow:inset 0px 1px 0px 0px #acacac;
box-shadow: inset 0px 1px 0px 0px #acacac;
border-radius:5px;
background:#ebebeb;
border:1px solid #d7d7d7;
color:#bbb;
padding:5px 10px;
font-size:13px;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
border-radius:5px;
cursor: default;
}
.manager_ArtworkName {
cursor:pointer !important;
color:#000;
}
/* columns of same height styles */
.container-xs-height {
display:table;
padding-left:0px;
padding-right:0px;
}
.row-xs-height {
display:table-row;
}
.col-xs-height {
display:table-cell;
float:none;
}
@media (min-width: 768px) {
.container-sm-height {
display:table;
padding-left:0px;
padding-right:0px;
}
.row-sm-height {
display:table-row;
}
.col-sm-height {
display:table-cell;
float:none;
}
}
@media (min-width: 992px) {
.container-md-height {
display:table;
padding-left:0px;
padding-right:0px;
}
.row-md-height {
display:table-row;
}
.col-md-height {
display:table-cell;
float:none;
}
}
@media (min-width: 1200px) {
.container-lg-height {
display:table;
padding-left:0px;
padding-right:0px;
}
.row-lg-height {
display:table-row;
}
.col-lg-height {
display:table-cell;
float:none;
}
}
/* vertical alignment styles */
.col-top {
vertical-align:top;
}
.col-middle {
vertical-align:middle;
}
.col-bottom {
vertical-align:bottom;
}
/* fix firefox responsive images */
.img-responsive {
width: 100%
}
Reference in New Issue View Git Blame Copy Permalink