body {
background-color: #3cafdb !important;
opacity:1.0;
margin:auto;
width:100%;
background-repeat:no-repeat;
background-position:center top;
background-image: linear-gradient(to top, #3b6f92ad, #021a59 130%);
margin:0px;
margin-top:0px;
background-attachment:fixed;
margin:auto;width:100%;background-repeat:no-repeat;background-position:center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*background-image:url(bg.png);*/
letter-spacing: 0px;
font-family: 'Cairo', sans-serif;
font-weight: 400;
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
text-rendering: optimizeLegibility;
}
.header {
margin: auto;
background-image: url("bg.png");
background-repeat: no-repeat;
background-position-y: -49px;
background-position-x: 500px;
}
a {
color: rgb(255, 255, 255);
text-decoration:none;
-webkit-transition-duration: 0.1s; /* Safari */
transition-duration: 0.1s;
}
a:hover {
color: white;
text-decoration:none;
-webkit-transition-duration: 0.1s; /* Safari */
transition-duration: 0.1s;
}
#wrap {
width:940px;
margin:0 auto;
}
#header {
/* Define a imagem de fundo */
background-image: url('img/logo1.png');
/* Impede que a imagem se repita */
background-repeat: no-repeat;
/* Posiciona a logo no canto inferior direito */
background-position: right bottom;
/* PROPRIEDADE PARA CONTROLAR O TAMANHO DA IMAGEM DE FUNDO */
/* Você pode usar valores em pixels, porcentagem ou palavras-chave */
background-size: 300px 150px; /* Exemplo: largura de 150px e altura de 100px */
/* OU */
/* background-size: 50%; /* Exemplo: 50% da largura do elemento #header */
/* OU */
/* background-size: contain; /* Exemplo: escala para caber completamente, sem cortar */
/* OU */
/* background-size: cover; /* Exemplo: escala para preencher o container, cortando se necessário */
margin-top: 10px;
margin-left: -200px;
position: relative;
width: 100%;
height: 125px; /* Altura do seu container */
}
hr {
display: block;
unicode-bidi: isolate;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
margin-inline-start: auto;
margin-inline-end: auto;
overflow: hidden;
border-style: inset;
border-width: 1px;
}
.navbar {
width: 735px;
height: 49px;
/* margin-left: 208px; */
margin-top: 0px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 1px 0 3px #2b2b2b;
padding: 10px;
padding-bottom: 8px;
background-color: #2a689c;
align-items: center;
justify-content: center;
text-align: center;
background-image: url(https://pokeold.com.br/images/accbox_bg.png);
background-repeat: no-repeat;
background-position: 100% 0;
}
.menuNavbar {
font-size: 16px;
position: absolute;
margin-left: 2px;
margin-top: -9px;
padding-top: 0;
color: #fff;
}
.menuNavbar>a>.menu1, .menuNavbar>a>.menu2, .menuNavbar>a>.menu3 {
display: inline-block;
border-top: 2px solid #2c5d93;
padding-top: 10px;
color: #fff;
border-top: 2px solid transparent;
-moz-transition: border-top-color .3s ease-in-out;
-webkit-transition: border-top-color .3s ease-in-out;
-ms-transition: border-top-color .3s ease-in-out;
transition: border-top-color .3s ease-in-out;
}
.navbarDivisor {
width: 104%;
margin-top: 5px;
height: 1px;
border: none;
color: #3697e1;
background-color: #3697e1;
margin-left: -4px;
}
#nav {
width:770px;
height: 28px;
background: #fff;
font-size: 13px;
font-weight: tahoma;
margin-top: 0px;
margin-left: 200px;
box-shadow: 0px 0px 5px black;
opacity: 0.90;
filter: alpha(opacity=50); /* For IE8 and earlier */
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 0px 0px;
border: 1px solid #000;
box-shadow: 0 4 10px #000;
................ Bot�o CSS
.............
}
#nav ul li {float:left; -webkit-transition-duration: 0.1s; /* Safari */
transition-duration: 0.1s;
text-shadow: #F8F8FF 1px 8px 9px; list-style:none; padding: 0px 10px;}
#nav ul li a {color: #000;}
#nav ul li a:hover { color: #87CEFA; color: white; -webkit-transition-duration: 0.1s; /* Safari */
transition-duration: 0.1s;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 7px darkblue; text-decoration: none;}
#mid {
width: 735px;
min-height: 1135px;
float: left;
margin-top: 3px;
margin-right: -24px;
padding:10px;
background-color:#fff;
opacity: 0.95;
filter: alpha(opacity=50);
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 0 4 10px #000;
}
#contentMain{min-height:1135px}
#footer {
text-align: center;
width: 735px;
max-width: 735px;
float: left;
margin-top: 10px;
margin-right: -22px;
padding: 6px 8px;
background-color:#fff;
opacity: 0.95;
filter: alpha(opacity=50);
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 0 4 10px #000;
}
#footer a{
color: #ffe2d0;
}
#footer a:hover{
color: #ffffff;
text-decoration: none;
}
#footer .copyright{
margin: 10px;
}
#overflowTest {
width: 100%;
height: 120px;
overflow: auto;
}
#rightmenu {
border-radius: 12px;
margin-top: 12px;
float: right;
margin-right: -10px;
background: #fff;
padding: 0px;
width: 187px;
opacity: 0.95;
filter: alpha(opacity=50);
margin-bottom: 12px;
border-bottom: 5px solid #021a58;
box-shadow: 0 0 15px #000;
/* border: 1px solid #000; */
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 11px 11px 10px 10px;
}
#rightmenu li {
display: block;
padding: 5px 0 0 0;
margin-left: -35px;
list-style: none;
}
#rightmenu li a {
/* color: white; */
display:block;
text-align:none;
font-size: 13px;
}
/*
#rightmenu li a:hover {
background-color: red;
border-radius: 12px;
}
*/
.characters-cap {
position: relative;
padding: 10px;
font-size: 2em;
border-radius: 8px;
margin-bottom: 5px;
background-image: url(https://pokeold.com.br/images/characters_background.png);
background-repeat: no-repeat;
background-position: center top;
background-position-x: 69px;
font-weight: 700;
height: 52px;
text-align: left;
}
.characters-cap .fa-adjust {
color: #e43a33;
transform: rotate(90deg);
}
#naglowek {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: 0px;
background: #204667 linear-gradient(167deg, #204667, #009688 40rem);
width: 187px;
color: white;
position: relative;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
text-shadow: #263238 0px 0px 2px;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 0px 0px;
}
.menu_button {
background-repeat: no-repeat;
height: 9px;
width: 176px;
margin: auto;
position: relative;
color: white;
text-shadow: #263238 0px 0px 2px;
letter-spacing: 1px;
font-weight: bold;
padding-top: 12px;
padding-bottom: 10px;
padding-left: 11px;
background: red;
background: -webkit-linear-gradient(#267394, #009688);
background: -o-linear-gradient(#267394, #009688);
background: -moz-linear-gradient(#267394, #009688);
background: #267394 linear-gradient(167deg, #267394, #009688 40rem);
border-radius: 8px 8px 0px 0px;
}
#icon_image {
width: 40px;
height: 40px;
margin-left: 40px; /* Move a imagem para o extremo direito */
position: relative;
}
#naglowek2 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: 0px;
background: #204667 linear-gradient(167deg, #204667, #009688 40rem);
padding: 10px 13px;
width: 161px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 0px 0px;
}
#naglowek3 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: 0px;
background: #204667 linear-gradient(167deg, #204667, #009688 40rem);
padding: 10px 13px;
width: 161px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 0px 0px;
}
#naglowek4 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: 0px;
background: #204667 linear-gradient(167deg, #204667, #009688 40rem);
padding: 10px 13px;
width: 161px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 0px 0px;
}
#naglowek5 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: 0px;
background: #204667 linear-gradient(167deg, #204667, #009688 40rem);
padding: 10px 13px;
width: 161px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 0px 0px;
}
#naglowek6 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: 0px;
background: #204667 linear-gradient(167deg, #204667, #009688 40rem);
padding: 10px 13px;
width: 161px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 0px 0px;
}
#naglowek7 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: 0px;
background: #204667 linear-gradient(167deg, #204667, #009688 40rem);
padding: 10px 13px;
width: 161px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 0px 0px;
}
#naglowek8 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: 0px;
background: #204667 linear-gradient(167deg, #204667, #009688 40rem);
padding: 10px 13px;
width: 161px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 0px 0px;
}
#naglowek9 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: 0px;
background: #204667 linear-gradient(167deg, #204667, #009688 40rem);
padding: 10px 13px;
width: 161px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 0px 0px;
}
#loginpanel {
float: right;
background: #e96452;
padding: 9px;
margin-top: 30px;
width: 236px;
height: 78px;
border-radius: 4px;
box-shadow: 0 0 3px #000000;
}
#loginpanel {
color: #fac2a0;
}
#loginpanel a{
color: #ffe2d0;
}
#loginpanel a:hover{
color: #ffffff;
text-decoration: underline;
}
#adminWindow {
clear: both;
background: #fff;
margin: 30px 0;
padding: 10px;
border-radius: 4px;
box-shadow: #ac483b 0px 3px 0px
}
ul.newnav {
border: 2px solid red;
border-radius: 12px;
position: fixed;
top: 0;
width: 100%;
margin: auto;
padding: 0;
list-style-type: none;
overflow: hidden;
border: 1px solid #e7e7e7;
background-color: #f3f3f3;
z-index: 100;
}
ul.newnav li {
float: left;
}
ul.newnav li a {
display: block;
color: #666;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
ul.newnav li a:hover:not(.active) {
background-color: #ddd;
}
ul.newnav li .active {
color: white;
background-color: #04AA6D;
}
/* Style The Dropdown Button */
ul.newnavs {
border: 2px solid red;
border-radius: 12px;
position: fixed;
top: 0;
width: 100%;
margin: auto;
padding: 0;
list-style-type: none;
/*overflow: hidden;*/
background-color: #333;
z-index: 100;
}
ul.newnavs li {
float: left;
}
ul.newnavs li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
ul.newnavs li a:hover, .dropdown:hover .dropbtn {
background-color: red;
border-radius: 12px;
}
ul.newnavs li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #333;
min-width: 10%;
/*min-width: 160px;*/
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 101;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: top;
}
.dropdown-content a:hover {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block;
}
.tooltipbuttons {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltipbuttons .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
top: 150%;
left: 50%;
margin-left: -60px;
}
.tooltipbuttons .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
}
.tooltipbuttons:hover .tooltiptext {
visibility: visible;
}
.alert {
padding: 20px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 15px;
}
.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
.blue-box {
padding: 10px;
margin: 10px 0;
line-height: 1.8em;
margin-left: .2em;
color: #3d7da0;
background-color: rgba(33,150,243,.1);
border: 1px solid rgba(33,150,243,.27);
word-break: normal;
border: 1px solid #3a7693;
border-radius: 10px;
}
.purple-box {
padding: 10px;
margin: 10px 0;
line-height: 1.8em;
margin-left: .2em;
color: #7e38b0;
background-color: rgb(156 39 176/6%);
border: 1px solid rgb(250 3 255/27%);
word-break: normal;
border: 1px solid #cb00ff;
border-radius: 10px;
}
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: -1000;
}
@media only screen and (max-width: 400px) {
ul.newnavs { width: 100%; }
/* .menu { width:100%; } */
}
.avatar {
float: left;
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
.chip {
display: inline-block;
padding: 0 25px;
height: 50px;
font-size: 16px;
line-height: 50px;
border-radius: 25px;
background-color: #f1f1f1;
}
.chip img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
border-radius: 50%;
}
.yTable {
width: 100%;
max-width: 735px;
border-width: 0;
border-spacing: 2px;
border-style: outset;
border-collapse: collapse;
border: #ccc;
float: left;
font-size: 13px;
}
.yTable tr td {
border: 0 solid #ccc;
padding: 10px;
}
.yTitle {
border: 0 solid #ccc;
background: #243478;
color: #fff;
font-weight: 700;
}
.b1 {
background: rgba(124,124,124,.13);
font-size: 1.2em;
}
.b2 {
background: transparent;
font-size: 1.2em;
}
.market-shop-history {
cursor: pointer;
}
.button-show-more {
font-size: 15px;
height: 40px;
opacity: .5;
background-color: grey;
padding-left: 100px;
padding-right: 100px;
border-radius: 5px;
display: flow-root;
text-align: center;
cursor: pointer;
background: rgba(124,124,124,.13);
}
input[type=submit] {
cursor: pointer;
}