[dev-random2] Theme upgrade

1 files changed, 189 insertions, 0 deletions

diff --git a/dev-random2/static/css/theme.css b/dev-random2/static/css/theme.css
new file mode 100644
index 0000000..e4cd594
--- /dev/null
+++ b/dev-random2/static/css/theme.css
@@ -0,0 +1,189 @@
+/* vim: ts=4 sw=4 et: */
+
+@import url(normalize.css);
+
+@-webkit-keyframes fade {from {opacity: 0;} to { opacity: 1;}}
+@-moz-keyframes    fade {from {opacity: 0;} to { opacity: 1;}}
+@-ms-keyframes     fade {from {opacity: 0;} to { opacity: 1;}}
+@-o-keyframes      fade {from {opacity: 0;} to { opacity: 1;}}
+@keyframes         fade {from {opacity: 0;} to { opacity: 1;}}
+
+
+body {
+    font-family: "Lucida Grande", "Gargi_1.7", "Garuda", "Jamrul", "Loma", "Malayalam", "Mukti Narrow", sans-serif;
+    font-size: 16px;
+    line-height: 1.5em;
+    color: #444;
+    background-color: #FAFAFA;
+    -webkit-animation: fade 600ms 1 ease-in-out;
+    -moz-animation: fade 600ms 1 ease-in-out;
+    -ms-animation: fade 600ms 1 ease-in-out;
+    -o-animation: fade 600ms 1 ease-in-out;
+    animation: fade 600ms 1 ease-in-out;
+}
+
+h1, h2, h3,
+h4, h5, h6,
+header .meta {
+    color: #222;
+    font-family: "Century Schoolbook L", "Georgia", "Nimbus Roman No9 L", "Norasi", "Rekha", serif;
+    line-height: 1.1em;
+}
+
+hr {
+    visibility: hidden;
+    padding-bottom: 1em; 
+}
+
+hr:after,
+#page-foot:before {
+    visibility: visible;
+    content: '\2042';
+    display: block;
+    text-align: center;
+}
+
+article {
+    margin-bottom: 4em;
+}
+
+article header h1 {
+    padding: .1em 0;
+    margin: 0;
+}
+
+article header .meta {
+    font-size: .9em; 
+}
+
+article header .meta a { text-decoration: none; }
+
+article:after {
+    content: '\00A7';
+    display: block;
+    text-align: center;
+    font-weight: lighter;
+    font-size: 1.5em;
+}
+
+article:last-of-type:after {
+    content: '';
+}
+
+#page-head {
+    text-align: center;
+    padding-top: .5em;
+}
+
+#page-head h1 {
+    font-size: 4em;
+}
+
+#page-head h1 a:hover {
+    text-decoration: none;
+}
+
+#page-side {
+    line-height: 1.2em;
+}
+
+#page-side ul {
+    padding: 0 0 0 1.3em;
+    margin: .4em 0 .6em .4em;
+    list-style-type: square;
+}
+
+#page-side li a {
+    color: #555;
+}
+
+#page-side li.active {
+    color: firebrick;
+}
+
+#page-side li.active a {
+    color: #222;
+}
+
+#page-foot {
+    font-size: .8em;
+    text-align: center;
+}
+
+#pagination {
+    display: block;
+    margin-bottom: 4em;
+    text-align: center;
+}
+
+#tag-cloud li:hover {
+    -webkit-transform: rotate(0deg), scale(1.3, 1.3) !important;
+    -moz-transform: rotate(0deg), scale(1.3, 1.3) !important;
+    -ms-transform: rotate(0deg), scale(1.3, 1.3) !important;
+    -o-transform: rotate(0deg), scale(1.3, 1.3) !important;
+    transform: rotate(0deg), scale(1.3, 1.3) !important;
+}
+
+#tag-cloud a {
+    text-decoration: none;
+}
+
+h1.small-title {
+    font-size: 1em;
+    font-style: italic;
+    font-weight: normal;
+}
+
+a, a:link, a:visited {
+    text-decoration: underline;
+    color: #29476B;
+}
+
+a:active, a:focus {
+    outline-width: 1px;
+    outline-style: dotted;
+}
+
+h1 a, h2 a, h3 a,
+h4 a, h5 a, h6 a {
+    color: inherit !important;
+    text-decoration: none!important;
+}
+
+a.goto {
+    font-size: .8em;
+    color: #444;
+    padding: 0;
+    margin: 0em .2em;
+}
+
+pre, img {
+    overflow: auto;
+    max-width: 95%;
+}
+
+pre {
+    font-family: monospace;
+    font-size: 0.95em;
+    line-height: 1.15em;
+    background-color: #F5F5F5;
+    border: 3px solid silver;
+    overflow: auto;
+    padding: 0.5em;
+}
+
+@media screen and (max-width: 650px) {
+    body {
+        font-size: 15px;
+    }
+}
+
+@media screen and (max-width: 500px) {
+    body {
+        font-size: 14px;
+    }
+
+    #page-head h1 {
+        font-size: 2.5em;
+    }
+}