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