Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url("../../../assets/common.less");
- @import url("../../../assets/thirdparty/font-awesome/less/font-awesome.less");
- body{
- @width-layout: 979px;
- @color-flashyblue: #4285f4;
- @color-skyblue: #3b88c3;
- @color-blue: #3B5998;
- @color-gray: #1f1f1f;
- @color-red: #c42f2f;
- background-image: url('images/header-bg.png'), url('images/body-bg.png');
- background-position: top left, top center;
- background-repeat: repeat-x, repeat;
- * {
- vertical-align: top;
- font-family: Verdana;
- font-size: 11px;
- line-height: 1.5;
- color: #ffffff;
- }
- a, a:link, a:visited {
- border-bottom: 1px dotted @color-red;
- text-decoration: none;
- color: @color-red;
- }
- div.small, span.small, td.small {
- font-family: "Lucida Console";
- font-size: 10px;
- }
- div.bar {
- background-color: fade(@color-red, 30%);
- margin-bottom: 2px;
- height: 5px;
- width: 100%;
- & > div {
- background-color: @color-red;
- height: 100%;
- }
- &.hp > div {
- background-color: @color-red;
- }
- }
- & > header {
- width: @width-layout;
- margin-right: auto;
- margin-left: auto;
- height: 112px;
- & > a.logo {
- border-bottom-width: 0px;
- display: inline-block;
- height: 112px;
- width: 285px;
- }
- & > nav {
- width: @width-layout - 285 - 4;
- }
- }
- & > section.body {
- display: table;
- width: 100%;
- & > section {
- display: table-cell;
- vertical-align: top;
- width: 33%;
- }
- & > section.middle {
- max-width: @width-layout;
- min-width: @width-layout;
- }
- }
- & section.body > section.middle > header {
- background-image: url('images/content-header-bg.png');
- background-repeat: no-repeat;
- margin-top: 29px;
- height: 83px;
- & > menu {
- margin-right: auto;
- margin-left: auto;
- width: @width-layout - 28 - 28;
- height: 100%;
- & > a {
- background-color: rgba(0, 0, 0, 0.05);
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- text-align: center;
- border-width: 0px;
- padding: 15px 10px 0px 10px;
- margin: 0px 10px;
- cursor: pointer;
- display: block;
- height: 100%;
- width: 80px;
- float: left;
- color: #000;
- &:first-child {
- margin-left: 0px;
- }
- &:hover {
- background-color: rgba(0, 0, 0, 0.1);
- }
- & > img {
- margin-bottom: 5px;
- margin-right: auto;
- margin-left: auto;
- display: block;
- width: 32px;
- }
- }
- }
- }
- & section.body > section.middle > section {
- background-color: rgba(0, 0, 0, 0.4);
- padding: 29px 28px 0px 28px;
- box-sizing: border-box;
- }
- & > section.body > section.middle > section > section.content {
- background-color: @color-gray;
- padding: 10px 10px 0px 10px;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- color: #ffffff;
- &.bare {
- background-color: transparent;
- padding: 0px;
- & > section.content {
- background-color: @color-gray;
- padding: 10px 10px 0px 10px;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- color: #ffffff;
- }
- }
- & div.h1, & h1 {
- text-transform: uppercase;
- font-weight: bold;
- font-size: 14px;
- color: @color-red;
- }
- & form.block {
- input {
- background-color: #343434;
- -mox-box-sizing: border-box;
- box-sizing: border-box;
- border-width: 0px;
- padding: 10px;
- margin: 10px 0px 0px 0px;
- width: 250px;
- &:focus {
- background: fade(@color-red, 30%);
- outline: 0;
- }
- &:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 1000px #4f2323 inset;
- -webkit-text-fill-color: #ffffff;
- }
- }
- button {
- background-color: @color-red;
- margin: 10px 0px 0px 0px;
- border-width: 0px;
- cursor: pointer;
- padding: 10px;
- width: 250px;
- outline: 0;
- &:hover {
- background-color: darken(@color-red, 5%);
- }
- &.blue {
- background-color: @color-blue;
- &:hover {
- background-color: lighten(@color-blue, 10%);
- }
- }
- &.skyblue {
- background-color: @color-skyblue;
- &:hover {
- background-color: lighten(@color-skyblue, 10%);
- }
- }
- }
- }
- }
- & > section.body > section.middle > footer:nth-child(3) {
- background-image: url('images/content-footer-bg.png');
- background-repeat: no-repeat;
- padding: 0px 28px 0px 28px;
- box-sizing: border-box;
- height: 28px;
- & > div {
- background-color: @color-gray;
- height: 100%;
- }
- }
- & > section.body > section.middle > footer:last-child {
- background-image: url('images/footer-bg.png');
- background-repeat: no-repeat;
- margin-top: 29px;
- height: 55px;
- padding: 10px 30px 0px 30px;
- -mox-box-sizing: border-box;
- box-sizing: border-box;
- font-size: 10px;
- &, & > a {
- line-height: 1.8;
- }
- }
- nav.hoverdeet {
- display: inline-block;
- height: 100%;
- white-space: no-wrap;
- text-align: right;
- & > a {
- background-color: rgba(0, 0, 0, 0.2);
- border-bottom-width: 0px !important;
- -moz-box-sizing: 5px;
- box-sizing: border-box;
- display: inline-block;
- text-align: center;
- margin-left: 5px;
- padding-top: 5px;
- height: 100%;
- width: 90px;
- & > div > i {
- font-size: 50px;
- color: @color-red;
- }
- & > div:nth-child(2) {
- display: none;
- }
- & > div.trainer > img {
- height: 80px;
- width: 80px;
- }
- & > div.pokemon > img {
- height: 80px;
- width: 80px;
- }
- &:hover {
- background-color: rgba(0, 0, 0, 0.1);
- & > div {
- &:first-child { display: none; }
- &:last-child { display: block !important; }
- }
- }
- }
- }
- #region-picker {
- background-color: rgba(0, 0, 0, 0.1);
- position: relative;
- overflow: hidden;
- height: 391px;
- width: 100%;
- & > div > div.link {
- position: absolute;
- &.active {
- background-color: rgba(0, 0, 0, 0.10);
- border: 1px solid #000;
- }
- &:hover {
- background-color: rgba(0, 0, 0, 0.15);
- border: 1px solid #000;
- }
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement