Common.css
Версия от 13:44, 15 января 2018; Admine2 (обсуждение | вклад)
Версия от 13:44, 15 января 2018; Admine2 (обсуждение | вклад)
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Отключение автосодержания */
.toc, #toc { display: none; }
/* Конец Отключение автосодержания */
/* Фон для предметных страниц */
.chem-bg{
background-image: url(/mediawiki/images/f/f7/Chem-fon.png);
background-size: 300px;
background-repeat: repeat;
}
.geo-bg{
background-image: url(/mediawiki/images/4/42/Geo_back.png);
background-size: 300px;
background-repeat: repeat;
}
.bio-bg{
background-image: url(/mediawiki/images/f/f0/Bio_bg.png);
background-size: 250px;
background-repeat: repeat;
}
.mat-bg{
background-image: url(/mediawiki/images/0/0d/Mat-bg.png);
background-size: 300px;
background-repeat: repeat;
}
.en-bg{
background-image: url(/mediawiki/images/3/3e/Bgr.jpg);
background-size: 300px;
background-repeat: repeat;
}
.his-bg{
background-image: url(/mediawiki/images/1/1e/His_bg.png);
background-size: 250px;
background-repeat: repeat;
}
.mir-bg{
background-image: url(/mediawiki/images/d/de/Mir_bg.png);
background-size: 300px;
background-repeat: repeat;
}
.kyr-bg{
background-image: url(/mediawiki/images/7/7a/Kyr_bg.png);
background-size: 300px;
background-repeat: repeat;
}
.phis-bg{
background-image: url(/mediawiki/images/6/68/Phis_bg.png);
background-size: 300px;
background-repeat: repeat;
}
/* Конец фон для предметных страниц */
.textblock{
border: 1px solid lightgrey;
background-color: rgba(0, 102, 161, .5);
margin: 10px;
padding: 10px;
text-align: justify;
text-indent: 0px;
color: #fff;
dispaly:inline-block;
}
/* Буквица первая буква абзаца большая */
.firstcharacter {
color: #903;
float: left;
font-family: Georgia;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
text-indent: 0px;
}
/* Текст для содержательной части страниц */
.maintext {
padding: 10px;
padding-left:13px;
text-indent: 20px;
text-align: justify;
}
.maintext h2, h3, h4, h5{
text-indent:0px;
}
/* Конец текст для содержательной части страниц */
.metall {
color: blue;
font-family: Georgia;
}
.blocktext {
background-color: #eefaff;
border-color: #d2d2d2;
border-width: .5em;
padding:5px;
margin-top:5px;
margin-bottom:5px;
}
.nume {
float: left;
display: inline-block;
display: inline;
width: 32px;
text-align: center;
margin: -3px 10px 5px 0;
padding: 4px 4px 3px 4px;
background-color: #6ca7d8;
color: #fff;
box-shadow: 1px 1px 2px #bbb;
-moz-box-shadow: 1px 1px 2px #bbb;
-webkit-box-shadow: 1px 1px 2px #bbb;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 20px;
clear: both;
}
/* Библиография */
.biblio {
padding: 0px;
text-indent: 0px;
text-align: justify;
font-size: 13px;
}
/*Подсветка блоков содержания*/
.cutok {
display:block;
background-color:#c1c1c1;
padding-top:10px;
padding-bottom:10px;
text-align:center;
text-indent:0px;
margin-top: -10px;
margin-bottom: 30px;
margin-right:-10px;
}
.cutok a{
text-decoration: none;
color:#ffffff;
font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300)));
font-family:Arial Narrow;
text-indent:0px;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
}
.cutok :hover{
color:#004c5d;
}
.light{
background-color: #f47521;
text-align: center;
text-indent: 0px;
padding: 3px;
margin: 3px;
font-size: 16px;
text-transform: uppercase;
font-weight: normal;
display: inline-block;
}
.light-three{
background: #ccc;
width:230px;
align:center;
text-align:center;
text-indent:0px;
padding:3px;
margin:3px;
font-size:13px;
font-weight:normal;
display:inline-block;
}
/*Подсветка блоков содержания mobile*/
.light-mb{
background: #ccc;
width:280px;
align:center;
text-align:center;
text-indent:0px;
padding:3px;
margin:3px;
font-size:13px;
font-weight:normal;
display:inline-block;
}
.light:hover{
}
.light-three:hover{
background: #aaa;
font-weight:bold;
}
.light-mb:hover{
background: #aaa;
font-weight:bold;
}
.resettext {
padding: 0px;
text-indent: 0px;
text-align: left;
}
/*класс таблиц*/
.mw-datatable {
border-collapse: collapse;
}
.mw-datatable,
.mw-datatable td,
.mw-datatable th {
border: 1px solid #a2a9b1;
padding: 5px;
}
.mw-datatable th {
background-color: #ddf;
text-align: center;
font-weight:bold;
}
.mw-datatable td {
background-color: #fff;
text-align: justify;
}
.mw-datatable tr:hover td {
background-color: #eaf3ff;
}
.tbtext {
padding: 0px;
text-indent: 0px;
}
.button17 {
display: inline-block;
font-size: 13px;
color: rgb(205,216,228);
text-decoration: none;
padding: .2em .8em;
outline: none;
border-right: 1px solid rgba(13,20,27,.5);
border-top: 1px solid rgba(270,278,287,.01);
background-color: rgb(64,73,82);
background-image:
radial-gradient(1px 60% at 0% 50%, rgba(255,255,255,.3), transparent),
radial-gradient(1px 60% at 100% 50%, rgba(255,255,255,.3), transparent),
linear-gradient(rgb(64,73,82), rgb(72,81,90));
}
.button17:hover {
background-image:
radial-gradient(1px 60% at 0% 50%, rgba(255,255,255,.3), transparent),
radial-gradient(1px 60% at 100% 50%, rgba(255,255,255,.3), transparent),
linear-gradient(rgb(51,60,67), rgb(58,65,72));
}
.button17:active {
color: rgb(245,247,250);
border-top: 1px solid rgb(67,111,136);
background-image:
linear-gradient(rgb(46,95,122), rgb(36,68,92));
}
/*Поворот текста на 180 градусов*/
.rottext{
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
font-style:italic;
margin-top:-15px;
font-size:90%;
}
/*меню на главных страницах*/
.itemDroWrap{
width: 100%;
text-align: center;
}
.displayInline{
display: inline-block;
}
.itemDro{
text-align: center;
display:inline-block;
position: relative;
display: flex;
flex-direction: column-reverse;
}
.itemDro img{
width: 80px;
height: 80px;
object-fit: cover;
border-radius:50%;
overflow:hidden;
margin: 0 auto;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.itemDro a{
text-decoration: none;
color: inherit;
}
.itemDro h2{
color:#519e83;
font-size:20px;
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 0px;
}
.itemDro h2:after{
content:"";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 9px solid;
display:inline-block;
margin-left:5px;
border-bottom:none !important;
}
.itemDroBox{
cursor: pointer;
}
.itemDroBox:hover ul{
display: block;
}
.itemDroBox:hover + p img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
.itemDroBox ul{
display: none;
min-width: 100%;
background: #f7edbc;
border-left:2px solid #519e83;
padding:10px;
position: absolute;
margin: 0;
z-index:2;
}
.itemDroBox li{
width: 100%;
list-style:none;
padding: 0;
text-align: left;
text-indent: 0;
}
.itemDroBox li a{
color:#5c5c5c;
text-decoration:none;
font-size:16px;
transition:all 0.3s;
white-space: nowrap;
}
.itemDro p{
text-indent: 0 !important;
}
.itemDroBox li a:hover{
color:#f47521;
}
/*конец меню на главных страницах*/
/*Подсказки для английского языка*/
span.tip{
color: #0066a1;
text-decoration: none;
}
span.tip:hover {
color: #f47521;
position: relative;
}
span.tip[data-fancybox-title]:hover:after {
content: attr(data-fancybox-title);
max-width:250px;
padding: 4px 8px;
color: #4d4d4d;
position: absolute;
border-left: 4px solid #0066a1;
left: 0;
top: 100%;
z-index: 20px;
-moz-box-shadow: 0px 0px 4px #222;
-webkit-box-shadow: 0px 0px 4px #222;
box-shadow: 1px 1px 4px #222;
background:#f7edbc;
text-indent:0px;
text-align:left;
}
/*Конец подсказки для английского языка*/
/*Этикетки на главные страницы*/
.lblg{display:block-inline; min-height:90px; background-color:#e8e8e8; padding:20px 25px; color:#505050; text-indent:0px; text-align:justify; position:relative; margin-left:67px; margin-right:30px; margin-bottom:15px;}
.lblg:before{content: url(/mediawiki/images/1/1d/Geolbl.png); display: block; width: 47px; height: 100px; float: left; position: absolute; top: 10px; left: -47px;}
.lblb{display:block-inline; min-height:90px; background-color:#e8e8e8; padding:20px 25px; color:#505050; text-indent:0px; text-align:justify; position:relative; margin-left:67px; margin-right:30px; margin-bottom:15px;}
.lblb:before{content: url(/mediawiki/images/0/03/Biolbl.png); display: block; width: 47px; height: 100px; float: left; position: absolute; top: 10px; left: -47px;}
.lblm{display:block-inline; min-height:90px; background-color:#e8e8e8; padding:20px 25px; color:#505050; text-indent:0px; text-align:justify; position:relative; margin-left:67px; margin-right:30px; margin-bottom:15px;}
.lblm:before{content: url(/mediawiki/images/a/a8/Matlbl.png); display: block; width: 47px; height: 100px; float: left; position: absolute; top: 10px; left: -47px;}
.lblml{display:block-inline; min-height:90px; background-color:#e8e8e8; padding:20px 25px; color:#505050; text-indent:0px; text-align:justify; position:relative; margin-left:67px; margin-right:30px; margin-bottom:15px;}
.lblml:before{content: url(/mediawiki/images/8/8f/Mirlbl.png); display: block; width: 47px; height: 100px; float: left; position: absolute; top: 10px; left: -47px;}
.lblp{display:block-inline; min-height:90px; background-color:#e8e8e8; padding:20px 25px; color:#505050; text-indent:0px; text-align:justify; position:relative; margin-left:67px; margin-right:30px; margin-bottom:15px;}
.lblp:before{content: url(/mediawiki/images/a/a8/Matlbl.png); display: block; width: 47px; height: 100px; float: left; position: absolute; top: 10px; left: -47px;}
.lblc{display:block-inline; min-height:90px; background-color:#e8e8e8; padding:20px 25px; color:#505050; text-indent:0px; text-align:justify; position:relative; margin-left:67px; margin-right:30px; margin-bottom:15px;}
.lblc:before{content: url(/mediawiki/images/a/a8/Matlbl.png); display: block; width: 47px; height: 100px; float: left; position: absolute; top: 10px; left: -47px;}
/*Конец этикетки на главные страницы*/
/*Интерактивная карта*/
.distribution-map div, .distribution-map img {
position: relative;
padding:0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-indent:0px;
}
.distribution-map h1 {
font-size: 36pt;
}
.distribution-map h2 {
font-size: 24pt;
}
.distribution-map h3 {
font-size: 18pt;
}
.distribution-map h4 {
font-size: 16pt;
}
.distribution-map h5 {
font-size: 14pt;
}
.distribution-map h6 {
font-size: 12pt;
}
.distribution-map p {
font-size: 10pt;
margin-bottom: 12pt;
text-indent:0px;
text-align:justify;
}
.distribution-map a {
-webkit-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
font-family: "Roboto Condensed", Helvetica, sans-serif;
font-size: 60%;
text-transform: uppercase;
text-decoration: none;
color: #dff3fd;
}
.distribution-map a:visited {
color: #ffcdac;
}
.distribution-map li.active a, .distribution-map a:hover, .distribution-map a:active {
color: #f47521;
}
.distribution-map .centered {
position: absolute;
overflow: scroll;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.distribution-map .centered-y {
/* position: absolute; */
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.distribution-map .centered-y img{
max-width: 100%;
}
.distribution-map {
position: relative;
background-mage: url('/mediawiki/images/1/11/M7a_Uku_S.png);
background-repeat: no-repeat;
background-size: cover;
/* padding: 20px;*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
.distribution-map > p > img {
width: 100%;
position: relative;
margin: 0;
padding: 0;
z-index: 0;
}
.distribution-map .map-point {
cursor: pointer;
outline: none;
z-index: 1;
position: absolute;
overflow: hidden;
width: 14px;
height: 14px;
border-radius: 7px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
-o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
-webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
-webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
-webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
background: rgba(26, 26, 26, 0.85);
border: 2px solid #0066a1;
}
.distribution-map .map-point .content {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
width: 100%;
height: 100%;
left: 50%;
padding: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
overflow: auto;
}
.distribution-map .map-point:hover, .distribution-map .map-point:focus {
margin: 0;
padding: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
width: 300px;
height: 350px;
color: #e5e5e5;
z-index: 2;
-webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
}
.distribution-map .map-point:hover .content, .distribution-map .map-point:focus .content {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
-moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
-webkit-transition-delay: 0.25s, 0s, 0s;
-webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
overflow: auto;
}
.distribution-map .map-point:hover .content a:hover, .distribution-map .map-point:hover .content a:active, .distribution-map .map-point:focus .content a:hover, .distribution-map .map-point:focus .content a:hover {
color: #afe1fa;
}
.distribution-map .content::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}
.distribution-map .content::-webkit-scrollbar-track {
background-color:#cfe9ff;
}
.distribution-map .content::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background-color: #0066a1;}
.distribution-map .content::-webkit-scrollbar-thumb:hover{
background-color:#0066a1;
}
.distribution-map .content::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:2px;
height:0px
}
.distribution-map .content::-webkit-scrollbar{
width: 5px;
}
.avtor {
font: normal bold 150% Arial, sans-serif;
}
/*Конец интерактивная карта*/