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, 11px);
  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: inline;
 101         }
 102
 103         input {
 104             width: auto;
 105         }
 106     }
 107 }
 108
 109
 110 .jqmOverlay { background-color: #000; }
 111
 112
 113
 114 .hidelabels label {
 115     @include hidden-label;
 116 }
 117
 118
 119 @media screen and (min-width: 30em) {
 120     #login-window {
 121         @include size(width, 260px);
 122     }
 123     #register-window {
 124         width: 26em;
 125     }
 126     #context-login-window {
 127         width: 26em;
 128     }
 129     #suggest-window {
 130         width: 26em;
 131     }
 132     #suggest-publishing-window {
 133         width: 29em;
 134     }
 135     #custom-pdf-window {
 136         width: 24em;
 137     }
 138 }
 139
 140 #suggest-window textarea {
 141     height: 6em;
 142 }
 143 #suggest-publishing-window textarea {
 144     height: 3em;
 145 }
 146 #custom-pdf-window label {
 147     display: inline;
 148 }