Minor changes in fallback mode.

This commit is contained in:
Lars Jung 2015-03-31 04:14:11 +02:00
parent 469e8185e2
commit 731b00790c
7 changed files with 51 additions and 68 deletions

View file

@ -1,39 +0,0 @@
#bottombar {
overflow: hidden;
flex: 0 0 auto;
order: 99;
padding: 6px;
background: @col-lightgray;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
z-index: 1;
color: #999;
text-align: right;
line-height: 30px;
a, a:active, a:visited {
margin: 0 8px;
color: @col-text-secondary-black;
text-decoration: none;
.transition(all 0.2s ease-in-out);
outline: 0;
&:hover {
color: @col-hover;
}
}
.noJsMsg, .noBrowserMsg {
margin: 0 8px;
color: @col-error;
a, a:active, a:visited {
color: @col-error;
text-decoration: underline;
&:hover {
color: @col-hover;
}
}
}
}

View file

@ -2,7 +2,7 @@
#fallback {
display: none;
max-width: 960px;
margin: 0 auto 48px;
margin: 16px auto;
padding: 32px 16px;
table {
@ -60,6 +60,44 @@
}
#fallback-bar {
display: none;
overflow: hidden;
padding: 6px;
background: @col-lightgray;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
color: #999;
text-align: right;
line-height: 36px;
a, a:active, a:visited {
margin: 0 8px;
color: @col-text-secondary-black;
text-decoration: none;
.transition(all 0.2s ease-in-out);
outline: 0;
&:hover {
color: @col-hover;
}
}
.noJsMsg, .noBrowserMsg {
margin: 0 8px;
color: @col-error;
a, a:active, a:visited {
color: @col-error;
text-decoration: underline;
&:hover {
color: @col-hover;
}
}
}
}
html.no-js, html.no-browser {
body {
@ -67,16 +105,7 @@ html.no-js, html.no-browser {
background: #fff;
}
#fallback {
#fallback, #fallback-bar {
display: block;
}
#bottombar {
display: block;
position: fixed;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
}
}

View file

@ -143,11 +143,6 @@ html {
&.browser .noBrowserMsg {
display: none;
}
&.js.browser {
#bottombar {
display: none;
}
}
}
body {

View file

@ -6,7 +6,6 @@ body#h5ai-info {
order: 50;
color: @col-text-primary-black;
text-align: center;
overflow-y: scroll;
}
code {

View file

@ -4,7 +4,6 @@
@import "inc/general";
@import "inc/topbar";
@import "inc/bottombar";
@import "inc/sidebar";
@import "inc/download";
@import "inc/filter";

View file

@ -14,6 +14,16 @@ head
body#h5ai-info
div#fallback-bar
span.noJsMsg
| JavaScript disabled!
span.noBrowserMsg
| Works best in
a( href="http://browsehappy.com" ) modern browsers
| !
a( href="#{pkg.homepage}", title="#{pkg.name} #{pkg.version} · #{pkg.description}" )
| powered by #{pkg.name}
div#content
h1#header
a( href="#{pkg.homepage}" ) #{pkg.name}
@ -26,14 +36,4 @@ body#h5ai-info
input( type="hidden", name="hosted_button_id", value="8WSPKWT7YBTSQ" )
input( type="image", src="client/images/ui/paypal.svg", width="100px", border="0", name="submit", alt="PayPal - The safer, easier way to pay online!" )
div#bottombar
span.noJsMsg
| JavaScript disabled!
span.noBrowserMsg
| Works best in
a( href="http://browsehappy.com" ) modern browsers
| !
a( href="#{pkg.homepage}", title="#{pkg.name} #{pkg.version} · #{pkg.description}" )
| powered by #{pkg.name}
</html>

View file

@ -19,7 +19,7 @@ head
body
div#bottombar
div#fallback-bar
span.noJsMsg
| JavaScript disabled!
span.noBrowserMsg