MediaWiki:Common.css: mudanças entre as edições

De Wiki NBS
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
(20 revisões intermediárias por um outro usuário não estão sendo mostradas)
Linha 74: Linha 74:
.mw-highlight pre {
.mw-highlight pre {
font-size: 90%;
font-size: 90%;
}
.tabber__tab--active {
    box-shadow: inset 0 -2px 0 0 #3366cc;
    background: #294494;
}
.tabber__tab--active, .tabber__tab--active:visited {
  color: white;
}
/*h2, h3, h4 {
background: #294492;
color: white;
padding: 5px;
.mw-editsection {
    background: white;
}
.mw-headline {
padding-top:10px;
padding-bottom: 10px;
    padding-right: 10px;
}
.vector-body h2, h3, h4 {
padding-left: 10px;
}
}*/
/* Aquí comença el codi adaptat de eswikivoyage */
/* BEGIN Main Page carousel code */
.jcarousel {
    position: relative;
    overflow: hidden;
}
.jcarousel-wrapper {
max-width: 1125px;
    margin: 0;
    position: relative;
}
.jcarousel .jcarousel-list {
    width: 20000em;
    position: relative;
    margin: 0;
    padding: 0;
}
.jcarousel .jcarousel-item {
    float: left;
    height: 300px;
}
.jcarousel-item img {
    display: block;
    height: 300px;
}
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
      -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}
.jcarousel-control-prev {
    left: -15px;
}
.jcarousel-control-next {
    right: -15px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}
.jcarousel-pagination {
    position: absolute;
bottom: -12px;
left: 5px;
z-index: 100;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    margin-right: 2px;
    opacity: .75;
}
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
/* END Main Page carousel code */
/* Mark's template version of the new main page */
.banner-image {
    position: relative;
    max-width: 1125px;
    height: auto;
    margin-bottom: .6em;
}
.banner-image img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.banner-box {
    position: absolute;
    z-index: 2;
    margin-top: 2.5em;
    color: white;
    width: 59%;
    min-width: 20em;
    text-shadow: black 0.3em 0.3em 0.5em, black -0.3em -0.3em 0.5em, black 0 0 0.5em;
}
.banner-box-wide {
    width: 80%
}
.banner-box-left {
    left: 5%;
    text-align: left;
    font-size:100%;
}
.banner-box-right {
    right: 5%;
    text-align: right;
    font-size:100%;
}
.banner-box-welcome {
    left: 1em;
    text-align: center;
    width: 40%;
    white-space: nowrap;
}
.banner-box a {
    color: white !important;
    font-weight: bold;
}
.banner-box .name {
    font-size: 350%;
    white-space: nowrap;
    line-height: 120%;
}
.banner-box .type {
    font-size: 250%;
    line-height: 120%;
}
.banner-box .stats {
    font-size: 1em;
    margin-top: 1.7em;
}
.banner-box .quote {
    font-size: 120%;
    line-height: 120%;
}
.banner-box .welcome a {
    font-size: 1.5em;
}
.banner-box .welcome {
    font-size: 2.1em;
}
.banner-box .nav-tip {
    font-size: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.banner-box .welcome-map-nav {
    font-size: 1.25em;
}
.banner-box ul {
    font-size: 1.25em;
}
.banner-box ul li {
    display: inline;
}
.banner-box ul li:before {
    content: " • ";
}
.banner-box ul li:nth-of-type(1):before {
    content: " ";
}
/* Styles for Pagebanner template */
.topbanner {
    position: relative;
    overflow: hidden;
    max-width: 1800px;
    height: auto;
}
.topbanner img {
    max-width: 100%;
    height: auto;
    width: auto;
}
.topbanner-box {
    position: absolute;
    z-index: 2;
    margin-top: 1.5em;
    color: white;
    width: 50%;
    min-width: 20em;
    left: 2%;
    text-align: left;
}
.topbanner .name {
    position: absolute;
    z-index: 2;
    margin: 0.6em 0 0 0.4em;
    padding: 8px 7px;
    font-size: 2.2em;
    font-weight: bold;
    background: rgb(16,16,16);
    background: rgba(0,0,0,0.5);
    border-radius: 4px;
    color: white;
    white-space: nowrap;
    line-height: 0.9em;
}
.logo {
box-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em;
background:rgb(5, 5, 5);
background:rgba(5, 5, 5, .5);
top: 190px;
left: 90%;
height: 80px;
width:80px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius:40px;
position:absolute;
white-space: nowrap;
}
.logo img {
    vertical-align:middle;
    margin-left: auto;
    margin-right: auto;
    max-width: 72px;
    height:auto;
    margin: 10px auto 10px auto;
    overflow: visible !important;
}
.mf-mobile-only {
    display: none;
}
/* Aquí acaba l'adaptació del codi de eswikivoyage */
/* CSS placed here will be applied to all skins */
.mw-highlight pre {
font-size: 90%;
}
.breadcrumbs {
  clear: both;
  border:1px solid #AAAAAA;
  background-color:#F9F9F9;
  padding:5px;
}
}

Edição atual tal como às 21h14min de 21 de maio de 2024

/** o código CSS colocado aqui será aplicado a todos os temas */
.fancytree ul {
    background: none;
    border: none;
    font-size: 12px;
}
ul.fancytree-container {
    outline: 0;
    border: none;
    overflow: hidden;
}
.fancytree p {
    display: none;
}
span.fancytree-title {
    cursor: default;
}
span.fancytree-title a {
    color: black;
}

