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.help-text {
  84         display: block;
  85         font-size: 0.8em;
  86         color: #999;
  87     }
  88
  89     .error {
  90         color: #BF3024;
  91         display: block;
  92     }
  93
  94     .errorlist {
  95         color: #BF3024;
  96     }
  97 }
  98
  99
 100 .jqmOverlay { background-color: #000; }
 101
 102
 103
 104 .hidelabels label {
 105     @include hidden-label;
 106 }
 107
 108
 109 @media screen and (min-width: 30em) {
 110     #login-window {
 111         @include size(width, 260px);
 112     }
 113     #register-window {
 114         width: 26em;
 115     }
 116     #context-login-window {
 117         width: 26em;
 118     }
 119     #suggest-window {
 120         width: 26em;
 121     }
 122     #suggest-publishing-window {
 123         width: 29em;
 124     }
 125     #custom-pdf-window {
 126         width: 24em;
 127     }
 128 }
 129
 130 #suggest-window textarea {
 131     height: 6em;
 132 }
 133 #suggest-publishing-window textarea {
 134     height: 3em;
 135 }
 136 #custom-pdf-window label {
 137     display: inline;
 138 }