130 lines
1.9 KiB
CSS
130 lines
1.9 KiB
CSS
|
/*
|
||
|
|
Resets defualt browser settings
|
||
|
|
reset.css
|
||
|
|
*/
|
||
|
|
:focus { outline:0; }
|
||
|
|
a:active { outline:none; }
|
||
|
|
ol,ul { list-style:none; }
|
||
|
|
table { border-collapse:separate; border-spacing:0; }
|
||
|
|
caption,th,td { text-align:left; font-weight:normal; }
|
||
|
|
blockquote:before,blockquote:after,q:before,q:after { content:""; }
|
||
|
|
blockquote,q { quotes:"" ""; }
|
||
|
|
|
||
|
|
#example {
|
||
|
|
font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
|
||
|
|
letter-spacing:0;
|
||
|
|
color:#434343;
|
||
|
|
text-shadow:0 1px 0 rgba(255,255,255,.8);
|
||
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
||
|
|
width:558px;
|
||
|
|
height:281px;
|
||
|
|
padding:10px;
|
||
|
|
margin:0 auto;
|
||
|
|
position:relative;
|
||
|
|
z-index:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#ribbon {
|
||
|
|
position:absolute;
|
||
|
|
top:-3px;
|
||
|
|
left:-15px;
|
||
|
|
z-index:500;
|
||
|
|
}
|
||
|
|
|
||
|
|
#frame {
|
||
|
|
position:absolute;
|
||
|
|
z-index:0;
|
||
|
|
width:739px;
|
||
|
|
height:341px;
|
||
|
|
top:-3px;
|
||
|
|
left:-80px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#slides {
|
||
|
|
position:absolute;
|
||
|
|
top:15px;
|
||
|
|
left:4px;
|
||
|
|
z-index:100;
|
||
|
|
}
|
||
|
|
|
||
|
|
#slides .next,#slides .prev {
|
||
|
|
position:absolute;
|
||
|
|
top:107px;
|
||
|
|
left:-39px;
|
||
|
|
width:24px;
|
||
|
|
height:43px;
|
||
|
|
display:block;
|
||
|
|
z-index:101;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slides_container {
|
||
|
|
width:570px;
|
||
|
|
height:270px;
|
||
|
|
overflow:hidden;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
#slides .next {
|
||
|
|
left:585px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination {
|
||
|
|
margin:26px auto 0;
|
||
|
|
width:100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination li {
|
||
|
|
float:left;
|
||
|
|
margin:0 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination li a {
|
||
|
|
display:block;
|
||
|
|
width:12px;
|
||
|
|
height:0;
|
||
|
|
padding-top:12px;
|
||
|
|
background-image:url(../img/pagination.png);
|
||
|
|
background-position:0 0;
|
||
|
|
float:left;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination li.current a {
|
||
|
|
background-position:0 -12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.caption {
|
||
|
|
position:absolute;
|
||
|
|
padding:1px 20px 0 20px;
|
||
|
|
background:#000;
|
||
|
|
background:rgba(0,0,0,.5);
|
||
|
|
width:540px;
|
||
|
|
font-size:1.3em;
|
||
|
|
line-height:1.33;
|
||
|
|
color:#fff;
|
||
|
|
border-top:1px solid #000;
|
||
|
|
text-shadow:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#footer {
|
||
|
|
text-align:center;
|
||
|
|
width:100%;
|
||
|
|
margin:10% 0px 0px 0px;
|
||
|
|
padding:4.5px 0 18px;
|
||
|
|
border-top:1px solid #dfdfdf;
|
||
|
|
}
|
||
|
|
|
||
|
|
#footer p {
|
||
|
|
margin:4.5px 0;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:link,a:visited {
|
||
|
|
color:#599100;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover,a:active {
|
||
|
|
color:#599100;
|
||
|
|
text-decoration:underline;
|
||
|
|
}
|