Lock random hashes to the bottom of the page
This commit is contained in:
parent
cbf4d7ef18
commit
f6681a97f2
35
style.css
35
style.css
@ -3,6 +3,11 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: #333;
|
color: #333;
|
||||||
font-family: Verdana, Arial, sans-serif;
|
font-family: Verdana, Arial, sans-serif;
|
||||||
@ -87,7 +92,6 @@ footer {
|
|||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.randomness,
|
|
||||||
.cols {
|
.cols {
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -107,12 +111,35 @@ footer {
|
|||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.randomness-box {
|
.randomness {
|
||||||
width: 30em;
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
background: #f5f5f5;
|
||||||
|
border-top: 1px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
.randomness ul {
|
.randomness-box {
|
||||||
|
width: 30em;
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.randomness > h2 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.randomness > ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
width: 90em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.randomness > ul > li {
|
||||||
|
float: left;
|
||||||
|
width: 45em;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user