MediaWiki:Common.css
Материал из SAMP
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
.infobox { border: 1px #C6C6C6 solid; } .infobox_head { text-align: center; font-weight: bold; padding: 2% 0.5%; font-size: 18px; } .infobox_param { display: flex; border-bottom: 2px solid #FFFFFF; margin: 1px 5%; padding: 5px 5px 10px 5px; } .infobox_param:last-child { border-bottom: unset; } .infobox_param_titul { font-weight: bold; } .infobox_param_text > p { margin: 0; } .infobox_param > div { width: 50%; } .skin { display: inline-block; max-width: 20%; } .skin > span > span > img { width: 100%; height: auto; } @media screen and (orientation: landscape)/* PK */ { .infobox { position: relative; lear: right; float: right; width: 320px; } .infobox_image > span > span > img { width: 100%; height: 200px; border: none; } } @media screen and (orientation: portrait )/* mobile */ { .infobox { width: 100%; } .infobox_image > span > span > img { width: 100%; height: 180px; border: none; } } .index { display: flex; justify-content: space-evenly; flex-wrap: wrap; align-items: flex-start; } .index_elem { background: #202c50; border: 1px #111111 solid; border-radius: 15px; width: 350px; position: relative; margin: 1%; cursor: pointer; } .banner > span > span > img { width: 100%; height: 120px; border-radius: 15px; } .index_elem_title { position: absolute; top: 50px; left: 15px; font-weight: bold; width: 90%; cursor: default; } .index_elem_title:after { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24'%3e%3cpath d='M13 17.586V4h-2v13.586l-6.293-6.293-1.414 1.414L12 21.414l8.707-8.707-1.414-1.414L13 17.586z'/%3e%3c/svg%3e"); width: 25px; height: 25px; } .index_subelems { margin: 1% 5%; flex-direction: column; gap: 3px; text-shadow: 0 0 6px black; display: none; height: 0; transition: 0.2s; } .index_elem.active > .index_subelems { display: flex; height: auto; } .index_elem.active > .banner > span > span > img { border-radius: 15px 15px 0 0; }