@pageMarginWidth: 16px;
.capture-wrap
{
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
z-index: 9000;
color: @grey-light;
background-color: #000;
background-color: fade(@black, 70%);
.container
{
height: 100%;
position: relative;
overflow: auto;
}
}
.capture
{
margin-top: 50px;
margin-bottom: 50px;
position: relative;
background-color: @black;
.capture-content { padding: @pageMarginWidth; }
header { margin-bottom: 1.5em; }
.z-icon-logo
{
width: 70px;
height: 40px;
margin-top: -0.1em;
margin-bottom: 0.2em;
float: right;
font-size: 36px;
}
h1
{
margin-bottom: 0.2em;
font-size: 36px;
}
form
{
.clearfix();
input
{
margin-bottom: 1.5em;
padding-bottom: 2px;
}
}
@media screen and (min-width: @mamamin)
{
margin: 0 @pageMarginWidth 0 0;
position: absolute;
top: 15%;
.capture-content { padding: 35px; }
}
}
.dismiss
{
padding: 7px 4px 11px;
padding: 6px 3px 12px;
border: solid 2px @white;
.border-radius(14px);
position: absolute;
top: -9px;
right: -9px;
z-index: 100;
color: @white;
font-weight: bold;
font-size: 20px;
line-height: 0;
background-color: @black;
.transition(~"color linear .2s, border linear .2s");
}