MediaWiki:Common.css

Versione del 9 apr 2017 alle 11:03 di Olthir (discussione | contributi) (Nuova pulsantiera)

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

  • Firefox / Safari: tenere premuto il tasto delle maiuscole Shift e fare clic su Ricarica, oppure premere Ctrl-F5 o Ctrl-R (⌘-R su Mac)
  • Google Chrome: premere Ctrl-Shift-R (⌘-Shift-R su un Mac)
  • Internet Explorer: tenere premuto il tasto Ctrl e fare clic su Aggiorna, oppure premere Ctrl-F5
  • Opera: Vai nel Menu → Impostazioni (Opera → Preferenze su un Mac) e poi in Privacy & sicurezza → Pulisci dati del browser → Immagini e file nella cache.
/* ################################################ CSS ########################################################### */

/* class="collapsible collapsed" */
 table .collapsed tr .collapsible {
        background: url("http://wiki.metin2.it/images/7/78/SkinCategoria.png") no-repeat scroll center transparent;
    border: none;
    color: rgb(241, 222, 142);
    text-format:0.9m;
 }
 
 .collapseButton { /* 'show'/'hide' buttons created dynamically by the */
         float : right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
         font-weight : normal; /* are styled here so they can be customised.  */
         vertical-align: middle;
         text-align : right;
         width : auto;
 }

 table .spoiler-cat {
        background: url("http://wiki.metin2.it/images/7/78/SkinCategoria.png") no-repeat scroll center transparent;
    border: none;
    color: rgb(241, 222, 142);
    text-format:0.9m;
 }
/* ################################################################################################################ */
/* ############################################ Skin Default ###################################################### */
/* ################################################################################################################ */

/* Toglie il nome delle pagine nella schermata */
body.page-Pagina_principale #catlinks,
body.page-Pagina_principale h1.firstHeading{
display: none;
}

/* Aggiunto alla skin il tasto "Regolamento" nella barra user in alto a sinistra */
#p-personal .regolamento {
    position: relative;
    left: 10px;
    top: -19px;
    width: 88px;
    height: 21px;
    display: inline-block;
    cursor: pointer;
    color: #f0dc8c;
    border: 1px solid #f0dc8c;
    border-radius: 5px;
    text-align: center; /* testo allineato orizzontalmente */
    font-size: 0.95em;
    line-height: 21px; /* testo allineato verticalmenten, non usare vertical-align, non funziona */
}

#p-personal .regolamento:before{
    content: "Regolamento";
}

/* Aggiunto alla skin il tasto "Carica un File" nella barra user in alto a sinistra */
#p-personal .caricaFile {
    position: relative;
    left:30px;
    top: -19px;
    width: 88px;
    height: 21px;
    display: inline-block;
    cursor: pointer;
    color: #f0dc8c;
    border: 1px solid #f0dc8c;
    border-radius: 5px;
    text-align: center; /* testo allineato orizzontalmente */
    font-size: 0.95em;
    line-height: 21px; /* testo allineato verticalmenten, non usare vertical-align, non funziona */
}

#p-personal .caricaFile:before{
    content: "Carica un file";
}

/* Aggiunto alla skin il tasto "Come Funziona" nella barra user in alto a sinistra */
#p-personal .comeFunziona{
    position: relative;
    left:50px;
    top: -19px;
    width:144px;
    height: 21px;
    display: inline-block;
    cursor: pointer;
    color: #f0dc8c;
    border: 1px solid #f0dc8c;
    border-radius: 5px;
    text-align: center; /* testo allineato orizzontalmente */
    font-size: 0.95em;
    line-height: 21px; /* testo allineato verticalmenten, non usare vertical-align, non funziona */
}

#p-personal .comeFunziona:before{
    content: "Come funziona la Wiki";
}

div#content .content-footer{
position: relative;
width: 960px;
padding: 0px 0px 5px 0px;
left: -35px;
right: 0px;
bottom: -40px;
background: url('http://wiki.metin2.it/images/e/e5/ChiusuraPagina.png') no-repeat scroll top center transparent !important;
height: 84px;
z-index: 0;
}

h1, h2, h3, h4, h5, h6 {
color: #8B4500;
border-bottom: 0px solid #8B4500;
}

#bodyContent h3, #bodyContent h4, #bodyContent h5 {
margin-bottom: .3em;
color: #8B4500;
}

#firstHeading{
color: #8B4500;
border-bottom: 0px solid #8B4500;
}

