Common.css
Версия от 11:39, 11 января 2018; Admine2 (обсуждение | вклад)
Версия от 11:39, 11 января 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;
}
.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;}
.lblb: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;}
.lblb:before{content: url(/mediawiki/images/a/a8/Matlbl.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;}
.lblb: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;}
.lblb:before{content: url(/mediawiki/images/a/a8/Matlbl.png); display: block; width: 47px; height: 100px; float: left; position: absolute; top: 10px; left: -47px;}
/*Конец этикетки на главные страницы*/