Created
June 3, 2012 04:23
-
-
Save bugsysop/2861874 to your computer and use it in GitHub Desktop.
h5ai (0.20) unminified style sheet
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
*/ | |
* h5ai 0.21 | |
*/ | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
nav, | |
section { | |
display: block; | |
} | |
audio, | |
canvas, | |
video { | |
display: inline-block; | |
*display: inline; | |
*zoom: 1; | |
} | |
audio:not([controls]) { | |
display: none; | |
} | |
[hidden] { | |
display: none; | |
} | |
html { | |
font-size: 100%; | |
overflow-y: scroll; | |
-webkit-text-size-adjust: 100%; | |
-ms-text-size-adjust: 100%; | |
} | |
body { | |
margin: 0; | |
font-size: 13px; | |
line-height: 1.231; | |
} | |
body, | |
button, | |
input, | |
select, | |
textarea { | |
font-family: sans-serif; | |
color: #222; | |
} | |
::-moz-selection { | |
background: #fe57a1; | |
color: #fff; | |
text-shadow: none; | |
} | |
::selection { | |
background: #fe57a1; | |
color: #fff; | |
text-shadow: none; | |
} | |
a { | |
color: #00e; | |
} | |
a:visited { | |
color: #551a8b; | |
} | |
a:hover { | |
color: #06e; | |
} | |
a:focus { | |
outline: thin dotted; | |
} | |
a:hover,a:active { | |
outline: 0; | |
} | |
abbr[title] { | |
border-bottom: 1px dotted; | |
} | |
b,strong { | |
font-weight: bold; | |
} | |
blockquote { | |
margin: 1em 40px; | |
} | |
dfn { | |
font-style: italic; | |
} | |
hr { | |
display: block; | |
height: 1px; | |
border: 0; | |
border-top: 1px solid #ccc; | |
margin: 1em 0; | |
padding: 0; | |
} | |
ins { | |
background: #ff9; | |
color: #000; | |
text-decoration: none; | |
} | |
mark { | |
background: #ff0; | |
color: #000; | |
font-style: italic; | |
font-weight: bold; | |
} | |
pre,code,kbd,samp { | |
font-family: monospace,serif; | |
_font-family: 'courier new',monospace; | |
font-size: 1em; | |
} | |
pre { | |
white-space: pre-wrap; | |
word-wrap: break-word; | |
} | |
q { | |
quotes: none; | |
} | |
q:before,q:after { | |
content: none; | |
} | |
small { | |
font-size: 85%; | |
} | |
sub,sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline; | |
} | |
sup { | |
top: -0.5em; | |
} | |
sub { | |
bottom: -0.25em; | |
} | |
ul,ol { | |
margin: 1em 0; | |
padding: 0 0 0 40px; | |
} | |
dd { | |
margin: 0 0 0 40px; | |
} | |
nav ul,nav ol { | |
list-style: none; | |
list-style-image: none; | |
margin: 0; | |
padding: 0; | |
} | |
img { | |
border: 0; | |
-ms-interpolation-mode: bicubic; | |
vertical-align: middle; | |
} | |
svg:not(:root) { | |
overflow: hidden; | |
} | |
figure { | |
margin: 0; | |
} | |
form { | |
margin: 0; | |
} | |
fieldset { | |
border: 0; | |
margin: 0; | |
padding: 0; | |
} | |
label { | |
cursor: pointer; | |
} | |
legend { | |
border: 0; | |
*margin-left: -7px; | |
padding: 0; | |
} | |
button, | |
input, | |
select, | |
textarea { | |
font-size: 100%; | |
margin: 0; | |
vertical-align: baseline; | |
*vertical-align: middle; | |
} | |
button, | |
input { | |
line-height: normal; | |
*overflow: visible; | |
} | |
table button, | |
table input { | |
*overflow: auto; | |
} | |
button, | |
input[type="button"], | |
input[type="reset"], | |
input[type="submit"] { | |
cursor: pointer; | |
-webkit-appearance: button; | |
} | |
input[type="checkbox"], | |
input[type="radio"] { | |
box-sizing: border-box; | |
} | |
input[type="search"] { | |
-webkit-appearance: textfield; | |
-moz-box-sizing: content-box; | |
-webkit-box-sizing: content-box; | |
box-sizing: content-box; | |
} | |
input[type="search"]::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
button::-moz-focus-inner,input::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
textarea { | |
overflow: auto; | |
vertical-align: top; | |
resize: vertical; | |
} | |
input:invalid,textarea:invalid { | |
background-color: #f0dddd; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
td { | |
vertical-align: top; | |
} | |
.ir { | |
display: block; | |
border: 0; | |
text-indent: -999em; | |
overflow: hidden; | |
background-color: transparent; | |
background-repeat: no-repeat; | |
text-align: left; | |
direction: ltr; | |
} | |
.ir br { | |
display: none; | |
} | |
.hidden { | |
display: none!important; | |
visibility: hidden; | |
} | |
.visuallyhidden { | |
border: 0; | |
clip: rect(0 0 0 0); | |
height: 1px; | |
margin: -1px; | |
overflow: hidden; | |
padding: 0; | |
position: absolute; | |
width: 1px; | |
} | |
.visuallyhidden.focusable:active, | |
.visuallyhidden.focusable:focus { | |
clip: auto; | |
height: auto; | |
margin: 0; | |
overflow: visible; | |
position: static; | |
width: auto; | |
} | |
.invisible { | |
visibility: hidden; | |
} | |
.clearfix:before,.clearfix:after { | |
content: ""; | |
display: table; | |
} | |
.clearfix:after { | |
clear: both; | |
} | |
.clearfix { | |
zoom: 1; | |
} | |
@media print { | |
* { | |
background: transparent!important; | |
color: black!important; | |
text-shadow: none!important; | |
filter: none!important; | |
-ms-filter: none!important; | |
} | |
a,a:visited { | |
text-decoration: underline; | |
} | |
a[href]:after { | |
content: " (" attr(href) ")"; | |
} | |
abbr[title]:after { | |
content: " (" attr(title) ")"; | |
} | |
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after { | |
content: ""; | |
} | |
pre,blockquote { | |
border: 1px solid #999; | |
page-break-inside: avoid; | |
} | |
thead { | |
display: table-header-group; | |
} | |
tr,img { | |
page-break-inside: avoid; | |
} | |
img { | |
max-width: 100%!important; | |
} | |
@page{margin:.5cm} | |
p,h2,h3 { | |
orphans: 3; | |
widows: 3; | |
} | |
h2,h3 { | |
page-break-after: avoid; | |
} | |
} | |
.syntaxhighlighter a, | |
.syntaxhighlighter div, | |
.syntaxhighlighter code, | |
.syntaxhighlighter table, | |
.syntaxhighlighter table td, | |
.syntaxhighlighter table tr, | |
.syntaxhighlighter table tbody, | |
.syntaxhighlighter table thead, | |
.syntaxhighlighter table caption, | |
.syntaxhighlighter textarea { | |
-moz-border-radius: 0 0 0 0!important; | |
-webkit-border-radius: 0 0 0 0!important; | |
background: none!important; | |
border: 0!important; | |
bottom: auto!important; | |
float: none!important; | |
height: auto!important; | |
left: auto!important; | |
line-height: 1.1em!important; | |
margin: 0!important; | |
outline: 0!important; | |
overflow: visible!important; | |
padding: 0!important; | |
position: static!important; | |
right: auto!important; | |
text-align: left!important; | |
top: auto!important; | |
vertical-align: baseline!important; | |
width: auto!important; | |
box-sizing: content-box!important; | |
font-family: "Ubuntu Mono","Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; | |
font-weight: normal!important; | |
font-style: normal!important; | |
font-size: 16px!important; | |
min-height: auto!important; | |
} | |
.syntaxhighlighter { | |
width: 100%!important; | |
margin: 1em 0 1em 0!important; | |
position: relative!important; | |
overflow: auto!important; | |
font-size: 1em!important; | |
} | |
.syntaxhighlighter.source { | |
overflow: hidden!important; | |
} | |
.syntaxhighlighter .bold { | |
font-weight: bold!important; | |
} | |
.syntaxhighlighter .italic { | |
font-style: italic!important; | |
} | |
.syntaxhighlighter .line { | |
white-space: pre!important; | |
} | |
.syntaxhighlighter table { | |
width: 100%!important; | |
} | |
.syntaxhighlighter table caption { | |
text-align: left!important; | |
padding: .5em 0 .5em 1em!important; | |
} | |
.syntaxhighlighter table td.code { | |
width: 100%!important; | |
} | |
.syntaxhighlighter table td.code .container { | |
position: relative!important; | |
} | |
.syntaxhighlighter table td.code .container textarea { | |
box-sizing: border-box!important; | |
position: absolute!important; | |
left: 0!important; | |
top: 0!important; | |
width: 100%!important; | |
height: 100%!important; | |
border: none!important; | |
background: white!important; | |
padding-left: 1em!important; | |
overflow: hidden!important; | |
white-space: pre!important; | |
} | |
.syntaxhighlighter table td.gutter .line { | |
text-align: right!important; | |
padding: 0 .5em 0 1em!important; | |
} | |
.syntaxhighlighter table td.code .line { | |
padding: 0 1em!important; | |
} | |
.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line { | |
padding-left: 0!important; | |
} | |
.syntaxhighlighter.show { | |
display: block!important; | |
} | |
.syntaxhighlighter.collapsed table { | |
display: none!important; | |
} | |
.syntaxhighlighter.collapsed .toolbar { | |
padding: .1em .8em 0 .8em!important; | |
font-size: 1em!important; | |
position: static!important; | |
width: auto!important; | |
height: auto!important; | |
} | |
.syntaxhighlighter.collapsed .toolbar span { | |
display: inline!important; | |
margin-right: 1em!important; | |
} | |
.syntaxhighlighter.collapsed .toolbar span a { | |
padding: 0!important; | |
display: none!important; | |
} | |
.syntaxhighlighter.collapsed .toolbar span a.expandSource { | |
display: inline!important; | |
} | |
.syntaxhighlighter .toolbar { | |
position: absolute!important; | |
right: 1px!important; | |
top: 1px!important; | |
width: 11px!important; | |
height: 11px!important; | |
font-size: 10px!important; | |
z-index: 10!important; | |
} | |
.syntaxhighlighter .toolbar span.title { | |
display: inline!important; | |
} | |
.syntaxhighlighter .toolbar a { | |
display: block!important; | |
text-align: center!important; | |
text-decoration: none!important; | |
padding-top: 1px!important; | |
} | |
.syntaxhighlighter .toolbar a.expandSource { | |
display: none!important; | |
} | |
.syntaxhighlighter.ie { | |
font-size: .9em!important; | |
padding: 1px 0 1px 0!important; | |
} | |
.syntaxhighlighter.ie .toolbar { | |
line-height: 8px!important; | |
} | |
.syntaxhighlighter.ie .toolbar a { | |
padding-top: 0!important; | |
} | |
.syntaxhighlighter.printing .line.alt1 .content, | |
.syntaxhighlighter.printing .line.alt2 .content, | |
.syntaxhighlighter.printing .line.highlighted .number, | |
.syntaxhighlighter.printing .line.highlighted.alt1 .content, | |
.syntaxhighlighter.printing .line.highlighted.alt2 .content { | |
background: none!important; | |
} | |
.syntaxhighlighter.printing .line .number { | |
color: #bbb!important; | |
} | |
.syntaxhighlighter.printing .line .content { | |
color: black!important; | |
} | |
.syntaxhighlighter.printing .toolbar { | |
display: none!important; | |
} | |
.syntaxhighlighter.printing a { | |
text-decoration: none!important; | |
} | |
.syntaxhighlighter.printing .plain, | |
.syntaxhighlighter.printing .plain a { | |
color: black!important; | |
} | |
.syntaxhighlighter.printing .comments, | |
.syntaxhighlighter.printing .comments a { | |
color: #008200!important; | |
} | |
.syntaxhighlighter.printing .string, | |
.syntaxhighlighter.printing .string a { | |
color: blue!important; | |
} | |
.syntaxhighlighter.printing .keyword { | |
color: #069!important; | |
font-weight: bold!important; | |
} | |
.syntaxhighlighter.printing .preprocessor { | |
color: gray!important; | |
} | |
.syntaxhighlighter.printing .variable { | |
color: #a70!important; | |
} | |
.syntaxhighlighter.printing .value { | |
color: #090!important; | |
} | |
.syntaxhighlighter.printing .functions { | |
color: #ff1493!important; | |
} | |
.syntaxhighlighter.printing .constants { | |
color: #06c!important; | |
} | |
.syntaxhighlighter.printing .script { | |
font-weight: bold!important; | |
} | |
.syntaxhighlighter.printing .color1, | |
.syntaxhighlighter.printing .color1 a { | |
color: gray!important; | |
} | |
.syntaxhighlighter.printing .color2, | |
.syntaxhighlighter.printing .color2 a { | |
color: #ff1493!important; | |
} | |
.syntaxhighlighter.printing .color3, | |
.syntaxhighlighter.printing .color3 a { | |
color: red!important; | |
} | |
.syntaxhighlighter.printing .break, | |
.syntaxhighlighter.printing .break a { | |
color: black!important; | |
} | |
.syntaxhighlighter { | |
background-color: white!important; | |
} | |
.syntaxhighlighter .line.alt1 { | |
background-color: white!important; | |
} | |
.syntaxhighlighter .line.alt2 { | |
background-color: white!important; | |
} | |
.syntaxhighlighter .line.highlighted.alt1, | |
.syntaxhighlighter .line.highlighted.alt2 { | |
background-color: #e0e0e0!important; | |
} | |
.syntaxhighlighter .line.highlighted.number { | |
color: black!important; | |
} | |
.syntaxhighlighter table caption { | |
color: black!important; | |
} | |
.syntaxhighlighter .gutter { | |
color: #afafaf!important; | |
} | |
.syntaxhighlighter .gutter .line { | |
border-right: 3px solid #6ce26c!important; | |
} | |
.syntaxhighlighter .gutter .line.highlighted { | |
background-color: #6ce26c!important; | |
color: white!important; | |
} | |
.syntaxhighlighter.printing .line .content { | |
border: none!important; | |
} | |
.syntaxhighlighter.collapsed { | |
overflow: visible!important; | |
} | |
.syntaxhighlighter.collapsed .toolbar { | |
color: blue!important; | |
background: white!important; | |
border: 1px solid #6ce26c!important; | |
} | |
.syntaxhighlighter.collapsed .toolbar a { | |
color: blue!important; | |
} | |
.syntaxhighlighter.collapsed .toolbar a:hover { | |
color: red!important; | |
} | |
.syntaxhighlighter .toolbar { | |
color: white!important; | |
background: #6ce26c!important; | |
border: none!important; | |
} | |
.syntaxhighlighter .toolbar a { | |
color: white!important; | |
} | |
.syntaxhighlighter .toolbar a:hover { | |
color: black!important; | |
} | |
.syntaxhighlighter .plain,.syntaxhighlighter .plain a { | |
color: black!important; | |
} | |
.syntaxhighlighter .comments,.syntaxhighlighter .comments a { | |
color: #008200!important; | |
} | |
.syntaxhighlighter .string,.syntaxhighlighter .string a { | |
color: blue!important; | |
} | |
.syntaxhighlighter .keyword { | |
color: #069!important; | |
} | |
.syntaxhighlighter .preprocessor { | |
color: gray!important; | |
} | |
.syntaxhighlighter .variable { | |
color: #a70!important; | |
} | |
.syntaxhighlighter .value { | |
color: #090!important; | |
} | |
.syntaxhighlighter .functions { | |
color: #ff1493!important; | |
} | |
.syntaxhighlighter .constants { | |
color: #06c!important; | |
} | |
.syntaxhighlighter .script { | |
font-weight: bold!important; | |
color: #069!important; | |
background-color: none!important; | |
} | |
.syntaxhighlighter .color1,.syntaxhighlighter .color1 a { | |
color: gray!important; | |
} | |
.syntaxhighlighter .color2,.syntaxhighlighter .color2 a { | |
color: #ff1493!important; | |
} | |
.syntaxhighlighter .color3,.syntaxhighlighter .color3 a { | |
color: red!important; | |
} | |
.syntaxhighlighter .keyword { | |
font-weight: bold!important; | |
} | |
html { | |
overflow-y: auto; | |
} | |
::-moz-selection { | |
background: #68a9ff; | |
color: #fff; | |
text-shadow: none; | |
} | |
::selection { | |
background: #68a9ff; | |
color: #fff; | |
text-shadow: none; | |
} | |
body { | |
font-family: Ubuntu,sans-serif; | |
font-size: 13px; | |
color: #555; | |
background-color: #fff; | |
margin: 30px; | |
} | |
#topbar { | |
position: fixed; | |
z-index: 5; | |
width: 100%; | |
left: 0; | |
top: 0; | |
background-color: #f1f1f1; | |
background-image: linear-gradient(top,#f1f1f1,#e4e4e4); | |
border-bottom: 1px solid #d2d2d2; | |
} | |
.topbar-highlight { | |
background-color: rgba(255,255,255,0.5); | |
opacity: 1.0; | |
} | |
.topbar-hover { | |
background-color: rgba(255,255,255,0.5); | |
opacity: 1.0; | |
color: #e80; | |
} | |
.topbar-left { | |
float: left; | |
border-right: 1px solid rgba(0,0,0,0.05); | |
} | |
.topbar-right { | |
float: right; | |
border-left: 1px solid rgba(0,0,0,0.05); | |
} | |
#navbar { | |
list-style: none; | |
list-style-image: none; | |
margin: 0; | |
padding: 0; | |
} | |
#navbar a,#navbar a:active,#navbar a:visited,#navbar span.element { | |
color: #555; | |
cursor: pointer; | |
text-decoration: none; | |
opacity: .7; | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
display: block; | |
height: 30px; | |
line-height: 30px; | |
padding: 0 10px; | |
} | |
#navbar a:hover,#navbar a:active:hover,#navbar a:visited:hover,#navbar span.element:hover,#navbar a.hover,#navbar a:active.hover,#navbar a:visited.hover,#navbar span.element.hover { | |
background-color: rgba(255,255,255,0.5); | |
opacity: 1.0; | |
color: #e80; | |
} | |
#navbar .current a,#navbar .current span.element { | |
background-color: rgba(255,255,255,0.5); | |
opacity: 1.0; | |
} | |
#navbar img { | |
position: relative; | |
top: -2px; | |
width: 16px; | |
height: 16px; | |
} | |
#navbar img+span,#navbar img+input { | |
margin-left: 6px; | |
} | |
#navbar .crumb { | |
float: left; | |
border-right: 1px solid rgba(0,0,0,0.05); | |
} | |
#navbar .crumb .hint { | |
margin-left: 8px; | |
font-style: italic; | |
color: #999; | |
} | |
#navbar .crumb img.hint { | |
width: 14px; | |
height: 14px; | |
opacity: .8; | |
} | |
#navbar .view { | |
float: right; | |
border-left: 1px solid rgba(0,0,0,0.05); | |
} | |
#download { | |
display: none; | |
float: right; | |
border-left: 1px solid rgba(0,0,0,0.05); | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
} | |
#download.failed { | |
background-color: rgba(255,0,0,0.5); | |
} | |
#download-auth { | |
display: none; | |
position: fixed; | |
z-index: 5; | |
left: 0; | |
top: 0; | |
background-color: #f1f1f1; | |
background-image: linear-gradient(top,#f1f1f1,#e4e4e4); | |
border: 1px solid #d2d2d2; | |
} | |
#download-auth input { | |
display: block; | |
margin: 4px 6px; | |
border: 1px solid #d2d2d2; | |
font-family: Ubuntu,sans-serif; | |
color: #555; | |
background-color: #fff; | |
width: 100px; | |
} | |
#filter { | |
float: right; | |
border-left: 1px solid rgba(0,0,0,0.05); | |
} | |
#filter input { | |
display: none; | |
border: 0; | |
font-family: Ubuntu,sans-serif; | |
color: #555; | |
background-color: rgba(0,0,0,0); | |
width: 100px; | |
} | |
#filter.current input { | |
display: inline; | |
} | |
#content { | |
max-width: 960px; | |
margin: 50px auto; | |
font-size: 16px; | |
} | |
#content-header a, | |
#content-footer a, | |
#content-header a:active, | |
#content-footer a:active, | |
#content-header a:visited, | |
#content-footer a:visited { | |
color: #2080ff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
#content-header a:hover, | |
#content-footer a:hover, | |
#content-header a:active:hover, | |
#content-footer a:active:hover, | |
#content-header a:visited:hover, | |
#content-footer a:visited:hover { | |
color: #68a9ff; | |
} | |
#content-header { | |
padding-bottom: 12px; | |
margin-bottom: 32px; | |
} | |
#content-footer { | |
padding-top: 12px; | |
margin-top: 32px; | |
} | |
#selection-rect { | |
display: none; | |
position: absolute; | |
left: 0; | |
top: 0; | |
z-index: 2; | |
border: 1px dashed rgba(240,100,0,0.5); | |
background-color: rgba(240,100,0,0.2); | |
} | |
#extended.view-details { | |
display: none; | |
} | |
#extended.view-details ul { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
#extended.view-details ul li { | |
position: relative; | |
white-space: nowrap; | |
clear: both; | |
} | |
#extended.view-details ul li.header { | |
font-size: 13px; | |
} | |
#extended.view-details ul li.header a,#extended.view-details ul li.header a:active,#extended.view-details ul li.header a:visited { | |
padding-bottom: 18px; | |
color: #555; | |
text-decoration: none; | |
opacity: .4; | |
cursor: pointer; | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
} | |
#extended.view-details ul li.header a img.ascending,#extended.view-details ul li.header a:active img.ascending,#extended.view-details ul li.header a:visited img.ascending,#extended.view-details ul li.header a img.descending,#extended.view-details ul li.header a:active img.descending,#extended.view-details ul li.header a:visited img.descending { | |
position: relative; | |
top: -2px; | |
display: none; | |
width: 12px; | |
height: 12px; | |
padding: 0 8px; | |
} | |
#extended.view-details ul li.header a:hover,#extended.view-details ul li.header a:active:hover,#extended.view-details ul li.header a:visited:hover { | |
color: #555; | |
opacity: .9; | |
} | |
#extended.view-details ul li.header a.ascending img.ascending,#extended.view-details ul li.header a:active.ascending img.ascending,#extended.view-details ul li.header a:visited.ascending img.ascending { | |
display: inline; | |
} | |
#extended.view-details ul li.header a.descending img.descending,#extended.view-details ul li.header a:active.descending img.descending,#extended.view-details ul li.header a:visited.descending img.descending { | |
display: inline; | |
} | |
#extended.view-details ul li.entry a,#extended.view-details ul li.entry a:active,#extended.view-details ul li.entry a:visited { | |
display: block; | |
color: #555; | |
text-decoration: none; | |
cursor: pointer; | |
border-bottom: 1px solid #e8e8e8; | |
} | |
#extended.view-details ul li.entry a:hover,#extended.view-details ul li.entry a:active:hover,#extended.view-details ul li.entry a:visited:hover,#extended.view-details ul li.entry a.hover,#extended.view-details ul li.entry a:active.hover,#extended.view-details ul li.entry a:visited.hover { | |
background-color: #f6f6f6; | |
color: #e80; | |
} | |
#extended.view-details ul li.entry.selected:not(.selecting) a,#extended.view-details ul li.entry.selecting:not(.selected) a { | |
border-color: rgba(240,100,0,0.2); | |
background-color: rgba(240,100,0,0.2); | |
} | |
#extended.view-details ul li.entry.error a,#extended.view-details ul li.entry.error a:active,#extended.view-details ul li.entry.error a:visited { | |
color: #aaa; | |
} | |
#extended.view-details ul li.entry.error a .label .hint,#extended.view-details ul li.entry.error a:active .label .hint,#extended.view-details ul li.entry.error a:visited .label .hint { | |
margin-left: 12px; | |
font-size: .9em; | |
color: #c55; | |
} | |
#extended.view-details ul li.entry.error a:hover,#extended.view-details ul li.entry.error a:active:hover,#extended.view-details ul li.entry.error a:visited:hover,#extended.view-details ul li.entry.error a.hover,#extended.view-details ul li.entry.error a:active.hover,#extended.view-details ul li.entry.error a:visited.hover { | |
opacity: 1; | |
background-color: #f6f6f6; | |
color: #e80; | |
} | |
#extended.view-details ul li.entry.folder-parent .date,#extended.view-details ul li.entry.folder-parent .size { | |
display: none; | |
} | |
#extended.view-details ul li .icon,#extended.view-details ul li .label,#extended.view-details ul li .date,#extended.view-details ul li .size { | |
padding: 6px; | |
} | |
#extended.view-details ul li .icon { | |
display: inline-block; | |
position: absolute; | |
left: 0; | |
top: -2px; | |
width: 16px; | |
text-align: center; | |
} | |
#extended.view-details ul li .icon img { | |
max-width: 16px; | |
max-height: 16px; | |
} | |
#extended.view-details ul li .icon img.thumb { | |
-webkit-box-shadow: 0 0 0 1px #ddd; | |
-moz-box-shadow: 0 0 0 1px #ddd; | |
box-shadow: 0 0 0 1px #ddd; | |
} | |
#extended.view-details ul li .icon.big { | |
display: none; | |
} | |
#extended.view-details ul li .label { | |
display: block; | |
margin: 0 270px 0 24px; | |
overflow: hidden; | |
white-space: nowrap; | |
text-align: left; | |
} | |
#extended.view-details ul li .date { | |
position: absolute; | |
right: 100px; | |
top: 0; | |
text-align: right; | |
width: 160px; | |
white-space: nowrap; | |
} | |
#extended.view-details ul li .size { | |
position: absolute; | |
right: 0; | |
top: 0; | |
text-align: right; | |
width: 80px; | |
white-space: nowrap; | |
} | |
#extended.view-details .empty,#extended.view-details .no-match { | |
text-align: center; | |
margin: 50px 0; | |
color: #ddd; | |
font-size: 5em; | |
font-weight: bold; | |
} | |
#extended.view-details .no-match { | |
display: none; | |
} | |
#extended.view-list { | |
display: none; | |
} | |
#extended.view-list ul { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
#extended.view-list ul li { | |
position: relative; | |
white-space: nowrap; | |
clear: both; | |
} | |
#extended.view-list ul li.header { | |
display: none; | |
} | |
#extended.view-list ul li.entry a,#extended.view-list ul li.entry a:active,#extended.view-list ul li.entry a:visited { | |
display: block; | |
color: #555; | |
text-decoration: none; | |
cursor: pointer; | |
border-bottom: 1px solid #e8e8e8; | |
height: 56px; | |
} | |
#extended.view-list ul li.entry a:hover,#extended.view-list ul li.entry a:active:hover,#extended.view-list ul li.entry a:visited:hover,#extended.view-list ul li.entry a.hover,#extended.view-list ul li.entry a:active.hover,#extended.view-list ul li.entry a:visited.hover { | |
background-color: #f6f6f6; | |
color: #e80; | |
} | |
#extended.view-list ul li.entry.selected:not(.selecting) a,#extended.view-list ul li.entry.selecting:not(.selected) a { | |
border-color: rgba(240,100,0,0.2); | |
background-color: rgba(240,100,0,0.2); | |
} | |
#extended.view-list ul li.entry.error a,#extended.view-list ul li.entry.error a:active,#extended.view-list ul li.entry.error a:visited { | |
color: #aaa; | |
} | |
#extended.view-list ul li.entry.error a .label .hint,#extended.view-list ul li.entry.error a:active .label .hint,#extended.view-list ul li.entry.error a:visited .label .hint { | |
margin-left: 12px; | |
font-size: .9em; | |
color: #c55; | |
} | |
#extended.view-list ul li.entry.error a:hover,#extended.view-list ul li.entry.error a:active:hover,#extended.view-list ul li.entry.error a:visited:hover,#extended.view-list ul li.entry.error a.hover,#extended.view-list ul li.entry.error a:active.hover,#extended.view-list ul li.entry.error a:visited.hover { | |
opacity: 1; | |
background-color: #f6f6f6; | |
color: #e80; | |
} | |
#extended.view-list ul li.entry.folder-parent .date,#extended.view-list ul li.entry.folder-parent .size { | |
display: none; | |
} | |
#extended.view-list ul li .icon,#extended.view-list ul li .label,#extended.view-list ul li .date,#extended.view-list ul li .size { | |
padding: 6px; | |
} | |
#extended.view-list ul li .icon { | |
display: inline-block; | |
position: absolute; | |
left: 0; | |
top: -2px; | |
width: 100px; | |
text-align: center; | |
} | |
#extended.view-list ul li .icon img { | |
max-width: 100px; | |
max-height: 48px; | |
} | |
#extended.view-list ul li .icon img.thumb { | |
-webkit-box-shadow: 0 0 0 1px #ddd; | |
-moz-box-shadow: 0 0 0 1px #ddd; | |
box-shadow: 0 0 0 1px #ddd; | |
} | |
#extended.view-list ul li .icon.small { | |
display: none; | |
} | |
#extended.view-list ul li .label { | |
display: block; | |
margin: 0 270px 0 106px; | |
overflow: hidden; | |
white-space: nowrap; | |
text-align: left; | |
} | |
#extended.view-list ul li .date { | |
margin: 0 0 0 106px; | |
text-align: right; | |
width: 160px; | |
white-space: nowrap; | |
} | |
#extended.view-list ul li .size { | |
text-align: right; | |
width: 80px; | |
white-space: nowrap; | |
} | |
#extended.view-list .empty,#extended.view-list .no-match { | |
text-align: center; | |
margin: 50px 0; | |
color: #ddd; | |
font-size: 5em; | |
font-weight: bold; | |
} | |
#extended.view-list .no-match { | |
display: none; | |
} | |
#extended.view-icons { | |
display: none; | |
padding: 3px; | |
} | |
#extended.view-icons ul { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
#extended.view-icons ul li.header { | |
display: none; | |
} | |
#extended.view-icons ul li.entry { | |
float: left; | |
} | |
#extended.view-icons ul li.entry a,#extended.view-icons ul li.entry a:active,#extended.view-icons ul li.entry a:visited { | |
display: block; | |
margin: 8px; | |
padding: 8px; | |
width: 100px; | |
height: 120px; | |
float: left; | |
text-align: center; | |
text-decoration: none; | |
overflow: hidden; | |
border-radius: 5px; | |
color: #555; | |
cursor: pointer; | |
border: 2px solid rgba(0,0,0,0); | |
} | |
#extended.view-icons ul li.entry a:hover,#extended.view-icons ul li.entry a:active:hover,#extended.view-icons ul li.entry a:visited:hover,#extended.view-icons ul li.entry a.hover,#extended.view-icons ul li.entry a:active.hover,#extended.view-icons ul li.entry a:visited.hover { | |
color: #e80; | |
border-color: #eee; | |
background-color: #f6f6f6; | |
} | |
#extended.view-icons ul li.entry a .icon,#extended.view-icons ul li.entry a:active .icon,#extended.view-icons ul li.entry a:visited .icon { | |
display: block; | |
height: 48px; | |
margin-bottom: 6px; | |
} | |
#extended.view-icons ul li.entry a .icon img,#extended.view-icons ul li.entry a:active .icon img,#extended.view-icons ul li.entry a:visited .icon img { | |
max-width: 100px; | |
max-height: 48px; | |
} | |
#extended.view-icons ul li.entry a .icon img.thumb,#extended.view-icons ul li.entry a:active .icon img.thumb,#extended.view-icons ul li.entry a:visited .icon img.thumb { | |
-webkit-box-shadow: 0 0 0 1px #ddd; | |
-moz-box-shadow: 0 0 0 1px #ddd; | |
box-shadow: 0 0 0 1px #ddd; | |
} | |
#extended.view-icons ul li.entry a .icon.small,#extended.view-icons ul li.entry a:active .icon.small,#extended.view-icons ul li.entry a:visited .icon.small { | |
display: none; | |
} | |
#extended.view-icons ul li.entry a .label,#extended.view-icons ul li.entry a:active .label,#extended.view-icons ul li.entry a:visited .label { | |
display: block; | |
word-wrap: break-word; | |
} | |
#extended.view-icons ul li.entry a .date,#extended.view-icons ul li.entry a:active .date,#extended.view-icons ul li.entry a:visited .date,#extended.view-icons ul li.entry a .size,#extended.view-icons ul li.entry a:active .size,#extended.view-icons ul li.entry a:visited .size { | |
display: none; | |
} | |
#extended.view-icons ul li.entry.selected:not(.selecting) a,#extended.view-icons ul li.entry.selecting:not(.selected) a { | |
border-color: rgba(240,100,0,0.2); | |
background-color: rgba(240,100,0,0.2); | |
} | |
#extended.view-icons ul li.entry.error a,#extended.view-icons ul li.entry.error a:active,#extended.view-icons ul li.entry.error a:visited { | |
color: #aaa; | |
text-decoration: none; | |
} | |
#extended.view-icons ul li.entry.error a .label .hint,#extended.view-icons ul li.entry.error a:active .label .hint,#extended.view-icons ul li.entry.error a:visited .label .hint { | |
padding: 0 6px; | |
font-size: .9em; | |
color: #c55; | |
} | |
#extended.view-icons ul li.entry.error a:hover,#extended.view-icons ul li.entry.error a:active:hover,#extended.view-icons ul li.entry.error a:visited:hover,#extended.view-icons ul li.entry.error a.hover,#extended.view-icons ul li.entry.error a:active.hover,#extended.view-icons ul li.entry.error a:visited.hover { | |
color: #e80; | |
border-color: #eee; | |
background-color: #f6f6f6; | |
} | |
#extended.view-icons .empty,#extended.view-icons .no-match { | |
margin: 0 120px; | |
padding: 16px; | |
height: 120px; | |
text-align: center; | |
color: #ddd; | |
font-size: 5em; | |
font-weight: bold; | |
} | |
#extended.view-icons .no-match { | |
display: none; | |
} | |
#bottombar { | |
position: fixed; | |
z-index: 5; | |
width: 100%; | |
left: 0; | |
bottom: 0; | |
padding: 6px 0 8px 0; | |
background-color: #f1f1f1; | |
background-image: linear-gradient(top,#f1f1f1,#e4e4e4); | |
border-top: 1px solid #d2d2d2; | |
color: #999; | |
text-align: center; | |
} | |
#bottombar a,#bottombar a:active,#bottombar a:visited { | |
color: #555; | |
text-decoration: none; | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
opacity: .7; | |
} | |
#bottombar a:hover,#bottombar a:active:hover,#bottombar a:visited:hover { | |
color: #e80; | |
opacity: 1; | |
} | |
#bottombar .left { | |
display: block; | |
padding: 0 8px; | |
float: left; | |
} | |
#bottombar .center { | |
display: block; | |
margin: 0 100px; | |
} | |
#bottombar .right { | |
display: block; | |
padding: 0 8px; | |
float: right; | |
} | |
#bottombar .noJsMsg { | |
color: #c33; | |
margin-left: 16px; | |
} | |
#bottombar .oldBrowser { | |
display: none; | |
color: #c33; | |
margin-left: 16px; | |
} | |
#bottombar .oldBrowser a,#bottombar .oldBrowser a:active,#bottombar .oldBrowser a:visited { | |
color: #c33; | |
text-decoration: underline; | |
} | |
#bottombar .oldBrowser a:hover,#bottombar .oldBrowser a:active:hover,#bottombar .oldBrowser a:visited:hover { | |
color: #e80; | |
} | |
#bottombar .status .sep { | |
display: inline-block; | |
padding: 0 6px; | |
} | |
#bottombar .status.dynamic { | |
display: none; | |
} | |
#langSelector { | |
position: relative; | |
cursor: pointer; | |
} | |
#langSelector .langOptions { | |
position: absolute; | |
z-index: 2; | |
overflow: auto; | |
display: none; | |
right: 0; | |
top: 0; | |
max-height: 200px; | |
background-color: #f1f1f1; | |
border: 1px solid #d2d2d2; | |
} | |
#langSelector .langOptions .sp-scrollbar { | |
margin: 0; | |
width: 6px; | |
background-color: #d2d2d2; | |
cursor: pointer; | |
} | |
#langSelector .langOptions .sp-scrollbar .sp-thumb { | |
background-color: #b4b4b4; | |
} | |
#langSelector .langOptions .sp-scrollbar.active .sp-thumb { | |
background-color: #969696; | |
} | |
#langSelector .langOptions ul { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
text-align: left; | |
} | |
#langSelector .langOptions ul li { | |
padding: 8px 24px 10px 24px; | |
white-space: nowrap; | |
border-top: 1px solid #e7e7e7; | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
} | |
#langSelector .langOptions ul li.current { | |
color: #333; | |
background-color: rgba(255,255,255,0.8); | |
} | |
#langSelector .langOptions ul li:hover { | |
color: #e80; | |
background-color: rgba(255,255,255,0.8); | |
} | |
#tree { | |
display: none; | |
position: fixed; | |
left: 0; | |
top: 31px; | |
height: 100%; | |
z-index: 3; | |
overflow: auto; | |
padding: 8px; | |
background-color: #f1f1f1; | |
border-right: 2px solid #ddd; | |
} | |
#tree .sp-scrollbar { | |
margin: 8px 8px 8px 0; | |
width: 6px; | |
background-color: #d2d2d2; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
cursor: pointer; | |
} | |
#tree .sp-scrollbar .sp-thumb { | |
background-color: #b4b4b4; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
#tree .sp-scrollbar.active .sp-thumb { | |
background-color: #969696; | |
} | |
#tree .entry .indicator { | |
display: inline-block; | |
width: 16px; | |
height: 25px; | |
float: left; | |
} | |
#tree .entry .indicator img { | |
position: relative; | |
left: 0; | |
top: 3px; | |
width: 12px; | |
height: 12px; | |
vertical-align: bottom; | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
} | |
#tree .entry .indicator.open { | |
cursor: pointer; | |
opacity: .7; | |
} | |
#tree .entry .indicator.open img { | |
-webkit-transform: rotate(90deg); | |
-moz-transform: rotate(90deg); | |
-ms-transform: rotate(90deg); | |
-o-transform: rotate(90deg); | |
transform: rotate(90deg); | |
zoom: 1; | |
} | |
#tree .entry .indicator.close { | |
cursor: pointer; | |
opacity: .7; | |
} | |
#tree .entry .indicator.unknown { | |
cursor: pointer; | |
opacity: .3; | |
} | |
#tree .entry .indicator.none { | |
opacity: 0; | |
} | |
#tree .entry>a,#tree .entry>a:active,#tree .entry>a.visited { | |
margin-left: 16px; | |
padding: 4px 6px; | |
border: 1px solid rgba(0,0,0,0); | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
display: block; | |
color: #555; | |
text-decoration: none; | |
opacity: .7; | |
} | |
#tree .entry>a:hover,#tree .entry>a:active:hover,#tree .entry>a.visited:hover,#tree .entry>a.hover,#tree .entry>a:active.hover,#tree .entry>a.visited.hover { | |
color: #e80; | |
background-color: rgba(255,255,255,0.5); | |
opacity: 1; | |
} | |
#tree .entry>a .label,#tree .entry>a:active .label,#tree .entry>a.visited .label { | |
display: inline-block; | |
} | |
#tree .entry>a .icon,#tree .entry>a:active .icon,#tree .entry>a.visited .icon { | |
display: inline-block; | |
width: 20px; | |
} | |
#tree .entry>a .icon img,#tree .entry>a:active .icon img,#tree .entry>a.visited .icon img { | |
width: 16px; | |
height: 16px; | |
vertical-align: bottom; | |
} | |
#tree .entry>a .hint,#tree .entry>a:active .hint,#tree .entry>a.visited .hint { | |
display: inline-block; | |
margin-left: 12px; | |
font-size: .9em; | |
color: #ccc; | |
} | |
#tree .entry.current>a,#tree .entry.current>a:active,#tree .entry.current>a:visited { | |
border: 1px solid #ddd; | |
background-color: rgba(255,255,255,0.5); | |
opacity: 1; | |
} | |
#tree .entry.error>a,#tree .entry.error>a:active,#tree .entry.error>a:visited { | |
color: #999; | |
} | |
#tree .entry.error>a:hover,#tree .entry.error>a:active:hover,#tree .entry.error>a:visited:hover,#tree .entry.error>a.hover,#tree .entry.error>a:active.hover,#tree .entry.error>a:visited.hover { | |
color: #e80; | |
} | |
#tree .entry.error .hint { | |
color: #c55; | |
} | |
#tree .entry .content,#tree .entry ul.content { | |
list-style: none; | |
margin: 0; | |
padding: 0 0 0 24px; | |
} | |
#context { | |
position: fixed; | |
z-index: 1; | |
display: none; | |
right: 16px; | |
bottom: 50px; | |
background-color: #fff; | |
border: 2px solid #ddd; | |
padding: 8px; | |
} | |
#context span { | |
display: block; | |
} | |
#context .qrcode canvas { | |
display: block; | |
} | |
#data-apache-autoindex,#data-php-no-js-fallback { | |
max-width: 960px; | |
margin: 0 auto; | |
} | |
#data-apache-autoindex table,#data-php-no-js-fallback table { | |
display: block; | |
width: 100%; | |
border-collapse: collapse; | |
} | |
#data-apache-autoindex table th,#data-php-no-js-fallback table th,#data-apache-autoindex table td,#data-php-no-js-fallback table td { | |
padding: 6px; | |
text-align: left; | |
border: 0; | |
} | |
#data-apache-autoindex table th,#data-php-no-js-fallback table th { | |
padding-bottom: 18px; | |
} | |
#data-apache-autoindex table th a,#data-php-no-js-fallback table th a,#data-apache-autoindex table th a:visited,#data-php-no-js-fallback table th a:visited { | |
color: #555; | |
font-weight: normal; | |
text-decoration: none; | |
cursor: pointer; | |
opacity: .4; | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
} | |
#data-apache-autoindex table th a:hover,#data-php-no-js-fallback table th a:hover,#data-apache-autoindex table th a:visited:hover,#data-php-no-js-fallback table th a:visited:hover { | |
color: #555; | |
opacity: .9; | |
} | |
#data-apache-autoindex table th span,#data-php-no-js-fallback table th span { | |
color: #555; | |
font-weight: normal; | |
opacity: .4; | |
} | |
#data-apache-autoindex table td,#data-php-no-js-fallback table td { | |
border: 1px solid #ddd; | |
border-left: none; | |
border-right: 0; | |
overflow: hidden; | |
white-space: nowrap; | |
font-size: 16px; | |
} | |
#data-apache-autoindex table td a,#data-php-no-js-fallback table td a,#data-apache-autoindex table td a:active,#data-php-no-js-fallback table td a:active,#data-apache-autoindex table td a:visited,#data-php-no-js-fallback table td a:visited { | |
display: block; | |
color: #555; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
#data-apache-autoindex table td a:hover,#data-php-no-js-fallback table td a:hover,#data-apache-autoindex table td a:active:hover,#data-php-no-js-fallback table td a:active:hover,#data-apache-autoindex table td a:visited:hover,#data-php-no-js-fallback table td a:visited:hover { | |
color: #e80; | |
} | |
#data-apache-autoindex table td:nth-child(1),#data-php-no-js-fallback table td:nth-child(1),#data-apache-autoindex table th:nth-child(1),#data-php-no-js-fallback table th:nth-child(1) { | |
text-align: center; | |
width: 16px; | |
} | |
#data-apache-autoindex table td:nth-child(1) img,#data-php-no-js-fallback table td:nth-child(1) img,#data-apache-autoindex table th:nth-child(1) img,#data-php-no-js-fallback table th:nth-child(1) img { | |
width: 16px; | |
height: 16px; | |
position: relative; | |
top: -2px; | |
} | |
#data-apache-autoindex table td:nth-child(2),#data-php-no-js-fallback table td:nth-child(2),#data-apache-autoindex table th:nth-child(2),#data-php-no-js-fallback table th:nth-child(2) { | |
width: 682px; | |
max-width: 682px; | |
} | |
#data-apache-autoindex table td:nth-child(3),#data-php-no-js-fallback table td:nth-child(3),#data-apache-autoindex table th:nth-child(3),#data-php-no-js-fallback table th:nth-child(3) { | |
text-align: right; | |
width: 160px; | |
min-width: 160px; | |
} | |
#data-apache-autoindex table td:nth-child(4),#data-php-no-js-fallback table td:nth-child(4),#data-apache-autoindex table th:nth-child(4),#data-php-no-js-fallback table th:nth-child(4) { | |
text-align: right; | |
width: 70px; | |
min-width: 70px; | |
} | |
#pv-img-overlay { | |
display: none; | |
position: fixed; | |
left: 0; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
z-index: 100; | |
background-color: rgba(0,0,0,0.5); | |
text-align: center; | |
} | |
#pv-img-content { | |
position: fixed; | |
} | |
#pv-img-image { | |
max-width: 100%; | |
max-height: 100%; | |
border: 2px solid #fff; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
} | |
#pv-img-overlay.fullscreen { | |
background-color: #111; | |
} | |
#pv-img-overlay.fullscreen #pv-img-image { | |
border: 0; | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
} | |
#pv-img-close { | |
position: fixed; | |
width: 100%; | |
height: 100%; | |
cursor: pointer; | |
} | |
#pv-img-prev { | |
position: fixed; | |
cursor: pointer; | |
} | |
#pv-img-next { | |
position: fixed; | |
cursor: pointer; | |
} | |
#pv-img-buttons,#pv-img-topbuttons { | |
list-style: none; | |
list-style-image: none; | |
margin: 0; | |
padding: 0; | |
} | |
#pv-img-buttons img,#pv-img-topbuttons img { | |
position: relative; | |
top: -2px; | |
width: 16px; | |
height: 16px; | |
} | |
#pv-img-buttons img+span,#pv-img-topbuttons img+span,#pv-img-buttons img+input,#pv-img-topbuttons img+input { | |
margin-left: 6px; | |
} | |
#pv-img-buttons input,#pv-img-topbuttons input { | |
background-color: rgba(255,255,255,0.1); | |
border: 0; | |
color: #ccc; | |
} | |
#pv-img-buttons .bar-label,#pv-img-topbuttons .bar-label { | |
display: block; | |
color: #ccc; | |
height: 30px; | |
line-height: 30px; | |
padding: 0 10px; | |
opacity: .7; | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
} | |
#pv-img-buttons .bar-highlight,#pv-img-topbuttons .bar-highlight { | |
background-color: rgba(255,255,255,0.1); | |
opacity: 1.0; | |
} | |
#pv-img-buttons .bar-button,#pv-img-topbuttons .bar-button { | |
display: block; | |
color: #ccc; | |
height: 30px; | |
line-height: 30px; | |
padding: 0 10px; | |
opacity: .7; | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
cursor: pointer; | |
} | |
#pv-img-buttons .bar-button:hover,#pv-img-topbuttons .bar-button:hover,#pv-img-buttons .bar-button.hover,#pv-img-topbuttons .bar-button.hover { | |
background-color: rgba(255,255,255,0.1); | |
opacity: 1.0; | |
} | |
#pv-img-buttons .bar-left,#pv-img-topbuttons .bar-left { | |
float: left; | |
border-right: 1px solid rgba(255,255,255,0.05); | |
} | |
#pv-img-buttons .bar-right,#pv-img-topbuttons .bar-right { | |
float: right; | |
border-left: 1px solid rgba(255,255,255,0.05); | |
} | |
#pv-img-topbar { | |
position: fixed; | |
z-index: 5; | |
width: 100%; | |
left: 0; | |
top: 0; | |
background-color: #252525; | |
background-image: linear-gradient(top,#252525,#181818); | |
border-bottom: 1px solid #1b1b1b; | |
} | |
#pv-img-bottombar { | |
position: fixed; | |
z-index: 5; | |
width: 100%; | |
left: 0; | |
bottom: 0; | |
background-color: #1b1b1b; | |
background-image: linear-gradient(top,#1b1b1b,#0e0e0e); | |
border-top: 1px solid #2d2d2d; | |
} | |
#pv-txt-overlay { | |
display: none; | |
position: fixed; | |
left: 0; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
z-index: 100; | |
background-color: rgba(0,0,0,0.5); | |
text-align: center; | |
} | |
#pv-txt-content { | |
max-width: 960px; | |
margin: 0 auto; | |
padding: 10px; | |
background-color: #fff; | |
border: 2px solid #fff; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
text-align: left; | |
overflow: auto; | |
position: relative; | |
} | |
#pv-txt-text .syntaxhighlighter { | |
overflow: visible!important; | |
} | |
#pv-txt-text .syntaxhighlighter .gutter .line { | |
border-right: none!important; | |
} | |
#pv-txt-text.markdown { | |
font-size: 16px; | |
padding: 8px 24px; | |
} | |
#pv-txt-text.markdown a,#pv-txt-text.markdown a:active,#pv-txt-text.markdown a:visited { | |
color: #2080ff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
#pv-txt-text.markdown a:hover,#pv-txt-text.markdown a:active:hover,#pv-txt-text.markdown a:visited:hover { | |
color: #68a9ff; | |
} | |
#pv-txt-text.markdown pre,#pv-txt-text.markdown code { | |
font-family: "Ubuntu Mono",monospace; | |
} | |
#pv-txt-text.markdown code { | |
color: #008200; | |
} | |
#pv-txt-close { | |
position: fixed; | |
left: 0; | |
top: 0; | |
width: 100%; | |
height: 100%; | |
cursor: pointer; | |
} | |
#pv-txt-prev { | |
position: fixed; | |
cursor: pointer; | |
} | |
#pv-txt-next { | |
position: fixed; | |
cursor: pointer; | |
} | |
#pv-txt-buttons,#pv-txt-topbuttons { | |
list-style: none; | |
list-style-image: none; | |
margin: 0; | |
padding: 0; | |
} | |
#pv-txt-buttons img,#pv-txt-topbuttons img { | |
position: relative; | |
top: -2px; | |
width: 16px; | |
height: 16px; | |
} | |
#pv-txt-buttons img+span,#pv-txt-topbuttons img+span,#pv-txt-buttons img+input,#pv-txt-topbuttons img+input { | |
margin-left: 6px; | |
} | |
#pv-txt-buttons input,#pv-txt-topbuttons input { | |
background-color: rgba(255,255,255,0.1); | |
border: 0; | |
color: #ccc; | |
} | |
#pv-txt-buttons .bar-label,#pv-txt-topbuttons .bar-label { | |
display: block; | |
color: #ccc; | |
height: 30px; | |
line-height: 30px; | |
padding: 0 10px; | |
opacity: .7; | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
} | |
#pv-txt-buttons .bar-highlight,#pv-txt-topbuttons .bar-highlight { | |
background-color: rgba(255,255,255,0.1); | |
opacity: 1.0; | |
} | |
#pv-txt-buttons .bar-button,#pv-txt-topbuttons .bar-button { | |
display: block; | |
color: #ccc; | |
height: 30px; | |
line-height: 30px; | |
padding: 0 10px; | |
opacity: .7; | |
-webkit-transition: all .2s ease-in-out; | |
-moz-transition: all .2s ease-in-out; | |
-ms-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
cursor: pointer; | |
} | |
#pv-txt-buttons .bar-button:hover,#pv-txt-topbuttons .bar-button:hover,#pv-txt-buttons .bar-button.hover,#pv-txt-topbuttons .bar-button.hover { | |
background-color: rgba(255,255,255,0.1); | |
opacity: 1.0; | |
} | |
#pv-txt-buttons .bar-left,#pv-txt-topbuttons .bar-left { | |
float: left; | |
border-right: 1px solid rgba(255,255,255,0.05); | |
} | |
#pv-txt-buttons .bar-right,#pv-txt-topbuttons .bar-right { | |
float: right; | |
border-left: 1px solid rgba(255,255,255,0.05); | |
} | |
#pv-txt-topbar { | |
position: fixed; | |
z-index: 5; | |
width: 100%; | |
left: 0; | |
top: 0; | |
background-color: #252525; | |
background-image: linear-gradient(top,#252525,#181818); | |
border-bottom: 1px solid #1b1b1b; | |
} | |
#pv-txt-bottombar { | |
position: fixed; | |
z-index: 5; | |
width: 100%; | |
left: 0; | |
bottom: 0; | |
background-color: #1b1b1b; | |
background-image: linear-gradient(top,#1b1b1b,#0e0e0e); | |
border-top: 1px solid #2d2d2d; | |
} | |
@media only screen and (max-width:500px) { | |
#topbar .view span { | |
display: none; | |
} | |
#extended.view-icons { | |
padding: 0; | |
border: 0; | |
margin: 0 -14px; | |
} | |
} | |
@media only screen and (max-width:350px) { | |
#topbar .crumb { | |
display: none; | |
} | |
#topbar .current { | |
display: block; | |
} | |
#extended.view-details .header .label,#extended.view-details .entry .label { | |
margin-right: 110px; | |
} | |
#extended.view-details .header .date,#extended.view-details .entry .date { | |
display: none; | |
} | |
#bottombar .center { | |
display: none; | |
} | |
} | |
@media print { | |
a[href]:after { | |
content: ""; | |
} | |
#topbar { | |
position: static; | |
margin-bottom: 2em; | |
} | |
#topbar .view,#topbar #download { | |
display: none; | |
} | |
#bottombar { | |
position: static; | |
margin-top: 2em; | |
} | |
#tree { | |
display: none!important; | |
} | |
} | |
body#h5ai-info { | |
font-family: Ubuntu,Arial,sans; | |
margin: 2em auto 4em auto; | |
font-size: 20px; | |
color: #555; | |
max-width: 600px; | |
text-align: center; | |
} | |
body#h5ai-info .build-version { | |
display: block; | |
} | |
body#h5ai-info .build-stamp { | |
display: block; | |
margin-top: .3em; | |
font-size: .6em; | |
color: #aaa; | |
} | |
body#h5ai-info h1 { | |
font-size: 3.6em; | |
margin: 0; | |
} | |
body#h5ai-info h2 { | |
font-size: 1.15em; | |
margin: 2.6em 0 0 0; | |
} | |
body#h5ai-info p { | |
line-height: 1.6em; | |
} | |
body#h5ai-info p+p { | |
margin-top: 1.2em; | |
} | |
body#h5ai-info li { | |
margin-top: .6em; | |
line-height: 1.4em; | |
} | |
body#h5ai-info #tests { | |
display: inline-block; | |
list-style-type: none; | |
text-align: left; | |
margin: 0; | |
padding: 0; | |
} | |
body#h5ai-info #tests .test-label { | |
display: inline-block; | |
width: 300px; | |
} | |
body#h5ai-info #tests .test-result { | |
display: inline-block; | |
width: 70px; | |
text-align: right; | |
font-weight: bold; | |
color: #aaa; | |
} | |
body#h5ai-info #tests .test-result.test-passed { | |
color: #5a5; | |
} | |
body#h5ai-info #tests .test-result.test-failed { | |
color: #a55; | |
} | |
body#h5ai-info #tests .test-info { | |
margin: 4px 0 12px 12px; | |
font-size: .7em; | |
color: #aaa; | |
width: 300px; | |
line-height: 1.2em; | |
} | |
body#h5ai-info #bottombar { | |
font-size: 13px; | |
} | |
html.js .hideOnJs,html.no-js .hideOnNoJs { | |
display: none; | |
} | |
html.oldie .oldBrowser { | |
display: inline!important; | |
} | |
html.oldie #tree { | |
display: none!important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment