Line 183: | Line 183: | ||
/* Popup container - can be anything you want */ | /* Popup container - can be anything you want */ | ||
.popup { | .popup { | ||
− | |||
left:35%; | left:35%; | ||
margin-left: auto; | margin-left: auto; | ||
Line 199: | Line 198: | ||
.popup .popuptext { | .popup .popuptext { | ||
visibility: hidden; | visibility: hidden; | ||
− | width: | + | width: 500px; |
− | margin-left: | + | margin-left: 230px; |
margin-right: auto; | margin-right: auto; | ||
− | background-color: # | + | background-color: #D3D3D3; |
color: #000000; | color: #000000; | ||
text-align: center; | text-align: center; | ||
Line 208: | Line 207: | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: 8px 0; | padding: 8px 0; | ||
− | position: absolute; | + | position:absolute; |
z-index: 1; | z-index: 1; | ||
− | left: | + | left: 0%; |
− | bottom: | + | bottom: 60%; |
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Toggle this class - hide and show the popup */ | /* Toggle this class - hide and show the popup */ | ||
Line 243: | Line 231: | ||
to {opacity:1 ;} | to {opacity:1 ;} | ||
} | } | ||
+ | |||
Revision as of 15:12, 5 July 2018