Центр ФОБОС, погода от Фобос
body {
width: 100%;
height: 100%;
background: #f2f2f2;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
color: #000000;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}
a {
color: #7A8288;
text-decoration: none;
}
section {
width: 70%;
height: 60%;
min-width: 767px;
min-height: 410px;
max-height: 520px;
color: #61839B;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
margin-bottom: 5%;
}
section .wrapper {
width: 100%;
height: 100%;
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 20%, #ffffff 20%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f2f2f2 20%,#ffffff 20%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f2f2f2 20%,#ffffff 20%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding: 1%;
box-sizing: border-box;
}
.content-wrapper {
width: 100%;
height: 100%;
border: 1px solid #707070;
position: relative;
padding: 1%;
box-sizing: border-box;
overflow: hidden;
}
.map-wrapper {
width: 100%;
height: 100%;
background: url(/web/20200418075858im_/http://www.fobos.tv/map.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
top: 20%;
left: 0;
position: relative;
}
.logo {
width: 40%;
left: 50%;
position: absolute;
margin-right: -50%;
transform: translate(-50%, -40%);
background: #f2f2f2;
padding: 0 2%;
z-index: 1;
}
.content {
width: 100%;
left: 0;
bottom: 18%;
position: absolute;
}
.table {
display: table;
width: 100%;
height: 180px;
padding: 0 0.7%;
box-sizing: border-box;
position: relative;
}
.table .table-td {
display: table-cell;
padding: 0 0.7%;
border-radius: 12px;
width: 20%;
}
.table-td-wrapper {
border: 1px solid #707070;
border-radius: 8px;
height: 100%;
padding: 4%;
}
.table-td-wrapper-content {
width: 100%;
height: 100%;
background: #fff;
border-radius: 8px;
padding: 16% 10% 0 10%;
box-sizing: border-box;
}
.icon {
background: url(/web/20200418075858im_/http://www.fobos.tv/icons.svg);
background-repeat: no-repeat;
width: 96px;
height: 96px;
margin: 0 auto;
}
.icon1 {
background-size: 100%;
background-position: 0 0;
}
.icon2 {
background-size: 100%;
background-position: 0px -96px;
}
.icon3 {
background-size: 100%;
background-position: 0 -192px;
}
.icon4 {
background-size: 100%;
background-position: 0 -288px;
}
.icon5 {
background-size: 100%;
background-position: 0 -384px;
}
.title {
text-align: center;
padding-top: 10%;
border-top: 1px solid #707070;
font-size: 16px;
}
.descr {
width: 100%;
color: #7A8288;
text-align:center;
font-size: 16px;
padding: 8px 0;
}
footer {
padding: 3% 0;
text-align: center;
color: #7A8288;
}
@media (min-width: 1200px) {
section {
width: 70%;
}
}
@media (max-width: 1199px) {
section {
width: 80%;
}
}
@media (max-width: 991px) {
section {
width: 80%;
}
}
@media (max-width: 767px) {
section {
width: 95%;
}
}
предложениядля бизнеса
предложениядля СМИ
о «ЦентреФОБОС»
новостипогоды
прогнозыпогоды
мы занимаемся внедрением новых технологий обработки и визуализации метеорологической информации
Copyright © 1998-2019, Центр «ФОБОС». Все права защищены.
document.write("![](//webcf.waybackmachine.org/web/20200418075858/http://counter.yadro.ru/hit?t23.10;r" + escape(document.referrer) + ((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth)) + ";u" + escape(document.URL) + ";" + Math.random() + ")
<\/a>")