Xoops Web Standard CSS Document by Emerald 绿色学院 - Green Institute
绿色学院 - Green Institute - 不听人间乐 - 想得到 - 做得到 - Xoops
/****************************************************************
* CSS Document design by Emerald
* 绿色学院 - Green Institute
* http://gi.2288.org:88
\****************************************************************/
body{
background-color: #ffffff;
color: #000000;
font-size: 12px;
text-align: center;
overflow-x: hidden;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #f38587;
SCROLLBAR-BASE-COLOR: #f06567;
font-family: Tahoma, sans-serif;
margin:0px;
}
a
{
color: #000000;
text-decoration: none;
font-weight: normal;
background-color: transparent;
font-size: 12px;
font-family: Tahoma, sans-serif;
}
a:hover
{
color: #000000;
background-color: #F3F4F5;
text-decoration: none;
}
label{
font-size: 12px;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #FFFFFF;
text-decoration: none;
background-color: #F38383;
width:100%;
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
margin:0px 0px 0px 2px;
text-align:left;
vertical-align:middle;
padding-right: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*
margin-top:0px;
margin:0px;
*/
div{
list-style-type:none;
margin:0px;
padding:0px;
}
ul{
list-style-type:none;
margin:0px;
padding:0px;
}
li{
list-style-type:none;
margin:0px;
padding:0px;
}
form{
margin:0px;
padding:0px;
}
input{
margin:0px;
padding:0px;
}
/*********************************** Themes ******************************/
/* header, web standard */
div#headerWS {
width:760px;
height:92px;
margin:auto;
}
div#headerWS div.logoWS{
text-align:left;
}
div#headerWS div.navigationCnWS{
width:450px;
text-align:right;
display: table;
vertical-align:top;
}
div#headerWS div.navigationCnTopWS{
font-family: Tahoma, sans-serif;
padding-top:2px;
}
div#headerWS div.googlePagerankCheatWS{
font-family: Tahoma, sans-serif;
padding:3px 0;
}
div#headerWS div div.catchwordWS{
padding-top: 12px;
padding-left: 18px;
color: #F3BB97;
text-align:center;
}
/* Chindes Menu */
div#headerWS div div.navigationCnMenuWS{
padding-top:14px;
padding-right:5px;
padding-bottom:1px;
}
/* English Navigation Menu, englishMenuWS */
div#englishMenuWS{
width:760px;
margin:auto;
color: #FFFFFF;
background-color: #f06567;
font-size:12px;
padding-left:3px;
}
div#englishMenuWS a{
font-size:12px;
color: #FFFFFF;
background-color: #f06567;
padding: 5px 3px;
display: block;
float:left;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
line-height: normal;
}
div#englishMenuWS a:hover{
color: #FFFFFF;
background-color: #f3bb97;
display:block;
}
/* search & Member & RSS */
div#searchMemberRssWS{
width:760px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
text-align:left;
}
div#searchMemberRssWS div{
DISPLAY: block;
FLOAT: left;
margin:0px;
}
div#searchMemberRssWS input{
font-size:12px;
margin:0px;
}
div#searchMemberRssWS div div.searchForumWS{
WIDTH: 160px;
margin:0px;
text-align:left;
}
div#searchMemberRssWS div div.MemberWS{
WIDTH: 400px;
padding-top:3px;
padding-left:8px;
margin:0px;
text-align:left;
}
div#searchMemberRssWS div div.linksContactAndOtherWS{
WIDTH: 200px;
padding-top:3px;
margin:0px;
text-align:right;
}
/******************************** Main Blocks ***************************/
div#mainBlocksWS{
width:764px;
margin:auto;
}
div#mainBlocksWS div {
DISPLAY: block;
FLOAT: left;
margin:0px;
}
/* Left Blocks, Main Blocks */
div#mainBlocksWS div div.mainBlocksLeftWS{
width:160px;
}
/* Left Blocks Label, Main Blocks */
div#mainBlocksWS div div.mainBlocksLeftWS label{
background-image: url(images/arrow-l.gif);
background-repeat: no-repeat;
background-position: left;
background-color:#f06567;
}
/* Left Blocks div, Main Blocks */
div#mainBlocksWS div div.mainBlocksLeftWS div
{
width:100%;
text-align:left;
padding-top: 3px;
padding-bottom: 3px;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#mainBlocksWS div div.mainBlocksLeftWS div a
{
color: #000000;
font-size: 12px;
display: block;
background-image: url(images/arrow-8.gif);
background-repeat: no-repeat;
background-position: left;
padding: 2px 2px 2px 14px;
font-weight: normal;
text-decoration: none;
}
div#mainBlocksWS div div.mainBlocksLeftWS div a:hover
{
background-color: #F3F4F5;
color: #000000;
text-decoration: none;
font-weight: bold;
}
div#mainBlocksWS div div.mainBlocksLeftWS div a.menuTop
{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
padding-left: 15px;
font-size: 12px;
text-decoration: none;
}
div#mainBlocksWS div div.mainBlocksLeftWS div a.m-m
{
background-color: #FFFFFF;
padding-left: 15px;
text-decoration: none;
font-size: 12px;
}
div#mainBlocksWS div div.mainBlocksLeftWS div a.menuSub
{
padding-left: 25px;
color: #9F0000;
font-weight: normal;
font-size: 12px;
}
/* Right Blocks, Main Blocks */
div#mainBlocksWS div div.mainBlocksRightWS
{
width:600px;
}
/* Right Right Center Blocks, Main Blocks */
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterLeftWS {
DISPLAY: block;
FLOAT: left;
margin:0px;
width:437px;
}
/* Right Left Center Blocks div, Main Blocks */
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterLeftWS div{
list-style-type:disc;
padding-left:2px;
text-align:left;
padding-top:2px;
padding-bottom:5px;
}
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterLeftWS div a{
list-style-type:disc;
p
}
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterLeftWS div ul li {
list-style-type:square;
}
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterLeftWS div li {
list-style-type:square;
}
/* Right Left Center Blocks Label, Main Blocks */
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterLeftWS label{
padding-left:2px;
width:217px;
padding-top:2px;
padding-bottom:2px;
}
/* Right Center Blocks Left, Main Blocks */
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterLeftWS{
width:219px;
}
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterRightWS{
width:218px;
}
/* Right Center Blocks Center, Main Blocks */
div#mainBlocksWS div.mainBlocksRightRightWS div.mainBlocksRightCenterWS divmainBlocksRightRightForumWS{
width:;
}
/* Right Right Blocks, Main Blocks */
div#mainBlocksWS div div.mainBlocksRightRightWS{
width:160px;
text-align:left;
}
/* Right Right Center Blocks div, Main Blocks */
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterRightWS div{
list-style-type:disc;
padding-left:2px;
text-align:left;
padding-top:2px;
padding-bottom:5px;
}
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterRightWS div a{
list-style-type:disc;
p
}
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterRightWS div ul li {
list-style-type:square;
}
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterRightWS div li {
list-style-type:square;
}
/* Right Right Center Blocks Label, Main Blocks */
div#mainBlocksWS div.mainBlocksRightWS div.mainBlocksRightCenterWS div.mainBlocksRightCenterRightWS label{
padding-left:2px;
width:217px;
padding-top:2px;
padding-bottom:2px;
}
/* Right Right Blocks Label, Main Blocks */
label#mainBlocksRightRightLabelWS{
background-image: url(images/arrow-l.gif);
background-repeat: no-repeat;
background-position: left;
width:160px;
}
/* Right Blocks Forum, Main Blocks */
div#mainBlocksWS div div.mainBlocksRightForumWS label{
background-image: url(images/arrow-l.gif);
background-repeat: no-repeat;
background-position: left;
width:598px;
margin:0px;
}
div#mainBlocksWS div div.mainBlocksRightForumWS div{
background-image: url(images/arrow-l.gif);
background-repeat: no-repeat;
background-position: left;
width:595px;
padding:0px;
margin:0px;
}
/* Right Blocks div, Main Blocks */
div#mainBlocksRightRightdivWS
{
width:160px;
}
/* Right Blocks div, Main Blocks */
div#mainBlocksRightRightdivWS
{
width:160px;
text-align:left;
padding-top: 2px;
padding-bottom: 2px;
padding-left:0px;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#mainBlocksRightRightdivWS a
{
color: #000000;
font-size: 12px;
display: block;
background-image: url(images/arrow-8.gif);
background-repeat: no-repeat;
background-position: left;
padding: 3px 2px 3px 14px;
font-weight: normal;
text-decoration: none;
}
div#mainBlocksRightRightdivWS a:hover
{
background-color: #F3F4F5;
color: #000000;
text-decoration: none;
font-weight: bold;
}
/******************************** Topic blocks ***************************/
/* site info */
ul li#sil {
WIDTH: 80px;
text-align:left;
}
ul li#sir {
WIDTH: 65px;
text-align:right;
}
div#wssi{
text-align:center;
width:155px;
}
div#wssi div{
text-align:center;
color: #000000;
text-decoration: none;
background-color: #fdfdfd;
font-size: 12px;
line-height: 150%;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
}
/****** newbb blocks full dispaly ******/
div#nbfd {
margin:0px;
width:100%;
background-color:#f3f4f5;
}
div#nbfd ul {
text-align:center;
FLOAT: left;
margin:0px;
}
div#nbfd ul#bg {
text-align:center;
FLOAT: left;
margin:0px;
background-color: #DFE2E6;
}
div#nbfd li{
LIST-STYLE-TYPE: none;
DISPLAY: block;
FLOAT: left;
background-color:#f3f4f5;
margin:0px;
}
div#nbfd div{
vertical-align:text-bottom;
vertical-align:bottom;
text-align:right;
margin:0px;
padding-right:2px;
}
div#nbfd label{
font-size: 12px;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
background-color: #fdfdfd;
width: 100%;
padding-right: 12px;
text-align: right;
letter-spacing: 2px;
}
div#nbfd li#t1{
width: 60%;
margin:0px;
text-align:center;
background-color: #DFE2E6;
font-size: 12px;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
div#nbfd li#t2{
width: 10%;
margin:0px;
text-align:center;
background-color: #DFE2E6;
font-size: 12px;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
div#nbfd li#t3{
width: 10%;
margin:0px;
text-align:center;
background-color: #DFE2E6;
font-size: 12px;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
div#nbfd li#t4{
width: 20%;
margin:0px;
text-align:right;
background-color: #DFE2E6;
font-size: 12px;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
div#nbfd li#c1{
width: 60%;
height:42px;
margin:0px;
text-align:left;
display: block;
border-top-width: thin;
border-right-width: thin;
border-top-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-right-style: solid;
padding-left:5px;
}
div#nbfd li#c1 a:hover{
background-color: #FAFAFA;
display: block;
}
div#nbfd li#c2{
width: 10%;
height:42px;
margin:0px;
text-align:center;
border-top: thin solid #FFFFFF;
}
div#nbfd li#c3{
width: 10%;
height:42px;
margin:0px;
text-align:center;
border-top: thin solid #FFFFFF;
border-right-width: thin;
border-left-width: thin;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}
div#nbfd li#c3 a{
background-color: #f3f4f5;
}
div#nbfd li#c4{
width: 20%;
height:42px;
margin:0px;
text-align:right;
border-top-width: thin;
border-top-style: solid;
border-top-color: #FFFFFF;
}
/****** xphpbbi blocks full dispaly ******/
div#xbfd {
margin:0px;
width:100%;
background-color:#f3f4f5;
}
div#xbfd ul {
text-align:center;
FLOAT: left;
margin:0px;
}
div#xbfd ul#bg {
text-align:center;
FLOAT: left;
margin:0px;
background-color: #DFE2E6;
}
div#xbfd li{
LIST-STYLE-TYPE: none;
DISPLAY: block;
FLOAT: left;
background-color:#f3f4f5;
margin:0px;
}
div#xbfd div{
vertical-align:text-bottom;
vertical-align:bottom;
text-align:right;
margin:0px;
padding-right:2px;
padding-bottom:0px;
}
div#xbfd label{
font-size: 12px;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
background-color: #fdfdfd;
width: 100%;
padding-right: 12px;
text-align: right;
letter-spacing: 2px;
}
div#xbfd label li#label-l{
width:50%;
text-align:left;
margin:0px;
font-size: 12px;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
}
div#xbfd label li#label-r{
width:50%;
text-align:right;
margin:0px;
font-size: 12px;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
}
div#xbfd li#t1{
width: 60%;
margin:0px;
text-align:center;
background-color: #DFE2E6;
font-size: 12px;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
div#xbfd li#t2{
width: 10%;
margin:0px;
text-align:center;
background-color: #DFE2E6;
font-size: 12px;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
div#xbfd li#t3{
width: 10%;
margin:0px;
text-align:center;
background-color: #DFE2E6;
font-size: 12px;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
div#xbfd li#t4{
width: 20%;
margin:0px;
text-align:right;
background-color: #DFE2E6;
font-size: 12px;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
div#xbfd li#c1{
width: 55%;
height:42px;
margin:0px;
text-align:left;
display: block;
border-top-width: thin;
border-right-width: thin;
border-top-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-right-style: solid;
padding-left:5px;
border-left-width: thin;
border-left-style: solid;
border-left-color: #FFFFFF;
}
div#xbfd li#c1 a:hover{
background-color: #FAFAFA;
display: block;
}
div#xbfd li#c2{
width: 10%;
height:42px;
margin:0px;
text-align:center;
border-top: thin solid #FFFFFF;
}
div#xbfd li#c3{
width: 10%;
height:38px;
margin:0px;
text-align:center;
border-top: thin solid #FFFFFF;
border-right-width: thin;
border-left-width: thin;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}
div#xbfd li#c3 a{
background-color: #f3f4f5;
}
div#xbfd li#c4{
width: 20%;
height:42px;
margin:0px;
text-align:right;
border-top-width: thin;
border-top-style: solid;
border-top-color: #FFFFFF;
font-size: 12px;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
}
div#xbfd li#c4 a:hover{
background-color: #fafafa;
}
div#xbfd li#c5{
width: 5%;
height:42px;
margin:0px;
text-align:center;
border-top: thin solid #FFFFFF;
vertical-align:middle;
}
/* Site footer */
#f{
font-family: Verdana, Arial, Helvetica, sans-serif;
width:100%;
font-size: 12px;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
color: #FFFFFF;
text-decoration: none;
background-color: #F06567;
text-align: center;
display: table;
padding-top: 4px;
padding-bottom: 4px;
}
#f a{
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
}
#f a:hover{
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
background-color: #7EDE7C;
}
