aboutsummaryrefslogtreecommitdiffstats
path: root/dev-random2/static
diff options
context:
space:
mode:
Diffstat (limited to 'dev-random2/static')
-rw-r--r--dev-random2/static/css/skeleton.css15
-rw-r--r--dev-random2/static/css/theme.css20
2 files changed, 26 insertions, 9 deletions
diff --git a/dev-random2/static/css/skeleton.css b/dev-random2/static/css/skeleton.css
index a823bc7..d8dfd13 100644
--- a/dev-random2/static/css/skeleton.css
+++ b/dev-random2/static/css/skeleton.css
@@ -8,10 +8,10 @@ html, body {
}
#page {
- max-width: 950px;
+ max-width: 900px;
min-width: 240px;
margin: 0 auto;
- padding: 0 1em;
+ padding: 0;
}
#page-head,
@@ -22,9 +22,15 @@ html, body {
padding: 0;
}
+#page-body { margin: 0 1em; }
+
+#page-main, #page-side {
+ border-width: 0;
+}
+
#page-side {
float: left;
- width: 30%;
+ width: 25%;
height: 100%;
margin-top: 0;
}
@@ -32,7 +38,7 @@ html, body {
#page-main {
float: right;
height: 100%;
- width: 67%;
+ width: 74%;
}
@@ -42,6 +48,7 @@ html, body {
#page-side {
width: auto;
clear: both;
+ float: none;
}
#page-side ul {
diff --git a/dev-random2/static/css/theme.css b/dev-random2/static/css/theme.css
index 88c0a8e..bb7f86b 100644
--- a/dev-random2/static/css/theme.css
+++ b/dev-random2/static/css/theme.css
@@ -24,7 +24,7 @@ body {
h1, h2, h3,
h4, h5, h6,
-header .meta {
+.meta {
color: #222;
font-family: "Century Schoolbook L", "Georgia", "Nimbus Roman No9 L", "Norasi", "Rekha", serif;
line-height: 1.1em;
@@ -70,6 +70,7 @@ article:last-of-type:after {
content: '';
}
+
#page-head {
text-align: center;
padding-top: .5em;
@@ -135,8 +136,13 @@ h1.small-title {
}
a, a:visited {
+ color: #0000C0;
+ text-decoration: none;
+}
+
+a:hover {
+ border: none;
text-decoration: underline;
- color: #29476B;
}
a:active, a:focus {
@@ -161,9 +167,11 @@ a.goto {
margin: 0em .2em;
}
-pre, img {
+pre, img, figure, table {
+ display: block;
+ margin: 1em auto;
overflow: auto;
- max-width: 95%;
+ border: 3px solid silver;
}
pre {
@@ -171,11 +179,13 @@ pre {
font-size: 0.95em;
line-height: 1.15em;
background-color: #F5F5F5;
- border: 3px solid silver;
overflow: auto;
padding: 0.5em;
+ max-width: 100%;
}
+figure * { border: none; margin: auto; padding: auto; }
+
@media screen and (max-width: 650px) {
body {
font-size: 15px;