-* {
- font-size: 99.9%;
+html {
+ font-size: 18px;
}
-
html, body{
height: 100%;
min-height: 100%;
div.page {
margin: auto;
- max-width: 1200px;
- min-height: 100%;
+/* max-width: 1200px;
+*/ min-height: 100%;
padding-bottom: 5em;
box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.5);
}
div.page>* {
margin-left: 1em;
}
+div.page>footer {
+ margin-left: 0;
+}
div.page>ul, div.page>div>ul {
margin-left: 2em;
}
h1, footer {
margin: 0;
- max-width: 1200px;
- padding: 1em;
+/* max-width: 1200px;
+*/ padding: 1em;
}
h1 {
color: #b0e0e6;
}
li h3 {
- font-size: 100%;
}
li h3 a {
text-decoration: none;
margin-top: 8em;
margin-right: 2em;
}
+#disqus_activator {
+ margin: auto;
+ width: 80%;
+ padding: 1em;
+ background-color: slategrey;
+ color: white;
+ font-size: 1em;
+ font-weight: bold;
+ border: 0;
+ border-radius: 2px;
+ box-shadow: 0 0 4px #999;
+}
footer {
font-size: smaller;
bottom: 0;
width: 100%;
padding: 0;
- margin: 0 !important;
+ transition: margin-bottom 2s ease 0.1s;
+}
+footer.hidden {
+ margin-bottom: -10em;
+ transition: margin-bottom 2s ease 0.1s;
}
footer ul {