Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
-
- body {
- /*background-color: #595858;*/
- background-color: #222222;
- color: white;
- font-family: "Open Sans";
- }
- ::-webkit-scrollbar {
- display: none;
- }
- .boxes, .bans, .staffs {
- height: auto;
- text-align: center;
- width: 80%;
- margin: auto;
- margin-top: 15px !important;
- }
- .boxes .box-login {
- width: 350px;
- height: 420px;
- background: #E8E8E8;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- color: black;
- border-radius: 2px;
- }
- .boxes .box {
- width: 180px;
- height: 150px;
- margin: 5px;
- display: inline-block;
- background: #6ebc61;
- text-align: center;
- border-radius: 3px;
- color: #fff;
- }
- .box-large {
- width: 60%;
- height: auto;
- background: #6ebc61;
- border-radius: 3px;
- }
- .box-title {
- width: 100%;
- height: 40px;
- background: #5cb34d;
- font-size: 15px;
- line-height: 40px;
- border-radius: 3px;
- }
- .game-box:hover {
- cursor: pointer;
- }
- .barra-info {
- border-width: 0px 0px 1px 0px;
- border-style: solid;
- border-color: #9a9898;
- color: white;
- background-color: #403f3f;
- margin-top: -20px;
- height: 40px;
- line-height: 40px;
- font-size: 1.50rem;
- }
- .texto-izquierda {
- margin-left: 20px;
- }
- .texto-derecha {
- margin-right: 20px;
- float: right;
- }
- #grafico-users {
- margin-left: 15px;
- margin-right: 15px;
- margin-top: 15px;
- }
- .form-input {
- height: 30px;
- width: 100%;
- border: 3px solid #f3fff2;
- background: #f3fff2;
- color: #000;
- font-size: 16px;
- padding: 0 5px 0 5px;
- border-radius: 3px;
- margin-top: 5px;
- }
- textarea.form-input {
- height: 300px;
- resize: none;
- }
- .form-button {
- height: 40px;
- width: 30%;
- background-color: #d9534f;
- border: 1px solid #d43f3a;
- color: #fff;
- border-radius: 3px;
- }
- .form-button:focus,
- .form-button.focus {
- background-color: #c9302c;
- border-color: #761c19;
- }
- .form-button:hover {
- background-color: #c9302c;
- border-color: #ac2925;
- }
- .jumbo-principal {
- margin: auto;
- margin-top: 15px;
- margin-bottom: 30px;
- width: 60%;
- text-align: center;
- border-radius: 3px;
- background: url('../images/jumbotron-background.png');
- }
- .jumbo-principal > h1, .jumbo-principal > p {
- color: #555555;
- }
- .caracteristicas {
- height: auto;
- margin: auto;
- text-align: center;
- width: 60%;
- }
- .caracteristicas > div {
- display: inline-block;
- width: 250px;
- margin-left: 10px;
- vertical-align: top;
- }
- .box-large > .box-content {
- text-align: start;
- margin-left: 25px;
- margin-right: 25px;
- margin-top: 5px;
- }
- .error {
- margin: 15px 50px 0px 50px;
- }
- #shadow {
- opacity: 0;
- background: #000;
- width: 100%;
- height: 100%;
- z-index: 100000;
- top: 0;
- left: 0;
- position: fixed;
- }
- #error-conexion {
- position: absolute;
- top: 25%;
- margin-top: 30px;
- display: inline-block;
- z-index: 100000000;
- left: 30%;
- right: 30%;
- opacity: 0;
- text-align: center;
- }
- a {
- text-decoration: none;
- }
- .modal-header {
- background-color: #403f3f;
- border-color: #9a9898;
- }
- .modal-body {
- background-color: #595858;
- }
- .modal-footer {
- background-color: #403f3f;
- border-color: #9a9898;
- }
- .pagina-izquierda {
- float: left;
- width: 45%;
- margin-top: 15px;
- padding-left: 60px;
- }
- .pagina-derecha {
- float: right;
- width: 45%;
- margin-top: 15px;
- padding-right: 60px;
- }
- td.avatar img {
- border-style: none;
- padding: 0;
- border-radius: 3px;
- float: right;
- }
- .pagina-izquierda > h1 {
- text-align: center;
- }
- .pagina-derecha > h1 {
- text-align: center;
- }
- .avatar, .more {
- width: 64px;
- padding-left: 8px;
- padding-right: 0;
- }
- .progress {
- position: relative;
- }
- .progress span {
- position: absolute;
- display: block;
- width: 100%;
- color: black;
- font-weight: bold;
- }
- .rangos {
- margin-left: 5%;
- margin-right: 5%;
- }
- .rango {
- background: #5cb34d;
- border-radius: 3px;
- margin-top: 10px;
- }
- .rango p {
- height: 40px;
- width: 100%;
- margin: 0;
- font-size: 20px;
- line-height: 40px;
- padding-left: 20px;
- cursor: pointer;
- }
- .rango i {
- float: right;
- line-height: 40px;
- padding-right: 20px;
- }
- .cabezas {
- background-color: #595858;
- }
- .cabeza {
- margin: 10px;
- width: 100px;
- float: left;
- height: 130px;
- text-align: center;
- }
- .cabeza p {
- font-size: 12px;
- margin: 0;
- padding: 0;
- text-align: center;
- float: left;
- }
- .cabeza img {
- border-radius: 3px;
- }
- .onlineMarker {
- background-color: rgb(127, 185, 0);
- margin-top: -10px;
- margin-left: 41px;
- border-radius: 100%;
- width: 13px;
- height: 13px;
- position: absolute;
- }
- .onlineMarker_pulse {
- border: 10px solid rgb(127,185,0);
- background: transparent;
- -webkit-border-radius: 46px;
- -moz-border-radius: 46px;
- border-radius: 46px;
- height: 46px;
- width: 46px;
- -webkit-animation: pulse 3s ease-out infinite;
- -moz-animation: pulse 3s ease-out infinite;
- animation: pulse 3s ease-out infinite;
- position: absolute;
- top: -16px;
- left: -16px;
- z-index: 1;
- opacity: 0;
- }
- @-moz-keyframes pulse {
- 0% {
- -moz-transform: scale(0);
- opacity: 0.0;
- }
- 25% {
- -moz-transform: scale(0);
- opacity: 0.1;
- }
- 50% {
- -moz-transform: scale(0.1);
- opacity: 0.3;
- }
- 75% {
- -moz-transform: scale(0.5);
- opacity: 0.5;
- }
- 100% {
- -moz-transform: scale(1);
- opacity: 0.0;
- }
- }
- @-webkit-keyframes "pulse" {
- 0% {
- -webkit-transform: scale(0);
- opacity: 0.0;
- }
- 25% {
- -webkit-transform: scale(0);
- opacity: 0.1;
- }
- 50% {
- -webkit-transform: scale(0.1);
- opacity: 0.3;
- }
- 75% {
- -webkit-transform: scale(0.5);
- opacity: 0.5;
- }
- 100% {
- -webkit-transform: scale(1);
- opacity: 0.0;
- }
- }
- .tooltip.top > .tooltip-arrow {
- border-top: 5px solid #595858;
- }
- .tooltip-inner {
- background-color: #595858;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement