Differenze tra le versioni di "MediaWiki:Common.css"
Riga 3: | Riga 3: | ||
/* ################################################################################################################ */ | /* ################################################################################################################ */ | ||
− | /* | + | /* Tabelle Flex*/ |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.t-responsive { | .t-responsive { | ||
display: table; | display: table; | ||
Riga 174: | Riga 166: | ||
#f-list { | #f-list { | ||
font-family: Quattrocento,serif !important; | font-family: Quattrocento,serif !important; | ||
− | width: | + | max-width: 95%; |
margin: auto; | margin: auto; | ||
font-size: 11px; | font-size: 11px; | ||
+ | padding-top: 15px; | ||
} | } | ||
Riga 201: | Riga 194: | ||
right: 0px; | right: 0px; | ||
bottom: -45px; | bottom: -45px; | ||
− | background: url( | + | background: url(http://i.imgur.com/LYRptKc.png) no-repeat scroll top center transparent !important; |
height: 84px; | height: 84px; | ||
z-index: 0; | z-index: 0; | ||
Riga 429: | Riga 422: | ||
/* *********************************************************************** */ | /* *********************************************************************** */ | ||
@media only screen and (min-width: 801px){ | @media only screen and (min-width: 801px){ | ||
+ | /* Annunci per la versione Responsive */ | ||
+ | #siteNotice { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
body { | body { | ||
− | background: url(http://static.crm.gfsrv.net/mailings/metin2/2017/ | + | background: url(http://static.crm.gfsrv.net/mailings/metin2/2017/0508_Steam/Header.jpg) no-repeat fixed center top #000; |
overflow-x: visible !important; | overflow-x: visible !important; | ||
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
Riga 618: | Riga 616: | ||
.portletNavMiddle ul li a { | .portletNavMiddle ul li a { | ||
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
− | color: # | + | color: #FFFBD5; |
text-decoration: none; | text-decoration: none; | ||
font-size: 11.5px; | font-size: 11.5px; | ||
− | font-family: Quattrocento, serif | + | font-family: Quattrocento,serif; |
− | |||
} | } | ||
Riga 682: | Riga 679: | ||
@media only screen and (max-width: 800px){ | @media only screen and (max-width: 800px){ | ||
+ | /* flex table */ | ||
+ | .t-responsive { | ||
+ | display: -webkit-box; | ||
+ | -webkit-flex-direction: column; | ||
+ | display: -moz-box; | ||
+ | -moz-flex-direction: column; | ||
+ | display: -ms-flexbox; | ||
+ | -ms-flex-direction: column; | ||
+ | display: -webkit-flex; | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | .t-responsive .cell { | ||
+ | width: 100% !important; | ||
+ | display: block; | ||
+ | } | ||
+ | .t-responsive .row { | ||
+ | width: 100% !important; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .t-responsive .cell { | ||
+ | -webkit-box-ordinal-group: 1; | ||
+ | -moz-box-ordinal-group: 1; | ||
+ | -ms-flex-order: 1; | ||
+ | -webkit-order: 1; | ||
+ | order: 1; | ||
+ | } | ||
+ | |||
+ | /* Resizing image with browser width: https://www.mediawiki.org/wiki/Help_talk:Images#Dynamic_resizing_as_the_browser_is_resized */ | ||
+ | img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } | ||
+ | |||
+ | /* Responsive body */ | ||
body { | body { | ||
background: url(//gf1.geo.gfsrv.net/cdn63/4047bed964dcc231086f3e5fa0f417.jpg) center 0 repeat-y #000; | background: url(//gf1.geo.gfsrv.net/cdn63/4047bed964dcc231086f3e5fa0f417.jpg) center 0 repeat-y #000; | ||
Riga 695: | Riga 726: | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
− | margin-bottom: | + | margin-bottom: 0px; |
} | } | ||
Riga 701: | Riga 732: | ||
position: relative; | position: relative; | ||
color: #000; | color: #000; | ||
− | padding: | + | padding: 0px; |
margin-top: 0px; | margin-top: 0px; | ||
− | width: | + | max-width: 100%; |
− | margin-left: | + | margin-left: 0px; |
border-width: 0px; | border-width: 0px; | ||
− | background: | + | background: #ecddc0; |
+ | margin-bottom: 0px; | ||
+ | top: 0px; | ||
+ | } | ||
+ | |||
+ | div#content .content-footer { | ||
+ | position: relative; | ||
+ | max-width: 100%; | ||
+ | width: 100%; | ||
+ | bottom: 0px !important; | ||
+ | left: 0px !important; | ||
+ | padding: 0px; | ||
+ | right: 0px; | ||
+ | background: #ecddc0 !important; | ||
+ | height: 30px; | ||
+ | z-index: 0; | ||
+ | box-shadow: inset 0 -1px rgb(81,36,16); | ||
+ | border-bottom: 2px solid #fece58; | ||
+ | } | ||
+ | |||
+ | #firstHeading { | ||
+ | color: #8B4500; | ||
+ | border-bottom: 0px solid #8B4500; | ||
+ | padding-left: 5px; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | padding-left: 5px; | ||
+ | padding-right: 5px; | ||
} | } | ||
#p-cactions { | #p-cactions { | ||
position: absolute; | position: absolute; | ||
− | width: | + | width: 100%; |
+ | max-width: 100%; | ||
padding: 0px; | padding: 0px; | ||
− | top: | + | top: 280px; |
left: 0px !important; | left: 0px !important; | ||
right: 0px; | right: 0px; | ||
− | background: | + | background: #ecddc0; |
− | height: | + | height: 30px; |
z-index: 0; | z-index: 0; | ||
margin-top: 0px; | margin-top: 0px; | ||
+ | border-top: 2px solid #fece58; | ||
+ | box-shadow: inset 0 1px 0 rgb(81,36,16); | ||
} | } | ||
Riga 914: | Riga 976: | ||
position: relative; | position: relative; | ||
right: 0px; | right: 0px; | ||
− | top: - | + | top: -60px; |
− | width: | + | max-width: 100%; |
+ | width: 100%; | ||
padding: 0px; | padding: 0px; | ||
margin: auto; | margin: auto; | ||
+ | height: auto; | ||
} | } | ||
#p-logo a, #p-logo a:hover { | #p-logo a, #p-logo a:hover { | ||
background: url(https://image.board.gameforge.com/uploads/metin2/it/announcement_metin2_it_081422535b88f568be4f030235d2081f.png) no-repeat center top transparent !important; | background: url(https://image.board.gameforge.com/uploads/metin2/it/announcement_metin2_it_081422535b88f568be4f030235d2081f.png) no-repeat center top transparent !important; | ||
− | height: | + | height: 120px; |
− | width: | + | max-width: 100%; |
+ | width: 100%; | ||
overflow: visible; | overflow: visible; | ||
− | margin | + | margin: auto; |
− | |||
} | } | ||
Riga 992: | Riga 1 056: | ||
} | } | ||
− | #p-personal h5:hover { | + | #p-personal h5:hover, h5:active { |
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_c2f3abce277a9eb4f43588bf9cead1e0.png) no-repeat; | background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_c2f3abce277a9eb4f43588bf9cead1e0.png) no-repeat; | ||
} | } | ||
− | #p-personal .navigazione:hover { | + | #p-personal .navigazione:hover, .navigazione:active { |
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_ecea01cb2070a2858235e126ae32a558.png) !important; | background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_ecea01cb2070a2858235e126ae32a558.png) !important; | ||
} | } | ||
Riga 1 132: | Riga 1 196: | ||
div#footer { | div#footer { | ||
position: relative; | position: relative; | ||
− | background: | + | background: url(https://it.metin2.gameforge.com/cdn/img/landing2/footer_bg.png); |
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
Riga 1 139: | Riga 1 207: | ||
border: medium none; | border: medium none; | ||
left: 0px; | left: 0px; | ||
− | top: -10px; | + | height: 130px; |
+ | } | ||
+ | |||
+ | /* Campo Revisiona modifiche in basso alla pagina */ | ||
+ | .fr-rating-options { | ||
+ | margin-right: 1%; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | #mw-fr-commentbox { | ||
+ | margin-right: 1%; | ||
+ | width: 30%; | ||
+ | } | ||
+ | |||
+ | #mw-fr-submit-unaccept { | ||
+ | width: 20%; | ||
+ | } | ||
+ | |||
+ | #mw-fr-submit-accept { | ||
+ | width: 20%; | ||
+ | } | ||
+ | |||
+ | #mw-fr-reviewformlegend { | ||
+ | padding: .5em; | ||
+ | font-size: 95%; | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | |||
+ | .flaggedrevs_reviewform.noprint, .flaggedrevs_editnotice.plainlinks, .flaggedrevs-color-1, .fr-unreviewed-unwatched { | ||
+ | background: none; | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | |||
+ | /* Fixing thumb pic in the responsive view */ | ||
+ | div.tright { | ||
+ | margin: 0px; | ||
+ | margin-bottom: 1.3em; | ||
+ | } | ||
+ | |||
+ | 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; | ||
+ | width: auto !important; | ||
+ | } | ||
+ | |||
+ | #f-copyrightico { | ||
+ | left: 0px; | ||
+ | margin-top: 0px; | ||
+ | max-width: 95%; | ||
+ | top: 10px; | ||
+ | } | ||
+ | |||
+ | /* Miscellanous */ | ||
+ | #mw-content-text > div:nth-child(4) { | ||
+ | /* da sistemare */ | ||
+ | } | ||
+ | |||
+ | input#wpSave, input#wpDiff { | ||
+ | margin-right: 0.33em; | ||
+ | margin-top: 0.2em; | ||
+ | } | ||
+ | |||
+ | /* sezioni delle pagine */ | ||
+ | |||
+ | #mw-content-text h2 { | ||
+ | font-size: 135% !important; | ||
+ | } | ||
+ | |||
+ | /* Editor pagine */ | ||
+ | .wikiEditor-ui .wikiEditor-ui-top { | ||
+ | position: relative; | ||
+ | border-bottom: 1px solid silver; | ||
+ | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAhBAMAAADql9yMAAAAMFBMVEX7/P73+v36/P75+/38/f7t9Prq8vju9fro8vjs9Pnq8/ju9vr7/f70+fv9/v7d3d1xysUWAAAAK0lEQVQIW2N5wMIAhglA3MDiwKIApAXAIiCZA1BZCA8EDwBZDlA1B4CqCwAEyQh1Q/0tlAAAAABJRU5ErkJggg==); | ||
} | } | ||
Versione delle 18:41, 2 giu 2017
/* ################################################ CSS ########################################################### */
/* ################# Metin 2 Wiki Theme Responsive and Default make by Olthir: olthir@metin2.it ################### */
/* ################################################################################################################ */
/* Tabelle Flex*/
.t-responsive {
display: table;
}
.t-responsive .cell {
display: table-cell;
}
.t-responsive .row, .t-responsive .row {
display: table-row;
}
/* Formattazione dell'editor */
#mw-content-text > pre {
background-color: #f8f8f8;
border: 1px solid #eaecf0;
line-height: 1.3em;
font-size: 13px;
tab-size: 4;
white-space: pre-wrap;
padding: 0px;
width: 100%;
}
/* 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;
}
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;
}
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-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: 0px;
height: 37px;
margin: auto;
top: 50%;
float: none;
width: 402px;
}
#f-list {
font-family: Quattrocento,serif !important;
max-width: 95%;
margin: auto;
font-size: 11px;
padding-top: 15px;
}
div#column-content {
left: 0px;
right: 0px;
top: 300px;
opacity: 0.99;
position: relative;
z-index: 1;
margin-bottom: 0px;
}
/* Icona "PoweredByMediaWiki" in basso a destra */
#f-poweredbyico{
display:none;
}
div#content .content-footer {
position: relative;
width: 960px;
padding: 0px 0px 5px 0px;
left: -35px;
right: 0px;
bottom: -45px;
background: url(http://i.imgur.com/LYRptKc.png) no-repeat scroll top center transparent !important;
height: 84px;
z-index: 0;
}
#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: auto;
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: 12px !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;
}
.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;
}
/* *********************************************************************** */
/* VERSIONE DESKTOP */
/* *********************************************************************** */
@media only screen and (min-width: 801px){
/* Annunci per la versione Responsive */
#siteNotice {
display:none;
}
body {
background: url(http://static.crm.gfsrv.net/mailings/metin2/2017/0508_Steam/Header.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;
}
#p-cactions {
position: absolute;
width: 972px;
padding: 0px;
top: 260px;
left: 172px;
right: 0px;
background: url(https://image.board.gameforge.com/uploads/metin2/it/announcement_metin2_it_9295f721d82945e96b8c875dde48abe7.png) no-repeat scroll center center transparent !important;
height: 84px;
z-index: 0;
margin-top: 0px;
}
div#content {
position: relative;
color: #000;
padding: 10px 35px 0px;
margin-top: 0px;
width: 890px;
border-width: 0px;
background: url(https://image.board.gameforge.com/uploads/metin2/it/announcement_metin2_it_74cab68f6adf6e09d3f62b33b71d6aed.png) repeat-y;
}
#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;
}
#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";
}
#p-navigation{
position: relative;
z-index:1;
inline-block;
width:160px;
}
#p-Pag_Importanti{
position: relative;
z-index:1;
inline-block;
}
#p-Community{
position: relative;
z-index: 1;
inline-block;
}
#p-search{
position: relative;
z-index: 1;
inline-block;
}
#p-tb{
position: relative;
z-index: 1;
inline-block;
}
#p-lang{
position: relative;
z-index: 1;
inline-block;
}
/* NavBox laterali sinistra. Top, Middle, Bottom. */
.portletNavTop {
background: transparent;
border: none;
margin: 0 0 0 .2em;
padding: 0;
float: none;
overflow: hidden;
width:159px;
}
.portletNavBG h5 {
color: #fece58;
background: none;
font-weight: bold;
margin: 0px;
padding-bottom: .17em;
font-size: 14px;
}
.portletNavBG {
background: url(https://image.board.gameforge.com/uploads/metin2/it/announcement_metin2_it_eb381b85560dbc2842ceda0417adabca.png);
width: 157px;
height: 34px;
overflow: hidden;
text-align: center;
line-height: 34px;
font-family: Quattrocento,serif;
}
.portletNavMiddle {
background: url(https://image.board.gameforge.com/uploads/metin2/it/announcement_metin2_it_cad8b0516bd78aa66e8bdc10541c65aa.png) repeat-y;
}
.portletNavMiddle UL {
padding-top: 0px;
padding-right: 0px;
padding-left: 26px;
padding-bottom: 1px;
margin: 1px 6px 0px 0px;
}
.portletNavMiddle ul li a {
margin: 0px 0px 0px 0px;
color: #FFFBD5;
text-decoration: none;
font-size: 11.5px;
font-family: Quattrocento,serif;
}
.portletNavBtn {
background: url(https://image.board.gameforge.com/uploads/metin2/it/announcement_metin2_it_afb7108d6b9d5fd14b368e73ff5b4ae2.png);
max-height: 132px;
height: 29px;
}
#p-logo {
position: relative;
right: 0px;
top: -86px;
height: 168px;
width: 493px;
margin: auto;
}
#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;
}
.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;
}
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;
}
div#footer {
position: relative;
background: transparent;
margin: 0px;
padding: 50px 0px 0px;
display: block;
width: 980px;
border: medium none;
left: 10%;
}
}
/* *********************************************************************** */
/* VERSIONE RESPONSIVE */
/* *********************************************************************** */
@media only screen and (max-width: 800px){
/* flex table */
.t-responsive {
display: -webkit-box;
-webkit-flex-direction: column;
display: -moz-box;
-moz-flex-direction: column;
display: -ms-flexbox;
-ms-flex-direction: column;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.t-responsive .cell {
width: 100% !important;
display: block;
}
.t-responsive .row {
width: 100% !important;
display: block;
}
.t-responsive .cell {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
/* Resizing image with browser width: https://www.mediawiki.org/wiki/Help_talk:Images#Dynamic_resizing_as_the_browser_is_resized */
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
/* Responsive body */
body {
background: url(//gf1.geo.gfsrv.net/cdn63/4047bed964dcc231086f3e5fa0f417.jpg) center 0 repeat-y #000;
overflow-x: auto;
}
div#column-content {
left: 0px;
right: 0px;
margin-left: 0px;
top: 300px;
opacity: 0.99;
position: relative;
z-index: 1;
margin-bottom: 0px;
}
div#content {
position: relative;
color: #000;
padding: 0px;
margin-top: 0px;
max-width: 100%;
margin-left: 0px;
border-width: 0px;
background: #ecddc0;
margin-bottom: 0px;
top: 0px;
}
div#content .content-footer {
position: relative;
max-width: 100%;
width: 100%;
bottom: 0px !important;
left: 0px !important;
padding: 0px;
right: 0px;
background: #ecddc0 !important;
height: 30px;
z-index: 0;
box-shadow: inset 0 -1px rgb(81,36,16);
border-bottom: 2px solid #fece58;
}
#firstHeading {
color: #8B4500;
border-bottom: 0px solid #8B4500;
padding-left: 5px;
}
#bodyContent {
padding-left: 5px;
padding-right: 5px;
}
#p-cactions {
position: absolute;
width: 100%;
max-width: 100%;
padding: 0px;
top: 280px;
left: 0px !important;
right: 0px;
background: #ecddc0;
height: 30px;
z-index: 0;
margin-top: 0px;
border-top: 2px solid #fece58;
box-shadow: inset 0 1px 0 rgb(81,36,16);
}
#p-cactions li.selected a {
z-index: 3;
background-color: rgba(0,0,0,0.7);
color: #fece58;
padding: 14px 10px 8px !important;
font-weight: bold;
font-size: 12px;
}
#p-cactions .new a, #p-cactions li a, #p-cactions li a:hover {
font-size: 12px;
font-family: Quattrocento,serif;
background: rgba(0,0,0,0.7);
z-index: 1;
padding: .8em .7em;
text-transform: capitalize;
padding: 9px 5px 8px !important;
}
/** Parte alta della Wiki **/
/* Rimuovo alla skin il tasto "Regolamento" nella barra user in alto a sinistra per la versione responsive*/
#p-personal .regolamento {
display:none;
}
/* Rimuovo alla skin il tasto "Carica un File" nella barra user in alto a sinistra per la versione responsive*/
#p-personal .caricaFile {
display:none;
}
/* Rimuovo alla skin il tasto "Come Funziona" nella barra user in alto a sinistra per la versione responsive*/
#p-personal .comeFunziona{
display:none;
}
/* Comparsa dell'icona di Navigazione per la versione responsive */
#p-personal .navigazione {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_ab8166b10a2d11bea191017e50bb6ea8.png) !important;
position: fixed;
left: 35px;
width: 24px;
height: 24px;
top: 2px;
cursor: pointer;
}
#p-personal .community {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_e97ef02ac626895f5cc217426997deff.png) !important;
position: fixed;
left: 95px;
width: 24px;
height: 24px;
top: 2px;
cursor: pointer;
}
#p-personal .p-importanti {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_7b3bf3226af04cbdbe72a98a2f14e550.png) !important;
position: fixed;
left: 65px;
width: 24px;
height: 24px;
top: 2px;
cursor: pointer;
}
#p-personal .tools {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_9745023bc0cf554e4b152950010b8e3a.png) !important;
position: fixed;
left: 125px;
width: 24px;
height: 24px;
top: 2px;
cursor: pointer;
}
#p-personal .lang {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_e9fb8f4b754d50f73286a9adc6bcc587.png) !important;
position: fixed;
left: 155px;
width: 24px;
height: 24px;
top: 2px;
cursor: pointer;
}
#p-navigation,
#p-Pag_Importanti,
#p-Community,
#p-tb,
#p-lang {
position: fixed;
z-index: 4;
top: 35px;
left: 0;
width: 100%;
margin: 0px;
}
#p-navigation h5 {
background: transparent;
width: 100%;
height: 23px;
line-height: 24px;
padding: 0px;
display: inline-block;
border-bottom: 1px solid #fece58;
}
#p-navigation h5:hover {
background: transparent;
}
#p-navigation .portletNavBG{
width: 100%;
}
#p-navigation .portletNavMiddle {
background: rgba(0,0,0,0.8);
width: 100%;
}
.portletNavBG {
background: rgba(0,0,0,0.8) !important;
overflow: hidden;
text-align: center;
line-height: 33px !important;
font-family: Quattrocento,serif;
width: 100% !important;
}
.portletNavBG h5 {
background: transparent;
width: 100%;
height: 23px;
line-height: 24px;
padding: 0px;
display: inline-block;
border-bottom: 1px solid #fece58;
}
.portletNavMiddle {
background: rgba(0,0,0,0.8) !important;
width: 100%;
}
.portletNavMiddle ul li a {
margin: 0px 0px 0px 0px;
color: #ecd4a8;
text-decoration: none;
font-size: 11.5px;
font-family: Quattrocento,serif;
font-weight: initial !important;
}
.portletNavBtn {
background: rgba(0,0,0,0.8) !important;
min-height: 0px;
width: 100%;
height: 5px !important;
}
.portletNavKette {
background: transparent;
background-position: center;
border: none;
margin: 0 0 0;
padding: 0;
float: none;
width: 157px;
min-height: 32px;
overflow: hidden;
display: none;
}
.portletNavKetteEnd {
background: transparent;
background-position: center;
border: none;
margin: 0 0 10;
padding: 0;
float: none;
width: 100%;
min-height: 48px;
overflow: hidden;
}
/* Metin2 Wiki Logo Responsive */
#p-logo {
position: relative;
right: 0px;
top: -60px;
max-width: 100%;
width: 100%;
padding: 0px;
margin: auto;
height: auto;
}
#p-logo a, #p-logo a:hover {
background: url(https://image.board.gameforge.com/uploads/metin2/it/announcement_metin2_it_081422535b88f568be4f030235d2081f.png) no-repeat center top transparent !important;
height: 120px;
max-width: 100%;
width: 100%;
overflow: visible;
margin: auto;
}
/* User Bar Responsive */
#p-personal {
background: url("http://wiki.metin2.it/images/2/25/TextureSfondoBarUser.png") transparent;
position: fixed;
height: 27px;
white-space: nowrap;
top: 0;
z-index: 4;
line-height: 1.5em;
}
#p-personal li a {
padding: 0px 0px 0px 0px;
color: #ecd4a8 !important;
text-decoration: none;
}
#p-personal li a:hover {
background: none;
color: #ecd4a8 !important;
}
#p-personal li {
z-index: 4;
border: none;
padding: 0;
display: block;
margin-left: 1em;
line-height: 23px;
}
#p-personal ul {
text-transform: capitalize;
line-height: 23px;
text-align: left;
padding-left: 0;
padding-right: 0;
position: fixed;
top: 34px;
display: none;
font-family: Quattrocento,serif;
font-size: 13px;
z-index: 4;
width: 100%;
background: rgba(0,0,0,0.8);
}
#p-personal h5 {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_f765db09ada7b391848a67c727a229c0.png) no-repeat;
width: 24px;
height: 24px;
text-transform: capitalize;
color: transparent;
font-weight: bold;
display: inline;
position: fixed;
cursor: pointer;
top: 2px;
left: 5px;
padding: 0px;
}
#p-personal h5:hover, h5:active {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_c2f3abce277a9eb4f43588bf9cead1e0.png) no-repeat;
}
#p-personal .navigazione:hover, .navigazione:active {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_ecea01cb2070a2858235e126ae32a558.png) !important;
}
#p-personal .p-importanti:hover {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_78f27346f05899c4b93b21bfbeb920d1.png) !important;
}
#p-personal .community:hover {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_446dda0e2e82bbf3a39471ce52445fe8.png) !important;
}
#p-personal .tools:hover {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_a7c2aedba8a1514e74716d84ae8f5921.png) !important;
}
#p-personal .lang:hover {
background: url(https://image.board.gameforge.com/uploads/metin2/it/icon_metin2_it_778d07d114242daa020d25fa80b8b1c6.png) !important;
}
/* Icona profilo nascosta e nome utente centrato nel pulsante */
li#pt-userpage, li#pt-anonuserpage, li#pt-login {
padding-left: 0px;
padding-top: 5px;
background: transparent !important;
text-transform: none;
}
/* posizionamento scritta "Registrati" per i non loggati */
#pt-createaccount {
padding-top: 10px;
}
/* posizionamento scritta "Entra" per i non loggati */
#pt-login {
padding-top: 0px;
}
#pt-logout {
text-align: center;
border-top: 1px solid #fece56 !important;
}
/* Barra di Ricerca spostata in alto a destra */
#p-search {
position: fixed;
z-index: 4;
height: 25px;
top: 0px;
right: 0 !important;
width: 40% !important;
}
#p-search .pBody {
text-align: right;
border: none;
margin: 0px;
padding: 0px;
padding-top: 2px;
}
#searchInput {
background: #f1e7d0;
box-shadow: inset 1px 1px 2px #9a8963, inset -1px -1px 2px #9a8963;
border-radius: 5px;
text-align: center;
width: 75%;
height: 24px;
transition: left 0.3s;
padding: 0px;
margin: 0px;
font-size: 13px;
}
#p-search .portletNavMiddle {
width: 40%;
position: fixed;
top: 0px;
background: transparent !important;
right: 0 !important;
}
#p-search .portletNavBG {
background: transparent !important;
}
#p-search .portletNavBtn {
background: transparent !important;
}
#p-search h5 {
display:none;
}
#searchGoButton {
background: #0c0604;
box-shadow: inset 1px 1px 2px #9a8963, inset -1px -1px 2px #9a8963;
border-radius: 5px;
text-align: center;
width: 20%;
height: 24px;
padding: 0px;
margin: 0px;
font-size: 13px;
}
#mw-searchButton {
display: none;
}
#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;
}
.sidebar {
display: none !important;
}
#ca-watch {
display: none !important;
}
div#footer {
position: relative;
background: url(https://it.metin2.gameforge.com/cdn/img/landing2/footer_bg.png);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0px;
padding: 0px;
display: block;
width: 100%;
border: medium none;
left: 0px;
height: 130px;
}
/* Campo Revisiona modifiche in basso alla pagina */
.fr-rating-options {
margin-right: 1%;
white-space: nowrap;
}
#mw-fr-commentbox {
margin-right: 1%;
width: 30%;
}
#mw-fr-submit-unaccept {
width: 20%;
}
#mw-fr-submit-accept {
width: 20%;
}
#mw-fr-reviewformlegend {
padding: .5em;
font-size: 95%;
max-width: 100%;
}
.flaggedrevs_reviewform.noprint, .flaggedrevs_editnotice.plainlinks, .flaggedrevs-color-1, .fr-unreviewed-unwatched {
background: none;
max-width: 100%;
}
/* Fixing thumb pic in the responsive view */
div.tright {
margin: 0px;
margin-bottom: 1.3em;
}
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;
width: auto !important;
}
#f-copyrightico {
left: 0px;
margin-top: 0px;
max-width: 95%;
top: 10px;
}
/* Miscellanous */
#mw-content-text > div:nth-child(4) {
/* da sistemare */
}
input#wpSave, input#wpDiff {
margin-right: 0.33em;
margin-top: 0.2em;
}
/* sezioni delle pagine */
#mw-content-text h2 {
font-size: 135% !important;
}
/* Editor pagine */
.wikiEditor-ui .wikiEditor-ui-top {
position: relative;
border-bottom: 1px solid silver;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAhBAMAAADql9yMAAAAMFBMVEX7/P73+v36/P75+/38/f7t9Prq8vju9fro8vjs9Pnq8/ju9vr7/f70+fv9/v7d3d1xysUWAAAAK0lEQVQIW2N5wMIAhglA3MDiwKIApAXAIiCZA1BZCA8EDwBZDlA1B4CqCwAEyQh1Q/0tlAAAAABJRU5ErkJggg==);
}
/* Fine Versione Responsive */
}
/****************************************************************************************/
/******************************************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;
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;
}