html {
overflow-y: scroll;
}
a h1, a h2, a h3, a h4, a h5, a h6 {
margin:0;
padding:0;
}
div.container:nth-child(1) {
background: none;
}
.article {
background: #FFFFFF;
opacity: 0.8; /* Полупрозрачность элемента */
}
video, .videoWrapperOuter, .videoWrapperInner { background: black; opacity: 1.0 !important; }
.main {
background: transparent;
box-shadow:none;
}
.main h1, .main h2, .main h3{
color: #FFFFFF;
text-align:center;
}
.main p {
color: #FFFFFF;
}
.mainlogo {
text-align:center;
margin:28px; }
.planet {
margin-top:-50px;
float:left;
margin-left:12px;
margin-right:12px;
}
#index {
/* height: 90vh; 100vh - 100% от высоты viewport(окна браузера) */
/* height: calc(100vh - 90px); */
}
.menu_main {
width:100%;
float:none;
text-align:center;
margin:0;
background-color: #000000;
}
.menu_main a,
.menu_main a:visited {
background-color: transparent;
text-transform: uppercase;
text-align: center;
font-size: 16px;
color: #FDD881;
line-height: 19px;
text-decoration:none;
}
.menu_main a:hover,
.menu_main a:hover:visited {
color: #FFFFFF;
text-shadow: none;
}
.menu_main li {
display:inline-block;
margin:0 0 0 18px;
}
.menu_main li.active,
.menu_main li.active a {
text-decoration:none;
cursor:default;
}
.menu_main li a p {padding:0; margin:0;line-height: 32px;}
a { color:#8F4300; }
a:hover { color:#8F4300; }
a:visited { color:#8F4300; }
a.col:hover { color:#8F4300; }
h1, h2, h3 {
color:#8F4300;
}
a.button:hover,
.button:hover {
color:#8F4300;;
text-shadow:1px 1px 1px #ffffff;
}
a.button:active,
.button:active {
color:#8F4300;;
text-shadow:1px 1px 1px #ffaeae;
-webkit-box-shadow:#000000 0px -3px 3px inset;
-moz-box-shadow:#000000 0px -3px 3px inset;
box-shadow:#000000 0px -3px 3px inset;
}
p a, p a:visited {
color: #8F4300;
}
.red {color: #FF3F01;}
.col_33 a, .col_33 a:active, .col_33 a:hover , .col_33 a:visited, .col_33 p {
color: #D14424;
text-shadow: 0px 0px 2px #ffffff;
}
/* реклама разделов */
.col_33 h2 {
font-size: 18px;
text-align: left;
margin-left:2px;
}
.col_33 img {width:100%;}
.col_33 div {margin:12px;}
.col_33 h3 { display: block; margin-left:2px; }
.col_33 .small { padding: 12px; width:92%; font-size: 16px; line-height: 130%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.col_33 .small b {color:#8F4300;}
.top {
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 2px solid #F37521;
width: 92%;
margin-left: 22px;
margin-right: 22px;
margin-top: 6px;
margin-bottom: 6px;
min-height: 40px;
height: auto;
}
.top h2 a {
color: #FDD881;
text-decoration: none;
font-style: normal;
font-weight: normal;
}
.top h2 a strong {
color: #F37521;
font-size: 20px;
}
@-webkit-keyframes pulsate { 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; } }
@keyframes pulsate { 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; } }
.top h2 a strong { text-shadow: 0 -1px rgba(0,0,0,.1); -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 1.2s linear infinite; }
/* реклама */
div.rainbow, div.collection {
background-color: #fff;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 2px solid #8F4300;
width: 92%;
margin: 12px;
min-height: 54px;
height: auto;
background-image: linear-gradient(to right, orange, red, yellow, mediumblue);
}
div.rainbow h2, div.collection h2{
font-weight: bold;
font-size: 24px;
color: #ffffff;
margin:0;
padding: 12px;
text-align: center;
text-shadow:
-0 -1px 3px #8F4300,
0 -1px 3px #8F4300,
-0 1px 3px #8F4300,
0 1px 3px #8F4300,
-1px -0 3px #8F4300,
1px -0 3px #8F4300,
-1px 0 3px #8F4300,
1px 0 3px #8F4300,
-1px -1px 3px #8F4300,
1px -1px 3px #8F4300,
-1px 1px 3px #8F4300,
1px 1px 3px #8F4300,
-1px -1px 3px #8F4300,
1px -1px 3px #8F4300,
-1px 1px 3px #8F4300,
1px 1px 3px #8F4300;
-webkit-animation: pulsate 2.8s linear infinite; animation: pulsate 2.8s linear infinite;
}
div.color h2 {
background-image: linear-gradient(to right, orange, red, yellow, mediumblue);
color: transparent;
background-image: linear-gradient(to right, orange, red, yellow, mediumblue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* реклама в меню */
.menu_main li a.coll {
display: inline-block;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 2px solid #FDD881;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 1px;
height: auto;
}
.menu_main li a.coll, .menu_main li a.coll:visited {
color: #FFFFFF;
font-weight: bold;
}
.menu_main li a.coll:hover {
color: #FDD881;
font-weight: bold;
}
.menu_main li a.colored { background-color: #fff;
background-image: linear-gradient(to right, orange, red, yellow, mediumblue); }
.menu_main li a.colored span { font-weight: bold;
color: #ffffff;
text-shadow:
-0 -1px 3px #8F4300,
0 -1px 3px #8F4300,
-0 1px 3px #8F4300,
0 1px 3px #8F4300,
-1px -0 3px #8F4300,
1px -0 3px #8F4300,
-1px 0 3px #8F4300,
1px 0 3px #8F4300,
-1px -1px 3px #8F4300,
1px -1px 3px #8F4300,
-1px 1px 3px #8F4300,
1px 1px 3px #8F4300,
-1px -1px 3px #8F4300,
1px -1px 3px #8F4300,
-1px 1px 3px #8F4300,
1px 1px 3px #8F4300;
-webkit-animation: pulsate 2.8s linear infinite; animation: pulsate 2.8s linear infinite;}
.round {border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 2px solid #F37521;}
span.foto-podp {display:inline-block; width:170px;font-size: 12px;}