/* width */
::-webkit-scrollbar {
width: 20px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: blue;
border-radius: 8px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #1cfff7;
}
body {
/* background-image:url('img/fundo2.jpg'); */
background-color:#000;
font-family:Tahoma, Verdana, Geneva, serif;
font-size:12px;
color:#000;
margin: 0;
background-attachment: fixed;
}
a {
color: black;
text-decoration:none;
-webkit-transition-duration: 0.1s; /* Safari */
transition-duration: 0.1s;
}
a:hover {
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 7px darkblue;
text-decoration:none;
-webkit-transition-duration: 0.1s; /* Safari */
transition-duration: 0.1s;
}
#wrap {
width:940px;
margin:0 auto;
}
#header {
/* width:900px; */
/* height:120px; */
width:100%;
height:120px;
background-position: left;
background-image:url('img/header_klmsch.png');
background-repeat:no-repeat;
margin: 60px 0;
z-index: 1000;
}
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: 215px;
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: #243478;
align-items: center;
justify-content: center;
text-align: center;
background-image: url(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:750px;
height: 30px;
background: #fff;
font-size: 14px;
font-weight: tahoma;
margin-top: 0px;
margin-left: 218px;
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 10px 10px;
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: right;
margin-top: 40px;
margin-right: -30px;
padding:6px 8px;
background-color:#fff;
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 10px 10px;
border: 1px solid #000;
box-shadow: 0 4 10px #000;
}
#contentMain{min-height:1135px}
#footer {
text-align: center;
width: 735px;
max-width: 735px;
float: right;
margin-top: 10px;
margin-right: -30px;
padding: 6px 8px;
background-color:#fff;
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 10px 10px;
border: 1px solid #000;
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: 2px solid blue;
border-radius: 12px;
margin-top: 50px;
float: left;
margin-left: -10px;
background: #fff; /* #fff */
padding: 0px;
width: 185px;
opacity: 0.90;
filter: alpha(opacity=50); /* For IE8 and earlier */
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: 0px 0px 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;
}
/*
#rightmenu li a:hover {
background-color: blue;
border-radius: 12px;
}
*/
#naglowek {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: -10px;
background: #8ab1db;
padding: 10px 13px;
width: 178px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border: 1px solid black;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#naglowek2 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: -10px;
background: #FFC0CB;
padding: 10px 13px;
width: 178px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border: 1px solid black;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#naglowek3 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: -10px;
background: #F5DEB3;
padding: 10px 13px;
width: 178px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border: 1px solid black;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#naglowek4 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: -10px;
background: #8FBC8F;
padding: 10px 13px;
width: 178px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border: 1px solid black;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#naglowek5 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: -10px;
background: #FF4500;
padding: 10px 13px;
width: 178px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border: 1px solid black;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#naglowek6 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: -10px;
background: #EEDD82;
padding: 10px 13px;
width: 178px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border: 1px solid black;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#naglowek7 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: -10px;
background: #6B8E23;
padding: 10px 13px;
width: 178px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border: 1px solid black;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#naglowek8 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: -10px;
background: #8FBC8F;
padding: 10px 13px;
width: 178px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border: 1px solid black;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#naglowek9 {
font-size: 15px;
font-weight: bold;
margin-top: -40px;
margin-left: -10px;
background: #8FBC8F;
padding: 10px 13px;
width: 178px;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
border: 1px solid black;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#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 blue;
border-radius: 12px;
position: fixed;
top: 0;
width: 100%;
text-align: center;
margin: auto;
padding: 0;
list-style-type: none;
overflow: hidden;
border: 1px solid blue;
background-color: #f3f3f3;
z-index: 100;
}
ul.newnav li {
float: left;
}
ul.newnav li a {
display: block;
color: blue;
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 blue;
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: blue;
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;
}
.red-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;
border-bottom: 2px solid #2196f3;
}
.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;
}