Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background: #382248 url(images/bg-wm.jpg);
- background-position: center;
- background-size: cover;
- background-repeat: repeat-x;
- display: inline-block;
- background-attachment: fixed;
- width: 100%;
- }
- .main-contant {
- position: relative;
- margin-bottom: 0!important;
- }
- .gg_gamePlay {
- background: rgba(0, 0, 0, 0.7) !important;
- width: 100%;
- padding: 3%;
- height: 100vh;
- }
- .gg_cardGame {
- position: relative;
- width: 100%;
- margin: auto;
- overflow: hidden;
- background: transparent !important;
- /* border: #c7c7c7 2px solid; */
- }
- .gg_cardGame:hover {
- /* border: #382248 2px solid; */
- box-shadow: none !important;
- }
- .btn-playG {
- color: #ffffff !important;
- background-color: #382248;
- border-color: #382248;
- font-size: 18px;
- }
- .gg_cardGame .gg_cardGame-overlay {
- /* background: rgba(0, 0, 0, 0.7); */
- position: absolute;
- height: 100%;
- width: 100%;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
- opacity: 0;
- -webkit-transition: all 0.4s ease-in-out 0s;
- -moz-transition: all 0.4s ease-in-out 0s;
- transition: all 0.4s ease-in-out 0s;
- }
- .gg_cardGame p {
- font-size: 20px;
- font-weight: bold;
- text-align: center;
- color: #ffffff;
- padding: 3px 30px;
- margin: auto;
- background: #000000;
- border-radius: 50px;
- display: inline-block;
- border: #ffffff 3px solid;
- }
- .gg_cardGame a {
- text-decoration: none;
- cursor: pointer;
- }
- .gg_cardGame:hover .gg_cardGame-overlay {
- opacity: 1;
- }
- .gg_cardGame-image {
- width: 100%;
- }
- .gg_cardGame-details {
- position: absolute;
- text-align: center;
- padding-left: 1em;
- padding-right: 1em;
- width: 100%;
- top: 50%;
- left: 50%;
- opacity: 0;
- -webkit-transform: translate(-50%, -50%);
- -moz-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- -webkit-transition: all 0.3s ease-in-out 0s;
- -moz-transition: all 0.3s ease-in-out 0s;
- transition: all 0.3s ease-in-out 0s;
- }
- .gg_cardGame:hover .gg_cardGame-details {
- top: 50%;
- left: 50%;
- opacity: 1;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement