БИЛИМ БУЛАГЫ

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

.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, 0, 0, .5); 
margin: 10px;
padding: 10px;
text-align: justify;
text-indent: 0px;
color: #fff;
}

/* Выравнивание картинки по левому краю с отступом для текста */
.center {
align:center;
float:non;
text-indent:0
text-align:center;
}

/* отбрасывает тень от контейнера div */
.shadow {
  -moz-box-shadow:    3px 3px 5px 3px #ccc;
  -webkit-box-shadow: 3px 3px 5px 3px #ccc;
  box-shadow:         3px 3px 5px 3px #ccc;
}
/* Буквица первая буква абзаца большая */
.firstcharacter {
  color: #903;
  float: left;
  font-family: Georgia;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

/* Заголовки для рубрик */
.rubric {
padding: 4px;
border-bottom: 2px solid grey; 
margin-bottom:10px;
font-family: Georgia;
text-align: center; 
font-weight: bold; 
font-size: calc(19px + (26 - 19) * ((100vw - 300px) / (1600 - 300)));
}

.radius {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.sbstyle {
border: .5px solid lightgrey;
background-color: white; 
padding: 10px; 
overflow: hiden; 
text-align: justify;
text-indent: 10px;
}

.maintext {
padding: 10px;
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;
}

/*Подсветка блоков содержания*/
.light{
    background: #ccc;
    width:150px;
    align:center;
    text-align:center;
    text-indent:0px;
    padding:3px;
    margin:3px;
    font-size:13px;
    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{
    background: #aaa;
    font-weight:bold;
}

.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: 12px;
  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:focus {
  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));
}
.button17:focus:hover {
  border-top: 1px solid rgb(49,87,107);
  background-image:
   linear-gradient(rgb(33,77,98), rgb(29,57,77));
}