Differenze tra le versioni di "MediaWiki:Common.css"
(112 versioni intermedie di 3 utenti non mostrate) | |||
Riga 1: | Riga 1: | ||
− | /* ################################################ CSS ########################################################### */ | + | /* ################################################# CSS ############################################# */ |
+ | /* ############ Metin2 Wiki Default and Responsive Theme made by Olthir: olthir@metin2.it ############ */ | ||
− | /* | + | /* Change Wiki Logo */ |
− | + | .mw-wiki-logo { | |
− | + | /*background-image: url('https://it-wiki.metin2.gameforge.com/images/e/e8/Metin2_logo_elemental.png');*/ | |
− | + | } | |
− | + | ||
− | + | /* Tabelle Flex*/ | |
− | + | .t-responsive { | |
− | + | display: table; | |
− | + | } | |
− | + | ||
− | + | .t-responsive .cell { | |
− | + | display: table-cell; | |
− | + | } | |
− | |||
− | |||
− | + | .t-responsive .row, .t-responsive .row { | |
− | + | display: table-row; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Toglie il nome delle pagine nella schermata */ | /* Toglie il nome delle pagine nella schermata */ | ||
body.page-Pagina_principale #catlinks, | body.page-Pagina_principale #catlinks, | ||
body.page-Pagina_principale h1.firstHeading{ | body.page-Pagina_principale h1.firstHeading{ | ||
− | display: none; | + | display: none; |
} | } | ||
− | /* | + | /* Colore del thumb delle immagini */ |
− | + | html .thumbimage { | |
− | + | border: 1px solid rgb(180, 180, 180); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .transparentbckg800 { | |
− | + | background: url("https://it-wiki.metin2.gameforge.com/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("https://it-wiki.metin2.gameforge.com/images/f/f8/BackgroundTrasparente.png") repeat; | |
− | + | border: 1px solid #000000; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | + | table { | |
− | + | /*border-collapse: collapse;*/ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | td, th { | |
− | + | padding: 2px; | |
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .mw-collapsible-text { | |
− | color: # | + | color: #f0d9a2 !important; |
− | |||
} | } | ||
− | + | /* *********************************************************************** */ | |
− | + | /* VERSIONE DESKTOP */ | |
− | + | /* *********************************************************************** */ | |
− | + | @media only screen and (min-width: 801px){ | |
− | + | body { | |
− | + | background: url('https://it-wiki.metin2.gameforge.com/images/c/c7/Background_210.jpg') no-repeat fixed center top #000; | |
− | + | background-size: 100%; | |
} | } | ||
− | + | .resMostri{ | |
− | + | display:block; | |
} | } | ||
− | + | .resMostriResp{ | |
− | + | display: none; | |
} | } | ||
− | + | .intOggetti{ | |
− | + | display:block; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .intOggettiResp{ | |
− | + | display: none; | |
− | |||
− | |||
− | |||
− | |||
− | display: | ||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | /* *********************************************************************** */ | |
− | + | /* 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; | ||
} | } | ||
− | + | /* Responsive body */ | |
− | + | body { | |
− | + | ||
− | |||
− | |||
− | |||
} | } | ||
− | + | .modal-content{ | |
− | + | width: 80% !important; | |
− | + | background: none !important; | |
− | + | background-color: #ecddc0 !important; | |
} | } | ||
− | + | .resMostri{ | |
− | + | display: none !important; | |
− | |||
− | |||
} | } | ||
− | + | .resMostriResp{ | |
− | + | display: block !important; | |
− | |||
− | |||
} | } | ||
− | + | .intOggetti{ | |
− | + | display: none !important; | |
− | |||
− | |||
} | } | ||
− | + | .intOggettiResp{ | |
− | + | display: block !important; | |
− | |||
− | |||
} | } | ||
− | + | /* 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 { |
− | background: | + | color: #f0d9a2; |
− | + | background: #1f0e02; | |
+ | border-color: rgb(81,36,16); | ||
} | } | ||
− | . | + | ul.tabbernav li.tabberactive a { |
− | background | + | background-color: #1f0e02; |
− | + | border: 1px solid rgb(81,36,16); | |
− | |||
} | } | ||
− | . | + | ul.tabbernav li.tabberactive a:hover { |
− | color: # | + | color: #f0d9a2; |
− | background: | + | background: #1f0e02; |
− | + | border-bottom: none; | |
− | |||
− | |||
− | border-bottom: | ||
− | |||
} | } | ||
− | + | /*-------------------------------------------------- | |
− | + | .tabbertab = the tab content | |
− | + | Add style only after the tabber interface is set up (.tabberlive) | |
− | + | --------------------------------------------------*/ | |
− | + | .tabberlive .tabbertab { | |
− | + | padding-top: 5px; | |
− | + | padding-left: 10px; | |
+ | padding-bottom: 5px; | ||
+ | padding-right: 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_wiki { | |
− | + | width: auto; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .slider-wrapper_wiki { | |
− | + | width: 100%; | |
− | + | height: auto; | |
− | + | position: relative; | |
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .slide_wiki { | |
− | display: none | + | float: left; |
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | display: none; | ||
+ | transition: opacity 500ms linear; | ||
} | } | ||
− | . | + | .slider-wrapper_wiki > .slide_wiki:first-child { |
− | + | display:block; | |
− | |||
} | } | ||
− | . | + | .slider-nav_wiki { |
− | + | height: 20px; | |
− | + | width: 70px; | |
+ | display: inline; | ||
+ | margin-top: 1.5em; | ||
+ | margin-bottom: 1.5em; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | .slider-nav_wiki button:focus { | |
− | + | outline-style: none; | |
− | |||
} | } | ||
− | . | + | .slider-nav_wiki button.slider-previous { |
− | + | float: left; | |
− | |||
} | } | ||
− | + | .slider-nav_wiki button.slider-next { | |
− | + | float: right; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | - | ||
− | |||
− | |||
} | } | ||
− | + | .slider-nav_wiki > .slider-previous:first-child { | |
− | + | display:none; | |
− | |||
− | |||
− | - | ||
− | |||
− | |||
− | |||
} | } | ||
− | /* | + | /* Modal Windows */ |
− | + | .modal { | |
− | + | display: none; | |
− | + | position: fixed; | |
− | + | left: 0; | |
− | + | top: 0; | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | z-index: 99; | |
− | + | background-color: rgba(0, 0, 0, 0.5); | |
} | } | ||
− | + | .modal-content { | |
− | . | + | position: absolute; |
− | + | top: 50%; | |
− | + | left: 50%; | |
− | + | transform: translate(-50%,-50%); | |
− | background: | + | padding: 16px 24px; |
+ | width: auto; | ||
+ | background: url(https://it-wiki.metin2.gameforge.com/images/2/20/Modal_Background.png); | ||
+ | border-radius: 8px; | ||
+ | border: 1px solid black; | ||
} | } | ||
− | . | + | .close-button { |
− | background: | + | float: right; |
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | line-height: 24px; | ||
+ | text-align: center; | ||
+ | cursor: pointer; | ||
+ | border-radius: 4px; | ||
+ | background: url(https://it-wiki.metin2.gameforge.com/images/0/04/No.png) no-repeat; | ||
} | } | ||
− | + | .close-button:hover { | |
− | . | + | background-color: darkgray; |
− | |||
} | } | ||
− | + | /* Tooltip on Text */ | |
− | |||
− | |||
− | + | .tooltip { | |
− | + | position: relative; | |
− | + | display: inline-block; | |
− | border: 1px | + | border-bottom: 1px dotted black; |
} | } | ||
− | + | .tooltip .tooltiptext { | |
− | + | visibility: hidden; | |
− | border: | + | width: auto; |
+ | background-color: #555; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | border-radius: 6px; | ||
+ | padding: 5px 10px; | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | bottom: 125%; | ||
+ | left: 50%; | ||
+ | margin-left: -60px; | ||
+ | opacity: 0; | ||
+ | transition: opacity 0.3s; | ||
} | } | ||
− | + | .tooltip .tooltiptext::after { | |
− | + | content: ""; | |
− | + | position: absolute; | |
− | + | top: 100%; | |
− | + | left: 50%; | |
+ | margin-left: -5px; | ||
+ | border-width: 5px; | ||
+ | border-style: solid; | ||
+ | border-color: #555 transparent transparent transparent; | ||
} | } | ||
− | + | .tooltip:hover .tooltiptext { | |
− | + | visibility: visible; | |
+ | opacity: 1; | ||
} | } | ||
− | + | /* Button Metin2 style */ | |
− | . | + | .btn { |
− | + | font-size: 12px; | |
− | + | white-space:nowrap; | |
− | + | padding:.8em 1.5em; | |
− | + | line-height: 14px; | |
− | + | display: inline-block; | |
− | + | zoom: 1; | |
− | + | color: #f0d9a2; | |
+ | text-align: center; | ||
+ | position:relative; | ||
+ | -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; | ||
+ | transition: border .25s linear, color .25s linear, background-color .25s linear; | ||
} | } | ||
− | . | + | .btn.btn-mt2{ |
− | + | background-color: #1f0e02; | |
− | + | border-color: #512410; | |
− | + | -webkit-box-shadow: 0 3px 0 #512410; | |
− | + | box-shadow: 0 3px 0 #512410; | |
− | + | border-radius: 4px; | |
− | |||
− | |||
} | } | ||
− | . | + | .btn.btn-mt2:hover{ |
− | + | background-color:#512410; | |
− | + | box-shadow: 0 3px 0 #1f0e02; | |
} | } | ||
− | . | + | .btn.btn-mt2:active{ |
− | + | top: 3px; | |
+ | outline: none; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; | ||
} | } | ||
− | . | + | .breadcrumb { |
− | + | list-style: none; | |
− | + | overflow: hidden; | |
− | |||
} | } | ||
− | + | .breadcrumb li { | |
− | + | float: left; | |
− | |||
− | . | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .breadcrumb li a { | |
− | + | color: #f1de8e; | |
− | . | + | text-decoration: none !important; |
− | color: | + | padding: 4px 0 7px 25px; |
+ | background: #512410; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | float: left; | ||
} | } | ||
− | + | .breadcrumb li a:before { | |
− | + | content: " "; | |
− | . | + | display: block; |
− | + | width: 0; | |
− | + | height: 0; | |
− | + | border-top: 14px solid transparent; | |
− | + | border-bottom: 14px solid transparent; | |
− | border-top- | + | border-left: 14px solid white; |
− | border-top | + | position: absolute; |
− | + | top: 46%; | |
− | + | margin-top: -14px; | |
+ | margin-left: 1px; | ||
+ | left: 100%; | ||
+ | padding: 1.2px; | ||
+ | z-index: 1; | ||
} | } | ||
− | + | .breadcrumb li a:after { | |
− | + | content: " "; | |
− | . | + | display: block; |
− | display: | + | width: 0; |
− | border: | + | height: 0; |
− | + | border-top: 14px solid transparent; | |
− | + | border-bottom: 14px solid transparent; | |
− | + | border-left: 14px solid #512410; | |
− | + | position: absolute; | |
− | + | top: 46%; | |
+ | margin-top: -14px; | ||
+ | left: 100%; | ||
+ | z-index: 2; | ||
+ | padding: 1.3px; | ||
+ | } | ||
+ | .breadcrumb li:first-child a { | ||
+ | padding-left: 10px; | ||
} | } | ||
+ | .breadcrumb li:nth-child(2) a { background:#512410; } | ||
+ | .breadcrumb li:nth-child(2) a:after { border-left-color: #512410; } | ||
+ | .breadcrumb li:nth-child(3) a { background:#512410; } | ||
+ | .breadcrumb li:nth-child(3) a:after { border-left-color: #512410; } | ||
+ | .breadcrumb li:nth-child(4) a { background:#512410; } | ||
+ | .breadcrumb li:nth-child(4) a:after { border-left-color: #512410; } | ||
+ | .breadcrumb li:nth-child(5) a { background:#512410; } | ||
+ | .breadcrumb li:nth-child(5) a:after { border-left-color: #512410; } | ||
− | + | .breadcrumb li:last-child a { | |
− | + | background: transparent !important; | |
− | + | color: black; | |
− | + | pointer-events: none; | |
− | + | cursor: default; | |
− | |||
− | |||
} | } | ||
+ | .breadcrumb li:last-child a:before {border-left: 0px solid !important} | ||
+ | .breadcrumb li:last-child a:after { border: 0; } | ||
+ | .breadcrumb li a:hover { background: #9D5B37; } | ||
+ | .breadcrumb li a:hover:after { border-left-color: #9D5B37 !important; } | ||
/* Gallery e Cornice immagine stile */ | /* Gallery e Cornice immagine stile */ | ||
li.gallerybox div.thumb, div.tleft div.thumbinner, | li.gallerybox div.thumb, div.tleft div.thumbinner, | ||
div.tright div.thumbinner { | div.tright div.thumbinner { | ||
− | background: url(" | + | background: url("https://it-wiki.metin2.gameforge.com/images/f/f8/BackgroundTrasparente.png") repeat scroll 0% 0% transparent; |
border: 1px solid #88283a; | border: 1px solid #88283a; | ||
} | } | ||
− | . | + | img.thumbborder { |
− | + | border: 1px solid #512410; | |
− | border | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.trasparente{ | .trasparente{ | ||
− | background: url(" | + | background: url("https://it-wiki.metin2.gameforge.com/images/f/f8/BackgroundTrasparente.png") repeat 0em 0em; |
} | } | ||
/* Background Sfondi */ | /* Background Sfondi */ | ||
.header-bghomepage{ | .header-bghomepage{ | ||
− | background: url(" | + | background: url("https://it-wiki.metin2.gameforge.com/images/a/a8/TextureTabellaSfondo.png") repeat 0em 0em; |
} | } | ||
.header-bghome { | .header-bghome { | ||
− | background: url(" | + | background: url("https://it-wiki.metin2.gameforge.com/images/1/19/BarraUser.png") repeat 0em 0em; |
} | } | ||
.header-bghome2 { | .header-bghome2 { | ||
− | background: url(" | + | background: url("https://it-wiki.metin2.gameforge.com/images/a/a8/Texture.png") repeat 0em 0em; |
} | } | ||
.header-bghome3 { | .header-bghome3 { | ||
− | background: url(" | + | background: url("https://it-wiki.metin2.gameforge.com/images/a/a8/TextureTabellaSfondo.png") repeat 0em 0em; |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | video { | |
− | + | height: auto !important; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | height | ||
− | |||
} | } |
Versione attuale delle 00:08, 25 mar 2021
/* ################################################# CSS ############################################# */
/* ############ Metin2 Wiki Default and Responsive Theme made by Olthir: olthir@metin2.it ############ */
/* Change Wiki Logo */
.mw-wiki-logo {
/*background-image: url('https://it-wiki.metin2.gameforge.com/images/e/e8/Metin2_logo_elemental.png');*/
}
/* Tabelle Flex*/
.t-responsive {
display: table;
}
.t-responsive .cell {
display: table-cell;
}
.t-responsive .row, .t-responsive .row {
display: table-row;
}
/* Toglie il nome delle pagine nella schermata */
body.page-Pagina_principale #catlinks,
body.page-Pagina_principale h1.firstHeading{
display: none;
}
/* Colore del thumb delle immagini */
html .thumbimage {
border: 1px solid rgb(180, 180, 180);
}
.transparentbckg800 {
background: url("https://it-wiki.metin2.gameforge.com/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("https://it-wiki.metin2.gameforge.com/images/f/f8/BackgroundTrasparente.png") repeat;
border: 1px solid #000000;
}
table {
/*border-collapse: collapse;*/
}
td, th {
padding: 2px;
}
.mw-collapsible-text {
color: #f0d9a2 !important;
}
/* *********************************************************************** */
/* VERSIONE DESKTOP */
/* *********************************************************************** */
@media only screen and (min-width: 801px){
body {
background: url('https://it-wiki.metin2.gameforge.com/images/c/c7/Background_210.jpg') no-repeat fixed center top #000;
background-size: 100%;
}
.resMostri{
display:block;
}
.resMostriResp{
display: none;
}
.intOggetti{
display:block;
}
.intOggettiResp{
display: none;
}
}
/* *********************************************************************** */
/* 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;
}
/* Responsive body */
body {
}
.modal-content{
width: 80% !important;
background: none !important;
background-color: #ecddc0 !important;
}
.resMostri{
display: none !important;
}
.resMostriResp{
display: block !important;
}
.intOggetti{
display: none !important;
}
.intOggettiResp{
display: block !important;
}
/* 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;
padding-bottom: 5px;
padding-right: 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_wiki {
width: auto;
}
.slider-wrapper_wiki {
width: 100%;
height: auto;
position: relative;
}
.slide_wiki {
float: left;
position: absolute;
width: 100%;
height: 100%;
display: none;
transition: opacity 500ms linear;
}
.slider-wrapper_wiki > .slide_wiki:first-child {
display:block;
}
.slider-nav_wiki {
height: 20px;
width: 70px;
display: inline;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.slider-nav_wiki button:focus {
outline-style: none;
}
.slider-nav_wiki button.slider-previous {
float: left;
}
.slider-nav_wiki button.slider-next {
float: right;
}
.slider-nav_wiki > .slider-previous:first-child {
display:none;
}
/* Modal Windows */
.modal {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 16px 24px;
width: auto;
background: url(https://it-wiki.metin2.gameforge.com/images/2/20/Modal_Background.png);
border-radius: 8px;
border: 1px solid black;
}
.close-button {
float: right;
width: 20px;
height: 20px;
line-height: 24px;
text-align: center;
cursor: pointer;
border-radius: 4px;
background: url(https://it-wiki.metin2.gameforge.com/images/0/04/No.png) no-repeat;
}
.close-button:hover {
background-color: darkgray;
}
/* Tooltip on Text */
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 10px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
/* Button Metin2 style */
.btn {
font-size: 12px;
white-space:nowrap;
padding:.8em 1.5em;
line-height: 14px;
display: inline-block;
zoom: 1;
color: #f0d9a2;
text-align: center;
position:relative;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.btn.btn-mt2{
background-color: #1f0e02;
border-color: #512410;
-webkit-box-shadow: 0 3px 0 #512410;
box-shadow: 0 3px 0 #512410;
border-radius: 4px;
}
.btn.btn-mt2:hover{
background-color:#512410;
box-shadow: 0 3px 0 #1f0e02;
}
.btn.btn-mt2:active{
top: 3px;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.breadcrumb {
list-style: none;
overflow: hidden;
}
.breadcrumb li {
float: left;
}
.breadcrumb li a {
color: #f1de8e;
text-decoration: none !important;
padding: 4px 0 7px 25px;
background: #512410;
position: relative;
display: block;
float: left;
}
.breadcrumb li a:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 14px solid white;
position: absolute;
top: 46%;
margin-top: -14px;
margin-left: 1px;
left: 100%;
padding: 1.2px;
z-index: 1;
}
.breadcrumb li a:after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 14px solid #512410;
position: absolute;
top: 46%;
margin-top: -14px;
left: 100%;
z-index: 2;
padding: 1.3px;
}
.breadcrumb li:first-child a {
padding-left: 10px;
}
.breadcrumb li:nth-child(2) a { background:#512410; }
.breadcrumb li:nth-child(2) a:after { border-left-color: #512410; }
.breadcrumb li:nth-child(3) a { background:#512410; }
.breadcrumb li:nth-child(3) a:after { border-left-color: #512410; }
.breadcrumb li:nth-child(4) a { background:#512410; }
.breadcrumb li:nth-child(4) a:after { border-left-color: #512410; }
.breadcrumb li:nth-child(5) a { background:#512410; }
.breadcrumb li:nth-child(5) a:after { border-left-color: #512410; }
.breadcrumb li:last-child a {
background: transparent !important;
color: black;
pointer-events: none;
cursor: default;
}
.breadcrumb li:last-child a:before {border-left: 0px solid !important}
.breadcrumb li:last-child a:after { border: 0; }
.breadcrumb li a:hover { background: #9D5B37; }
.breadcrumb li a:hover:after { border-left-color: #9D5B37 !important; }
/* Gallery e Cornice immagine stile */
li.gallerybox div.thumb, div.tleft div.thumbinner,
div.tright div.thumbinner {
background: url("https://it-wiki.metin2.gameforge.com/images/f/f8/BackgroundTrasparente.png") repeat scroll 0% 0% transparent;
border: 1px solid #88283a;
}
img.thumbborder {
border: 1px solid #512410;
}
.trasparente{
background: url("https://it-wiki.metin2.gameforge.com/images/f/f8/BackgroundTrasparente.png") repeat 0em 0em;
}
/* Background Sfondi */
.header-bghomepage{
background: url("https://it-wiki.metin2.gameforge.com/images/a/a8/TextureTabellaSfondo.png") repeat 0em 0em;
}
.header-bghome {
background: url("https://it-wiki.metin2.gameforge.com/images/1/19/BarraUser.png") repeat 0em 0em;
}
.header-bghome2 {
background: url("https://it-wiki.metin2.gameforge.com/images/a/a8/Texture.png") repeat 0em 0em;
}
.header-bghome3 {
background: url("https://it-wiki.metin2.gameforge.com/images/a/a8/TextureTabellaSfondo.png") repeat 0em 0em;
}
video {
height: auto !important;
}