MediaWiki:Common.css: различия между версиями
Нет описания правки |
Нет описания правки Метки: с мобильного устройства из мобильной версии |
||
| (не показано 26 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ | /* Размещённый здесь CSS будет применяться ко всем темам оформления */ | ||
.camwork-instruction { | |||
border: 1px solid #dcdcdc; | |||
background: #f9f9f9; | |||
padding: 20px; | |||
margin: 20px 0; | |||
border-left: 5px solid #007acc; | |||
font-family: sans-serif; | |||
font-size: 16px; | |||
line-height: 1.5; | |||
color: #333; | |||
} | |||
.camwork-instruction h3 { | |||
margin-top: 0; | |||
color: #007acc; | |||
font-size: 20px; | |||
} | |||
.camwork-instruction a { | |||
color: #007acc; | |||
text-decoration: none; | |||
font-weight: bold; | |||
} | |||
.camwork-instruction a:hover { | |||
text-decoration: underline; | |||
} | |||
.camwork-instruction ul { | |||
padding-left: 20px; | |||
margin: 10px 0; | |||
} | |||
.camwork-instruction li::marker { | |||
color: #007acc; | |||
} | |||
.action-history { display: none; } | |||
.mw-history-link { display: none; } | |||
.banner_top { | .banner_top { | ||
| Строка 55: | Строка 100: | ||
margin: 2% 5%; | margin: 2% 5%; | ||
display: flex; | display: flex; | ||
justify-content: space-between; | |||
} | } | ||
| Строка 154: | Строка 200: | ||
} | } | ||
@media | @media (max-width: 768px) { | ||
.img-logo{ | .img-logo { | ||
display: flex; | |||
} | } | ||
} | } | ||
.ul#menu li{ | .ul#menu li{ | ||
| Строка 185: | Строка 232: | ||
.strong { | .strong { | ||
font-size: | font-size: 24px; | ||
font-weight: bolder; | font-weight: bolder; | ||
} | } | ||
| Строка 211: | Строка 258: | ||
width: 80%; | width: 80%; | ||
margin: auto; | margin: auto; | ||
} | |||
.studio-box { | |||
width: 80%; | |||
margin: auto; | |||
font-size: 18px; | |||
} | } | ||
| Строка 353: | Строка 406: | ||
.main-banner { | .main-banner { | ||
display: flex; | display: flex; | ||
} | |||
.text-right_img { | |||
display: flex; | |||
width: 80%; | |||
justify-content: center; | |||
margin:auto; | |||
text-align: justify; | |||
} | |||
.text-left_img { | |||
display: flex; | |||
width: 100%; | |||
margin: auto; | |||
align-items: center; | |||
} | |||
.text-right_img img{ | |||
margin: auto; | |||
margin-left: 30px; | |||
} | |||
.table-tags { | |||
display: flex; | |||
justify-content: space-evenly; | |||
flex-wrap: wrap; | |||
} | |||
.table-tags_tag span{ | |||
font-size: 18px; | |||
} | |||
.table-tags_tag { | |||
width: 25%; | |||
} | |||
@media only screen and (max-width : 750px) { | |||
.main-banner { | |||
display: block; | |||
} | |||
.banner_top { | |||
width: 100%; | |||
justify-content: center; | |||
} | |||
.box_center { | |||
width: 100%; | |||
} | |||
.about_all { | |||
width: auto; | |||
} | |||
.text-right_img { | |||
display: block; | |||
width: 100%; | |||
} | |||
.text-right_img img{ | |||
margin-left: 0px; | |||
} | |||
.panel-s { | |||
border: none; | |||
padding: 0; | |||
margin: 0; | |||
display: block; | |||
} | |||
.desc-m { | |||
padding-left: 0; | |||
margin: 0; | |||
} | |||
.about { | |||
width: auto; | |||
} | |||
.text-left_img { | |||
display: block; | |||
} | |||
.table-tags_tag { | |||
width: 100%; | |||
} | |||
.full-mobile { | |||
width: auto; | |||
} | |||
.about_s li{ | |||
font-size: 1rem; | |||
} | |||
} | } | ||