SHARE
TWEET

Untitled

a guest Dec 14th, 2019 96 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
  2. :root {
  3.     --main-bg-color: rgba(1, 0, 35, 1);
  4.     --second-bg-color: rgba(0, 3, 4, 1);
  5.     --border-colors: rgba(152, 118, 249, 0.62);
  6.     --shadow-colors: rgba(124, 121, 240, 0.5);
  7.     --table-background: rgba(152, 118, 249, 0.1);
  8. }
  9.  
  10. body {
  11.     background: #101010;
  12.     /*background: linear-gradient(125deg, #0da7d1 0%, #0db7d1 35%, #0dd1d1 100%);*/
  13.     font: bold 20px/1 "Open Sans", sans-serif;
  14.     padding: 0;
  15.     color: #FFF;
  16.     padding: 50px;
  17. }
  18.  
  19. h1 {
  20.     margin-top: 10px;
  21.     font: bold 180%/1 "Open Sans", sans-serif;
  22. }
  23.  
  24. .mbox button {
  25.     margin-top: 2vh;
  26. }
  27.  
  28. .mbox-content {
  29.     background: linear-gradient(90deg, var(--main-bg-color) 0%, var(--second-bg-color) 50%, var(--main-bg-color) 100%);
  30.     font-size: 2.2vh;
  31.     font-weight: bold;
  32.     padding: 20px;
  33.     border: 2px solid rgba(152, 118, 249, 0.62);
  34.     box-shadow: 0 5px 20px rgba(124, 121, 240, 0.5);
  35.     width: 100%;
  36.     height: auto;
  37. }
  38.  
  39. .mbox-left-card {
  40.     background: linear-gradient(90deg, var(--main-bg-color) 0%, var(--second-bg-color) 100%);
  41. }
  42.  
  43. .mbox-center-card {
  44.     background: var(--second-bg-color);
  45. }
  46.  
  47. .mbox-right-card {
  48.     background: linear-gradient(90deg, var(--second-bg-color) 0%, var(--main-bg-color) 100%);
  49. }
  50.  
  51. .mbox-close {
  52.     color: #f07150;
  53.     font-size: 5vh;
  54.     font-weight: bold;
  55.     line-height: 3vh;
  56.     text-decoration: none;
  57. }
  58.  
  59. .mbox-close:hover,
  60. .mbox-close:focus {
  61.     color: #f0a591;
  62.     cursor: pointer;
  63.     text-decoration: none;
  64. }
  65.  
  66. table {
  67.     width: 100%;
  68.     background: transparent;
  69. }
  70.  
  71. th {
  72.     padding: 10px;
  73.     text-align: center;
  74. }
  75.  
  76. tr.rounded {
  77.     background: linear-gradient(90deg, var(--border-colors) 0%, var(--shadow-colors) 100%);
  78.     border-radius: 12px;
  79. }
  80.  
  81. td {
  82.     background: var(--table-background);
  83.     padding: 10px;
  84.     text-align: center;
  85. }
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
 
Top