/* ================================================================ Ôàéë ñêà÷àí ñ ñàéòà http://megaweb.su/ =================================================================== */ background: url(img/FOTKI/FON1.jpg) no-repeat fixed center top; #menu { position:relative; z-index:500; margin-left:10px; width:110px; margin:0 auto; } #menu ul { padding:0; margin:0; list-style:none; width:90%; padding:5px; background:#FFFF00; /* kolir zagalnogo fona */ border-radius: 13px; } #menu ul ul { position:absolute; left:-9999px; } #menu ul li { width:100%; background:#fff; } * html #menu ul li { float:left; } #menu ul li a { display:block; width:90%; padding:8px 10px 8px 5px; font:normal 11px verdana, sans-serif; color:#000; /* kolir bukvu */ text-decoration:none; background:#D7DF01; /* kolir #FFFF00 #D7DF01 */ border:1px solid #888; border-color:#ddd #555 #555 #ddd; clear:left; border-radius: 13px; } #menu ul li a.fly { background:#D7DF01 no-repeat 100px center; } #menu ul li:hover { position:relative; } #menu ul li a:hover { direction:ltr; background:#89a; color:#fff; border-color:#89a; position:relative; } #menu ul li:hover > a { background:#58ACFA; /* kolir fona pru navedenni kursora */ color:#fff; /* kolir bukv pru navedenni kursora */ border-color:#89a; } #menu ul :hover ul, #menu ul :hover ul :hover ul, #menu ul :hover ul :hover ul :hover ul, #menu ul :hover ul :hover ul :hover ul :hover ul { left:112px; top:-5px; } #menu ul :hover ul ul, #menu ul :hover ul :hover ul ul, #menu ul :hover ul :hover ul :hover ul ul { left:-9999px; } /* .......................................................................... */ .blokZag { background: transparent; /* kolir */ width:100%; /* shirina */ height: 90%; /* visota */ position: absolute; /* */ left: 0%; /* vidstup zliva */ top: 391px;/* vidstup zverhu na storintsi */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:1px double yellow; /* kontur i kolir */ border-radius: 13px; /* zaokruglennja */ } .blok00 { background: transparent; width: 100% ;height: 30px; border-radius: 13px; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ } .blok0 { background: #F4FA58;width: 100% ;height: 80px; border-radius: 13px; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ } /* .......................................................................... */ .blok1 { background: transparent; width: 100%; position: absolute; /* top: 250px;/* jakshcho ne vkazuvatu,to blok bude nugche po porjadku */ /* top: 50px; /* TOP-- VIDSTUP ZVERHU */ left: 0%;/* VIDSTUP ZLIVA */ border:1px double #20B2AA;; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 13px; } .blok2 { background: transparent;width: 68%; height: 2050px;position: absolute; left: 16%;top: 391px;/* vidstup zverhu na storintsi */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:1px double yellow; border-radius: 13px; } .blok3 { background: transparent;width: 15%; height: 1000px;position: absolute; left: 85%;top: 391px;/* word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:1px double yellow; border-radius: 13px; } .blok4 { background: #F4FA58; width: 100%; height: 100px; top: 90%;/* vidstup zverhu na storintsi */ position: fixed; /*relative;-blok bude pid nuzom vsih blokiv */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border-radius: 13px; } .blok4_2 { background: #F4FA58; width: 100%; position:fixed; padding-bottom:50px; } .blok5 { background: transparent;width: 100%; word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:1px double yellow; border-radius: 13px; } .blok6 { background: transparent; width: 100%; height: 200px;/* vusota bloka */ position: absolute; top: 154px;/* vidstup zverhu na storintsi */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:1px double yellow; border-radius: 13px; } .blok6_1 { background: transparent; width: 25%; height: 230px;/* vusota bloka */ position: absolute; top: 154px;/* vidstup zverhu na storintsi */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:1px double yellow; border-radius: 13px; } .blok6_2 { background: transparent; width: 45%; height: 230px;/* vusota bloka */ position: absolute; left: 26%; top: 154px;/* vidstup zverhu na storintsi */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:1px double yellow; border-radius: 13px; } .blok6_3 { background: transparent; width: 25%; height: 230px;/* vusota bloka */ position: absolute; left: 72%; top: 154px;/* vidstup zverhu na storintsi */ word-wrap:break-word;/* Z TUM PARAMETROM TEKST NE VUHODUT ZA MEGI BLOKA DIV */ border:1px double yellow; border-radius: 13px; } .mail { background: white; border-radius: 13px; height: 307px; margin-left: 8px; width: 10%; z-index: 100000; } a:link { color: #00d0d0; /* Цвет ссылок */ } a:visited { color: #FFD700; /* #900060 #FF0000 Цвет посещенных ссылок */ } a:active { color: #f00; /* Цвет активной ссылки */ } /* */ #navbar { position: static; bottom: 1; margin: 0; padding: 0; list-style-type: none; } #navbar li { display: inline; } #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #20B2AA;; border-radius: 20px 5px; width:90%; text-align: center; background-color: transparent; } #navbar a { color: #FFD700; /* Цвет букв #FFA500 #D7DF01 */ padding: 5px 10px; text-decoration: none; font-weight: bold; display: inline-block; width: 180px; } #navbar a:hover { border-radius:20px 5px; background-color: #ffffff;/* підсвітка кнопки */ }