SHARE
TWEET

Untitled

a guest Jun 25th, 2019 56 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body{
  2.     background: #222;
  3. }
  4. .logo{
  5.     position: relative;
  6.     width: auto;
  7.     height: 20rem;
  8. }
  9. .header{
  10.     width: 100%;
  11.     height: 100vh;
  12.     background: #870000; /* fallback for old browsers */
  13.     background: -webkit-linear-gradient(to bottom, #870000, #290c04); /* Chrome 10-25, Safari 5.1-6 */
  14.     background: linear-gradient(to bottom, #870000, #290c04); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  15. }
  16.  
  17. hr{
  18.     background-color: white !important;
  19. }
  20. .butn {
  21.     background: none;
  22.     border: 0;
  23.     box-sizing: border-box;
  24.     box-shadow: inset 0 0 0 2px #fff;
  25.     font-size: inherit;
  26.     font-weight: 700;
  27.     position: relative;
  28.     vertical-align: middle;
  29. }
  30. .butn::before, .butn::after {
  31.     box-sizing: inherit;
  32.     content: '';
  33.     position: absolute;
  34.     width: 100%;
  35.     height: 100%;
  36. }
  37.  
  38. .btn {
  39.     background: none;
  40.     border: 0;
  41.     box-sizing: border-box;
  42.     box-shadow: inset 0 0 0 2px #fff;
  43.     font-size: inherit;
  44.     font-weight: 700;
  45.     position: relative;
  46.     vertical-align: middle;
  47. }
  48. .btn:hover{
  49.     color: black !important;
  50.     background-color: white !important;
  51. }
  52. .btn::before, .btn::after {
  53.     box-sizing: inherit;
  54.     content: '';
  55.     position: absolute;
  56.     width: 100%;
  57.     height: 100%;
  58. }
  59.  
  60. .draw {
  61.     transition: color 0.15s;
  62. }
  63. .draw::before, .draw::after {
  64.     border: 2px solid transparent;
  65.     width: 0;
  66.     height: 0;
  67. }
  68. .draw::before {
  69.     top: 0;
  70.     left: 0;
  71. }
  72. .draw::after {
  73.     bottom: 0;
  74.     right: 0;
  75. }
  76. .draw:hover {
  77. }
  78. .draw:hover::before, .draw:hover::after {
  79.     width: 100%;
  80.     height: 100%;
  81. }
  82. .draw:hover::before {
  83.     border-top-color: black;
  84.     border-right-color: black;
  85.     transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
  86. }
  87. .draw:hover::after {
  88.     border-bottom-color: black;
  89.     border-left-color: black;
  90.     transition: border-color 0s ease-out 0.5s, width 0.15s ease-out 0.5s, height 0.20s ease-out 0.75s;
  91. }
  92.  
  93.  
  94. .meet:hover {
  95. }
  96. .meet::after {
  97.     top: 0;
  98.     left: 0;
  99. }
  100. .meet:hover::before {
  101.     border-top-color: black;
  102.     border-right-color: black;
  103. }
  104. .meet:hover::after {
  105.     border-bottom-color: black;
  106.     border-left-color: black;
  107.     transition: height 0.15s ease-out, width 0.15s ease-out 0.15s;
  108. }
  109.  
  110. .link:hover {
  111.     background-color: rgba(255, 255, 255, 0.15);
  112.     color: white;
  113. }
  114.  
  115. hr {
  116.     opacity: 0.3;
  117. }
  118.  
  119. .card {
  120.     box-sizing: border-box;
  121.     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
  122.     font-size: inherit;
  123.     font-weight: 700;
  124.     position: relative;
  125.     vertical-align: middle;
  126.     background-color: rgba(0, 0, 0, 0.2);
  127.     border-radius: 0;
  128.     border: none;
  129.     text-align: center;
  130. }
  131.  
  132. .card-title {
  133.     color: white;
  134. }
  135.  
  136. .card-text {
  137.     color: rgba(255, 255, 255, 0.5);
  138. }
  139.  
  140. .card::before, .card::after {
  141.     box-sizing: inherit;
  142.     content: '';
  143.     position: absolute;
  144.     width: 100%;
  145.     height: 100%;
  146. }
  147. .card-icon-top{
  148.     height: 12rem;
  149.     background: #870000; /* fallback for old browsers */
  150.     background: -webkit-linear-gradient(to bottom, #870000, #290c04); /* Chrome 10-25, Safari 5.1-6 */
  151.     background: linear-gradient(to bottom, #870000, #290c04); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  152. }
  153. .clicky-card {
  154.     transition: 200ms;
  155.     margin-bottom: 0; /* smd */
  156. }
  157.  
  158. .clicky-card:hover {
  159.     margin-top: -10px;
  160.     margin-bottom: 10px;
  161. }
  162.  
  163. a.scard {
  164.     margin-bottom: 25px;
  165.     display: block;
  166.     text-decoration: none !important;
  167. }
  168. a{
  169.     text-decoration: none !important;
  170. }
  171. .servertxt {
  172.     font-weight: 300;
  173.     line-height: 1;
  174. }
  175.  
  176. .drawcard {
  177.     transition: color 0.25s;
  178. }
  179. .drawcard::before, .drawcard::after {
  180.     border: 3px solid transparent;
  181.     width: 0;
  182.     height: 0;
  183. }
  184. .drawcard::before {
  185.     top: 0;
  186.     left: 0;
  187. }
  188. .drawcard::after {
  189.     bottom: 0;
  190.     right: 0;
  191. }
  192. .drawcard:hover {
  193. }
  194. .drawcard:hover::before, .drawcard:hover::after {
  195.     width: 100%;
  196.     height: 100%;
  197. }
  198. .drawcard:hover::before {
  199.     border-top-color: #870000;
  200.     border-right-color: #870000;
  201.     transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  202. }
  203. .drawcard:hover::after {
  204.     border-bottom-color: #870000;
  205.     border-left-color: #870000;
  206.     transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  207. }
  208.  
  209.  
  210. .drawmeet:hover {
  211. }
  212. .drawmeet::after {
  213.     top: 0;
  214.     left: 0;
  215. }
  216. .drawmeet:hover::before {
  217.     border-top-color: #870000;
  218.     border-right-color: #870000;
  219. }
  220. .drawmeet:hover::after {
  221.     border-bottom-color: #870000;
  222.     border-left-color: #870000;
  223.     transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
  224. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top