div#column-one {
    padding-top: 130px;
}

#p-cactions .new a { 
    color: #fece58;
}

#p-cactions li.selected {
    border: 0px !important;
    font-weight: normal;
    background-color: transparent;
    padding-bottom: 7px;
    padding-top: 7px;
}

#p-cactions li {
    background: transparent;
    border: 0px !important;
    display: inline;
    margin: 0px;
    overflow: visible;
    font-weight: bold;
}

#p-cactions li.selected a {
    z-index: 3;
    background-color: rgba(0,0,0,0.7);
    color: #fece58;
    padding: 14px 21px 8px !important;
    font-weight: bold;
    font-size: 1.1rem;
}

#p-cactions .new a, #p-cactions li a, #p-cactions li a:hover {
    font-size: 15px;
    font-family: Quattrocento,serif;
    background: rgba(0,0,0,0.7);
    z-index: 1;
    padding: .8em .7em;
    text-transform: capitalize;
    padding: 9px 21px 8px !important;
}

#p-cactions li a:hover {
    color: #fece58;
}

#p-cactions .pBodyTabs {
    margin-top: -35px;
    margin-right: 0px;
}

.pBodyTabs {
    margin-left: -17px;
    background: transparent;
}

#searchInput::-webkit-input-placeholder { 
    color:#8B4513;
}
#searchInput:-moz-placeholder { 
    color:#8B4513;
   opacity:  1;
}
#searchInput::-moz-placeholder { 
    color:#8B4513;
   opacity:  1;
}
#searchInput:-ms-input-placeholder { 
    color:#8B4513;
}

ul { 
line-height: 1.5em;
list-style-image: url("http://wiki.metin2.it/images/4/41/Bottone.png");
list-style-type: square;
margin: 0.3em 0px 0px 1.5em;
padding: 0px;
}

#p-tb{
position: relative;
z-index: 1;
inline-block;
}

#p-search{
position: relative;
z-index: 1;
inline-block;
}

#p-lang{
position: relative;
z-index: 1;
inline-block;
}

#p-Community{
position: relative;
z-index: 1;
inline-block;
}

#p-navigation{
position: relative;
z-index:1;
inline-block;
}

#p-Pagine_importanti{
position: relative;
z-index:1;
inline-block;
}

#p-personal li a {
  padding: 0px 0px 0px 0px;
  color: #fffabd;
  text-decoration: none;
}

#p-personal li a:hover {
  background: none;
  color: #fff780;
}

#p-personal ul {
text-transform: capitalize;
}

li#pt-userpage, li#pt-anonuserpage, li#pt-login {
    background: url("http://wiki.metin2.it/images/9/9d/Immagine_Profilo_Skin.png") top left no-repeat;
    padding-left: 20px;
    text-transform: none;
}
#p-personal {
width: 100%;
height: 24px;
white-space: nowrap;
padding-top: 5px;
margin: 0;
border: none;
background: url("http://wiki.metin2.it/images/2/25/TextureSfondoBarUser.png") transparent;
text-size:1em;
line-height: 1.5em;
}

/* Logo GameForge in basso a sinistra */
#f-copyrightico{
left: 45px;
top: 130px;}

#f-list {
    margin-top: 100px;
    font-family: Quattrocento, serif;
    font-weight: bold;
    font-size: 11px;
}

body {
    background: url('http://wiki.metin2.it/images/c/ca/SkinMetin2.jpg') no-repeat fixed center top #000;
    overflow-x: visible !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.portletNavMiddle ul li a{
  margin: 0px 0px 0px 0px;
  color: #ecd4a8;
  text-decoration: none;
}


/* NavBox laterali sinistra. Top, Middle, Bottom. */
.portletNavBG {
    background: url(http://wiki.metin2.it/images/4/41/SfondoNavigazione1.png) no-repeat;
    width: 157px;
    min-height: 34px;
    overflow: hidden;
    text-align: center;
}

.portletNavMiddle {
background: url('http://wiki.metin2.it/images/8/8b/SfondoNavigazione2.png') repeat-y;
width: 157px;
}

.portletNavBtn{
background: url('http://wiki.metin2.it/images/3/32/SfondoNavigazione3.png') no-repeat 0 100%;
max-height: 132px;
min-height: 25px;
width: 157px;
}

.portletNavBG h5 {
    color: #fef6aa;
    background: none;
    font-weight: bold;
    margin: 0px;
    padding-bottom: .17em;
    border-bottom: 0px solid #aaa;
    font-size: 11.9px;
}

#p-logo {
position: relative;
right: 0px;
left: 450px;
top: -86px;
height: 168px;
width: 493px;
}

#p-logo a, #p-logo a:hover { 
background: url('http://wiki.metin2.it/images/6/69/Logo_Skin.png') no-repeat center top transparent !important;
position: relative;
height: 168px;
width: 493px;
margin: auto;
overflow: visible;
}

