src/wolnelektury/static/scss/main/dialogs.scss

   1 .dialog-window {
   2     position: absolute;
   3     display: none;
   4     background-color: transparent;
   5     @include size(margin-top, -5px);
   6     @include size(margin-left, 10px);
   7     @include size(width, 200px);
   8
   9     @media screen and (max-width: 29.999999em) {
  10         left: 0 !important;
  11         right: 0;
  12         @include size(margin-left, 0);
  13         width: auto;
  14     }
  15
  16     div.header {
  17         @include mono;
  18         @include size(font-size, 11px);
  19         width: 4em;
  20         background-color: #FFF;
  21         padding: 1em;
  22         right: 0;
  23         left: auto;
  24         float: right;
  25         text-align: center;
  26
  27         @media screen and (min-width: 30em) {
  28             padding-top: 0.5em;
  29             padding-bottom: 0.5em;
  30             border-right: 0.3em solid #DDD;
  31         }
  32     }
  33
  34     div.target {
  35         background-color: #FFF;
  36         color: black;
  37         border-bottom: 0.3em solid #DDD;
  38         padding: 1em 10px;
  39         clear: both;
  40
  41         @media screen and (min-width: 30em) {
  42             border-right: 0.3em solid #DDD;
  43             padding-left: 1em;
  44             padding-right: 1em;
  45         }
  46     }
  47
  48     h1 {
  49         @include size(font-size, 12px);
  50         font-weight: normal;
  51         margin-top: .4em;
  52     }
  53
  54     textarea, input {
  55         width: 100%;
  56     }
  57 }
  58
  59
  60
  61
  62
  63
  64
  65 .cuteform {
  66     @include size(font-size, 11px);
  67
  68     ol, ul {
  69         padding: 0;
  70         margin: 0;
  71         list-style: none;
  72         @include size(font-size, 16px);
  73
  74         li {
  75             margin-top: 0.7em;
  76         }
  77     }
  78
  79     label {
  80         display: block;
  81     }
  82
  83     span.helptext {
  84         display: block;
  85         font-size: 0.9em;
  86         color: #999;
  87     }
  88
  89     .error {
  90         color: #BF3024;
  91         display: block;
  92     }
  93
  94     .errorlist {
  95         color: #BF3024;
  96     }
  97
  98     .checkbox {
  99         label {
 100             display: block;
 101             padding-left: 15px;
 102             text-indent: -15px;
 103         }
 104
 105         input {
 106             width: 13px;
 107             height: 13px;
 108             padding: 0;
 109             margin:0;
 110             vertical-align: bottom;
 111             position: relative;
 112             top: -1px;
 113             *overflow: hidden;
 114         }
 115     }
 116 }
 117
 118
 119 .jqmOverlay { background-color: #000; }
 120
 121
 122
 123 .hidelabels label, .hidelabels .label {
 124     @include hidden-label;
 125 }
 126
 127 .hidelabels label.nohide {
 128     width: auto;
 129     height: auto;
 130 }
 131
 132 .hidelabels .checkbox .label {
 133     display: inline;
 134 }
 135
 136
 137 @media screen and (min-width: 30em) {
 138     #login-window {
 139         @include size(width, 260px);
 140     }
 141     #register-window {
 142         width: 26em;
 143     }
 144     #context-login-window {
 145         width: 26em;
 146     }
 147     #suggest-window {
 148         width: 26em;
 149     }
 150     #suggest-publishing-window {
 151         width: 29em;
 152     }
 153     #custom-pdf-window {
 154         width: 24em;
 155     }
 156 }
 157
 158 #suggest-window textarea {
 159     height: 6em;
 160 }
 161 #suggest-publishing-window textarea {
 162     height: 3em;
 163 }
 164 #custom-pdf-window label {
 165     display: inline;
 166 }