website/_assets/stylesheets/vendor/_overhang.scss

102 lines
2 KiB
SCSS
Raw Permalink Normal View History

2020-04-05 14:11:30 +02:00
/**
* overhang.css
* Paul Krishnamurthy 2016
*
* https://paulkr.com
* paul@paulkr.com
*/
.overhang {
position : fixed;
display : none;
width : 100%;
z-index : 9999;
padding : 15px 2px;
top : 0;
left : 0;
right : 0;
font-family : sans-serif; // 17px/2 "Raleway", sans-serif;
2020-04-05 14:11:30 +02:00
text-align : center;
box-sizing : border-box;
}
.overhang-message {
color : #FFF;
font-size : 20px;
}
.overhang-message strong { font-weight: bold; }
.overhang-message a { color: inherit; }
.overhang-message a:hover { text-decoration: none; }
.overhang-overlay {
position : fixed;
display : block;
background-color : #000;
opacity : .6;
top : 0;
bottom : 0;
left : 0;
right : 0;
z-index : 9998;
}
.overhang-prompt-field {
height : 30px;
width : 250px;
border-radius : 5px;
border : none;
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 15px;
bottom : 7px;
position : relative;
padding-left : 3px;
padding-right : 3px;
outline : none;
font-family : "Roboto", sans-serif;
font-size : 15px;
}
.overhang-yes-option, .overhang-no-option {
min-width : 50px;
border : none;
outline : none;
border-radius : 4px;
font-size : 20px;
color : black;
cursor : pointer;
margin : 0 6px;
}
.overhang-yes-option {
margin-left : 15px;
}
.overhang-close {
vertical-align : middle;
cursor : pointer;
margin-top : -4px;
padding-left : 13px;
font-size : 2.5em;
font-weight : bold;
display : none;
line-height : 20px;
color : white !important;
}
.overhang-close:after {
content : "\00d7";
}
@media (max-width: 720px) {
.overhang-close {
font-size : 2em;
line-height : 14px;
}
.overhang-message {
font-size : 15px;
}
}