div#column-content {
    left: 0px;
    right: 0px;
    top: 300px;
    opacity: 0.99;
    position: relative;
    z-index: 1;
    margin-bottom: 70px;
}

#p-cactions {
    position: absolute;
    width: 960px;
    padding: 0px;
    top: 265px;
    left: 178px;
    right: 0px;
    background: url('http://wiki.metin2.it/images/d/d3/AperturaPagina.png') no-repeat scroll center center transparent !important;
    height: 70px;
    z-index: 0;
    margin-top: 0px;
}

/* Icona "PoweredByMediaWiki" in basso a destra */
#f-poweredbyico{display:none;}

div#content {
position:relative;
color: #000;
padding: 10px 35px 20px;
margin-top: 0px;
width: 890px;
border-width: 0px;
background: url("http://wiki.metin2.it/images/2/26/Background.png") repeat-y;
}

div#footer {
    position: relative;
    background: transparent;
    margin: 0px;
    padding: 130px 0px 0px;
    display: block;
    width: 100%;
    border: medium none;
    height: 203px;
}

#bilder { 
display: none !important;
}

.mw-content-ltr .editsection, .mw-content-rtl .mw-content-ltr .editsection { 
float: right;
margin: 0px 35px 0px 0px;
}

.editsection a:link {
	text-decoration: none;
	color: #0667d2 !important;
}

.editsection a:visited {
	color: #0667d2 !important;
	text-decoration: none;
}

editsection a:active {
	color: #0667d2 !important;
	text-decoration: none;
}

.editsection a:hover {
	color: #0667d2 !important;
	text-decoration: none;
}

/* Immagine Metin2 accanto alle sezioni e ondina sottolineata */
#mw-content-text h2 {
    background: url("http://wiki.metin2.it/images/f/ff/LogoMt2.png") no-repeat scroll left center transparent;
    height: 30px;
    color:  !important;
    text-indent: 40px;
    font-weight: bold;
    color:#643200 !important

border-style: solid; 
border-width: 0px 0px 7px; 
-moz-border-image: url("http://wiki.metin2.it/images/6/6c/Divisore.png") 0 0 33 81 repeat; 
-webkit-border-image: url("http://wiki.metin2.it/images/6/6c/Divisore.png") 0 0 33 81 repeat; 
-o-border-image: url("http://wiki.metin2.it/images/6/6c/Divisore.png") 0 0 33 81 repeat; 
border-image: url("http://wiki.metin2.it/images/6/6c/Divisore.png") 0 0 33 81 fill repeat;  
}

#toctitle h2{
color:#643200 !important;
border-style: none; 
border-width: 0px; 
-moz-border-image: none; 
-webkit-border-image: none; 
-o-border-image: none; 
border-image: none; 
}

/* Indice pagina */
#toc, .toc, .mw-warning {
    background: url(http://wiki.metin2.it/images/f/f8/BackgroundTrasparente.png) repeat;
    border: 1px solid #000000;
    color: #643200;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 50%;
}

.flaggedrevs-color-0 { 
text-decoration: blink;

color: rgb(200, 0, 0);
background: none;
}

.flaggedrevs-color-1 {
background: none;
}

.mw-specialpagecached {
font-style: italic;
}

#bodyContent a.external {
padding-right: 0px;
}

li.gallerybox div.thumb,
div.tright div.thumbinner {
background: none;
border: 1px solid rgb(150, 150, 150);
}

/* Colore del thumb delle immagini */
html .thumbimage {
border: 1px solid rgb(180, 180, 180);
}

table.diff,
td.diff-otitle, 
td.diff-ntitle,
td.diff-context {
background: none;
}

th .mw-collapsible-toggle a {
color: rgb(255, 255, 255);
}

#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
        background: none;
        color: #0667d2;
}

.transparentbckg800 {
  background: url("http://wiki.metin2.it/images/f/f8/BackgroundTrasparente.png") repeat;
  display: inline-block;
  padding: 5px;
  width: 790px;
  color: #00000;
  border: 1px solid #000000;
  border-radius: 5px;
}

