БИЛИМ БУЛАГЫ

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.toc, #toc { display: none; }
.chem-bg{
	background-image: url(/mediawiki/images/0/0d/Chem-fon.jpg);
	background-size: 300px;
	background-repeat: repeat;
}

.bio-bg{
	background-image: url(/mediawiki/images/9/9e/Bio-bg.jpg);
	background-size: 300px;
	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/8/85/Bgrhist.png);
	background-size: contain;
	background-repeat: no-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: 5px;
}

/* Заголовки для рубрик */

.maintext {
padding: 10px;
padding-left:13px;
text-indent: 20px;
text-align: justify;
}

.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;
  margin-top: -10px;
  margin-bottom: 30px;
  }
.cutok a{
  text-decoration: none;
  color:#ffffff;
  font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1600 - 300)));
  font-family:Arial Narrow;
    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%;
}