simon/smeagol
1
0
Fork 0
mirror of https://github.com/journeyman-cc/smeagol.git synced 2026-04-12 18:05:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Stylesheet fixes

Browse source
This commit is contained in:
simon 2015-04-10 18:28:21 +01:00
parent b3e171e0f9
commit 855eb164fc
2 changed files with 79 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

22
resources/public/css/standard.css
View file

@ -123,22 +123,22 @@ li.nav-item a:active { background: gray; color: white; }
/* about-cookies box: permanently visible part of cookies information box */ /* about-cookies box: permanently visible part of cookies information box */
#about-cookies { #about-cookies {
clear: right; clear: right;
width: 20%; width: 10em;
font-size: 66%;
float: right; float: right;
text-align: right; text-align: right;
font-size: 66%;
padding: 0.25em 2em; padding: 0.25em 2em;
color: white; color: white;
background-color: maroon; background:rgba(40,40,40,0.8);
} }
/* more-about-cookies box, normally hidden */ /* more-about-cookies box, normally hidden */
#more-about-cookies { #more-about-cookies {
display: none; display: none;
padding: 0.25em 2em; padding: 0.25em 2em;
color: maroon; color: white;
background:rgba(196,196,196,0.66); background:rgba(40,40,40,0.8);
border: thin solid maroon; border-bottom: thin solid white;
} }
/* but magically appears on mouseover */ /* but magically appears on mouseover */
@ -179,11 +179,17 @@ li.nav-item a:active { background: gray; color: white; }
} }
.minor-controls { .minor-controls {
width: 10em;
float: right; float: right;
padding: 0.1em 2em; padding: 0.25em 2em;
background-color: silver; color: white;
background:rgba(40,40,40,0.8);
font-size: 66%; font-size: 66%;
} }
.minor-controls a {
float: right;
color: white;
}
.message { .message {
border: thin solid red; border: thin solid red;

86
resources/public/css/tablet.css
View file

@ -9,28 +9,6 @@ body {
width:100%; width:100%;
} }
/* footer of the document */
#footer {
clear: both;
font-size: smaller;
padding: 0 2em;
text-align: center;
color:white;
background:rgba(196,196,196,0.95);
width: 100%;
margin: 0;
bottom:0;
position:fixed;
z-index:150;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+
(document.documentElement.clientHeight-this.offsetHeight)));
}
#footer:hover #credits {
font-size: normal;
}
#header { #header {
width:100%; width:100%;
padding: 0.25em 5% 0.25em 5%; padding: 0.25em 5% 0.25em 5%;
@ -91,6 +69,64 @@ li.nav-item a:active { background: gray; color: white; }
content: "|| "; content: "|| ";
} }
/* cookies information box, fixed, in right margin, just above footer */
#cookies {
width: 30%;
float: right;
position: fixed;
bottom: 1.5em;
right: 0;
z-index: 150;
background: transparent;
}
/* about-cookies box: permanently visible part of cookies information box */
#about-cookies {
clear: right;
width: 20%;
float: right;
text-align: right;
padding: 0.25em 2em;
color: white;
background:rgba(40,40,40,0.8);
}
/* more-about-cookies box, normally hidden */
#more-about-cookies {
display: none;
padding: 0.25em 2em;
color: white;
background:rgba(40,40,40,0.8);
border-bottom: thin solid white;
}
/* but magically appears on mouseover */
#cookies:hover #more-about-cookies {
display: block;
}
/* footer of the document */
#footer {
clear: both;
font-size: smaller;
padding: 0 2em;
text-align: center;
color:white;
background:rgba(196,196,196,0.95);
width: 100%;
margin: 0;
bottom:0;
position:fixed;
z-index:150;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+
(document.documentElement.clientHeight-this.offsetHeight)));
}
#footer:hover #credits {
font-size: normal;
}
.error { .error {
background-color: red; background-color: red;
color: white; color: white;
@ -98,6 +134,12 @@ li.nav-item a:active { background: gray; color: white; }
.minor-controls { .minor-controls {
float: right; float: right;
padding: 0.1em 2em;
color: white;
background:rgba(40,40,40,0.8);
}
.minor-controls a {
color: white;
} }
/* there isn't enough room on a tablet display for optional elements, and /* there isn't enough room on a tablet display for optional elements, and