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

De TibiaRPGBrasil Wiki
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
(4 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 2: Linha 2:
   background: url(https://www.bing.com/images/blob?bcid=smYEnRRI-3EGoA)
   background: url(https://www.bing.com/images/blob?bcid=smYEnRRI-3EGoA)
}
}
/** OVERLOAD ON END OF THE STYLE **/


/** o código CSS colocado aqui será aplicado a todos os temas */
/** o código CSS colocado aqui será aplicado a todos os temas */
Linha 813: Linha 815:


.sempre-mostrar-spoiler {cursor:pointer;color:#FFF;text-decoration:underline;}
.sempre-mostrar-spoiler {cursor:pointer;color:#FFF;text-decoration:underline;}
/* FARAMIR */
.mw-body {
  background-color: transparent;
}
.home-box-title {
  background: #62303d;
}

Edição atual tal como às 10h51min de 19 de maio de 2024

html body {
  background: url(https://www.bing.com/images/blob?bcid=smYEnRRI-3EGoA)
}

/** OVERLOAD ON END OF THE STYLE **/

/** o código CSS colocado aqui será aplicado a todos os temas */
.template-pet-table tr:not(:first-child) td:first-child {
  vertical-align: top;
  text-align: right;
}

.template-pet-table tr:not(:first-child) td:nth-child(2) {
  padding-left: 10px;
}

/** TibiaWiki */
/* Infobox Borda */
.infobox {
    width:100%;
    box-shadow: 0 0 .3em #999;
    border-radius: 12px;
    padding: 1px;
}

.infobox-header {
    text-align: center;
    /*background: #0095CC;*//*Valor Hex Azul Antigo*/
    background: rgb(176,0,2); 
    background: linear-gradient(120deg, rgba(176,0,2,1) 0%, rgba(181,5,3,1) 10%, rgba(185,11,5,1) 20%, rgba(190,16,6,1) 30%, rgba(194,22,7,1) 40%, rgba(199,27,9,1) 50%, rgba(204,32,10,1) 60%, rgba(208,38,11,1) 70%, rgba(213,43,12,1) 80%, rgba(217,49,14,1) 90%, rgba(222,54,15,1) 100%);
    border-radius: 6px;
    color: #FFF;
    padding: .1em .2em .1em;
}

.infobox-holder {
    width: 100%;
    display: flex;
}

.infobox-holder > div:first-child {
    width: 100%;
    flex: 100%;
    margin-right: 10px;
}

.infobox-holder > div:nth-child(2) {
    width: 200px;
    flex: 0 0 200px;
}

.infobox-main {
    width: 100%;
    box-shadow: 0 0 .3em #999;
    border-collapse: collapse;
    border-radius: 12px;
}

.infobox-main .infobox-separator {
    border-top: 1px dotted #CCC;
}

.infobox-main > tbody > tr > td:first-child {
    width: 20%;
    min-width: 135px;
    text-align: right;
    vertical-align: top;
    padding: 2px 5px 2px 12px;
}

.infobox-main > tbody > tr > td:last-child {
    width: 80%;
    text-align: left;
    padding: 2px 12px 2px 5px;
}

.infobox-main > tbody > tr:first-child > td {
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: top;
}

.infobox-main > tbody > tr:last-child > td {
    padding-bottom: 12px;
}

.infobox-sidebar {
    width: calc(100% - 10px);
    height: 225px;
    box-shadow: 0 0 .3em #999;
    border-radius: 12px;
    padding: 5px 0px 0px 10px;
    overflow: hidden;
    overflow-y: scroll;
    resize: vertical;    
}

/* adicionado */
 .mw-plusminus-pos {
    color: #006500;
    }
 .mw-plusminus-neg {
    color: #8B0000;
    }

/** Soft Boots **/
.softboots-regen {
    border:1px solid #000;
    width:100%;
    height:17px;
    width:91px;
    font-family:Arial;
    vertical-align:bottom;
    white-space:nowrap;
    font-weight:400;
    padding-left: 1px;
    padding-right:1px;
    padding-top:1px;
    }
.softboots-regen th {
    font-size:10px;
    text-align:left;
    }
.softboots-regen td {
    font-size:8px;
    border:1px solid #000;
    text-align:right;
    }

/* Estilo das Tabelas de DPL */
table#tabelaDPL {border-collapse: collapse; background-color: #CEDFF2; width:100%;}
table#tabelaDPL th {border:2px solid white;}
table#tabelaDPL tr td {border:2px solid white; background-color:#E8F2F8; text-align:center;}
table#tabelaDPL td:first-child {padding-left: 4px; background-color:transparent; text-align:left;}
table#tabelaDPL td:last-child {padding-left: 4px; text-align:left;}

table#tabelaBestiario {border-collapse: collapse; background-color: #CEDFF2; width:100%;}
table#tabelaBestiario th {border:2px solid white;}
table#tabelaBestiario tr td {border:2px solid white; background-color:#E8F2F8; text-align:center;}
table#tabelaBestiario td:first-child {padding-left: 4px; background-color:transparent; text-align:left;}
table#tabelaBestiario td:last-child {padding-left: 4px; text-align:left;}


/* Remove bordas */
div.thumb {
    border: none;
}
div.tright {
    border: none;
    margin: 0.5em 0 0.8em 1.4em;
}
div.tleft {
    border: none;
    margin: 0.5em 1.4em 0.8em 0;}

/* tabela de exp */
table.experience td {
    background-color:#f1e0c6;
}

/* NPC Trades */
div.exception, td.exception {
    background-color:#ff8e8e;
}
td.buy table tbody tr td,
td.sell table tbody tr td {
    line-height: 1em;
    padding: 2px;
}
td.buy table,
td.sell table {
    padding: 0;
    margin: 0;
}
table.trades td {
    padding:0;
    line-height:1.25em;
}
div.npcprice, div.npcvalue, td.npcvalue, td.npcprice {
  background-color:#9eff8e;
  font-weight: bold;
  color:#000;
  line-height:100%;
}

/* Posicionar valores a direita */ 
.npcvalue, .exception { 
text-align:right;
}

/* Equips Set */
.tibia_client_background_light { background: #808080 url('https://wiki.tibiarpgbrasil.com/images/3/39/Tibia_Client_Background_Light.gif'); }
.tibia_client_background_dark { background: #808080 url('https://tibiawiki.com.br/images/0/03/Tibia_Client_Background_Dark.gif'); }

/** Bloquear urls (anti-spam) **/
a[href*=".exe"] {display:none;}
a[href*=".at"] {display:none;}

/* Retirar ampliar dos thumbs */
.magnify {display:none !important;}

/** Link icons **/
a[href*="portaltibia.com.br"] {
    display:inline;
    background:url('https://wiki.tibiarpgbrasil.com/images/d/d8/Portaltibiafavi.gif') center right no-repeat !important;
    padding-right:20px !important;
    }

/* Remover título da Home */
body.page-Home h1.firstHeading {
    display:none;
}

/* Descrições */
.descr>a:link {color:green; font-weight:bold; text-transform:lowercase;}
.descr>a:visited {color:green; font-weight:bold; text-transform:lowercase;}
.descr>a:hover {color:#6699FF; text-transform:lowercase;}
.descr>a:active {color:#6699FF; text-transform:lowercase;}
.descrr>a:link {color:green; font-weight:bold; text-transform:capitalize;}
.descrr>a:visited {color:green; font-weight:bold; text-transform:capitalize;}
.descrr>a:hover {color:#6699FF; text-transform:capitalize;}
.descrr>a:active {color:#6699FF; text-transform:capitalize;}

/* Tooltip */
.tip2 {
  background-color: #F2F2F2;
  border-radius: 2px;
  box-shadow: 0 0 6px #B2B2B2;
  display: none;
  position: absolute;
  padding: 10px;
  z-index: 1;
}

.tooltip {
  position: relative;
}

#tip-espaco {
  margin-left:10px;
}

#youtube {
  margin-left: -155px;
}

.tooltip,
.tooltip:hover + .tip2,
.tip2:hover {
  display: inline;
}

/* Mapa */
.map_frame {
    z-index:8010;
    display:none;
    position:fixed;
    width: 520px;
    height: 450px;
    top:50%;
    left:50%;
    margin-top: -225px;
    margin-left: -250px;
    margin-right: 250px;
    margin-bottom: 250px;
    webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

#my-map
{
    position : absolute;
    top      : -374px;
    left     : -192px;
    width    : 1280px;
    height   : 1200px;
}

.map_box {
    clip: rect(0px,520px,462px,0px);
    position: absolute;
}

.map_show {
    cursor:pointer;
    color:#0645AD;
}

.map_show:hover {
    cursor:pointer;
    color:#0645AD;
    text-decoration:underline;
}

.map_cross {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    z-index: 8040;
}

.map_overlay {
    opacity: 0.65;
    cursor: auto;
    display:none;
    height: 7628px;
    background-color: rgb(0,0,0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8000;
}

.map_logobox {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    z-index: 8040;
    opacity: 0.8;
}

.map_logobox:hover {
    opacity: 1;
}

a.map_logo {
    background: url("https://wiki.tibiarpgbrasil.com/images/4/4a/Logo_Wiki_Mapa.png");
    background-repeat: no-repeat;
    width: 70px;
    height: 60px;
    position: absolute;
    bottom: 18px;
    right: 8px;
}

/* Mapa/Box */
.mapbox_show {
    cursor:pointer;
}

/* Transcrições */
.transcrições {
    background-color: #F2F2F2;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 10px 10px 18px;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.transcrições::before {
    background-color: #F2F2F2;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform: rotate( 29deg ) skew( -35deg );
    -moz-transform: rotate( 29deg ) skew( -35deg );
    -ms-transform: rotate( 29deg ) skew( -35deg );
    -o-transform: rotate( 29deg ) skew( -35deg );
    -webkit-transform: rotate( 29deg ) skew( -35deg );
    width: 20px;
}

.me {
    float: left;   
    margin: 5px 45px 5px 20px;         
}

.me::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -9px;           
}

/* Calculadoras - Design */
.no, .hide {
    display:none;
}

.calc_bg {
      background: url("https://wiki.tibiarpgbrasil.com/images/6/67/Dark-background.png");
      color: #FFF;
      font-family: Tahoma;
      font-size: 12px;
      padding: 5px;
      border: 2px solid #7B6E4C;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      width: 50%;
}

.calc_bg input {
      background: url("https://wiki.tibiarpgbrasil.com/images/6/67/Dark-background.png");
      color: #FFF;
      font-family: Tahoma;
      font-size: 12px;
      border: 1px solid #FFF;
}

.calc_bg select {
    font-family: Verdana;
    font-size: 11px;
    background: url("https://wiki.tibiarpgbrasil.com/images/6/67/Dark-background.png");
    border: 1px solid #FFF;
    color: #FFF;
}

.calc_bg select option{
    color: black;
}

#result_personagem table#alter tr td {
    background: #23303B;
    color: #FFF;
}

#result_personagem table#alter tr.dif td {
    background: #2A3B48;
}

#result_personagem table#alter tr td a {
    text-decoration: underline;
    color: #FFF;
}

#result_personagem table#alter tr td a:visited {
    text-decoration: underline;
    color: #FFF;
}

#result_personagem table#alter tr td a:hover {
    text-decoration: none;
    color: #FFF;
}

table#alter tr td {
    background: #CEDFF2;
    border: hidden;
} 

table#alter tr.dif td {
    background: #E8F2F8;
    border: hidden;
}

/** Home **/

.home-box-title {
  height:30px;
  background: rgb(176,0,2); 
  background: linear-gradient(120deg, rgba(176,0,2,1) 0%, rgba(181,5,3,1) 10%, rgba(185,11,5,1) 20%, rgba(190,16,6,1) 30%, rgba(194,22,7,1) 40%, rgba(199,27,9,1) 50%, rgba(204,32,10,1) 60%, rgba(208,38,11,1) 70%, rgba(213,43,12,1) 80%, rgba(217,49,14,1) 90%, rgba(222,54,15,1) 100%); 
  border-bottom:1px solid #990000; 
  border-radius:10px 10px 0px 0px;
  color:#FFFFFF; 
  padding:8px 0px 8px 4px; 
  display:flex; 
  align-items:center;
}

.home-box-server-save {
  height:30px; 
  background: rgb(176,0,2); 
  background: linear-gradient(120deg, rgba(176,0,2,1) 0%, rgba(181,5,3,1) 10%, rgba(185,11,5,1) 20%, rgba(190,16,6,1) 30%, rgba(194,22,7,1) 40%, rgba(199,27,9,1) 50%, rgba(204,32,10,1) 60%, rgba(208,38,11,1) 70%, rgba(213,43,12,1) 80%, rgba(217,49,14,1) 90%, rgba(222,54,15,1) 100%); 
  border-bottom:1px solid #990000; 
  border-radius:10px 10px 0px 0px; 
  color:#FFFFFF; 
  padding:8px 0px 8px 4px;
  display:flex; 
  align-items:center;
}

.home-box-pedestal {
  background-image: url("https://wiki.tibiarpgbrasil.com/images/b/ba/Boosted_Creature_Pedestal.gif");
  background-repeat: no-repeat;
  display: inline-block;
  width: 120px;
  height: 76px;
}

.home-box-bg-img {
  text-align:center;
  padding:15px 0px 0px 0px;
  border-radius:0px 0px 10px 10px;
}

.home-box-info {
  height: 30px;
  /*width: 94%;*/
  margin-top: -30px;
  /*margin: 0.4em 0.4em 0 0.4em;*/
  border-radius: 0px 0px 10px 10px;
  /*box-shadow: 0px 0px 3px 1px rgb(0,0,0,25%);*/
  background: rgb(95,103,107,0.2);
  backdrop-filter: blur(16px);
  letter-spacing: 1px;
  /*padding: 0px 15px;*/
}

#boostedcreature_home {
  background-image: url("https://wiki.tibiarpgbrasil.com/images/6/60/Client_Artwork_13.10.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:120px;
}

#boostedboss_home {
  background-image: url("https://wiki.tibiarpgbrasil.com/images/f/f0/Client_Artwork_12.20.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:120px;
}

#dreamscarboss_home {
  background-image: url("https://wiki.tibiarpgbrasil.com/images/6/68/Background_Artwork_12.00.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:120px;
}

/*******************************************************************************
Classes CSS: Abas (Botões) - Design
Autor(s): Jovic
*******************************************************************************/
.abas {
width:100%;
border-spacing:8px 8px;
}

.tabela-abas {
width:100%;
border-spacing:8px 8px;
}

.targetDiv {display: none;}

td.sec-abas-dez {
  width: 10%;
}

td.sec-abas-quinze {
  width: 15%;
}

td.sec-abas-vinte {
  width: 20%;
}

td.sec-abas-vcinco {
  width: 25%;
}

td.sec-abas-trinta {
  width: 30%;
}

td.sec-abas-quarenta {
  width: 40%;
}

td.sec-abas-cinquenta {
  width: 50%;
}

td.sec-abas-sessenta {
  width: 60%;
}

td.sec-abas-setenta {
  width: 70%;
}

td.sec-abas-oitenta {
  width: 80%;
}

td.sec-abas-cem {
  width: 100%;
}

.titulo-quest {
  font-size:130%;
  font-weight:bold;
}

.link-color a{
  color: #FFFFFF;
  cursor: pointer;
}

.link-color:visited a{
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}

.link-color:hover a{
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
/********************************************************************************
Classes CSS: Updates (Botões) - Design
Autor(s): Jovic
********************************************************************************/
.button-update-color {
  background-color:#E8F2F8;
}

.button-update-color:hover {
  background-color: #CEDFF2;
  cursor: pointer;
  text-decoration: none;
}

.button-update-color:active {
  background-color: #E8F2F8;
  cursor: pointer;
  text-decoration: none;
}

/********************************************************************************/
/* Estilo Scrollbar
/********************************************************************************/
/* width */
::-webkit-scrollbar {
  width: 10px;

}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #DDD;
  border-radius:8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #BBB; 
}

.abas td {
  border: 2px solid #F2AF4E;
  padding: 3px;
  text-align: center;
  color: #F2AF4E;
  height: 60px;
  font-weight: bold;
  font-size: 15px;
  border-radius: 12px;
  background: #12222D; 
}

td.showDiv:hover {
  background-color: #C3D3E6;
  border-radius:10px;
  cursor: pointer;
}
    
.aba {
  display:none;
}

.div {
  display:none;
}

/* hover */
.mostrar-aba {
  border: 0.14em solid #F5A00F;
  padding: 5px 0px;
  text-align: center;
  color: #F5A00F;
  font-weight: bold;
  font-size: 14px;
  border-radius: 10px;
  background: rgb(18,34,45);
background: linear-gradient(120deg, rgba(18,34,45,1) 0%, rgba(22,40,55,1) 25%, rgba(26,46,65,1) 50%, rgba(30,52,74,1) 75%, rgba(34,58,84,1) 100%);
}
.mostrar-aba:hover {
  background: rgb(18,34,45);
background: linear-gradient(120deg, rgba(18,34,45,1) 0%, rgba(22,40,55,1) 25%, rgba(26,46,65,1) 50%, rgba(30,52,74,1) 75%, rgba(34,58,84,1) 100%);
  box-shadow: 0 0 0.5em #3E3F40;
  cursor: pointer; 
}

.mostrar-aba:active {
  background: rgb(18,34,45);
background: linear-gradient(120deg, rgba(18,34,45,1) 0%, rgba(22,40,55,1) 25%, rgba(26,46,65,1) 50%, rgba(30,52,74,1) 75%, rgba(34,58,84,1) 100%);
  box-shadow: 0 0 0.5em #FFFFFF;
  transform: translateY(0px); 
}
.mostrar-aba td{
  height: 60px;
}

/*td.mostrar-aba:hover {
  box-shadow: 0 0 8px #3E3F40;
  background-color: #12222D;
  cursor: pointer;
}
td.mostrar-aba:active {
  box-shadow: 0 0 8px #FFFFFF;
  background-color: #12222D;
  transform: translateY(0px);
}*/

.aba.atual {
    display: block;
}

.div.atual {
    display: block;
}

/* NPC */
.cross { 
    background: url('https://wiki.tibiarpgbrasil.com/images/4/4e/Cross.png');
    width: 12px;
    height: 12px;
    cursor: pointer;
    float: right;
}

.cross:hover { 
    background: url('https://wiki.tibiarpgbrasil.com/images/4/4e/Cross.png');
}

/* Mapa Locais de Caça */
.map_hunt_coord {display:none;}

/* Ícones Infobox Hunts */
.huntopc img {opacity:0.3;}

/* Cor de link */
.showhide {cursor:pointer; color:#FFF; text-decoration:underline;}

.map_show, .showhab, #show, .showspoiler, .mostrar-todas-abas, .mostrar-todas-divs {cursor:pointer;color:#0645AD;}

.map_show:hover, .showhab:hover, #show:hover, .showspoiler:hover, .mostrar-todas-abas:hover, .mostrar-todas-divs:hover {text-decoration:underline;}

/* Margens Sistema de Revisões */

div#contentSub {
    margin: 0 0 1em 0;
}

div#mw-fr-revisiontag {
    margin: .5em 0 0 0;
}

/* Geografia */
#house,#guildh,#library,#street,#raid {  background-color: #F2F2F2;  border-radius: 2px;  box-shadow: 0 0 6px #B2B2B2;  padding: 10px;  margin: 10px;}

/* Livros */
.livro-background-light {
  background: url('https://wiki.tibiarpgbrasil.com/images/3/39/Tibia_Client_Background_Light.gif');
}

.livro-background-dark {
  background: url('https://wiki.tibiarpgbrasil.com/images/0/03/Tibia_Client_Background_Dark.gif');
  color: #FFF;
}

.livro-titulo {
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 16px;
}

.livro-texto {
  margin-left: 12px;
  margin-bottom: 60px;
  margin-right: 12px;
  text-align: justify;
  border-width: 0.1em;
  border-color:#282828 #707070 #707070 #282828;
  border-style: solid;
}

.livro-texto div{
  max-height: 250px;
  overflow-y:auto;
}


/* Manutenção */
/* #p-logo a {background: url(https://wiki.tibiarpgbrasil.com/images/c/c9/Logo.png) 35% 50% no-repeat !important;} */
.usermessage {display: none;}
html body, #mw-page-base {background: url('https://wiki.tibiarpgbrasil.com/images/bg-pattern.png') !important;}
.bookbg {background: url('https://wiki.tibiarpgbrasil.com/images/6/6c/Scrollbg.gif');}


/* Dialogos */

.link-like {
cursor:pointer;color:#FFF;text-decoration:underline;
}

.sempre-mostrar-spoiler {cursor:pointer;color:#FFF;text-decoration:underline;}

/* FARAMIR */
.mw-body {
  background-color: transparent;
}

.home-box-title {
  background: #62303d;
}
Disponível em “https://wiki.tibiarpgbrasil.com/index.php?title=MediaWiki:Common.css&oldid=13893”