redakcja/static/css/master.css

   1 a, a:visited, a:active {
   2         color: blue;
   3         text-decoration: none;
   4 }
   5
   6 a:hover {
   7         text-decoration: underline;
   8 }
   9
  10
  11 body {
  12     margin: 0;
  13     overflow: hidden;
  14     padding: 0;
  15     min-width: 960px;
  16     width: 100%;
  17     height: 100%;
  18 }
  19
  20 .vsplitbar {
  21     position: absolute;
  22     top: 0px;
  23     bottom: 0;
  24     right: 0;
  25     width: 26px;
  26     background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center;
  27     border-left: 2px solid #999;
  28     border-right: 2px solid #999;
  29     cursor: pointer;
  30 }
  31
  32 .vsplitbar:hover {
  33         background-color: yellow;
  34         border-color: orange;
  35 }
  36
  37 .editor {
  38     position: absolute;
  39     top: 0px;
  40     bottom: 0;
  41     left: 0;
  42     right: 30px;
  43     overflow: hidden;
  44 }
  45
  46 #editor.readonly .editor {
  47         right: 0px;
  48 }
  49
  50 #html-view {
  51     overflow: auto;
  52     position: absolute;
  53     top: 33px;
  54     bottom: 0;
  55     left: 0;
  56     right: 0;
  57         z-index: 1;
  58 }
  59
  60 #splitter {
  61         position: fixed;
  62         top: 31px;
  63         left: 0px;
  64         right: 0px;
  65         bottom: 0px;
  66         overflow: hidden;
  67 }
  68
  69
  70 #header {
  71         position: fixed;
  72         top: 0px;
  73         right: 0px;
  74         left: 0px;
  75         height: 30px;
  76         border-bottom: 1px solid #999;
  77
  78     margin: 0;
  79     padding: 0;
  80     background-color: #C1C1C1;
  81     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
  82
  83         /* Firefox 3.6 */
  84         background-image: -moz-linear-gradient(top left, #C1C1C1, #A2A2A2, 90%);
  85
  86     font: 11px Helvetica, Verdana, sans-serif;
  87     font-weight: bold;
  88 }
  89
  90 #header.saving {
  91         background-color: #E1C1C1;
  92 }
  93 #header.saving #save-button {
  94     display: none;
  95 }
  96 #save-attempt-info {
  97     color: #801000;
  98     display: none;
  99 }
 100 .saving #save-attempt-info {
 101     display: inline;
 102 }
 103
 104 #header h1, #header h1 a {
 105     margin: 0;
 106     padding: 0;
 107     font: 17px Helvetica, Verdana, sans-serif;
 108     font-weight: bold;
 109     float: left;
 110     padding: 3px 6px 2px 6px;
 111     color: #222;
 112     line-height: 20px;
 113 }
 114
 115 #header h1 a {
 116     text-decoration: none;
 117     color: #222;
 118 }
 119
 120 .tabs {
 121         overflow: hidden;
 122     margin: 0;
 123         padding: 0;
 124         height: 31px;
 125         border: 0px;
 126         padding-left: 1em;
 127     float: left;
 128 }
 129
 130 #tabs-right {
 131     float: right;
 132     padding-right: 1em;
 133 }
 134
 135 .tabs li {
 136         height: 18px;
 137         margin-top: 6px;
 138         margin-bottom: 0px;
 139
 140     -webkit-user-select: none;
 141     cursor: pointer;
 142     display: block;
 143     float: left;
 144
 145         padding-left: 12px;
 146         padding-right: 12px;
 147         padding-top: 5px;
 148
 149     font-weight: bold;
 150     color: #222;
 151     margin-left: 4px;
 152
 153     background-color: #A2A2A2;
 154
 155         -moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 156     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 157
 158     border: 1px solid #999;
 159         border-bottom-width: 0px;
 160         -moz-border-radius: 4px 4px 0px 0px;
 161         -webkit-border-radius: 4px;
 162     -webkit-border-bottom-left-radius: 0px;
 163     -webkit-border-bottom-right-radius: 0px;
 164 }
 165
 166 .tabs li.active {
 167     background-color: #C1C1C1;
 168 }
 169
 170 #tools {
 171         float: right;
 172         clear: right;
 173         overflow: hidden;
 174     margin: 0;
 175         padding: 0;
 176         height: 30px;
 177         margin-right: 5px;
 178         line-height: 30px;
 179         font-size: 10px;
 180         vertical-align: middle;
 181 }
 182
 183 /* Remove extra padding in Firefox */
 184 button::-moz-focus-inner {
 185     border: 0;
 186     padding: 0;
 187 }
 188
 189 p { margin: 0;}
 190
 191 #body-wrap {
 192     height: 100%;
 193     width: 100%;
 194 }
 195
 196 #content {
 197     height: 100%;
 198     width: 100%;
 199 }
 200
 201 #loading-overlay {
 202     background-color: #FFF;
 203     position: absolute;
 204     z-index: 1000;
 205     padding: 0;
 206     top: 0;
 207     left: 0;
 208     width: 100%;
 209     height: 100%;
 210 }
 211
 212 #loading-message {
 213     position: absolute;
 214     height: 20px;
 215     width: 120px;
 216     left: 50%;
 217     margin-left: -60px;
 218     top: 50%;
 219     margin-top: -10px;
 220 /*    text-align: center;*/
 221 }
 222
 223 #loading-message img {
 224     float: left;
 225     margin-right: 10px;
 226     margin-top: -6px;
 227 }
 228
 229 /*
 230  * CodeMirror
 231  */
 232
 233 .CodeMirror-line-numbers {
 234         padding: 0px;
 235         padding-top: 5px;
 236         text-align: right;
 237         overflow: hidden;
 238         width: 40px;
 239         border-right: 1px solid black;
 240         background-color: #e6e6fa;
 241 }
 242
 243 .CodeMirror-line-numbers div {
 244         display: block;
 245         font-family:"Lucida Console", monospace;
 246     font-size: 13px;
 247     line-height: 18px;
 248         padding-right: 5px;
 249 }
 250
 251 img.tabclose {
 252         padding-left: 8px;
 253         width: 16px;
 254         height: 16px;
 255         vertical-align: middle;
 256         vertical-align: text-bottom;
 257 }
 258
 259 /*
 260  * HTML Editor view
 261  */
 262
 263 .htmlview {
 264         z-index: 1;
 265         overflow: hidden;
 266 }
 267
 268 .htmlview *[x-editable] {
 269     background-color: white;
 270
 271 }
 272 .htmlview .active[x-editable] {
 273     background-color: #FAFAFA;
 274     border: 1px solid #DDD;
 275 /*    -webkit-transition: all 1s linear;*/
 276 }
 277
 278 .blockOverlay {
 279         background-color: black;
 280         opacity: 0.4;
 281 }
 282
 283 .poezja_cyt {
 284     margin:1.5em 2em 0;
 285     font-size:0.875em
 286 }
 287
 288 .wers_akap {
 289         padding-left: 1em;
 290 }
 291
 292 /* specialChars */
 293 #specialCharsContainer {
 294     text-align: center;
 295     width: 600px;
 296     padding:20px;
 297     background-color: gray;
 298     position: absolute;
 299     top: 20px;
 300     left: 20px;
 301     z-index:1000;
 302 }
 303 #specialCharsContainer a {
 304     color: white;
 305     font-weight: bold;
 306 }
 307 #tableSpecialChars td input {
 308     background-color: transparent;
 309     border:0;
 310     color: white;
 311 }