|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <style type="text/css">
| |
| | | | |
| - | html, body, div, span, applet, object, iframe,
| |
| - | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
| |
| - | a, abbr, acronym, address, big, cite, code,
| |
| - | del, dfn, em, font, img, ins, kbd, q, s, samp,
| |
| - | small, strike, strong, sub, sup, tt, var,
| |
| - | b, u, i, center,
| |
| - | dl, dt, dd, ol, ul, li,
| |
| - | fieldset, form, label, legend,
| |
| - | table, caption, tbody, tfoot, thead, tr, th, td {
| |
| - | background: transparent;
| |
| - | border: 0;
| |
| - | font-size: 100%;
| |
| - | margin: 0;
| |
| - | outline: 0;
| |
| - | padding: 0;
| |
| - | vertical-align: baseline;
| |
| - | list-style:none;
| |
| - | }
| |
| - | body {
| |
| - | /*background: #fff;*/
| |
| - | line-height: 1;
| |
| - | background-color: #fff;
| |
| - | font-family: Calibri, Arial;
| |
| - | overflow-x: hidden;
| |
| - | background: url(../imgs/bg.png);
| |
| - | }
| |
| - |
| |
| - | /*hd--------------------------------------*/
| |
| - | #hd{
| |
| - | width:780px;
| |
| - | margin:20px auto;
| |
| - | text-align:center;
| |
| - | }
| |
| - | h1{
| |
| - | font-size: 5em;
| |
| - | color:#2e423e;
| |
| - | margin:25px 0 0 -30px;
| |
| - | float:left;
| |
| - | width: 600px;
| |
| - | height: 90px;
| |
| - | }
| |
| - |
| |
| - | /*underline-------------------------------*/
| |
| - | #under{
| |
| - | width:100%;
| |
| - | height:30px;
| |
| - | background:url(../imgs/under.png);
| |
| - | background-repeat: repeat-x;
| |
| - | float:left;
| |
| - | margin-top:40px;
| |
| - | position:relative;
| |
| - | }
| |
| - |
| |
| - | /*nav-------------------------------------*/
| |
| - | #nav{
| |
| - | color: #eee;
| |
| - | font-size: 24px;
| |
| - | width:780px;
| |
| - | height:50px;
| |
| - | margin:0 auto;
| |
| - | position:relative;
| |
| - | top:150px;
| |
| - | }
| |
| - | a{
| |
| - | color:#eee;
| |
| - | text-decoration:none;
| |
| - | display:block;
| |
| - | }
| |
| - | a:hover{
| |
| - | cursor:pointer;
| |
| - | background:#2e423e;
| |
| - | }
| |
| - | #nav ul{
| |
| - | position:absolute;
| |
| - | margin:0 auto;
| |
| - | padding:0 25px 0 20px;
| |
| - | background: #5baf8f; /* Old browsers */
| |
| - | background: -moz-linear-gradient(top, #5baf8f 0%, #498f7d 100%); /* FF3.6+ */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5baf8f), color-stop(100%,#498f7d)); /* Chrome,Safari4+ */
| |
| - | background: -webkit-linear-gradient(top, #5baf8f 0%,#498f7d 100%); /* Chrome10+,Safari5.1+ */
| |
| - | background: -o-linear-gradient(top, #5baf8f 0%,#498f7d 100%); /* Opera 11.10+ */
| |
| - | background: -ms-linear-gradient(top, #5baf8f 0%,#498f7d 100%); /* IE10+ */
| |
| - | background: linear-gradient(to bottom, #5baf8f 0%,#498f7d 100%); /* W3C */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5baf8f', endColorstr='#498f7d',GradientType=0 ); /* IE6-9 */
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #nav ul li{
| |
| - | float:left;
| |
| - | padding: 12px 14px 15px 14px;
| |
| - | display:block;
| |
| - | text-align:center;
| |
| - | }
| |
| - | #nav ul li:hover{
| |
| - | background:#2e423e;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /*main-----------------------------------*/
| |
| - | .main{
| |
| - | width:780px;
| |
| - | margin:0 auto;
| |
| - | position:relative;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - | </html>
| |
"