.floatTOC {
	transition: 0.2s all ease;
	display: block;
	position: fixed;
	top: 20px;
	left: 0;
	border: none;
	background: #f6f6f6;
	font-size: 0.8em;
	max-width: 10em;
	padding: 1.2em;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.floatTOC ul ul {
	margin: 0 0 0 0.75em;
}

.floatTOC:hover {
	max-width: 1000em;
	overflow: auto;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

.floatTOC > * {
	transition: 0.2s all ease;
	/*opacity: 0.5;*/
}

.floatTOC:hover > * {
	opacity: 1;
}

.floatTOC .tocnumber {
	display: none;
}

.floatTOC a {
	color: #000;
}

.floatTOC .toctoggle {
	display: none;
}

.floatTOC #toctitle {
	display: none;
}

/* CSS placed here will be applied to all skins */
.mw-highlight pre {
	font-size: 90%;
}

.tabber__tab--active {
    box-shadow: inset 0 -2px 0 0 #3366cc;
    background: #294494;
 }
 
.tabber__tab--active, .tabber__tab--active:visited {
 	   color: white;
 }
 
/*h2, h3, h4 {
	background: #294492;
	color: white;
	padding: 5px;

 
 .mw-editsection {
    background: white;
}

.mw-headline {
	padding-top:10px;
	padding-bottom: 10px;
    padding-right: 10px;
}

.vector-body h2, h3, h4 {
	padding-left: 10px;
}
}*/

/* Aquí comença el codi adaptat de eswikivoyage */
/* BEGIN Main Page carousel code */
.jcarousel {
    position: relative;
    overflow: hidden;
}
 
.jcarousel-wrapper {
	max-width: 1125px;
    margin: 0;
    position: relative;
}
 
.jcarousel .jcarousel-list {
    width: 20000em;
    position: relative;
    margin: 0;
    padding: 0;
}
 
.jcarousel .jcarousel-item {
    float: left;
    height: 300px;
}
 
.jcarousel-item img {
    display: block;
    height: 300px;
}
 
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}
 
.jcarousel-control-prev {
    left: -15px;
}
 
.jcarousel-control-next {
    right: -15px;
}
 
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}
 
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}
 
.jcarousel-pagination {
    position: absolute;
	bottom: -12px;
	left: 5px;
	z-index: 100;
}
 
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    margin-right: 2px;
    opacity: .75;
}
 
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
 
/* END Main Page carousel code */

/* Mark's template version of the new main page */
.banner-image {
    position: relative;
    max-width: 1125px; 
    height: auto;
    margin-bottom: .6em;
}
 
.banner-image img {
    max-width: 100%;
    width: auto;
    height: auto;
}
 
.banner-box {
    position: absolute;
    z-index: 2;
    margin-top: 2.5em;
    color: white;
    width: 59%;
    min-width: 20em;
    text-shadow: black 0.3em 0.3em 0.5em, black -0.3em -0.3em 0.5em, black 0 0 0.5em;
}
 
.banner-box-wide {
    width: 80%
}
 
.banner-box-left {
    left: 5%;
    text-align: left;
    font-size:100%;
}
 
.banner-box-right {
    right: 5%;
    text-align: right;
    font-size:100%;
}
 
.banner-box-welcome {
    left: 1em;
    text-align: center;
    width: 40%;
    white-space: nowrap;
}
 
.banner-box a {
    color: white !important;
    font-weight: bold;
}
 
.banner-box .name {
    font-size: 350%;
    white-space: nowrap;
    line-height: 120%;
}
 
.banner-box .type {
    font-size: 250%;
    line-height: 120%;
}
 
.banner-box .stats {
    font-size: 1em;
    margin-top: 1.7em;
}
 
.banner-box .quote {
    font-size: 120%;
    line-height: 120%;
}
 
.banner-box .welcome a {
    font-size: 1.5em;
}
 
.banner-box .welcome {
    font-size: 2.1em;
}
 
.banner-box .nav-tip {
    font-size: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
 
.banner-box .welcome-map-nav {
    font-size: 1.25em;
}
 
.banner-box ul {
    font-size: 1.25em;
}
 
.banner-box ul li {
    display: inline;
}
 
.banner-box ul li:before {
    content: " • ";
}
 
.banner-box ul li:nth-of-type(1):before {
    content: " ";
}
 
/* Styles for Pagebanner template */
 
.topbanner {
    position: relative;
    overflow: hidden;
    max-width: 1800px; 
    height: auto;
}
 
.topbanner img {
    max-width: 100%;
    height: auto;
    width: auto;
}
 
.topbanner-box {
    position: absolute;
    z-index: 2;
    margin-top: 1.5em;
    color: white;
    width: 50%;
    min-width: 20em;
    left: 2%;
    text-align: left;
}
 
.topbanner .name {
    position: absolute;
    z-index: 2;
    margin: 0.6em 0 0 0.4em;
    padding: 8px 7px;
    font-size: 2.2em;
    font-weight: bold;
    background: rgb(16,16,16);
    background: rgba(0,0,0,0.5);
    border-radius: 4px;
    color: white;
    white-space: nowrap;
    line-height: 0.9em;
}

.logo {
	box-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em;
	background:rgb(5, 5, 5);
	background:rgba(5, 5, 5, .5);
	top: 190px;
	left: 90%;
	height: 80px;
	width:80px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius:40px;
	position:absolute;
	white-space: nowrap;
}
 
.logo img {
    vertical-align:middle;
    margin-left: auto;
    margin-right: auto;
    max-width: 72px;
    height:auto;
    margin: 10px auto 10px auto;
    overflow: visible !important;
}

.mf-mobile-only {
    display: none;
}
/* Aquí acaba l'adaptació del codi de eswikivoyage */

/* CSS placed here will be applied to all skins */
.mw-highlight pre {
	font-size: 90%;
}

.breadcrumbs {
   clear: both;
   border:1px solid #AAAAAA;
   background-color:#F9F9F9;
   padding:5px;
}