Final modifications.

This commit is contained in:
Lars Jung 2012-04-19 00:57:43 +02:00
parent de92767e5a
commit ade6cf8e0b
24 changed files with 316 additions and 275 deletions

View file

@ -36,6 +36,7 @@
border-right: none;
overflow: hidden;
white-space: nowrap;
font-size: 16px;
a, a:active, a:visited {
display: block;

View file

@ -10,7 +10,6 @@
border-top: 1px solid rgb(210,210,210);
color: #999;
font-size: @smaller-font;
text-align: center;
a, a:active, a:visited {

View file

@ -2,6 +2,7 @@
#content {
max-width: 960px;
margin: 50px auto;
font-size: 16px;
}

View file

@ -0,0 +1,30 @@
#download {
display: none;
.topbar-right;
.transition(all 0.2s ease-in-out);
&.failed {
background-color: rgba(255,0,0,0.5);
}
}
#download-auth {
display: none;
position: fixed;
z-index: 5;
left: 0;
top: 0;
.vert-gradient(rgb(241,241,241), rgb(228,228,228));
border: 1px solid rgb(210,210,210);
input {
display: block;
margin: 4px 6px;
border: 1px solid rgb(210,210,210);
font-family: Ubuntu, sans-serif;
color: #555;
background-color: rgba(255,255,255,1);
width: 100px;
}
}

View file

@ -13,6 +13,8 @@
clear: both;
&.header {
font-size: 13px;
a, a:active, a:visited {
padding-bottom: 18px;
color: #555;
@ -42,7 +44,6 @@
}
}
&.entry {
a, a:active, a:visited {
display: block;
color: #555;

View file

@ -0,0 +1,19 @@
#filter {
.topbar-right;
input {
display: none;
border: none;
font-family: Ubuntu, sans-serif;
color: #555;
background-color: rgba(0,0,0,0);
width: 100px;
}
&.current {
input {
display: inline;
}
}
}

View file

@ -56,4 +56,8 @@ body#h5ai-info {
}
}
}
#bottombar {
font-size: 13px;
}
}

View file

@ -5,32 +5,31 @@
width: 100%;
left: 0;
top: 0;
font-size: @smaller-font;
.vert-gradient(rgb(241,241,241), rgb(228,228,228));
border-bottom: 1px solid rgb(210,210,210);
}
.nav-highlight {
.topbar-highlight {
background-color: rgba(255,255,255,0.5);
opacity: 1.0;
}
.nav-hover {
.nav-highlight;
.topbar-hover {
.topbar-highlight;
color: #e80;
}
@nav-sep-border: 1px solid rgba(0,0,0,0.05);
@topbar-sep-border: 1px solid rgba(0,0,0,0.05);
.nav-left {
.topbar-left {
float: left;
border-right: @nav-sep-border;
border-right: @topbar-sep-border;
}
.nav-right {
.topbar-right {
float: right;
border-left: @nav-sep-border;
border-left: @topbar-sep-border;
}
@ -53,12 +52,12 @@
padding: 0 10px;
&:hover, &.hover {
.nav-hover;
.topbar-hover;
}
}
.current {
a, span.element {
.nav-highlight;
.topbar-highlight;
}
}
img {
@ -71,7 +70,7 @@
margin-left: 6px;
}
.crumb {
.nav-left;
.topbar-left;
.hint {
margin-left: 8px;
font-style: italic;
@ -84,58 +83,6 @@
}
}
.view {
.nav-right;
}
}
#filter {
.nav-right;
input {
display: none;
border: none;
font-family: Ubuntu, sans-serif;
color: #555;
background-color: rgba(0,0,0,0);
width: 100px;
}
&.current {
input {
display: inline;
}
}
}
#download {
display: none;
.nav-right;
.transition(all 0.2s ease-in-out);
&.failed {
background-color: rgba(255,0,0,0.5);
}
}
#download-auth {
display: none;
position: fixed;
z-index: 5;
left: 0;
top: 0;
font-size: @smaller-font;
.vert-gradient(rgb(241,241,241), rgb(228,228,228));
border: 1px solid rgb(210,210,210);
input {
display: block;
margin: 4px 6px;
border: 1px solid rgb(210,210,210);
font-family: Ubuntu, sans-serif;
color: #555;
background-color: rgba(255,255,255,1);
width: 100px;
.topbar-right;
}
}

View file

@ -7,7 +7,6 @@
height: 100%;
z-index: 3;
overflow: auto;
font-size: @smaller-font;
padding: 8px;
background-color: rgb(241,241,241);
border-right: 2px solid rgb(221,221,221);

View file

@ -7,25 +7,31 @@
body {
font-family: Ubuntu, sans-serif;
font-size: 16px;
font-size: 13px;
color: #555;
background-color: #fff;
margin: 30px;
}
@smaller-font: 15px;
@import "inc/topbar";
@import "inc/download";
@import "inc/filter";
@import "inc/content";
@import "inc/extended";
@import "inc/bottombar";
@import "inc/l10n";
@import "inc/tree";
@import "inc/context";
@import "inc/apache-autoindex-table";
@import "inc/responsive";
@import "inc/h5ai-info";
html.js .hideOnJs, html.no-js .hideOnNoJs {
display: none;
@ -39,5 +45,3 @@ html.oldie {
}
}
@import "inc/h5ai-info";