apps/wolnelektury_core/static/css/main/dialogs.scss

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