Sha256: 85bc7da51f7de2db36796fa58fd172e9ac25ec8b7d397501724a15110c25475c
Contents?: true
Size: 1.93 KB
Versions: 12
Compression:
Stored size: 1.93 KB
Contents
.help {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 5;
&:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.2;
}
.box {
position: relative;
max-width: 800px;
max-height: 500px;
min-height: 200px;
height: 50%;
top: 10%;
border: solid 1px #aaa;
margin: auto;
padding: 20px;
background-color: #fff;
padding-bottom: 100px;
}
a.close {
@include cancel-icon;
@include icon-button;
}
.footer {
clear: left;
text-align: right;
}
h2, h3 {
margin: 0 0 10px 0;
}
h4 {
margin: 0 0 10px 0;
font-weight: bold;
font-size: 13;
line-height: 23px;
}
p {
line-height: 23px;
margin: 0 0 10px 0;
}
img {
float: right;
margin: 5px;
border: solid 1px #888;
padding: 1px;
}
ul {
width: 15%;
margin: 0;
padding: 0 5px 20px 0;
float: left;
}
li {
list-style: none;
font-size: 13px;
line-height: 18px;
a:hover {
background-color: #eee;
}
&.active a {
font-weight: bold;
background-color: #D2E5FA;
}
a {
display: block;
text-decoration: none;
color: #000;
padding: 5px;
}
}
section {
float: left;
min-height: 200px;
overflow: auto;
width: 80%;
height: 100%;
margin-left: 5px;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 5px;
border-left: solid 1px #888;
}
}
.editor .help_button {
@include background-icon-left($color: #a0c4e0, $font-size: 16px, $left: 5px);
@include help-circled-icon;
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 20px;
padding: 5px 5px 0px 30px;
font-family: Helvetica, "Sans-Serif";
font-size: 13px;
border-top: solid 1px #aaa;
background-color: #fff;
cursor: pointer;
}
Version data entries
12 entries across 12 versions & 1 rubygems