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;
}