Advertisement
The_Omega

CSS

Jan 5th, 2020
2,174
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.95 KB | None | 0 0
  1. hr {
  2. border-style: none;
  3. border-top-style: dashed;
  4. width: 30%;
  5. border-width: 10px;
  6. border-color: #0D096D;
  7. text-align: center;
  8. border-radius: 3px;
  9. }
  10.  
  11. body {
  12. background-color: #29a19c;
  13. margin: 0;
  14. }
  15.  
  16. h1 {
  17. font-family: 'Audiowide', cursive;
  18. margin-top: 0;
  19. }
  20.  
  21. h2 {
  22. font-family: 'Bangers', cursive;
  23. margin: 0;
  24. }
  25.  
  26. h3 {
  27. margin: 0;
  28. }
  29.  
  30. .TopContainer {
  31. background-color: #6C567B;
  32. position: relative;
  33. margin: auto;
  34. height: 100%;
  35. text-align: center;
  36. padding-bottom: 10px;
  37. }
  38.  
  39. .MiddleContainer {
  40. background-color: #f8b195;
  41. position: relative;
  42. margin: auto;
  43. padding-left: 20px;
  44. }
  45.  
  46. .BottomContainer {
  47. background-color: #f67280;
  48. position: relative;
  49. margin: auto;
  50. height: 150px;
  51. padding-left: 20px;
  52. }
  53.  
  54. footer {
  55. padding-top: 25px;
  56. background-color: #dcffcc;
  57. }
  58.  
  59. .Footer_text {
  60. font-family: 'Gloria Hallelujah', cursive;
  61. text-align: center;
  62. padding-top: 25px;
  63. font-size: 200%
  64. }
  65.  
  66. .MainPhoto {
  67. border-radius: 15px;
  68. float: initial;
  69. margin-left: -1300px;
  70. margin-top: -16.5625em;
  71. }
  72.  
  73. .Before_rules_text {
  74. font-size: 120%;
  75. font-family: 'Kulim Park', sans-serif;
  76. }
  77.  
  78. .Hand_Gif {
  79. position: absolute;
  80. margin-left: 1300px;
  81. }
  82.  
  83. .ImgOfImgS {
  84. padding-top: 10px;
  85. }
  86.  
  87. .SecondText {
  88. border-style: dashed;
  89. border-radius: 5px;
  90. border-color: #889e81;
  91. margin-right: 1em;
  92. margin-left: 450px;
  93. width: 1300px;
  94. text-align: left;
  95. }
  96.  
  97. .first_table{
  98. color: #ad0720;
  99. }
  100.  
  101. .first_table th h1 {
  102. font-weight: bold;
  103. font-size: 1em;
  104. text-align: left;
  105. color: #ad0720;
  106. }
  107.  
  108. .first_table td {
  109. font-weight: normal;
  110. font-size: 1em;
  111. -webkit-box-shadow: 0 2px 2px -2px #0E1119;
  112. -moz-box-shadow: 0 2px 2px -2px #0E1119;
  113. box-shadow: 0 2px 2px -2px #0E1119;
  114. }
  115.  
  116. .first_table {
  117. text-align: left;
  118. overflow: hidden;
  119. width: 50%;
  120. margin: 50 50;
  121. display: table;
  122. padding-bottom: 50px;
  123. }
  124.  
  125. .first_table td, .first_table th {
  126. padding-bottom: 2%;
  127. padding-top: 2%;
  128. padding-left: 2%;
  129. }
  130.  
  131.  
  132. .first_table tr:nth-child(odd) {
  133. background-color: #323C50;
  134. }
  135.  
  136.  
  137. .first_table tr:nth-child(even) {
  138. background-color: #2C3446;
  139. }
  140.  
  141. .first_table th {
  142. background-color: #1F2739;
  143. }
  144.  
  145. .first_table td:first-child {
  146. color: #FB667A;
  147. }
  148.  
  149. .first_table tr:hover {
  150. background-color: #464A52;
  151. -webkit-box-shadow: 0 6px 6px -6px #0E1119;
  152. -moz-box-shadow: 0 6px 6px -6px #0E1119;
  153. box-shadow: 0 6px 6px -6px #0E1119;
  154. }
  155.  
  156. .first_table td:hover {
  157. background-color: #FFF842;
  158. color: #403E10;
  159. font-weight: bold;
  160. box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
  161. transform: translate3d(6px, -6px, 0);
  162. transition-delay: 0s;
  163. transition-duration: 0.4s;
  164. transition-property: all;
  165. transition-timing-function: line;
  166. }
  167.  
  168. @media (max-width: 800px) {
  169. .container td:nth-child(4),
  170. .container th:nth-child(4) {
  171. display: none;
  172. }
  173. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement