MediaWiki:Common.css
Материал из Saltyverse Wiki
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&family=Poppins:wght@200;300;400;500;600;700&family=Roboto+Flex:opsz,wght@8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900&display=swap');
@media (max-device-width: 700px) {
.left-row { width: 100%!important; }
.right-row { width: 100%!important; }
.certification { width: 90%!important; }
.main-container { flex-direction: column!important; }
.about-inside { flex-direction: column-reverse!important; }
.about-text { font-size: 15px!important; }
.menu-button { width: 275px!important; }
}
.portable-infobox.pi-theme-saltytheme .pi-title {
padding: 7px;
padding-bottom: 7px;
font-weight: 600;
text-align: center;
background-color: #FFCFCF;
font-size: 15px;
}
.main-container {
display: flex;
flex-direction: row;
gap: 15px;
}
.left-row {
width: 75%;
}
.right-row {
width: 25%;
}
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.portable-infobox.pi-theme-saltytheme .pi-header {
background-color: #FFCFCF;
text-align: center;
}
.portable-infobox.pi-theme-saltytheme .pi-data {
font-size: 11px;
}
.portable-infobox.pi-theme-saltytheme .pi-data[data-item-name=suptitle] {
text-align: center;
background-color: #FFCFCF;
font-weight: 600;
border-bottom-style: none;
font-size: 12px;
padding: 3px;
}
.portable-infobox .pi-data-label {
flex-basis: 100px;
}
.portable-infobox .pi-data-value ol {
list-style-position: outside;
}
/* == */
/* Default skin for navigation boxes */
table.navbox { /* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group { /* Group style */
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
.navbox-title,
table.navbox th {
background: #ffb7b7; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #ffcfcf; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #ffdddd; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
.collapseButton { /* 'show'/'hide' buttons created dynamically */
float: right; /* by the CollapsibleTables javascript in */
font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */
text-align: right; /* so they can be customised. */
width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
width: 6em; /* the vde links from [[Template:Tnavbar]], */
} /* so they need to be the same width. */
.colorinherit a:link, .colorinherit a:visited, .colorinherit a:hover, .colorinherit a:active {
color:inherit;
}
.nounderline {
text-decoration: none;
}
.nounderline a:hover, .nounderline a:active {
text-decoration: none;
text-shadow: rgb(0,0,0) 0 0 7px;
}
.hove tr:hover {background-color: #ddd;
}