Reorganize SCSS files, RWD-ize funding.

[wolnelektury.git] / apps / wolnelektury_core / static / scss / main / dialogs.scss

diff --git a/apps/wolnelektury_core/static/scss/main/dialogs.scss b/apps/wolnelektury_core/static/scss/main/dialogs.scss
new file mode 100755 (executable)
index 0000000..2902862
--- /dev/null
+++ b/apps/wolnelektury_core/static/scss/main/dialogs.scss
@@ -0,0 +1,138 @@
+.dialog-window {
+    position: absolute;
+    display: none;
+    background-color: transparent;
+    @include size(margin-top, -5px);
+    @include size(margin-left, 10px);
+    @include size(width, 200px);
+
+    @media screen and (max-width: 29.999999em) {
+        left: 0 !important;
+        right: 0;
+        @include size(margin-left, 0);
+        width: auto;
+    }
+
+    div.header {
+        @include mono;
+        @include size(font-size, 11px);
+        width: 4em;
+        background-color: #FFF;
+        padding: 1em;
+        right: 0;
+        left: auto;
+        float: right;
+        text-align: center;
+
+        @media screen and (min-width: 30em) {
+            padding-top: 0.5em;
+            padding-bottom: 0.5em;
+            border-right: 0.3em solid #DDD;
+        }
+    }
+
+    div.target {
+        background-color: #FFF;
+        color: black;
+        border-bottom: 0.3em solid #DDD;
+        padding: 1em 10px;
+        clear: both;
+
+        @media screen and (min-width: 30em) {
+            border-right: 0.3em solid #DDD;
+            padding-left: 1em;
+            padding-right: 1em;
+        }
+    }
+
+    h1 {
+        @include size(font-size, 12px);
+        font-weight: normal;
+        margin-top: .4em;
+    }
+
+    textarea, input {
+        width: 100%;
+    }
+}
+
+
+
+
+
+
+
+.cuteform {
+    @include size(font-size, 11px);
+
+    ol, ul {
+        padding: 0;
+        margin: 0;
+        list-style: none;
+        @include size(font-size, 11px);
+
+        li {
+            margin-top: 0.7em;
+        }
+    }
+
+    label {
+        display: block;
+    }
+
+    span.help-text {
+        display: block;
+        font-size: 0.8em;
+        color: #999;
+    }
+
+    .error {
+        color: #BF3024;
+        display: block;
+    }
+
+    .errorlist {
+        color: #BF3024;
+    }
+}
+
+
+.jqmOverlay { background-color: #000; }
+
+
+
+.hidelabels label {
+    @include hidden-label;
+}
+
+
+@media screen and (min-width: 30em) {
+    #login-window {
+        @include size(width, 260px);
+    }
+    #register-window {
+        width: 26em;
+    }
+    #context-login-window {
+        width: 26em;
+    }
+    #suggest-window {
+        width: 26em;
+    }
+    #suggest-publishing-window {
+        width: 29em;
+    }
+    #custom-pdf-window {
+        width: 24em;   
+    }
+}
+
+#suggest-window textarea {
+    height: 6em;
+}
+#suggest-publishing-window textarea {
+    height: 3em;
+}
+#custom-pdf-window label {
+    display: inline;
+}