Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html {
- height: 100%;
- }
- body {
- font-family: calibri, sans-serif;
- font-size: 15px;
- margin: 0;
- padding: 0;
- overflow-x: hidden;
- height: 100%;
- background-color: #5a5a5a;
- }
- header#top {
- background-color: #272727;
- width: 100%;
- height: 50px;
- top: 0;
- left: 0;
- padding: 5px;
- position: fixed;
- display: inline-block;
- color: white;
- z-index:100;
- }
- header .logo {
- width: 175px;
- height: 45px;
- position: fixed;
- float: left;
- }
- header .steam {
- float: right;
- margin-right: 20px;
- margin-top: 30px;
- }
- header .inlobby{
- float: right;
- margin-right: 20px;
- text-align:center;
- margin-top:10px;
- }
- header#backend {
- background-color: #e06d0a;
- width: 100%;
- height: 10px;
- margin-left: 200px;
- position: fixed;
- margin-right:100px;
- z-index:10;
- }
- aside#left {
- float: left;
- background-color: #2b2b2b;
- width: 180px;
- min-height:1100px;
- height: 100%;
- border-right: 10px solid #e06d0a;
- border-bottom: 10px solid #e06d0a;
- color: #fff;
- padding: 10px;
- clear: both;
- text-align:center;
- }
- .onlinedrop{
- background-color:#f58423;
- width:180px;
- height:30px;
- padding:8px;
- margin-left:-7px;
- font-size:20px;
- border-radius: 4px 4px 0px 0px;
- margin-bottom:5px;
- margin-top:-10px;
- }
- nav#arrozeboms{
- background-color:#232323;
- width:230px;
- height:53px;
- float:right;
- margin-right:20px;
- border-radius:2px;
- }
- div#photo {
- float:right;
- border-radius:50%;
- width:45px;
- height:45px;
- background-image: url('http://www.mpgh.net/forum/customavatars/avatar3683918_1.gif');
- border: 1px solid #e06d0a;
- margin-top:3px;
- margin-right:20px;
- }
- div#photoin {
- float:left;
- border-radius:50%;
- width:130px;
- height:130px;
- background-image: url('http://www.mpgh.net/forum/customavatars/avatar3683918_1.gif');
- border: 3px solid #e06d0a;
- margin-top:10px;
- margin-left:-10px;
- }
- div#ladophotoin {
- float:left;
- margin-top:30px;
- margin-left:23px;
- font-family: Century Gothic;
- }
- div#ladophotoin input{
- width:400px;
- height:50px;
- border-radius:4px;
- padding:10px;
- color:#2b2b2b;
- margin-top:10px;
- border: 1px solid orange;
- font-size:20px;
- }
- .menurest{
- float:right;
- margin-right:5px;
- margin-top:10px;
- font-size:20px;
- }
- nav#menus{
- float:right;
- margin-right:15px;
- font-size:20px;
- margin-top:10px;
- }
- article#caseaberto {
- background-color:rgba(37, 37, 37, 0.68);
- width:180px;
- height:auto;
- border-left:5px solid #f58423;
- padding-top:5px;
- padding-bottom:5px;
- padding-left:2px;
- padding-right:2px;
- border-radius:2px;
- margin-left:-3px;
- text-align:center;
- color:white;
- margin-bottom:3px;
- margin-left:-6px;
- }
- .tooltip{
- display: inline-block;
- }
- .tooltip .tooltipatualizacao {
- visibility: hidden;
- width:150px;
- height:50px;
- background-color:#f58423;
- color:white;
- text-align:center;
- border-radius:3px;
- padding: 5px 0;
- position:absolute;
- z-index: ;
- opacity:0.8;
- margin-top:-45px;
- margin-left:20px;
- }
- .tooltip:hover .tooltipatualizacao {
- visibility: visible;
- }
- .phototol{
- border-radius:50%;
- width:45px;
- height:45px;
- background-image: url('http://www.mpgh.net/forum/customavatars/avatar3683918_1.gif');
- border: 3px solid #e06d0a;
- float:left;
- }
- div#status {
- border-right: solid 1px #ccc;
- width: auto;
- height: 100px;
- padding: 10px;
- border-radius: 4px;
- border: none;
- margin-left: 220px;
- margin-right: 10px;
- margin-top: 60px;
- left: 0px;
- color: #fff;
- }
- div#sc {
- width: 200px;
- height: 90px;
- background-color: #2b2b2b;
- float: left;
- margin-left: 200px;
- margin-top: -1px;
- border-radius: 0px 0px 4px 4px;
- text-align: center;
- font-size: 40px;
- padding-top: 10px;
- }
- div#so {
- width: 200px;
- height: 90px;
- background-color: #f58423;
- margin: 0 auto;
- margin-top: -1px;
- border-radius: 0px 0px 4px 4px;
- text-align: center;
- font-size: 40px;
- padding-top: 10px;
- }
- div#su {
- width: 200px;
- height: 90px;
- background-color: #2b2b2b;
- float: right;
- margin-top: -101px;
- margin-right: 200px;
- border-radius: 0px 0px 4px 4px;
- text-align: center;
- font-size: 40px;
- padding-top: 10px;
- }
- div#namesblack {
- border-top: 1px solid #353434;
- font-size: 28px;
- }
- div#namesorange {
- border-top: 1px solid #ea6c00;
- font-size: 28px;
- }
- div#casesc {
- background-color: #2b2b2b;
- border-right: solid 1px #292929;
- width: auto;
- height: auto;
- padding: 10px;
- border-radius: 4px;
- border: 1px solid #292929;
- margin-left: 220px;
- margin-right: 10px;
- margin-top: 10px;
- left: 0px;
- color: #fff;
- text-align: center;
- margin-bottom: 40px;
- padding-left:50px;
- }
- div#inventoryname {
- background-color: #2b2b2b;
- border-right: solid 1px #292929;
- width: auto;
- height: 300px;
- padding: 10px;
- border-radius: 2px 2px 0px 0px;
- border: 1px solid #292929;
- margin-left: 220px;
- margin-right: 10px;
- margin-top: 10px;
- left: 0px;
- color: #fff;
- text-align: center;
- margin-bottom: 20px;
- padding-left:50px;
- }
- div#casescc {
- width: 999px;
- margin: 0 auto;
- text-align: center;
- }
- div#casesc .block {
- width: 170px;
- height: 180px;
- background-color: rgba(39, 38, 38, 0.75);
- float: left;
- border-radius: 4px;
- text-align: center;
- font-size: 40px;
- padding-top: 20px;
- margin-right: 20px;
- margin-bottom: 40px;
- }
- div#casesc .blockblock {
- margin: 0 auto;
- text-align: center;
- margin-top:14px;
- }
- div#barrinhatopper {
- background-color: #f58423;
- bottom: 0;
- border-radius: 2px 2px 0px 0px;
- cursor: hand;
- font-size: 22px;
- }
- footer#copyright {
- background-color: #212121;
- width: 100%;
- height: 100px;
- bottom: 0;
- left: 0;
- text-align:center;
- color:#5f5f5f;
- padding:20px;
- }
- footer#copyright2 {
- background-color: #f58424;
- width: 100%;
- height: 20px;
- bottom: 0;
- left: 0;
- text-align:center;
- color:white;
- padding:20px;
- }
- article#calloutin{
- background-color:#212121;
- width:190px;
- height:80px;
- float:left;
- padding:15px;
- margin-right:15px;
- margin-bottom:15px;
- border-radius: 4px 0px 0px 4px;
- border-left:5px solid #f58424;
- }
- /* thanks for spin guy */
- div#autista{
- width:1000px;
- height:150px;
- margin-left:-40px;
- z-index:99;
- position:absolute;
- font-family: century gothic, sans-serif;
- }
- #spin {
- width: 1000px;
- height: 150px;
- z-index: 99;
- position:absolute;
- }
- #items {
- position: relative;
- overflow: hidden;
- max-width: 1015px;
- height: 140px;
- z-index:0;
- border: 15px solid transparent;
- border-image: url(img/border.png) 30
- }
- .img {
- background-image:url('img/shadow.png');
- background-repeat:no-repeat;
- background-position:center center;
- border-left: 1px solid #f58424;
- float: left;
- width: 120px;
- height: 150px;
- z-index:0;
- margin-top:15px;
- margin-left:20px;
- padding-top:20px;
- }
- .rol {
- overflow: auto;
- width:22295px;
- display:flex;
- min-width: 1000%;
- z-index:0;
- }
- .ponto {
- width: 2px;
- background-color: #CC2525;
- top: 17px;
- bottom: -5px;
- left: 50%;
- margin-left: -1px;
- z-index: 1;
- position:absolute;
- }
- img{
- z-index:0;
- }
- a {
- outline: none;
- text-decoration: none;
- color: white;
- }
- .dropdown {
- display: inline-block;
- }
- .dropdown-content {
- display: none;
- background-color: #232323;
- min-width: 160px;
- padding: 12px 16px;
- margin-top:20px;
- }
- .dropdown:hover .dropdown-content {
- display: block;
- margin-top:50px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement