Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @font-face {
- font-family: "beaufort-bold";
- src: url("assets/fonts/Beaufort-Bold.ttf");
- }
- @font-face {
- font-family: "beaufort-regular";
- src: url("assets/fonts/Beaufort-Regular.ttf");
- }
- body {
- background: linear-gradient(to bottom, rgba(125, 185, 232, 0) -1%, rgba(50, 96, 122, 0) 65%, rgba(10, 49, 64, 0.8) 100%), url(https://images7.alphacoders.com/495/thumb-1920-495671.jpg);
- background-position: center;
- background-size: cover;
- background-attachment: fixed;
- /* font-family: 'Patua One', cursive; */
- font-family: "beaufort-bold";
- text-transform: uppercase;
- margin: 0 auto;
- /* text-align: center; */
- position: fixed;
- width: 100%;
- user-select: none;
- }
- .option-name {
- font-size: 25px;
- color: #f0e6d2;
- margin-bottom: 10px;
- }
- .suboption-name {
- font-size: 16px;
- color: #cdbe91;
- margin-bottom: 5px;
- }
- .title {
- text-align: center;
- margin-bottom: 25px;
- }
- h1 {
- color: #fff;
- font-weight: 100;
- font-size: 59px;
- margin-top: 0px;
- margin-bottom: 5px;
- }
- hr {
- width: 350px;
- margin-top: 40px;
- margin-bottom: 40px;
- border: 1px solid #cdbe91;
- }
- .tier {
- width: 150px !important;
- }
- .division {
- width: 125px !important;
- margin-top: 3px;
- }
- .left {
- float: left;
- margin: 2px;
- }
- .center {
- text-align: center;
- }
- .center-area {
- display: block;
- margin-left: auto;
- margin-right: auto;
- margin-top: 3px;
- }
- .end {
- margin-bottom: 50px;
- }
- .controls {
- color: #fff;
- float: right;
- margin-right: 5px;
- margin-top: -70px;
- -webkit-app-region: no-drag;
- }
- .version {
- position: fixed;
- bottom: 15px;
- left: 15px;
- cursor: default;
- }
- .version-tag {
- margin: 0px;
- color: #a09b8c;
- opacity: 0.5;
- transition: opacity .1s ease-in-out;
- }
- .version-tag:hover {
- opacity: 1;
- }
- .icon {
- font-size: 20px !important;
- }
- /* Style the buttons that are used to open the tab content */
- .controls button {
- background-color: transparent;
- float: left;
- border: none;
- outline: none;
- cursor: pointer;
- padding: 4px 4px;
- transition: 0.3s;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- font-size: 8px;
- margin-left: 10px;
- }
- /* Change background color of buttons on hover */
- .controls button:hover {
- color: #f0e6d2;
- border: none;
- outline: none;
- cursor: pointer;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- }
- /* Create an active/current tablink class */
- .controls button.active {
- color: #f0e6d2;
- }
- .getstarted {
- margin-top: -10px;
- }
- /*
- SCROLL BAR
- */
- ::-webkit-scrollbar {
- width: 7px;
- border-radius: 5px;
- }
- ::-webkit-scrollbar * {
- background: transparent;
- }
- ::-webkit-scrollbar-track-piece:start {
- background: transparent;
- }
- ::-webkit-scrollbar-track-piece:end {
- background: transparent;
- }
- ::-webkit-scrollbar-thumb {
- background: #9b722c;
- border-radius: 10px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: #d4b373;
- }
- /*
- BUTTONS
- */
- button {
- display: inline-block;
- position: relative;
- font-family: 'beaufort-bold', cursive;
- /* font-family: 'Beaufort', 'Times New Roman', serif; */
- text-transform: uppercase;
- color: #CDBE91;
- font-weight: 100;
- letter-spacing: 1px;
- white-space: nowrap;
- padding: 9px 21px;
- cursor: pointer;
- box-shadow: 0 0 1px 1px #010A13, inset 0 0 1px 1px #010A13;
- background: #1E2328;
- border: 2px solid transparent;
- border-image: linear-gradient(to top, #785B28 0%, #C89C3C 55%, #C8A355 71%, #C8AA6E 100%);
- border-image-slice: 1;
- transition: opacity 300ms linear;
- margin-top: 5px;
- transition: color 100ms linear;
- }
- button:hover {
- color: #F0E6D2;
- border: 2px solid transparent;
- border-image: linear-gradient(to top, rgb(78.4%, 61.2%, 23.5%) 0%, rgb(86.3%, 75.7%, 53.3%) 50%, rgb(88.2%, 78.8%, 59.6%) 71%, rgb(94.1%, 90.2%, 84.7%) 100%);
- border-image-slice: 1;
- box-shadow: 0px 0px 13px 0px rgba(205, 190, 145, 0.39);
- transition: color 100ms linear;
- /* filter: blur(4px); */
- }
- button:active {
- color: #E4E1D8;
- border-image: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 33%, #FFFFFF 66%, #FFFFFF 100%);
- border-image-slice: 1;
- color: #5C5B57;
- transition: color 100ms linear;
- animation: none;
- }
- button:focus {
- outline: 0;
- }
- button:after {
- transition: all 0.8s
- }
- /*
- TEXT FIELDS
- */
- textarea {
- overflow: hidden;
- white-space: nowrap;
- resize: none;
- font-family: 'Open Sans', sans-serif;
- padding: 10px 10px;
- color: rgb(62.7%, 60.8%, 54.9%);
- display: block;
- box-sizing: border-box;
- border: 1px solid #785A28;
- background-color: rgba(0, 0, 0, 0.7);
- appearance: none;
- outline: none;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 0 0 1px rgba(0, 0, 0, 0.25);
- }
- textarea:focus {
- background: linear-gradient(to bottom, rgba(7, 16, 25, 0.7), rgba(32, 39, 44, 0.7));
- border-image: linear-gradient(to bottom, #785a28, #c8aa6e) 1 stretch;
- }
- textarea:disabled {
- color: rgba(230, 33, 66, 0.7) !important;
- border: 1px solid rgba(230, 33, 66, 0.7);
- }
- /*
- DROPDOWNS
- */
- .dropdown {
- display: inline-block;
- position: relative;
- cursor: pointer;
- width: 200px;
- font-family: 'beaufort-bold', sans-serif;
- color: rgb(62.7%, 60.8%, 54.9%);
- ;
- letter-spacing: 0.025rem;
- outline: none;
- padding: 10px 14px;
- background-color: rgba(30, 35, 40, 0.5);
- border: 1px solid transparent;
- border-image: linear-gradient(to top, #695625 0%, #A9852D 23%, #B88D35 93%, #C8AA6E 100%) 1;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-appearance: none;
- -moz-appearance: none;
- }
- .dropdown:active {
- background: rgba(30, 35, 40, 0.5);
- color: #463714;
- border: 1px solid #463714;
- }
- .dropdown:focus {
- background: linear-gradient(to top, rgba(88, 83, 66, 0.5), rgba(30, 35, 40, 0.5));
- border: 1px solid transparent;
- border-image: linear-gradient(to top, #c89b3c, #f0e6d2) 1;
- }
- .dropdown option {
- position: relative;
- color: #cdbe91;
- cursor: pointer;
- padding: 9px;
- border-top: 1px solid #1f2123;
- text-overflow: ellipsis;
- white-space: nowrap;
- background: #010a13;
- -o-border-image: linear-gradient(0deg, #695625, #463714) 1;
- border-image: -webkit-linear-gradient(bottom, #695625, #463714) 1;
- border-image: linear-gradient(0deg, #695625, #463714) 1;
- font-size: 13px;
- height: 20px;
- }
- .dropdown option:hover {
- background-color: #fff;
- }
- .dropdown option:disabled {
- color: #756c53;
- }
- /*
- SECTIONS
- */
- .sections {
- margin-bottom: 100px;
- }
- /* Style the tab */
- .tab-container {
- position: fixed;
- top: 0px;
- margin: 0px auto;
- width: 100%;
- border-top: 2px solid #735828;
- border-bottom: 1px solid rgba(255, 255, 255, 0.4);
- height: 100px;
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 80%);
- /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
- -webkit-app-region: drag;
- }
- .tab {
- margin: 0px auto;
- margin-top: 20px;
- margin-left: 15px;
- overflow: hidden;
- }
- .selected {
- position: absolute;
- left: -10px;
- }
- /* Style the buttons that are used to open the tab content */
- .tab button {
- background-color: transparent;
- float: left;
- border: none;
- outline: none;
- cursor: pointer;
- padding: 14px 16px;
- transition: 0.3s;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- font-size: 16px;
- margin-left: 28px;
- -webkit-app-region: no-drag;
- }
- /* Change background color of buttons on hover */
- .tab button:hover {
- color: #f0e6d2;
- }
- /* Create an active/current tablink class */
- .tab button.active {
- color: #f0e6d2;
- }
- /* Style the tab content */
- .tabcontent {
- display: none;
- border-top: none;
- margin-top: 75px;
- }
- .box {
- float: right;
- width: 950px;
- height: 593px;
- overflow-y: scroll;
- margin-right: 10px;
- }
- .box1 {
- float: right;
- width: 950px;
- height: 593px;
- overflow-y: scroll;
- margin-right: 10px;
- }
- .info {
- position: absolute;
- margin-left: 35px;
- margin-top: 25px;
- }
- .float-left {
- float: left;
- margin-right: 5px;
- }
- .option {
- margin-bottom: 25px;
- }
- .summonericon {
- border-radius: 50%;
- width: 140px;
- height: 140px;
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .icon-box {
- position: absolute;
- top: 23px;
- width: 248px;
- height: 140px;
- }
- .offset {
- margin-top: 25px !important;
- }
- .info-bp {
- text-align: center;
- margin-top: -10px;
- font-size: 15px;
- color: #f0e6d2;
- margin-bottom: 10px;
- }
- .info-status {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .info-name {
- text-align: center;
- margin-top: -165px;
- font-size: 25px;
- color: #f0e6d2;
- margin-bottom: 0px;
- }
- .level-badge {
- /* top: 155px; */
- /* left: 88px; */
- display: block;
- margin-left: auto;
- margin-right: auto
- }
- .level-level {
- margin: 0px;
- margin-top: -27px;
- text-align: center;
- font-size: 15px;
- color: #f0e6d2;
- /* margin-top: -204px; */
- }
- .level-box {
- position: absolute;
- top: 155px;
- width: 246px;
- height: 25px;
- }
- /*
- CHECKBOXES
- */
- .options {
- font-family: 'beaufort-bold';
- text-transform: none;
- margin: 10px;
- margin-left: 0px;
- color: #a09b8c;
- }
- .options:hover {
- color: #ceccc4;
- }
- .warning {
- /* box-shadow: 0px 0px 13px -1px rgba(230,33,66,0.7); */
- color: rgba(230, 33, 66, 0.7) !important;
- border: 1px solid rgba(230, 33, 66, 0.7);
- }
- .warning:hover {
- /* box-shadow: 0px 0px 13px -1px rgba(230,33,66,0.7); */
- color: rgba(230, 33, 66, 0.7) !important;
- border: 1px solid rgba(230, 33, 66, 0.7);
- }
- .warning-sign {
- position: fixed;
- margin-top: 7px;
- margin-left: 5px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement