Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- position: relative;
- font-size: 16px;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- min-width: 300px;
- overflow-x: hidden;
- overflow-y: scroll;
- text-rendering: optimizeLegibility;
- text-size-adjust: 100%;
- color:#e6e6e8;
- font: normal 1em 'Open Sans', sans-serif;
- }
- nav.navbar.bg-dark {
- background-color:#c43235!important;
- }
- .face {
- position: fixed;
- background-position: center;
- background-size: cover;
- align-items: stretch;
- display: flex;
- z-index: -100;
- flex-direction: column;
- justify-content: space-between;
- }
- .face-body {
- position: relative;
- min-height: 100vh;
- align-items: center;
- display: flex;
- z-index: 1;
- flex-grow: 1;
- flex-shrink: 0;
- padding: 3rem 1.5rem;
- }
- .face.face-body > .container {
- flex-grow: 1;
- flex-shrink: 1;
- }
- .face-title.one {
- font-size: 3rem;
- }
- .face-subtitle {
- font-size: 1rem;
- }
- .face.face-subtitle {
- color: #c5bbb4;
- font-size: 1.25rem;
- font-weight: 400;
- line-height: 1.25;
- }
- .overlay{
- background-image: url("../img/overlay.png");
- height: 100%;
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- }
- .section {
- padding: 3rem 1.5rem;
- display: block;
- }
- .servers {
- background-color: transparent;
- position: relative;
- z-index: 100;
- border-bottom: 1px solid rgba(230,230,232,.1);
- }
- .section > h1 {
- color:#c43235;
- margin-bottom: 1em;
- }
- div.one-server > h2 {
- margin-top: 1em;
- font-size: 1.2rem;
- padding-bottom: 1em;
- border-bottom: 1px solid rgba(230,230,232,.1);
- }
- img.server-header {
- outline: 1px solid rgba(48,0,50,.1);
- }
- div.Online {
- border-bottom: 3px solid #738D45;
- }
- div.Offline {
- border-bottom: 3px solid #CD412B;
- }
- div.Offline > img.server-header {
- opacity:.3;
- }
- .progress {
- margin-top: 15px;
- margin-bottom: 20px;
- }
- .players-bar {
- background-color:#738D45;
- }
- div.one-server > p {
- border-bottom: 1px solid rgba(230,230,232,.1);
- padding-bottom: 10px;
- color: #948c87;
- }
- div.members {
- font-size:3rem;
- border-bottom: 1px solid rgba(230,230,232,.1);
- padding-bottom: 3rem;
- }
- div.members > span {
- font-size:1rem;
- display: block;
- }
- div.members#online {
- color: #62a7e3;
- }
- div.members#ingame {
- color: #8bc53f;
- }
- div.members#discord {
- color: #8bc53f;
- padding-top:10px;
- }
- section.community > div.row {
- margin-bottom: 3rem;
- }
- div.discord-invite {
- margin-top: 3rem;
- border-bottom: 1px solid rgba(230,230,232,.1);
- padding-bottom: 3rem;
- }
- div.store {
- padding-top:6rem;
- }
- div.store > h3 {
- color: #948c87;
- }
- section.rules,section.store,section.staff,section.community,section.social {
- border-bottom: 1px solid rgba(230,230,232,.1);
- }
- section.footer {
- padding-top: 2rem;
- padding-bottom:3rem;
- background-color: #c43235;
- }
- section.footer > div.container > span > a {
- color: #c43235;
- text-decoration:underline;
- }
- section.footer > div.container > span > a:hover {
- text-decoration:none;
- }
- .srv {
- margin-bottom: 20px;
- }
- img.rounded-circle.staff {
- max-width:150px;
- border: 2px solid rgba(196,50,53,1);
- }
- img.rounded-circle.discord-user {
- max-width:50px;
- border: 2px solid rgba(196,50,53,1);
- }
- h2.discord {
- color:#7289DA;
- font-size: 1.2rem;
- }
- p.staff-name {
- color: #ffffff;
- padding-top:1rem;
- font-size:1.2rem;
- text-decoration:none;
- }
- p.staff-role {
- margin-top:-1rem;
- font-size:.8rem;
- color:#c43235;
- }
- .margin{
- margin: 350px;
- }
- ::-webkit-scrollbar-track{
- background-color: rgba(6, 0, 10, 1);
- }
- ::-webkit-scrollbar{
- width: 3px;
- background-color: rgba(6, 0, 10, 1);
- }
- ::-webkit-scrollbar-thumb{
- background-color: rgba(196, 50, 53, 1);
- }
- .fullvideo {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- overflow: hidden;
- }
- .fullvideo video {
- position: fixed;
- height: 100%;
- width: 177.77777778vh;
- min-width: 100%;
- min-height: 56.25vw;
- object-fit: cover;
- }
- img, embed, object, audio, video {
- max-width: 100%;
- }
- .modal-content#contact {
- position: relative;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- pointer-events: auto;
- background-color: #c43235;
- background-clip: padding-box;
- border: 1px solid rgba(0,0,0,.2);
- border-radius: .3rem;
- outline: 0;
- }
- .modal-header#contact {
- border-bottom: 1px solid rgba(230,230,232,.1);
- }
- .modal-footer#contact {
- border-top: 1px solid rgba(230,230,232,.1);
- }
- /* ------------------------------*/
- /* ------------------------------*/
- /* ------- PRICING TABLE ------- */
- /* ------------------------------*/
- /* ------------------------------*/
- .panel {
- background-color: rgba(196, 50, 53, .3);/* -- BACKGROUND COLOR FOR PRICING TABLE -- */
- border-radius: 10px;
- padding: 15px 25px;
- position: relative;
- width: 100%;
- z-index: 10;
- }
- .pricing-table {
- box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
- display: flex;
- flex-direction: column;
- }
- @media (max-width: 767.98px) {
- .face-title.one {
- font-size: 2rem;
- }
- h1 {
- font-size: 2rem;
- }
- h2 {
- font-size: 1.3rem;
- }
- .pricing-price {
- font-size: 1.5rem!important;
- }
- }
- @media (min-width: 900px) {
- .pricing-table {
- flex-direction: row;
- }
- }
- .pricing-table * {
- text-align: center;
- text-transform: uppercase;
- }
- .pricing-plan {
- border-bottom: 1px solid #e1f1ff;
- padding: 25px 5px;
- }
- .pricing-plan:last-child {
- border-bottom: none;
- }
- @media (min-width: 900px) {
- .pricing-plan {
- border-bottom: none;
- border-right: 1px solid #e1f1ff;
- flex-basis: 100%;
- padding: 25px 5px;
- }
- .pricing-plan:last-child {
- border-right: none;
- }
- }
- .pricing-img {
- margin-bottom: 25px;
- max-width: 100%;
- }
- .section > h1, .section > h2 {
- color: #c43235;
- margin-bottom: 1em;
- }
- .pricing-header {
- font-size: 26px;/* -- FONT SIZE FOR EACH PRICING PLAN HEADER -- */
- color: #fff;
- font-weight: 600;
- letter-spacing: 1px;
- }
- .pricing-features {
- color: rgba(255,255,255,.8);
- font-weight: 600;
- letter-spacing: 1px;
- margin: 50px 0 25px -40px;
- list-style-type:none;
- }
- .pricing-features-item {
- border-top: 1px solid #e1f1ff;
- font-size: 11px;
- line-height: 1.5;
- padding: 15px 0;
- }
- .pricing-features-item:last-child {
- border-bottom: 1px solid #e1f1ff;
- }
- .pricing-price {
- color: #fff;
- display: block;
- font-size: 36px;/* -- FONT SIZE FOR EACH PRICING PLAN PRICE -- */
- font-weight: 700;
- }
- .pricing-price > sup.small {
- font-size: 20px;
- }
- .pricing-price > sub.small {
- font-size: 16px;
- text-transform: none;
- margin-left: -5px;
- }
- .pricing-button {
- border: 1px solid #9dd1ff;
- border-radius: 10px;
- color: #348EFE;
- display: inline-block;
- margin: 25px 0;
- padding: 15px 35px;
- text-decoration: none;
- transition: all 150ms ease-in-out;
- }
- .pricing-button:hover,
- .pricing-button:focus {
- background-color: #e1f1ff;
- }
- .pricing-button.is-featured {
- background-color: #48aaff;
- color: #fff;
- }
- .pricing-button.is-featured:hover,
- .pricing-button.is-featured:active {
- background-color: #269aff;
- }
- a.nav-item.nav-link {
- color: #c43235;
- }
- h3.faq-question {
- text-align: left;
- border-bottom: 1px solid #c43235;
- padding-bottom: 5px;
- margin-bottom: 10px;
- }
- p.text-left > a {
- text-decoration: underline;
- color: #fff;
- }
- p.text-left > a:hover {
- color: #c43235;
- text-decoration: none;
- }
- .small#footer {
- font-size: 11px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement