Differenze tra le versioni di "MediaWiki:Common.css"
Riga 66: | Riga 66: | ||
body { | body { | ||
− | background: url('https://it-wiki.metin2.gameforge.com/images/d/d4/Background_210.png') no-repeat | + | background: url('https://it-wiki.metin2.gameforge.com/images/d/d4/Background_210.png') no-repeat cover center top #000 |
} | } | ||
Versione delle 23:34, 24 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/d/d4/Background_210.png') no-repeat cover center top #000
}
.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;
}