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

Copied the really nice 'cookie information' box I did for Earlytech into

Browse source 
Smeagol. Simple and elegant. Pleased.
This commit is contained in:
simon 2015-02-03 20:59:31 +00:00
parent 09aa1bdc90
commit b3e171e0f9
2 changed files with 48 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -109,6 +109,42 @@ li.nav-item a:active { background: gray; color: white; }
padding-bottom: 5em; padding-bottom: 5em;
} }
/* 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;
font-size: 66%;
padding: 0.25em 2em;
color: white;
background-color: maroon;
}
/* more-about-cookies box, normally hidden */
#more-about-cookies {
display: none;
padding: 0.25em 2em;
color: maroon;
background:rgba(196,196,196,0.66);
border: thin solid maroon;
}
/* but magically appears on mouseover */
#cookies:hover #more-about-cookies {
display: block;
}
/* footer of the page - not-editable, provided by Smeagol */ /* footer of the page - not-editable, provided by Smeagol */
#footer { #footer {
@ -119,7 +155,7 @@ li.nav-item a:active { background: gray; color: white; }
background:rgba(128,128,128,0.95); background:rgba(128,128,128,0.95);
width: 100%; width: 100%;
margin: 0; margin: 0;
/* padding: 0.1em 10%; */ padding: 0.25em 0;
bottom:0; bottom:0;
position:fixed; position:fixed;
vertical-align: top; vertical-align: top;

11
resources/templates/base.html
View file

@ -52,6 +52,17 @@
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</div> </div>
<div id="cookies">
<div id="more-about-cookies">
This website stores session information as a 'cookie' on your browser. This helps us show you the content
you want to see. This cookie does not identify you, and cannot be read by other websites. It is deleted by
your browser as soon as you leave this site. This website does not use any third party cookies, so your
visit here cannot be tracked by other websites.
</div>
<div id="about-cookies">
About cookies
</div>
</div>
<div id="footer"> <div id="footer">
<div id="credits"> <div id="credits">
One Wiki to rule them all || One Wiki to rule them all ||