2743 lines
37 KiB
CSS
2743 lines
37 KiB
CSS
/* PhotoVillage FrontPage Default Layout */
|
|
*{padding: 0; margin: 0;}
|
|
|
|
a { color:#111; text-decoration: none }
|
|
|
|
body
|
|
{
|
|
min-width:800px;
|
|
width:100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font: 10px Tahoma;
|
|
background:#363d45;
|
|
}
|
|
|
|
#wrapper
|
|
{
|
|
text-align: left;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0;
|
|
}
|
|
|
|
.imgShadow
|
|
{
|
|
background:url(/gfx/shadow2.png) no-repeat bottom right !important;
|
|
background:url(/gfx/shadow2.png) no-repeat bottom right;
|
|
clear: right;
|
|
float: left;
|
|
text-align:center;
|
|
}
|
|
|
|
.imgShadow img
|
|
{
|
|
background-color:#fff;
|
|
border: 1px solid #a9a9a9;
|
|
padding:4px;
|
|
margin: 0px 5px 5px 0px;
|
|
}
|
|
|
|
#footer
|
|
{
|
|
clear:both;
|
|
padding-top:5px;
|
|
text-align:center;
|
|
font-size:10px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.menuHeadline
|
|
{
|
|
float:left;
|
|
font-size:14px;
|
|
color:#eee;
|
|
font-weight:bold;
|
|
padding-top:5px;
|
|
}
|
|
|
|
.menuHeadline a
|
|
{
|
|
color:#eee;
|
|
}
|
|
|
|
.menuHeadline a:hover
|
|
{
|
|
border-bottom:dotted 1px #aaa;
|
|
}
|
|
|
|
/****************************************
|
|
** **
|
|
** HEADER FIELDS **
|
|
** **
|
|
****************************************/
|
|
|
|
#topHeader
|
|
{
|
|
text-align: left;
|
|
height:36px;
|
|
width:100%;
|
|
margin: 0 0 0 0px;
|
|
padding: 0 0 0 0px;
|
|
color:white;
|
|
background:#363d45 url('/skins/macskin_silver/gfx/t3.jpg');
|
|
font-family:Arial;
|
|
font-style:normal;
|
|
font-size:9pt;
|
|
color:#eee;
|
|
font-weight:bold;
|
|
}
|
|
|
|
#topHeader a
|
|
{
|
|
color:#eee;
|
|
}
|
|
|
|
#topHeader a:hover
|
|
{
|
|
color:#333;
|
|
}
|
|
|
|
#topHeader .leftTxt
|
|
{
|
|
position:absolute;
|
|
left:0px;
|
|
top:0px;
|
|
padding-top:10px;
|
|
background:#363d45 url('/skins/macskin_silver/gfx/t1.jpg');
|
|
height:26px;
|
|
width:200px;
|
|
}
|
|
|
|
#topHeader .leftSide
|
|
{
|
|
position:absolute;
|
|
left:200px;
|
|
top:0px;
|
|
width:102px;
|
|
text-align:center;
|
|
background:#363d45 url('/skins/macskin_silver/gfx/t2.jpg') no-repeat right;
|
|
height:36px;
|
|
}
|
|
|
|
#topHeader .midTxt
|
|
{
|
|
width:100%;
|
|
text-align:center;
|
|
padding-top:10px;
|
|
background:#363d45 url('/skins/macskin_silver/gfx/t3.jpg');
|
|
height:39px;
|
|
}
|
|
|
|
#topHeader .rightSide
|
|
{
|
|
position:absolute;
|
|
right:100px;
|
|
top:0px;
|
|
width:102px;
|
|
background:#363d45 url('/skins/macskin_silver/gfx/t4.jpg') no-repeat right;
|
|
height:36px;
|
|
}
|
|
|
|
#topHeader .rightTxt
|
|
{
|
|
position:absolute;
|
|
top:0px;
|
|
right:0px;
|
|
padding-top:10px;
|
|
text-align:center;
|
|
background:#363d45 url('/skins/macskin_silver/gfx/t1.jpg');
|
|
width:100px;
|
|
height:26px;
|
|
|
|
}
|
|
|
|
#header
|
|
{
|
|
text-align: left;
|
|
height:120px;
|
|
width:100%;
|
|
margin: 0 0 0 0px;
|
|
padding: 0 0 0 0px;
|
|
color:white;
|
|
background:#363d45 url('/skins/macskin_silver/gfx/banner_back.jpg') repeat-x;
|
|
}
|
|
|
|
#header .mainLogo
|
|
{
|
|
/* cursor:pointer; */
|
|
font-family:Tahoma;
|
|
font-size:0px;
|
|
margin:0px;
|
|
background:url('/skins/macskin_silver/gfx/sb_logo2.gif') no-repeat;
|
|
width:288px;
|
|
height:75px;
|
|
}
|
|
|
|
#header .mainPix
|
|
{
|
|
width:288px;
|
|
height:75px;
|
|
}
|
|
|
|
#header a
|
|
{
|
|
color:#fff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.banner468x60_top
|
|
{
|
|
position:absolute;
|
|
top:49px;
|
|
right:20px;
|
|
float:right;
|
|
}
|
|
|
|
#header h1
|
|
{
|
|
font-family:Tahoma;
|
|
font-size:0px;
|
|
margin:0px;
|
|
background:transparent url('/skins/macskin_silver/gfx/sb_logo2.gif') no-repeat;
|
|
width:288px;
|
|
height:75px;
|
|
}
|
|
|
|
#login input
|
|
{
|
|
border:0px;
|
|
background:url(/skins/macskin_silver/gfx/input_field.gif) no-repeat;
|
|
width:128px;
|
|
height:17px;
|
|
}
|
|
|
|
|
|
/****************************************
|
|
** **
|
|
** NAVIGATION FIELDS **
|
|
** **
|
|
****************************************/
|
|
#mainNav
|
|
{
|
|
font-family:Tahoma;
|
|
font-size:11px;
|
|
position:absolute;
|
|
left:0px;
|
|
width:140px;
|
|
background:transparent url('/skins/macskin_silver/gfx/l_back.jpg') repeat-y;
|
|
}
|
|
|
|
#rightNav
|
|
{
|
|
font-family:Tahoma;
|
|
font-size:11px;
|
|
position: absolute;
|
|
right:0px;
|
|
width:140px;
|
|
background:transparent url('/skins/macskin_silver/gfx/l_back.jpg') repeat-y;
|
|
}
|
|
|
|
#mainNav h2, #rightNav h2
|
|
{
|
|
background:url('/skins/macskin_silver/gfx/l_bot.jpg');
|
|
width:140px;
|
|
height:39px;
|
|
margin:0px;
|
|
}
|
|
|
|
#mainNav h3, #rightNav h3
|
|
{
|
|
margin:0px;
|
|
background:transparent url('/skins/macskin_silver/gfx/l_sep.jpg') no-repeat;
|
|
width:140px;
|
|
height:22px;
|
|
color:#fff;
|
|
padding-top:8px;
|
|
padding-left:4px;
|
|
font-size:120%;
|
|
font-weight:bold;
|
|
cursor:pointer;
|
|
}
|
|
|
|
#mainNav h4, #rightNav h4
|
|
{
|
|
background: url('/skins/macskin_silver/gfx/l_sep.jpg') no-repeat;
|
|
width: 140px;
|
|
height:28px;
|
|
padding-left:8px;
|
|
padding-top:5px;
|
|
margin:0px;
|
|
color:#fff;
|
|
}
|
|
|
|
#mainNav h5, #rightNav h5
|
|
{
|
|
margin:0px;
|
|
margin-top:3px;
|
|
margin-left:3px;
|
|
margin-right:3px;
|
|
width:130px;
|
|
color:#000;
|
|
border-bottom:1px dotted #999 !important;
|
|
border-bottom:1px solid #999;
|
|
padding-bottom:2px;
|
|
padding-left:2px;
|
|
margin-bottom:.25em;
|
|
background:#dbe9fb;
|
|
}
|
|
|
|
#mainNav .odd, #rightNav .odd
|
|
{
|
|
display:block;
|
|
background-color: #eef3f9;
|
|
width:130px;
|
|
}
|
|
|
|
#mainNav h6, #rightNav h6
|
|
{
|
|
font-weight:normal;
|
|
margin:0px;
|
|
margin-left:7px;
|
|
padding-left:5px;
|
|
margin-right:2px;
|
|
width:130px;
|
|
margin:0px;
|
|
}
|
|
|
|
#mainNav a, #rightNav a
|
|
{
|
|
color:#333;
|
|
margin:0px;
|
|
}
|
|
|
|
#mainNav a:hover, #rightNav a:hover
|
|
{
|
|
text-decoration:none;
|
|
color:#c00;
|
|
}
|
|
|
|
#mainNav ul, #rightNav ul
|
|
{
|
|
list-style:none;
|
|
padding-left:4px;
|
|
padding-top:0px;
|
|
margin:0px;
|
|
}
|
|
|
|
#mainNav li, #rightNav li
|
|
{
|
|
margin-bottom:2px;
|
|
}
|
|
|
|
#mainNav p, #rightNav p
|
|
{
|
|
margin:0px;
|
|
padding-left:4px;
|
|
padding-right:2px;
|
|
}
|
|
|
|
/****************************************
|
|
** **
|
|
** MAIN CONTENT **
|
|
** **
|
|
****************************************/
|
|
|
|
#mainContent
|
|
{
|
|
font-family:Tahoma;
|
|
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-family:Arial;
|
|
font-size:12px;
|
|
}
|
|
|
|
.mainTable
|
|
{
|
|
font-size:10px;
|
|
}
|
|
|
|
.mainTable thead
|
|
{
|
|
background:#eee;
|
|
}
|
|
|
|
.mainTable .odd
|
|
{
|
|
background:#eef3f9;
|
|
}
|
|
|
|
#mainTopMenu h2
|
|
{
|
|
margin:0px;
|
|
}
|
|
/****************************************
|
|
** **
|
|
** MAIN CONTENT BOX **
|
|
** **
|
|
****************************************/
|
|
.box
|
|
{
|
|
width: 100%;
|
|
background:#fff url('/skins/macskin_silver/gfx/m11.jpg') repeat-y;
|
|
}
|
|
|
|
.box2
|
|
{
|
|
}
|
|
|
|
.mojP
|
|
{
|
|
margin:0px;
|
|
padding:0px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
background: url('/skins/macskin_silver/gfx/m12.jpg') repeat-y right;
|
|
}
|
|
|
|
.box_right
|
|
{
|
|
margin:0px;
|
|
background: url('/skins/macskin_silver/gfx/m12.jpg') repeat-y right;
|
|
}
|
|
|
|
.box-01
|
|
{
|
|
background: url('/skins/macskin_silver/gfx/m2.jpg') repeat-x;
|
|
height:31px;
|
|
}
|
|
|
|
.box-11
|
|
{
|
|
float:left;
|
|
background: url('/skins/macskin_silver/gfx/m1.jpg') no-repeat;
|
|
width:91px;
|
|
height:31px;
|
|
}
|
|
|
|
.box-13
|
|
{
|
|
float:right;
|
|
background: url('/skins/macskin_silver/gfx/m3.jpg') no-repeat;
|
|
width:49px;
|
|
height:31px;
|
|
}
|
|
|
|
.box-03
|
|
{
|
|
background: url('/skins/macskin_silver/gfx/m22.jpg') repeat-x;
|
|
height:16px;
|
|
clear:both;
|
|
}
|
|
|
|
.box-31
|
|
{
|
|
float:left;
|
|
background: url('/skins/macskin_silver/gfx/m21.jpg') no-repeat;
|
|
width:11px;
|
|
height:16px;
|
|
}
|
|
|
|
.box-33
|
|
{
|
|
float:right;
|
|
background: url('/skins/macskin_silver/gfx/m23.jpg') no-repeat;
|
|
width:11px;
|
|
height:16px;
|
|
}
|
|
|
|
.box-left
|
|
{
|
|
float:left;
|
|
background: url('/skins/macskin_silver/gfx/m11.jpg') repeat-y;
|
|
width:11px;
|
|
}
|
|
|
|
.box h2
|
|
{
|
|
margin:0px;
|
|
background: url('/skins/macskin_silver/gfx/m11.jpg') repeat-y;
|
|
}
|
|
|
|
.box-right
|
|
{
|
|
float:right;
|
|
background: url('/skins/macskin_silver/gfx/m12.jpg') repeat-y;
|
|
width:11px;
|
|
}
|
|
|
|
/****************************************
|
|
** **
|
|
** NEWS FIELDS **
|
|
** **
|
|
****************************************/
|
|
|
|
#newsList
|
|
{
|
|
color:#111;
|
|
font-family:"Trebuchet MS";
|
|
}
|
|
|
|
#newsList a
|
|
{
|
|
padding-bottom:2px;
|
|
margin-bottom:.25em;
|
|
color:#044474;
|
|
font-weight:normal;
|
|
}
|
|
|
|
#newsList a:hover
|
|
{
|
|
text-decoration:none;
|
|
color:#c00;
|
|
}
|
|
|
|
#newsList h1
|
|
{
|
|
font-family:"Trebuchet MS";
|
|
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-top:30px;*/
|
|
margin-left:0px;
|
|
padding-left:0px;
|
|
}
|
|
|
|
#newsList .separator
|
|
{
|
|
height:30px;
|
|
}
|
|
|
|
#newsList .h1news
|
|
{
|
|
font-family:"Trebuchet MS";
|
|
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 h2
|
|
{
|
|
margin:0px;
|
|
font:100%/1.5em Verdana,Arial,Sans-serif;
|
|
font-weight:bold;
|
|
color:#444;
|
|
margin: 0px;
|
|
padding:0px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#newsList h3
|
|
{
|
|
border-bottom:1px dotted #999 !important;
|
|
border-bottom:1px solid #ccc;
|
|
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;
|
|
font-family:"Trebuchet MS";
|
|
}
|
|
|
|
#msgBoard a
|
|
{
|
|
padding-bottom:2px;
|
|
margin-bottom:.25em;
|
|
color:#333;
|
|
font-weight:normal;
|
|
}
|
|
|
|
#msgBoard a:hover
|
|
{
|
|
text-decoration:none;
|
|
color:#c00;
|
|
}
|
|
|
|
#msgBoard h1
|
|
{
|
|
font-family:"Trebuchet MS";
|
|
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 .h1news
|
|
{
|
|
font-family:"Trebuchet MS";
|
|
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;
|
|
}
|
|
|
|
#msgBoard .data
|
|
{
|
|
background:#eee;
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
#msgBoard .updated
|
|
{
|
|
border:1px dotted #999 !important;
|
|
border:1px dotted #ccc;
|
|
margin:5px;
|
|
padding:5px;
|
|
background:#eee;
|
|
|
|
}
|
|
|
|
#msgBoard h3
|
|
{
|
|
border-bottom:1px dotted #999 !important;
|
|
border-bottom:1px solid #ccc;
|
|
padding-top:2px;
|
|
margin:0px;
|
|
font:110%/1.2em Georgia,Serif;
|
|
color:#444;
|
|
background:#f4f8fd;
|
|
}
|
|
|
|
#msgBoard h4
|
|
{
|
|
font-family:"Trebuchet MS";
|
|
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/gfx/highlight_28px-3.png) repeat-x;
|
|
}
|
|
|
|
#msgBoard .highlight2
|
|
{
|
|
color:#900;
|
|
background: url(/skins/macskin_silver/gfx/highlight_28px-2.png) repeat-x;
|
|
}
|
|
|
|
|
|
#msgBoard .odd2
|
|
{
|
|
background: url(/skins/macskin_silver/gfx/highlight_28px.png) repeat-x;
|
|
}
|
|
|
|
#msgBoard .odd3
|
|
{
|
|
background: url(/skins/macskin_silver/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,select,textarea
|
|
{
|
|
background:#f4f8fd;
|
|
border:solid 1px #aaa;
|
|
}
|
|
|
|
|
|
/****************************************
|
|
** **
|
|
** EDIT MEMBERS FIELDS **
|
|
** **
|
|
****************************************/
|
|
|
|
#editList
|
|
{
|
|
color:#111;
|
|
font-family:"Trebuchet MS";
|
|
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-family:"Trebuchet MS";
|
|
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;
|
|
}
|
|
|
|
#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, textarea:hover, select:hover
|
|
{
|
|
background:#ffd;
|
|
}
|
|
|
|
#editList input,select,textarea
|
|
{
|
|
background:#f4f8fd;
|
|
border:solid 1px #aaa;
|
|
}
|
|
|
|
#editList textarea
|
|
{
|
|
background:#f4f8fd;
|
|
border:solid 0px #aaa;
|
|
}
|
|
|
|
|
|
#editList form
|
|
{
|
|
padding:10px;
|
|
}
|
|
|
|
#editList fieldset
|
|
{
|
|
border:solid 1px #aaa;
|
|
}
|
|
|
|
/****************************************
|
|
** **
|
|
** SKIN LIST TOP FIELDS **
|
|
** **
|
|
****************************************/
|
|
|
|
#skinList
|
|
{
|
|
color:#111;
|
|
font-family:"Trebuchet MS";
|
|
height:265px;
|
|
}
|
|
|
|
#skinList a
|
|
{
|
|
padding-bottom:2px;
|
|
margin-bottom:.25em;
|
|
font-weight:normal;
|
|
color:#333;
|
|
}
|
|
|
|
#skinList a:hover
|
|
{
|
|
text-decoration:none;
|
|
color:#c00;
|
|
}
|
|
|
|
#skinList 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;
|
|
}
|
|
|
|
#skinList h2
|
|
{
|
|
font:100%/1.5em Verdana,Arial,Sans-serif;
|
|
color:#444;
|
|
margin: 0px;
|
|
padding:0px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#skinList h2>a
|
|
{
|
|
color:#444;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#skinList h2>a:hover
|
|
{
|
|
color:#933;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#skinList form
|
|
{
|
|
margin:0px;
|
|
}
|
|
|
|
#skinList 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;
|
|
}
|
|
|
|
#skinList p
|
|
{
|
|
font-size:13px;
|
|
color:#333;
|
|
height:158px;
|
|
buffer:158px;
|
|
overflow:auto;
|
|
}
|
|
|
|
|
|
#skinList p.full
|
|
{
|
|
font-size:13px;
|
|
color:#333;
|
|
height:258px;
|
|
buffer:258px;
|
|
overflow:auto;
|
|
}
|
|
|
|
|
|
#skinList ul
|
|
{
|
|
list-style:none;
|
|
padding-left:4px;
|
|
padding-top:0px;
|
|
margin:0px;
|
|
}
|
|
|
|
#skinList li
|
|
{
|
|
margin-bottom:2px;
|
|
font-size:18px;
|
|
padding-bottom:4px;
|
|
font-family:"Trebuchet MS";
|
|
}
|
|
|
|
/****************************************
|
|
** **
|
|
** APPLIST LIST TOP FIELDS **
|
|
** **
|
|
****************************************/
|
|
|
|
#appList
|
|
{
|
|
color:#111;
|
|
font-family:"Trebuchet MS";
|
|
}
|
|
|
|
#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 form
|
|
{
|
|
margin:0px;
|
|
}
|
|
|
|
#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;
|
|
font-family:"Trebuchet MS";
|
|
}
|
|
|
|
|
|
/****************************************
|
|
** **
|
|
** APPLIST LIST TOP FIELDS **
|
|
** **
|
|
****************************************/
|
|
|
|
#profileList
|
|
{
|
|
color:#111;
|
|
font-family:"Trebuchet MS";
|
|
}
|
|
|
|
#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 form
|
|
{
|
|
margin:0px;
|
|
}
|
|
|
|
#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;
|
|
font-family:"Trebuchet MS";
|
|
}
|
|
|
|
#skinList .smalTxt
|
|
{
|
|
font-size:10px;
|
|
}
|
|
#skinNav
|
|
{
|
|
text-align:center;
|
|
float:right;
|
|
padding-right:10px;
|
|
}
|
|
|
|
#skinNav h5
|
|
{
|
|
margin:0px;
|
|
display:inline;
|
|
font-size:12px;
|
|
vertical-align:middle;
|
|
}
|
|
#skinNav img
|
|
{
|
|
vertical-align:bottom;
|
|
}
|
|
|
|
#showSkin
|
|
{
|
|
}
|
|
|
|
#showSkin input,select
|
|
{
|
|
background:#f4f8fd;
|
|
border:solid 1px #aaa;
|
|
}
|
|
|
|
#showSkin ul
|
|
{
|
|
list-style:none;
|
|
padding-left:4px;
|
|
padding-top:0px;
|
|
margin:0px;
|
|
}
|
|
|
|
#showSkin li
|
|
{
|
|
margin-bottom:1px;
|
|
font-size:12px;
|
|
padding-bottom:2px;
|
|
font-family:"Trebuchet MS";
|
|
}
|
|
|
|
#showSkin h1
|
|
{
|
|
margin:0px;
|
|
margin-top:0px;
|
|
font-size:16px;
|
|
font-family:"Trebuchet MS";
|
|
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;
|
|
}
|
|
|
|
#showSkin .showDetails
|
|
{
|
|
padding-top:10px;
|
|
padding-left:10px;
|
|
display:block;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#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;
|
|
height:470px;
|
|
buffer:470px;
|
|
overflow:auto;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#showPosts .myBox:hover
|
|
{
|
|
}
|
|
|
|
#showPosts .topBox
|
|
{
|
|
font-size:12px;
|
|
text-align:right;
|
|
border-bottom:dotted 1px #aaa !important;
|
|
border-bottom:solidd 1px #ccc;
|
|
color:#999;
|
|
}
|
|
|
|
#showPosts .leftBox
|
|
{
|
|
padding-right:5px;
|
|
margin-right:5px;
|
|
text-align:center;
|
|
width:100px;
|
|
height:140px;
|
|
float:left;
|
|
background:#eee;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
#showPosts .rightBox
|
|
{
|
|
text-align:left;
|
|
float:right;
|
|
background:#ffa;
|
|
margin-right:5px;
|
|
}
|
|
|
|
#showPosts .signature
|
|
{
|
|
border:dotted 1px #aaa !important;
|
|
border:solid 1px #ccc;
|
|
background:#eee;
|
|
vertical-align:bottom;
|
|
text-align:center;
|
|
clear:both;
|
|
}
|
|
|
|
#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;
|
|
font-family:"Trebuchet MS";
|
|
}
|
|
|
|
#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/gfx/prev.png) no-repeat;
|
|
}
|
|
|
|
#mainBrowser .previous:hover
|
|
{
|
|
background: url(/skins/macskin_silver/gfx/prev_over.png) no-repeat;
|
|
}
|
|
|
|
#mainBrowser .directory
|
|
{
|
|
position:absolute;
|
|
left:103px;
|
|
width: 126px;
|
|
height: 36px;
|
|
background: url(/skins/macskin_silver/gfx/SkinDirectory.jpg) no-repeat;
|
|
}
|
|
|
|
#mainBrowser .directory:hover
|
|
{
|
|
background: url(/skins/macskin_silver/gfx/SkinDirectory_over.jpg) no-repeat;
|
|
}
|
|
|
|
#mainBrowser .next
|
|
{
|
|
position:absolute;
|
|
left:228px;
|
|
width: 102px;
|
|
height: 36px;
|
|
background: url(/skins/macskin_silver/gfx/next.jpg) no-repeat;
|
|
}
|
|
|
|
#mainBrowser .next:hover
|
|
{
|
|
background: url(/skins/macskin_silver/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("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/gfx/prev.png) 0 0 no-repeat;
|
|
}
|
|
|
|
.previous:hover
|
|
{
|
|
background: url(/skins/macskin_silver/gfx/prev_over.png) no-repeat;
|
|
width: 102px;
|
|
height: 36px;
|
|
}
|
|
|
|
|
|
.directory
|
|
{
|
|
width: 126px;
|
|
height: 36px;
|
|
background: url(/skins/macskin_silver/gfx/SkinDirectory.jpg) no-repeat;
|
|
}
|
|
|
|
.directory:hover
|
|
{
|
|
background: url(/skins/macskin_silver/gfx/SkinDirectory_over.jpg) no-repeat;
|
|
}
|
|
|
|
.next
|
|
{
|
|
width: 102px;
|
|
height: 36px;
|
|
background: url(/skins/macskin_silver/gfx/next.jpg) no-repeat;
|
|
}
|
|
|
|
.next:hover
|
|
{
|
|
background: url(/skins/macskin_silver/gfx/next_over.jpg) no-repeat;
|
|
}
|
|
|
|
#topNav .clock
|
|
{
|
|
/*
|
|
float:right;
|
|
padding-top:10px;
|
|
margin-right:2px;
|
|
*/
|
|
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/gfx/toolbar.jpg') repeat-x;
|
|
font-size:12px;
|
|
}
|
|
|
|
#topNav a:hover, #topNav a:focus
|
|
{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
#topNav a
|
|
{
|
|
color:#999;
|
|
}
|
|
|
|
#topNav input
|
|
{
|
|
}
|
|
|
|
#topNav .loginField
|
|
{
|
|
border:0px !important;
|
|
border:1px solid #111;
|
|
background:url(/skins/macskin_silver/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;
|
|
font-family:tahoma;
|
|
}
|
|
|
|
#topNav .submitField
|
|
{
|
|
border:0px !important;
|
|
border:1px solid #111;
|
|
background:url(/skins/macskin_silver/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;
|
|
font-family:tahoma;
|
|
}
|
|
|
|
#topNav .submitField:hover
|
|
{
|
|
background:url(/skins/macskin_silver/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:9px;
|
|
font: "Trebuchet MS";
|
|
}
|
|
|
|
|
|
div #latestStuff
|
|
{
|
|
width:100%;
|
|
height:110px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
|
|
div.streamBuddy
|
|
{
|
|
padding-top:30px;
|
|
padding-bottom:30px;
|
|
/*text-align:center;*/
|
|
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;
|
|
}
|
|
|
|
|
|
|
|
|
|
div.stream
|
|
{
|
|
padding-top:30px;
|
|
padding-bottom:30px;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
|
|
|
|
div.stream div span
|
|
{
|
|
display:table-cell;
|
|
display:inline-block;
|
|
width:190px;
|
|
vertical-align:bottom;
|
|
}
|
|
|
|
div.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;
|
|
/* height:190px;*/
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.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
|
|
{
|
|
}
|
|
|
|
#privateMessage ul
|
|
{
|
|
list-style:none;
|
|
padding-top:0px;
|
|
margin:0px;
|
|
padding:2px;
|
|
}
|
|
|
|
#privateMessage li
|
|
{
|
|
display:block;
|
|
width:200px;
|
|
height:20px;
|
|
margin-bottom:2px;
|
|
font-size:12px;
|
|
float:left;
|
|
background:#ffe;
|
|
}
|
|
|
|
#privateMessage li a
|
|
{
|
|
color:#000;
|
|
}
|
|
|
|
#privateMessage li:hover
|
|
{
|
|
background:#ffa;
|
|
}
|
|
|
|
#msgList
|
|
{
|
|
clear:both;
|
|
height:360px;
|
|
buffer:360px;
|
|
overflow:auto;
|
|
border-bottom:3px solid #999;
|
|
}
|
|
|
|
#msgShow
|
|
{
|
|
color:#333;
|
|
}
|
|
|
|
#privateMessage p
|
|
{
|
|
font-family: "Trebuchet MS";
|
|
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;
|
|
font-family: "Trebuchet MS";
|
|
line-height:120%;
|
|
font-size: 14px;
|
|
font-weight:bold;
|
|
color:#555;
|
|
}
|
|
|
|
#privateMessage h4
|
|
{
|
|
margin:0px;
|
|
padding-top:10px;
|
|
font-family: "Trebuchet MS";
|
|
line-height:120%;
|
|
font-size: 19px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
#privateMessage table
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
#privateMessage thead
|
|
{
|
|
border-bottom: dotted 1px #999 !important;
|
|
border-bottom: solid 1px #aaa;
|
|
background:#eee;
|
|
}
|
|
|
|
#privateMessage th
|
|
{
|
|
font-size:13px;
|
|
color:#333;
|
|
text-align:center;
|
|
}
|
|
|
|
#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
|
|
{
|
|
font-family: "Trebuchet MS";
|
|
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;
|
|
font-family: "Trebuchet MS";
|
|
line-height:120%;
|
|
font-size: 14px;
|
|
font-weight:bold;
|
|
color:#555;
|
|
}
|
|
|
|
#uploadsManager h4
|
|
{
|
|
margin:0px;
|
|
padding-top:10px;
|
|
font-family: "Trebuchet MS";
|
|
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;
|
|
}
|
|
|
|
#recentTab li
|
|
{
|
|
float:left;
|
|
display:block;
|
|
border:solid 1px #eee;
|
|
margin-bottom:2px;
|
|
height:20px;
|
|
padding:4px;
|
|
font-size:11px;
|
|
padding-right:4px;
|
|
margin-right:2px;
|
|
margin-bottom:0px;
|
|
padding-bottom:0px;
|
|
font-family:"Trebuchet MS";
|
|
cursor:pointer;
|
|
}
|
|
|
|
#recentTab li:hover
|
|
{
|
|
background:#ee9;
|
|
}
|
|
|
|
#myContent
|
|
{
|
|
margin:0px;
|
|
padding:0px;
|
|
clear:both;
|
|
border:solid 1px #eee;
|
|
}
|
|
|
|
#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');
|
|
}
|
|
|
|
#skinDesc
|
|
{
|
|
}
|
|
|
|
#mainDisplay
|
|
{
|
|
position:relative !important;
|
|
position:absolute;
|
|
width:200px;
|
|
height:252px;
|
|
background:url(/skins/macskin_silver/gfx/myBrowser.png) no-repeat;
|
|
left:10px;
|
|
top:-8px !important;
|
|
top:285px;
|
|
opacity: .90;
|
|
filter: alpha(opacity=90);
|
|
z-index:200;
|
|
visibility: hidden;
|
|
padding-top:30px;
|
|
}
|
|
|
|
#displayCategories
|
|
{
|
|
margin-left:2px;
|
|
width:196px;
|
|
height:218px;
|
|
buffer:200px;
|
|
overflow:auto;
|
|
}
|
|
|
|
#displayCategories ul
|
|
{
|
|
width:170px;
|
|
list-style:none;
|
|
padding-left:0px;
|
|
padding-top:0px;
|
|
margin:0px;
|
|
}
|
|
|
|
#displayCategories li
|
|
{
|
|
width:170px;
|
|
margin-bottom:2px;
|
|
font-size:13px;
|
|
padding-bottom:4px;
|
|
font-family:"Trebuchet MS";
|
|
}
|
|
|
|
#displayCategories li:hover
|
|
{
|
|
background:#eee;
|
|
}
|
|
|
|
#displayCategories a
|
|
{
|
|
color:#000;
|
|
}
|
|
|
|
#displayCategories .odd
|
|
{
|
|
display:block;
|
|
background-color: #eee;
|
|
}
|
|
#displayCategories .odd2
|
|
{
|
|
display:block;
|
|
background-color: #aab;
|
|
}
|
|
|
|
#displayCategories h1
|
|
{
|
|
font-size:15px;
|
|
color:#666;
|
|
}
|
|
/****************************************/
|
|
/** 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;
|
|
}
|
|
|
|
#featPhoto
|
|
{
|
|
padding:2px;
|
|
width:32%;
|
|
float:right;
|
|
text-align:center;
|
|
}
|
|
|
|
#featSkin
|
|
{
|
|
padding:2px;
|
|
width:32%;
|
|
float:left;
|
|
text-align:center;
|
|
}
|
|
|
|
#featWallz
|
|
{
|
|
padding:2px;
|
|
float:left;
|
|
width:32%;
|
|
text-align:center;
|
|
border-left:1px dotted #999 !important;
|
|
border-right:1px dotted #999 !important;
|
|
border-left:1px solid #ccc;
|
|
border-right:1px solid #ccc;
|
|
}
|
|
|
|
#featPhoto h2 ,#featWallz h2, #featSkin h2
|
|
{
|
|
font-size:15px;
|
|
font-weight:bold;
|
|
font-family:arial;
|
|
}
|
|
|
|
#featPhoto h3 ,#featWallz h3, #featSkin h3
|
|
{
|
|
font-size:11px;
|
|
font-weight:normal;
|
|
font-family:arial;
|
|
}
|
|
|
|
|
|
#featPhoto p ,#featWallz p, #featSkin p
|
|
{
|
|
text-align:left;
|
|
color:#666;
|
|
font-size:9px;
|
|
}
|
|
|
|
#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-family:"Trebuchet MS";
|
|
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:280px;
|
|
background: #ffe;
|
|
display: block;
|
|
margin: 2px;
|
|
padding: 5px;
|
|
margin-bottom:4px;
|
|
border: 1px dotted #aaa !important;
|
|
border: 1px solid #999;
|
|
} |