Advertisement
Katsiree

csswm>Cashsino

Nov 14th, 2019
147
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.18 KB | None | 0 0
  1. body {
  2. background: #382248 url(images/bg-wm.jpg);
  3. background-position: center;
  4. background-size: cover;
  5. background-repeat: repeat-x;
  6. display: inline-block;
  7. background-attachment: fixed;
  8. width: 100%;
  9. }
  10.  
  11. .main-contant {
  12. position: relative;
  13. margin-bottom: 0!important;
  14. }
  15. .gg_gamePlay {
  16. background: rgba(0, 0, 0, 0.7) !important;
  17. width: 100%;
  18. padding: 3%;
  19. height: 100vh;
  20. }
  21.  
  22.  
  23.  
  24. .gg_cardGame {
  25. position: relative;
  26. width: 100%;
  27. margin: auto;
  28. overflow: hidden;
  29. background: transparent !important;
  30. /* border: #c7c7c7 2px solid; */
  31. }
  32.  
  33. .gg_cardGame:hover {
  34. /* border: #382248 2px solid; */
  35. box-shadow: none !important;
  36. }
  37.  
  38. .btn-playG {
  39. color: #ffffff !important;
  40. background-color: #382248;
  41. border-color: #382248;
  42. font-size: 18px;
  43. }
  44.  
  45. .gg_cardGame .gg_cardGame-overlay {
  46. /* background: rgba(0, 0, 0, 0.7); */
  47. position: absolute;
  48. height: 100%;
  49. width: 100%;
  50. left: 0;
  51. top: 0;
  52. bottom: 0;
  53. right: 0;
  54. opacity: 0;
  55. -webkit-transition: all 0.4s ease-in-out 0s;
  56. -moz-transition: all 0.4s ease-in-out 0s;
  57. transition: all 0.4s ease-in-out 0s;
  58. }
  59.  
  60. .gg_cardGame p {
  61. font-size: 20px;
  62. font-weight: bold;
  63. text-align: center;
  64. color: #ffffff;
  65. padding: 3px 30px;
  66. margin: auto;
  67. background: #000000;
  68. border-radius: 50px;
  69. display: inline-block;
  70. border: #ffffff 3px solid;
  71. }
  72.  
  73. .gg_cardGame a {
  74. text-decoration: none;
  75. cursor: pointer;
  76. }
  77.  
  78.  
  79. .gg_cardGame:hover .gg_cardGame-overlay {
  80. opacity: 1;
  81. }
  82.  
  83. .gg_cardGame-image {
  84. width: 100%;
  85. }
  86.  
  87. .gg_cardGame-details {
  88. position: absolute;
  89. text-align: center;
  90. padding-left: 1em;
  91. padding-right: 1em;
  92. width: 100%;
  93. top: 50%;
  94. left: 50%;
  95. opacity: 0;
  96. -webkit-transform: translate(-50%, -50%);
  97. -moz-transform: translate(-50%, -50%);
  98. transform: translate(-50%, -50%);
  99. -webkit-transition: all 0.3s ease-in-out 0s;
  100. -moz-transition: all 0.3s ease-in-out 0s;
  101. transition: all 0.3s ease-in-out 0s;
  102. }
  103.  
  104. .gg_cardGame:hover .gg_cardGame-details {
  105. top: 50%;
  106. left: 50%;
  107. opacity: 1;
  108. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement