160 lines
2.5 KiB
CSS
160 lines
2.5 KiB
CSS
/* @group RESET */
|
|
|
|
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
|
|
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
|
|
ul,ol { list-style: none; }
|
|
img { border: none; }
|
|
caption,th { text-align: left; }
|
|
table { border-collapse: collapse; border-spacing: 0; }
|
|
|
|
/* @end */
|
|
|
|
body {
|
|
color:#333;
|
|
font: 12px/18px "Ludida Grande", Geneva, Arial, Verdana, sans-serif;
|
|
background: #fff url(images/background-repeat.png) repeat-x scroll left top;
|
|
}
|
|
|
|
/* @group globalHeader */
|
|
|
|
#globalheader {
|
|
width: 980px;
|
|
height: 38px;
|
|
margin: 18px auto;
|
|
position: relative;
|
|
z-index: 9998;
|
|
background-color: #ceffeb;
|
|
}
|
|
|
|
#globalheader #globalnav {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#globalheader #globalnav li {
|
|
display: inline;
|
|
}
|
|
|
|
#globalheader #globalnav li a {
|
|
float: left;
|
|
width: 117px;
|
|
height: 0;
|
|
padding-top:10px;
|
|
padding-right: 0px;
|
|
background-color: #40ff8f;
|
|
text-decoration: none;
|
|
color: #3800ff;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
#container {
|
|
width: 980px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
background-color: #f7fbff;
|
|
}
|
|
|
|
/* @group containerheader */
|
|
|
|
#containerheader {
|
|
background-color: #ff9b9b;
|
|
padding: 8px;
|
|
position: relative;
|
|
height: 70px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#containerheader #leftdescription {
|
|
width: 280px;
|
|
background-color: #ff4e47;
|
|
float: left;
|
|
}
|
|
|
|
#containerheader #leftdescription p {
|
|
font-size: x-small;
|
|
}
|
|
|
|
#containerheader #rightchoice {
|
|
background-color: #da1107;
|
|
margin-left: 300px;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
#main {
|
|
|
|
position: relative;
|
|
background-color: #8bff74;
|
|
padding: 15px 0 0;
|
|
width: 100%;
|
|
display: table;
|
|
}
|
|
|
|
#maincontent {
|
|
padding: 18px 20px;
|
|
position: relative;
|
|
color: #333;
|
|
}
|
|
|
|
/* @group mainmenu */
|
|
|
|
#main #mainmenu {
|
|
background-color: #edffe2;
|
|
width: 150px;
|
|
float: left;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc {
|
|
width: 120px;
|
|
background-color: #ffef9e;
|
|
margin: 10px auto;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc h4 {
|
|
color: #ff0e00;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul {
|
|
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul li {
|
|
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul li a {
|
|
text-decoration: none;
|
|
color: #007d1b;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul li a:hover {
|
|
color: #80ff3a;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
/* @group maincontent */
|
|
|
|
#main #maincontent {
|
|
background-color: #f5e5ff;
|
|
margin-left: 160px;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
/* @group globalfooter */
|
|
|
|
#globalfooter {
|
|
width: 980px;
|
|
height: 38px;
|
|
margin: 18px auto;
|
|
position: relative;
|
|
z-index: 9998;
|
|
background-color: #ff7eff;
|
|
}
|
|
|
|
/* @end */
|