43 lines
1.3 KiB
SCSS
43 lines
1.3 KiB
SCSS
#page {
|
|
position: relative;
|
|
padding-top: 40px;
|
|
& > article { padding-top: 10px; font-size: 15px; } }
|
|
|
|
#docs_panel {
|
|
position: absolute; top: 0; right: 0;
|
|
width: 100%;
|
|
& > div { float: right; margin-left: 10px; }
|
|
#theme_pref { padding: 3px 12px 6px; }
|
|
#version { font-size: .75em; padding: 4px 0 5px; background: none; border: none; position: absolute; left: 0; a { @include hover-link; } }
|
|
#syntax_pref { padding: 4px 8px 5px; a { font-size: .9em; padding: 0px 6px 1px; display: inline-block; line-height: 1.45em;} }
|
|
a { text-decoration: none; }
|
|
}
|
|
|
|
#theme_pref {
|
|
a { display: block; text-indent: -9999px; font-size: 18px; width: .9em; position: relative; text-decoration: none; }
|
|
a:before { text-indent: 0; position: absolute; left: 0; top: 2px; content: 'Q'; @extend .pictos; } }
|
|
|
|
footer {
|
|
.legalese { font-size: .75em; float: left;
|
|
span { display: block; } }
|
|
.links { float: left; font-size: .9em;
|
|
ul { @include horizontal-list(10px);
|
|
li:last-child {border: 0; } } }
|
|
}
|
|
h2 a.help {
|
|
text-indent: -9999px;
|
|
display: inline-block;
|
|
position: relative;
|
|
text-decoration: none;
|
|
@include opacity(.3);
|
|
&:hover{ @include opacity(.7); }
|
|
&:before {
|
|
@extend .pictos;
|
|
content: "?";
|
|
text-indent: 0;
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 0;
|
|
font-size: .85em;
|
|
}
|
|
} |