Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #overlay {
- position: fixed; /* Sit on top of the page content */
- display: none; /* Hidden by default */
- width: 100%; /* Full width (cover the whole page) */
- height: 100%; /* Full height (cover the whole page) */
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: rgba(0,0,0,0.5); /* Black background with opacity */
- z-index: 999999; /* Specify a stack order in case you're using a different order for other elements */
- cursor: pointer; /* Add a pointer on hover */
- }
- .open-overlay {
- -webkit-appearance: button;
- background-color: #6fb0e0 !important;
- position: relative;
- display: inline-block;
- margin-right: 10px;
- margin-bottom: 20px;
- padding: 11px 35px;
- outline: 0;
- border: 0;
- color: #fff;
- vertical-align: middle;
- text-align: center;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 12px;
- line-height: 100%;
- cursor: pointer;
- zoom: 1;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- transition: background .1s ease-in-out;
- -webkit-transition: background .1s ease-in-out;
- -moz-transition: background .1s ease-in-out;
- -ms-transition: background .1s ease-in-out;
- -o-transition: background .1s ease-in-out;
- }
- .inner-overlay button.close {
- background-color: #6fb0e0 !important;
- position: relative;
- display: inline-block;
- margin-right: 0px;
- margin-bottom: 20px;
- padding: 5px 9px;
- outline: 0;
- border: 0;
- color: #fff;
- vertical-align: middle;
- text-align: center;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 17px;
- line-height: 100%;
- cursor: pointer;
- float: right;
- border-radius: 50%;
- right: 0px;
- }
- .inner-overlay {
- max-width: 460px;
- width: 100%;
- margin: 0 auto;
- padding-top: 14%;
- }
- .inner-overlay input[type=tel], .inner-overlay input[type=email] {
- width: 94.5%;
- }
- p.overlay-button {
- text-align: center;
- }
- .mk-quick-contact-wrapper a.mk-quick-contact-link {
- color: #ffffff;
- font-weight: bold;
- }
- .download-brochure {
- margin-right: 10px !important;
- }
- .download-brochure {
- width: 100%;
- max-width: 271px !important;
- vertical-align: top !important;
- height: 400px !important;
- float: left;
- }
- .overlay-button span {
- float: right;
- vertical-align: middle;
- width: 75%;
- padding-top: 10%;
- text-align: left;
- }
- .overlay-button {
- clear: both;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement