MediaWiki:Gadget-TabbedLanguages.css

Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.

  • Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
  • Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
  • Internet Explorer / Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5
  • Opera: premi Ctrl-F5.
/* Tabbed Languages support */

#languageLinks .selectedTab a {
	font-size: 19px;
	color: #000;
	padding: 6px;
	display: block;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: -3px;
	background-color: #fff;
	margin-right: -6px;
	position: relative;
	border-top: 1px solid #CCC;
	white-space: nowrap;
}

#languageLinks .unselectedTab a {
	font-size: 16px;
	color: #929292;
	padding: 6px;
	display: block;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: -3px;
	margin-left: 15px;
	margin-right: -5px;
	white-space: nowrap;
	background-color: #F6F6F6;
}

#languageLinks tr td {
	padding: 0px;
}

tr td.languageContainer {
	padding-left: 8px;
	padding-bottom: 10px;
	padding-right: 8px;
	border: 1px solid #CCC;
	vertical-align: top;
	width: 100%;
}

.unselectedtab {
	margin-left: 5px;
}

.editlangsection {
	margin-top: -13px;
	margin-right: 5px;
	border: 1px solid #CCC;
	margin-bottom: -2px;
	border-bottom-width: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: white;
	line-height: 14px;
	font-size: 12px;
	padding: 0px 7px;
	text-align: center;
	clear: both;
	background-color: white;
	float: right;
}

#languageLinks a.addLanguageButton {
	font-size: 12px;
	padding: 3px 6px;
}

@media screen and (max-width:36em) {

	#tabstable>tbody>tr>td {
		display: block;
		float: left;
		width: 100%;
	}

	#languageLinks tr {
		display: block;
		float: left;
		margin-bottom: -3px;
		margin-left: -5px;
		margin-top: 5px;
	}

	#languageLinks .unselectedTab a {
		margin-left: 0;
		margin-right: 5px;
		border-right: 1px solid #CCC;
	}

	#languageLinks .selectedTab a {
		margin-left: 0;
		margin-right: 5px;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #FFF;
	}

	#tabstable {
		width: 100%;
	}

	#languageLinks a.addLanguageButton {
		margin-top: 2px;
		margin-bottom: 1px;
	}

	.editlangsection {
		border-bottom-width: 1px;
	}

}

.client-js .ns-0 #toc {
  border:0;
  background:#FFF;
  float:left;
  border-right:1px solid #CCC;
  margin:2px 8px 100% 2px;
  padding:0 2px 100% 0;
  font-size: 100%;
}

.client-js .ns-0 #toc td {
  padding-top:0;
}

.client-js .ns-0 #toc ul {
  margin-top:-2px;
}

.client-js .ns-0 .toclevel-1 {
  margin-bottom:2px;
}

.client-js .ns-0 .toclevel-1 a {
  font-size:16px;
  color:#929292;
  display:block;
  border-left:1px solid #CCC;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  margin-bottom:-3px;
  margin-left:15px;
  margin-right:-5px;
  white-space:nowrap;
  background-color:#F6F6F6;
  padding:6px;
}

.client-js .ns-0 #toctitle,.client-js .ns-0 .tocnumber,.client-js .ns-0 #toc ul ul,.client-js .ns-0 #toc~h2,.client-js .ns-0 #toc~h2~h2~* {
  display:none;
}

.client-js .ns-0 #toc~h2+h3 {
  border-top: #CCC 1px solid;
  position: relative;
  left: -32px;
  padding-left: 32px;
  padding-top: 9px;
  top: 2px;
}

.client-js .ns-0 #toc ~ ol {
  position: relative;
  left: 40px;
}

.client-js .ns-0 #toc ~ ul {
  position: relative;
  left: 21px;
}

@media screen and (max-width:36em) { 
  .client-js .ns-0 #toc {
    display:block;
    float:none;
    width:100%;
    border-right:0;
    margin:0;
    padding:0;
  }

  .client-js .ns-0 .toclevel-1 {
    display:block;
    float:left;
    margin-bottom:-3px;
    margin-left:-1px;
    margin-top:9px;
  }

  .client-js #toc a {
    margin-left:0;
    margin-right:5px;
    border-right:1px solid #CCC;
  }

  .client-js .ns-0 #toc ~ h2 + h3 {
    padding-left:0;
    left:2px;
  }

  .client-js .ns-0 #toc ~ ol,.client-js .ns-0 #toc ~ ul {
    left:11px;
  }
}