140 lines
2.8 KiB
CSS
Executable file
140 lines
2.8 KiB
CSS
Executable file
* {margin:0; padding:0;}
|
|
|
|
body,html
|
|
{
|
|
font-family: Arial, Verdana, sans-serif;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
background:url(images/background.png);
|
|
}
|
|
|
|
#Header
|
|
{
|
|
overflow: hidden;
|
|
height:120px;
|
|
}
|
|
#Header h1{width: 1024px; font-weight: normal; margin: 35px auto 0 auto; font-size:45px;}
|
|
.Bracket1 {color:#0078ff;}
|
|
.Bracket2 {color:#98c22a;}
|
|
#Header p {width: 1024px; margin: -35px 100px 15px auto; font-size:24px; font-weight: normal;}
|
|
|
|
ul.Menu
|
|
{
|
|
width:1024px;
|
|
margin:-5px auto 0;
|
|
list-style-type:none;
|
|
float:right;
|
|
margin-right:-315px;
|
|
}
|
|
|
|
ul.Menu li:nth-child(1):first-letter {color:#c02ac2;}
|
|
ul.Menu li:nth-child(2):first-letter {color:#70ad00;}
|
|
ul.Menu li:nth-child(3):first-letter {color:#eb5035;}
|
|
ul.Menu li:nth-child(4):first-letter {color:#0078ff;}
|
|
ul.Menu li:nth-child(5):first-letter {color:#e68a1b;}
|
|
|
|
ul.Menu li a
|
|
{
|
|
text-decoration: none;
|
|
padding: 10px;
|
|
display: block;
|
|
border:1px solid blue;
|
|
color:#8B8B8B;
|
|
font-weight:normal;
|
|
}
|
|
ul.Menu li{margin-right: 5px; float:left;}
|
|
|
|
#SurHeader
|
|
{
|
|
height:370px;
|
|
margin:0 auto 0;
|
|
border-top:1px solid #C6C6C6;
|
|
border-bottom:1px solid #C6C6C6;
|
|
background:#FFFFFF;
|
|
}
|
|
|
|
#Gallery
|
|
{
|
|
margin:0 auto 0;
|
|
border:1px solid brown;
|
|
width:1024px;
|
|
}
|
|
|
|
#SurHeader p
|
|
{
|
|
width:1024px;
|
|
border:1px solid orange;
|
|
margin:0 auto 0;
|
|
}
|
|
|
|
#Corps
|
|
{
|
|
width: 1024px;
|
|
margin: 0 auto 0;
|
|
margin-bottom: 30px;
|
|
overflow: hidden;
|
|
border:1px solid red;
|
|
}
|
|
|
|
#Footer{clear: both; text-align: center;}
|
|
#Footer a {color:#33AFDE; text-decoration:none;}
|
|
|
|
#DeadZone
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: black;
|
|
z-index:1001;
|
|
-moz-opacity: 0.5;
|
|
opacity:.50;
|
|
filter: alpha(opacity=50);
|
|
overflow:hidden;
|
|
}
|
|
#LifeZone
|
|
{
|
|
position: absolute;
|
|
top: 25%;
|
|
left: 50%;
|
|
width: 350px;
|
|
height: 295px;
|
|
padding: 16px;
|
|
border: 3px solid #1367BB;
|
|
background-color: white;
|
|
z-index:1002;
|
|
margin:0 0 0 -175px;
|
|
}
|
|
#LifeZone h1 {font-size:23px; color:#1367BB; margin:0 0 30px 0;}
|
|
#LifeZone p {text-align:center; line-height:14px;}
|
|
#LifeZone img {margin:0 0 20px 0;}
|
|
#LifeZone a {color:#1367BB; text-decoration:none;}
|
|
|
|
|
|
/*
|
|
Slider
|
|
*/
|
|
#Slider
|
|
{
|
|
position:relative;
|
|
overflow:auto;
|
|
width:560px;
|
|
height:260px;
|
|
border:20px solid #FFFFFF;
|
|
-moz-box-shadow: 0 0 10px #000000;
|
|
-webkit-box-shadow: 0 0 10px #000000;
|
|
box-shadow: 0 0 10px #000000;
|
|
margin:20px 0 0 0;
|
|
}
|
|
#Slider ul {position:relative; list-style:none; top:0; left:0}
|
|
#Slider li {float:left; width:558px; height:235px}
|
|
.pagination {list-style:none; height:25px; margin:20px 0 0 270px;}
|
|
.pagination li
|
|
{
|
|
float:left; cursor:pointer; height:8px; width:8px; background:#969696; margin:0 4px 0 0; border:1px solid #000000;
|
|
|
|
}
|
|
.pagination li:hover, li.current {background:#a4c32a}
|
|
|
|
|