.transparentbackground {
  background: url("http://wiki.metin2.it/images/f/f8/BackgroundTrasparente.png") repeat;
  border: 1px solid #000000;
}

.mw-collapsible-toggle a:link {
    color: #0667d2;
}

.mw-content-ltr .editsection,
.mw-content-rtl .mw-content-ltr .editsection {
float: right;
margin: 0 35px 0 0;
}

/* Categorie skin */
#catlinks, .catlinks {
    border-radius: 5px;
    border-top: 1px solid #1f0e02;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#512410),color-stop(100%,#1f0e02));
    border-bottom: 1px solid #000;
    color: #f1de8e;
}

#catlinks a, .catlinks a {
    color: rgb(241, 222, 142);
}

#toc,
.toc,
.mw-warning {
    background: url("http://wiki.metin2.it/images/f/f8/BackgroundTrasparente.png") repeat;
    border: 1px solid #000000;
    color: #FFFFFF;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#toc h2,
.toc h2 {
    display: inline;
    border: none;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    background: none;
    color: #FFFFFF;
}

/* Subpage */
#contentSub2 {
    margin-top: 0.3em !important;
    line-height: 0em !important;
    margin: 0 0 1.4em 1em;
    color: #1E0E02;
    width: auto;
}

/* Gallery e Cornice immagine stile */
li.gallerybox div.thumb, div.tleft div.thumbinner,
div.tright div.thumbinner {
    background: url("http://wiki.metin2.it/images/f/f8/BackgroundTrasparente.png") repeat scroll 0% 0% transparent;
    border: 1px solid #88283a;
}

img.thumbborder {
	border: 1px solid #512410;
}

.sidebar {
background: url("http://wiki.metin2.it/images/7/75/Background_Sidebar.png") repeat-y;
border-style:solid;
border-width:1px;
border-left:0px;
border-color:rgb(81,36,16);
border-radius:0px 20px 20px 0px;
}

.trasparente{
    background: url("http://wiki.metin2.it/images/f/f8/BackgroundTrasparente.png") repeat 0em 0em;
}
/* Background Sfondi */
.header-bghomepage{
    background: url("http://wiki.metin2.it/images/a/a8/TextureTabellaSfondo.png") repeat 0em 0em;
}

.header-bghome {
     background: url("http://wiki.metin2.it/images/1/19/BarraUser.png") repeat 0em 0em;
}

.header-bghome2 {
    background: url("http://wiki.metin2.it/images/a/a8/Texture.png") repeat 0em 0em;
}

.header-bghome3 {
   background: url("http://wiki.metin2.it/images/a/a8/TextureTabellaSfondo.png") repeat 0em 0em;
}

/****************************************************************************************/
/******************************************TABBER****************************************/
/****************************************************************************************/

.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid rgb(81,36,16);
    font: bold 12px Verdana,sans-serif;
}

ul.tabbernav li {
    list-style: none;
    margin: 0;
    display: inline;
}

ul.tabbernav li a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid rgb(81,36,16);
    border-bottom: none;
    background:#972014;
    text-decoration: none;
}

ul.tabbernav li a:link {
    color: #f0d9a2;
}

ul.tabbernav li a:hover {
    color: #f0d9a2;
    background: #1f0e02;
    border-color: rgb(81,36,16);
}

ul.tabbernav li.tabberactive a {
    background-color: #1f0e02;
    border: 1px solid rgb(81,36,16);
}

ul.tabbernav li.tabberactive a:hover {
    color: #f0d9a2;
    background: #1f0e02;
    border-bottom: none;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
    padding-top: 5px;
    padding-left: 10px;
    border: 1px solid #502410;
    border-top: 0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* Slider con pulsanti avanti e indietro */
.slider {
	width: auto;
}

.slider-wrapper {
	width: 100%;
        height: auto;
	position: relative;
}

.slide {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
        display:none;
	transition: opacity 500ms linear;
}

.slider-wrapper > .slide:first-child {
	display:block;
}

.slider-nav {
	height: 20px;
	width: 70px;
        display: inline;
	margin-top: 1.5em;
        margin-bottom: 1.5em;
}


.slider-nav button:focus {
	outline-style: none;
}

.slider-nav button.slider-previous {
	float: left;
}

.slider-nav button.slider-next {
	float: right;
}

.slider-nav > .slider-previous:first-child {
       display:none;
}