Common.css — различия между версиями
Admine2 (обсуждение | вклад) |
Admine2 (обсуждение | вклад) |
||
Строка 99: | Строка 99: | ||
margin-top:5px; | margin-top:5px; | ||
margin-bottom:5px; | margin-bottom:5px; | ||
+ | } | ||
+ | |||
+ | span.nume { | ||
+ | float: left; | ||
+ | display: inline-block; | ||
+ | display: inline; | ||
+ | width: 22px; | ||
+ | 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; | ||
} | } |
Версия 12:59, 6 октября 2017
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.float-right{
float:right;
margin-left:20px;
}
.chem-bg{
background-image: url(http://176.126.167.242/mediawiki/images/0/0d/Chem-fon.jpg);
background-size: 300px;
background-repeat: repeat;
}
.history-up{
background-image: url(http://176.126.167.242/mediawiki/images/4/4b/His_top.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.history-body{
background-image: url(http://176.126.167.242/mediawiki/images/9/9b/His_bod.png);
background-size: cover;
background-position: center;
background-clip: padding-box;
background-repeat: no-repeat;
}
.history-donw{
background-image: url(http://176.126.167.242/mediawiki/images/d/db/His_bot.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* отбрасывает тень от контейнера 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;
}
span.nume {
float: left;
display: inline-block;
display: inline;
width: 22px;
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;
}