X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/6280673f35e13e75e81c5b7821bd2a44a1831eab..357027375ff8867f42ca34bcbfb5a78b5b185fc3:/src/wolnelektury/static/scss/main/base.scss

diff --git a/src/wolnelektury/static/scss/main/base.scss b/src/wolnelektury/static/scss/main/base.scss
new file mode 100755
index 000000000..1f1021a9f
--- /dev/null
+++ b/src/wolnelektury/static/scss/main/base.scss
@@ -0,0 +1,110 @@
+/* Basic layout */
+html, body {
+    margin: 0;
+    padding: 0;
+}
+
+
+.clearboth {
+    clear: both;
+}
+
+
+
+/* Basic colors and fonts */
+body {
+    font-family: Georgia;
+    background: #f7f7f7;
+    color: black;
+
+    @include size(font-size, 13px);
+}
+
+a {
+    color: #0d7e85;
+    text-decoration: none;
+
+    img {
+        border: 0;
+    }
+}
+
+h1 {
+    @include size(font-size, 35px);
+    font-weight: normal;
+    @include size(margin-top, 14px);
+
+    a {
+        color: inherit;
+    }
+}
+
+h2 {
+    @include size(font-size, 20px);
+    font-weight: normal;
+}
+
+h3 {
+    @include size(font-size, 15px);
+    font-weight: normal;
+}
+
+
+.normal-text {
+    line-height: 1.3em;
+    @include size(margin, 0 5px);
+
+    @media screen and (min-width: 62.5em) {
+        margin: 0;
+    }
+}
+
+.white-box {
+    @include size(padding, 10px);
+    @include white-box;
+}
+
+
+ul.plain {
+    list-style:none;
+    margin: 0;
+    padding: 0;
+}
+
+
+.theme-list-link {
+    @include mono;
+    @include size(font-size, 11px);
+    
+    &:after {
+        @include size(padding-left, 11px);
+        content: url("/static/img/arrow-teal.png");
+        vertical-align: middle;
+    }
+}
+
+
+.left-column, .right-column {
+    @include size(max-width, 600px);
+}
+@media screen and (min-width: 62.5em) {
+    .left-column {
+        @include size(width, 470px);
+        float: left;
+    }
+    .right-column {
+        @include size(width, 470px);
+        float:right;
+    }
+}
+
+.pagination {
+    display: block;
+    @include size(font-size, 12px);
+    @include size(padding, 6px);
+    text-align:center;
+}
+
+.simple-hidden-initially {
+    display: none;
+}