Advertisement
Guest User

status.min.css

a guest
Jul 12th, 2019
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.78 KB | None | 0 0
  1. body {
  2.     position: relative;
  3.     font-size: 16px;
  4.     -moz-osx-font-smoothing: grayscale;
  5.     -webkit-font-smoothing: antialiased;
  6.     min-width: 300px;
  7.     overflow-x: hidden;
  8.     overflow-y: scroll;
  9.     text-rendering: optimizeLegibility;
  10.     text-size-adjust: 100%;
  11.     color:#e6e6e8;
  12.     font: normal 1em 'Open Sans', sans-serif;
  13. }
  14.  
  15. nav.navbar.bg-dark {
  16.     background-color:#c43235!important;
  17. }
  18. .face {
  19.     position: fixed;
  20.     background-position: center;
  21.     background-size: cover;
  22.     align-items: stretch;
  23.     display: flex;
  24.     z-index: -100;
  25.     flex-direction: column;
  26.     justify-content: space-between;
  27. }
  28. .face-body {
  29.     position: relative;
  30.     min-height: 100vh;
  31.     align-items: center;
  32.     display: flex;
  33.     z-index: 1;
  34.     flex-grow: 1;
  35.     flex-shrink: 0;
  36.     padding: 3rem 1.5rem;
  37. }
  38. .face.face-body > .container {
  39.     flex-grow: 1;
  40.     flex-shrink: 1;
  41. }
  42. .face-title.one {
  43.     font-size: 3rem;
  44. }
  45. .face-subtitle {
  46.     font-size: 1rem;
  47. }
  48. .face.face-subtitle {
  49.     color: #c5bbb4;
  50.     font-size: 1.25rem;
  51.     font-weight: 400;
  52.     line-height: 1.25;
  53. }
  54. .overlay{
  55.     background-image: url("../img/overlay.png");
  56.     height: 100%;
  57.     background-position: center;
  58.     background-repeat: no-repeat;
  59.     background-size: cover;
  60. }
  61. .section {
  62.     padding: 3rem 1.5rem;
  63.     display: block;
  64. }
  65. .servers {
  66.     background-color: transparent;
  67.     position: relative;
  68.     z-index: 100;
  69.     border-bottom: 1px solid rgba(230,230,232,.1);
  70. }
  71. .section > h1 {
  72.     color:#c43235;
  73.     margin-bottom: 1em;
  74. }
  75. div.one-server > h2 {
  76.     margin-top: 1em;
  77.     font-size: 1.2rem;
  78.     padding-bottom: 1em;
  79.     border-bottom: 1px solid rgba(230,230,232,.1);
  80. }
  81. img.server-header {
  82.     outline: 1px solid rgba(48,0,50,.1);
  83. }
  84. div.Online {
  85.     border-bottom: 3px solid #738D45;
  86. }
  87. div.Offline {
  88.     border-bottom: 3px solid #CD412B;
  89. }
  90. div.Offline > img.server-header {
  91.     opacity:.3;
  92. }
  93. .progress {
  94.     margin-top: 15px;
  95.     margin-bottom: 20px;
  96. }
  97. .players-bar {
  98.     background-color:#738D45;
  99. }
  100. div.one-server > p {
  101.     border-bottom: 1px solid rgba(230,230,232,.1);
  102.     padding-bottom: 10px;
  103.     color: #948c87;
  104. }
  105. div.members {
  106.     font-size:3rem;
  107.     border-bottom: 1px solid rgba(230,230,232,.1);
  108.     padding-bottom: 3rem;
  109. }
  110. div.members > span {
  111.     font-size:1rem;
  112.     display: block;
  113. }
  114. div.members#online {
  115.     color: #62a7e3;
  116. }
  117. div.members#ingame {
  118.     color: #8bc53f;
  119. }
  120. div.members#discord {
  121.     color: #8bc53f;
  122.     padding-top:10px;
  123. }
  124. section.community > div.row {
  125.     margin-bottom: 3rem;
  126. }
  127. div.discord-invite {
  128.     margin-top: 3rem;
  129.     border-bottom: 1px solid rgba(230,230,232,.1);
  130.     padding-bottom: 3rem;
  131. }
  132. div.store {
  133.     padding-top:6rem;
  134. }
  135. div.store > h3 {
  136.     color: #948c87;
  137. }
  138. section.rules,section.store,section.staff,section.community,section.social {
  139.     border-bottom: 1px solid rgba(230,230,232,.1);
  140. }
  141. section.footer {
  142.     padding-top: 2rem;
  143.     padding-bottom:3rem;
  144.     background-color: #c43235;
  145. }
  146. section.footer > div.container > span > a {
  147.     color: #c43235;
  148.     text-decoration:underline;
  149. }
  150. section.footer > div.container > span > a:hover {
  151.     text-decoration:none;
  152. }
  153. .srv {
  154.     margin-bottom: 20px;
  155. }
  156. img.rounded-circle.staff {
  157.     max-width:150px;
  158.     border: 2px solid rgba(196,50,53,1);
  159. }
  160. img.rounded-circle.discord-user {
  161.     max-width:50px;
  162.     border: 2px solid rgba(196,50,53,1);
  163. }
  164. h2.discord {
  165.     color:#7289DA;
  166.     font-size: 1.2rem;
  167. }
  168. p.staff-name {
  169.     color: #ffffff;
  170.     padding-top:1rem;
  171.     font-size:1.2rem;
  172.     text-decoration:none;
  173. }
  174. p.staff-role {
  175.     margin-top:-1rem;
  176.     font-size:.8rem;
  177.     color:#c43235;
  178. }
  179. .margin{
  180.     margin: 350px;
  181. }
  182. ::-webkit-scrollbar-track{
  183.     background-color: rgba(6, 0, 10, 1);
  184. }
  185. ::-webkit-scrollbar{
  186.     width: 3px;
  187.     background-color: rgba(6, 0, 10, 1);
  188. }
  189. ::-webkit-scrollbar-thumb{
  190.     background-color: rgba(196, 50, 53, 1);
  191. }
  192. .fullvideo {   
  193.     position: fixed;
  194.     top: 0;
  195.     right: 0;
  196.     bottom: 0;
  197.     left: 0;
  198.     overflow: hidden;
  199. }
  200. .fullvideo video {
  201.     position: fixed;
  202.     height: 100%;
  203.     width: 177.77777778vh;
  204.     min-width: 100%;
  205.     min-height: 56.25vw;
  206.     object-fit: cover;
  207. }
  208. img, embed, object, audio, video {
  209.     max-width: 100%;
  210. }
  211. .modal-content#contact {
  212.     position: relative;
  213.     display: -ms-flexbox;
  214.     display: flex;
  215.     -ms-flex-direction: column;
  216.     flex-direction: column;
  217.     pointer-events: auto;
  218.     background-color: #c43235;
  219.     background-clip: padding-box;
  220.     border: 1px solid rgba(0,0,0,.2);
  221.     border-radius: .3rem;
  222.     outline: 0;
  223. }
  224. .modal-header#contact {
  225.     border-bottom: 1px solid rgba(230,230,232,.1);
  226. }
  227. .modal-footer#contact {
  228.     border-top: 1px solid rgba(230,230,232,.1);
  229. }
  230. /* ------------------------------*/
  231. /* ------------------------------*/
  232. /* ------- PRICING TABLE ------- */
  233. /* ------------------------------*/
  234. /* ------------------------------*/
  235. .panel {
  236.   background-color: rgba(196, 50, 53, .3);/* -- BACKGROUND COLOR FOR PRICING TABLE -- */
  237.   border-radius: 10px;
  238.   padding: 15px 25px;
  239.   position: relative;
  240.   width: 100%;
  241.   z-index: 10;
  242. }
  243. .pricing-table {
  244.   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);
  245.   display: flex;
  246.   flex-direction: column;
  247. }
  248. @media (max-width: 767.98px) {
  249.   .face-title.one {
  250.     font-size: 2rem;
  251.   }
  252.   h1 {
  253.     font-size: 2rem;
  254.   }
  255.   h2 {
  256.     font-size: 1.3rem;
  257.   }
  258.   .pricing-price {
  259.     font-size: 1.5rem!important;
  260.   }
  261. }
  262. @media (min-width: 900px) {
  263.   .pricing-table {
  264.     flex-direction: row;
  265.   }
  266. }
  267.  
  268. .pricing-table * {
  269.   text-align: center;
  270.   text-transform: uppercase;
  271. }
  272.  
  273. .pricing-plan {
  274.   border-bottom: 1px solid #e1f1ff;
  275.   padding: 25px 5px;
  276. }
  277.  
  278. .pricing-plan:last-child {
  279.   border-bottom: none;
  280. }
  281.  
  282. @media (min-width: 900px) {
  283.   .pricing-plan {
  284.     border-bottom: none;
  285.     border-right: 1px solid #e1f1ff;
  286.     flex-basis: 100%;
  287.     padding: 25px 5px;
  288.   }
  289.  
  290.   .pricing-plan:last-child {
  291.     border-right: none;
  292.   }
  293. }
  294.  
  295. .pricing-img {
  296.   margin-bottom: 25px;
  297.   max-width: 100%;
  298. }
  299. .section > h1, .section > h2 {
  300.     color: #c43235;
  301.     margin-bottom: 1em;
  302. }
  303. .pricing-header {
  304.   font-size: 26px;/* -- FONT SIZE FOR EACH PRICING PLAN HEADER -- */
  305.   color: #fff;
  306.   font-weight: 600;
  307.   letter-spacing: 1px;
  308. }
  309.  
  310. .pricing-features {
  311.   color: rgba(255,255,255,.8);
  312.   font-weight: 600;
  313.   letter-spacing: 1px;
  314.   margin: 50px 0 25px -40px;
  315.   list-style-type:none;
  316. }
  317.  
  318. .pricing-features-item {
  319.   border-top: 1px solid #e1f1ff;
  320.   font-size: 11px;
  321.   line-height: 1.5;
  322.   padding: 15px 0;
  323. }
  324.  
  325. .pricing-features-item:last-child {
  326.   border-bottom: 1px solid #e1f1ff;
  327. }
  328.  
  329. .pricing-price {
  330.   color: #fff;
  331.   display: block;
  332.   font-size: 36px;/* -- FONT SIZE FOR EACH PRICING PLAN PRICE -- */
  333.   font-weight: 700;
  334. }
  335. .pricing-price > sup.small {
  336.     font-size: 20px;
  337. }
  338. .pricing-price > sub.small {
  339.     font-size: 16px;
  340.     text-transform: none;
  341.     margin-left: -5px;
  342. }
  343. .pricing-button {
  344.   border: 1px solid #9dd1ff;
  345.   border-radius: 10px;
  346.   color: #348EFE;
  347.   display: inline-block;
  348.   margin: 25px 0;
  349.   padding: 15px 35px;
  350.   text-decoration: none;
  351.   transition: all 150ms ease-in-out;
  352. }
  353.  
  354. .pricing-button:hover,
  355. .pricing-button:focus {
  356.   background-color: #e1f1ff;
  357. }
  358.  
  359. .pricing-button.is-featured {
  360.   background-color: #48aaff;
  361.   color: #fff;
  362. }
  363.  
  364. .pricing-button.is-featured:hover,
  365. .pricing-button.is-featured:active {
  366.   background-color: #269aff;
  367. }
  368. a.nav-item.nav-link {
  369.     color: #c43235;
  370. }
  371. h3.faq-question {
  372.   text-align: left;
  373.   border-bottom: 1px solid #c43235;
  374.   padding-bottom: 5px;
  375.   margin-bottom: 10px;
  376. }
  377. p.text-left > a {
  378.   text-decoration: underline;
  379.   color: #fff;
  380. }
  381. p.text-left > a:hover {
  382.   color: #c43235;
  383.   text-decoration: none;
  384. }
  385. .small#footer {
  386.   font-size: 11px;
  387. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement