/* ---ОБЩЕЕ--- */
html, body {
margin:0;
padding:0;
border:0;
height:100%;
}
html {
position:relative;
overflow:hidden;
}
#logo {
text-shadow: 3px 3px 3px #fff;
color: #0000FF;
top:50px;
}
body {
position:relative;
}
#wrapper {
margin: 0 auto;
border: none;
padding: 0px;
}
/* --- ШАПКА --- */
#header {
clear:both;
margin:0px;
padding: 0px 0px 0px 0px;
color:#FFFFFF;
font:normal 12pt Tahoma, arial, verdana;
border-style: solid;
border-color: #FFFFFF;
border-width: 0px 0px 0px 0px;
height: 110px;
}
#header table{
color:#FFFFFF;
font:normal 12pt Tahoma, arial, verdana;
border:0px;
}
#header a {
color: #0000FF;
}
h1 {
margin: 0px 0px 0px 0px;
padding: 20px 10px 10px 10px;
font:bold 25pt Arial, arial, verdana;
color:#5E2F2F;
border-style: solid;
border-color: #C0C0C0;
border-width: 0px 0px 0px 0px;
}
h1 a { color:#5E2F2F; }
h2 {
margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 10px;
font:bold 18pt Arial, arial, verdana;
color:#5E2F2F;
border-style: solid;
border-color: #00FF00;
border-width: 0px 0px 0px 0px;
}
h2 a { color:#5E2F2F; }
li {
font: bold 17pt Arial, arial, verdana;
color: #FFFFFF;
border-style: none;
}
h3 a { color:#5E2F2F; }
h4 {
margin: 20px 0px 10px 0px;
padding: 5px 10px 5px 10px;
background: #5776B6;
font:bold 12pt Arial, arial, verdana;
color:#F8F3F7;
border-style: solid;
border-color: #2D5298;
border-width: 0px 0px 0px 0px;
}
h4 a { color:#F8F3F7; }
/* ---ПОДВАЛ--- */
.effect1 {
margin: 15px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #C0C0C0;
-webkit-box-shadow: 0 15px 6px -6px #777;
-moz-box-shadow: 0 15px 6px -6px #777;
box-shadow: 0 15px 6px -6px #777;
}
.center {
width: 880px;
height: 840px;
margin:15px auto;
background-color:transparent;
}
#popupPanel
{
width: 600px;
height: 550px;
border: solid;
background-color: #ccc;
z-index: 9999;
border-radius: 10px;
margin-top:0px;
margin-left:15px;
position:absolute;
}
.comment {
width: 485px;
height: 100px;
background-color: #FFFFCC;
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
border-radius: 10px;
position: absolute;
margin-top: -40px;
margin-left: 60px;
}
.commentList {
width: 470px;
height: 239px;
background-color: #FFFFCC;
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
border-radius: 10px;
text-align:center;
position:absolute;
margin-top:-122px;
margin-left:20px;
}
p {
color: #4c6271;
font-family: Arial;
font-size: 18px;
margin-left: 10px;
text-shadow: 1px 1px 1px #fff;
}
.TextBox
{
width:465px;
height:30px;
border-radius: 10px;
max-width:465px;
min-width:465px;
font-size: 20px;
}
.TextBox1
{
width:420px;
height:30px;
border-radius: 10px;
max-width:420px;
min-width:420px;
font-size: 20px;
}
.sdvig {
margin-top: 95px;
margin-left: 70px;
z-index: 0;
}
.sdvig1
{
margin-top:-40px;
margin-left:10px;
}
.video {
background: #b5bdc8;
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8),color-stop(36%,#828c95), color-stop(100%,#28343b));
background: -webkit-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -o-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -ms-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
border: 1px solid #333; /* Параметры рамки */
border-radius: 10px; /* Радиус скругления */
}
.border {
border: 1px solid #333;
border-radius: 10px;
}
.button {
width:340px;
height:40px;
background: #b5bdc8;
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8),color-stop(36%,#828c95), color-stop(100%,#28343b));
background: -webkit-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -o-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -ms-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
font-size: 22px; /* Размер шрифта */
margin-left: 80px; /* Поля вокруг текста */
margin-top:30px;
color: #fff; /* Цвет текста */
border: 1px solid #333; /* Параметры рамки */
border-radius: 10px; /* Радиус скругления */
text-align:center;
}
header, nav, article, footer, address {
display: block;
}
.comment1 {
position:absolute;
margin-top:30px;
}
.add {
margin: 2px;
box-shadow: 0 0 5px;
border-radius: 10px;
z-index:300;
background-color: #EBD6AD;
width: 890px;
height: 60px;
margin-left: -5px;
position:relative;
}
.popup {
border: solid;
background-color:#ccc;
width: 600px;
height:750px;
z-index:9999;
margin-top:-35px;
}
.text
{
width:460px;
height:30px;
margin-left:40px;
margin-top:10px;
position:absolute;
border-radius: 10px;
}
.text1
{
width:460px;
height:200px;
margin-left:40px;
margin-top:110px;
position:absolute;
border-radius: 10px;
}
.text2
{
width:460px;
height:200px;
margin-left:40px;
margin-top:220px;
position:absolute;
border-radius: 10px;
}
.text3
{
margin-top:600px;
position:absolute;
margin-left:130px;
}
.text4
{
width:460px;
height:30px;
margin-left:10px;
position:absolute;
border-radius: 10px;
background-color: #FFFFCC;
}
.button1 {
z-index:0;
margin-left:50px;
margin-top:30px;
}
.error {
position:absolute;
margin-top:50px;
margin-left:110px;
text-align:center;
display:none;
}
.close {
margin-top:-20px;
margin-left:570px;
position:absolute;
z-index:999999;
}
#plane1 {
position: absolute;
width: 730px;
height: 167px;
background: transparent url(img/planespriteNik.png) 0 50px no-repeat;
z-index:25;
}
#sky {
position: absolute;
height: 100%;
width: 100%;
background: #00b7ea;
z-index: 13;
opacity:0.5;
}
#sunsetSky {
position: absolute;
height: 100%;
width: 100%;
background: #FF3300;
background: -moz-linear-gradient(top, #1a4182 20%,#FF3300 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#1a4182), color-stop(100%,#FF3300));
background: -webkit-linear-gradient(top, #1a4182 20%,#FF3300 100%);
background: -o-linear-gradient(top, #1a4182 20%,#FF3300 100%);
background: -ms-linear-gradient(top, #1a4182 20%,#FF3300 100%);
background: linear-gradient(top, #1a4182 20%,#FF3300 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4182', endColorstr='#ef6d56',GradientType=0 );
opacity: 0;
z-index: 18;
}
#nightSky {
position: absolute;
height: 100%;
width: 100%;
background: #060a21;
background: -moz-linear-gradient(top, #060a21 0%, #0a1638 80%, #181f59 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#060a21), color-stop(80%,#0a1638), color-stop(100%,#181f59));
background: -webkit-linear-gradient(top, #060a21 0%,#0a1638 80%,#181f59 100%);
background: -o-linear-gradient(top, #060a21 0%,#0a1638 80%,#181f59 100%);
background: -ms-linear-gradient(top, #060a21 0%,#0a1638 80%,#181f59 100%);
background: linear-gradient(top, #060a21 0%,#0a1638 80%,#181f59 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060a21', endColorstr='#181f59',GradientType=0 );
opacity: 1;
z-index: 23;
}
#sun {
position: absolute;
height: 100px;
width: 100px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background: #FF3300;
box-shadow: 0 0 50px #eff866;
z-index: 17;
opacity: 0.8;
}
.star {
position: absolute;
background: #CEFFFA;
height: 4px;
width: 4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 0 2px #ffffff;
opacity: 0.6;
z-index:23;
}
.module {
margin: 0 auto;
padding-top: 20px;
padding-bottom: 43px;
background:#2D5298;
width: 1000px; /*border radius*/
-webkit-border-radius: 2px;
border-radius: 2px; /*shadow*/
height:370px;
opacity:0.85;
-webkit-border-bottom-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
}
.module-title {
position: relative;
width: 100%;
padding:10px 15px 10px 15px;
margin: 0 -15px 0 -15px; /*shadow*/
-moz-box-shadow: 0px 1px 3px #000000;
-webkit-box-shadow: 0px 1px 3px #000000;
box-shadow: 0px 1px 3px #000000; /*gradient*/
background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
}
.module-title h3{
text-align: center;
margin: 0;
color: #fff;
/*shadow*/
text-shadow: 0px 1px 0px #000;
}
.module-body {padding: 0 10px 10px;}
.module-title::after, .module-title::before {
content: '';
position: absolute;
bottom: -15px; right: -15px;
z-index:-99;
border-color: transparent transparent transparent #036;
border-style: solid;
border-width: 15px;
width: 0; height: 0;
line-height: 0;
}
.module-title::before {
bottom: -15px; left: -15px;
border-color: transparent #036 transparent transparent;
}