src/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     background: #C1C1C1;
  31     z-index:100;
  32     cursor: col-resize;
  33 }
  34
  35 .vsplitbar:hover {
  36         background-color: #E6E6E6;
  37 }
  38
  39 .vsplitbar p {
  40     font: 12px Helvetica,Verdana,sans-serif;
  41
  42   -moz-transform: rotate(270deg);
  43   -moz-transform-origin: 50% 50%;
  44   -webkit-transform: rotate(270deg);
  45   -webkit-transform-origin: 50% 50%;
  46   -o-transform: rotate(-270deg);
  47   -o-transform-origin:  bottom left;
  48   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  49   margin: 250px auto;
  50 }
  51
  52 #drag-layer {
  53     position:absolute;
  54     top:0;
  55     bottom:0;
  56     left:0;
  57     right:0;
  58     z-index:1000;
  59     display: none;
  60     cursor: col-resize;
  61 }
  62
  63 .editor {
  64     position: absolute;
  65     top: 0px;
  66     bottom: 0;
  67     left: 0;
  68     right: 30px;
  69     overflow: hidden;
  70 }
  71
  72 .sideless .editor {
  73     right: 0;
  74 }
  75 .image-object {
  76     padding-left: 1em;
  77     font: 12px Sans, Helvetica, Verdana, sans-serif;
  78 }
  79 .image-object:hover {
  80     cursor: pointer;
  81 }
  82 #objects-list .delete {
  83     padding-left: 3px;
  84     font: 10px Sans, Helvetica, Verdana, sans-serif;
  85 }
  86 #objects-list .delete:hover {
  87     cursor: pointer;
  88 }
  89
  90 #objects-list .active {
  91     color: #800;
  92 }
  93
  94
  95 #editor.readonly .editor {
  96         right: 0px;
  97 }
  98
  99 #html-view {
 100     overflow: auto;
 101     position: absolute;
 102     top: 33px;
 103     bottom: 0;
 104     left: 0;
 105     right: 0;
 106         z-index: 1;
 107 }
 108
 109 #splitter {
 110         position: fixed;
 111         top: 31px;
 112         left: 0px;
 113         right: 0px;
 114         bottom: 0px;
 115         overflow: hidden;
 116 }
 117
 118
 119 #header {
 120         position: fixed;
 121         top: 0px;
 122         right: 0px;
 123         left: 0px;
 124         height: 30px;
 125         border-bottom: 1px solid #999;
 126
 127     margin: 0;
 128     padding: 0;
 129     background-color: #C1C1C1;
 130     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
 131
 132         /* Firefox 3.6 */
 133         background-image: -moz-linear-gradient(top left, #C1C1C1, #A2A2A2, 90%);
 134
 135     font: 11px Helvetica, Verdana, sans-serif;
 136     font-weight: bold;
 137
 138     z-index: 100;
 139 }
 140
 141
 142 #header.saving {
 143         background-color: #E1C1C1;
 144 }
 145 #header.saving #save-button {
 146     display: none;
 147 }
 148 #save-attempt-info {
 149     color: #801000;
 150     display: none;
 151 }
 152 .saving #save-attempt-info {
 153     display: inline;
 154     font-weight: normal;
 155 }
 156
 157
 158 #header.out-of-date {
 159     background-color: #E1C1C1;
 160 }
 161 #header.out-of-date #save-button {
 162     display: none;
 163 }
 164 #out-of-date-info {
 165     color: #801000;
 166     display: none;
 167 }
 168 .out-of-date #out-of-date-info {
 169     display: inline;
 170 }
 171
 172
 173
 174 #header h1, #header h1 a {
 175     margin: 0;
 176     padding: 0;
 177     font: 9px Helvetica, Verdana, sans-serif;
 178     font-weight: bold;
 179     float: left;
 180     padding: 3px 3px 2px 3px;
 181     color: #222;
 182     #line-height: 20px;
 183 }
 184
 185 #header h1 a {
 186     text-decoration: none;
 187     color: #222;
 188 }
 189
 190 #header img {
 191     border: 0;
 192 }
 193
 194 .tabs {
 195         overflow: hidden;
 196     margin: 0;
 197         padding: 0;
 198         height: 31px;
 199         border: 0px;
 200         padding-left: 1em;
 201     float: left;
 202 }
 203
 204 .tabs a {
 205     color: black;
 206 }
 207
 208 #tabs-right {
 209     float: right;
 210     padding-right: 1em;
 211 }
 212
 213 .tabs li {
 214         margin-top: 6px;
 215         margin-bottom: 0px;
 216
 217     -webkit-user-select: none;
 218     cursor: pointer;
 219     display: block;
 220     float: left;
 221
 222     font-weight: bold;
 223     color: #222;
 224     margin-left: 4px;
 225
 226     background-color: #A2A2A2;
 227
 228         -moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 229     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 230
 231     border: 1px solid #999;
 232         border-bottom-width: 0px;
 233         -moz-border-radius: 4px 4px 0px 0px;
 234         -webkit-border-radius: 4px;
 235     -webkit-border-bottom-left-radius: 0px;
 236     -webkit-border-bottom-right-radius: 0px;
 237 }
 238
 239 #tabs li {
 240     height: 18px;
 241     padding-left: 12px;
 242     padding-right: 12px;
 243     padding-top: 5px;
 244 }
 245
 246 .tabs li.active {
 247     background-color: #C1C1C1;
 248 }
 249
 250
 251 #tabs-right li {
 252     height: 20px;
 253     padding-left: 12px;
 254     padding-right: 12px;
 255     padding-top: 3px;
 256 }
 257
 258
 259
 260 #tools {
 261         float: right;
 262         clear: right;
 263         overflow: hidden;
 264     margin: 0;
 265         padding: 0;
 266         height: 30px;
 267         margin-right: 5px;
 268         line-height: 30px;
 269         font-size: 10px;
 270         vertical-align: middle;
 271 }
 272
 273 /* Remove extra padding in Firefox */
 274 button::-moz-focus-inner {
 275     border: 0;
 276     padding: 0;
 277 }
 278
 279 p { margin: 0;}
 280
 281 #body-wrap {
 282     height: 100%;
 283     width: 100%;
 284 }
 285
 286 #content {
 287     height: 100%;
 288     width: 100%;
 289 }
 290
 291 #loading-overlay {
 292     background-color: #FFF;
 293     position: absolute;
 294     z-index: 1000;
 295     padding: 0;
 296     top: 0;
 297     left: 0;
 298     width: 100%;
 299     height: 100%;
 300 }
 301
 302 #loading-message {
 303     position: absolute;
 304     height: 20px;
 305     width: 120px;
 306     left: 50%;
 307     margin-left: -60px;
 308     top: 50%;
 309     margin-top: -10px;
 310 /*    text-align: center;*/
 311 }
 312
 313 #loading-message img {
 314     float: left;
 315     margin-right: 10px;
 316     margin-top: -6px;
 317 }
 318
 319 /*
 320  * CodeMirror
 321  */
 322
 323 .CodeMirror-line-numbers {
 324         padding: 0px;
 325         padding-top: 5px;
 326         text-align: right;
 327         overflow: hidden;
 328         width: 40px;
 329         border-right: 1px solid black;
 330         background-color: #e6e6fa;
 331 }
 332
 333 .CodeMirror-line-numbers div {
 334         display: block;
 335         font-family:"Lucida Console", monospace;
 336     font-size: 13px;
 337     line-height: 18px;
 338         padding-right: 5px;
 339 }
 340
 341 img.tabclose {
 342         padding-left: 8px;
 343         width: 16px;
 344         height: 16px;
 345         vertical-align: middle;
 346         vertical-align: text-bottom;
 347 }
 348
 349 /*
 350  * HTML Editor view
 351  */
 352
 353 .htmlview {
 354         z-index: 1;
 355         overflow: hidden;
 356 }
 357
 358 .htmlview .active[x-editable] {
 359     background-color: #FAFAFA;
 360     border: 1px solid #DDD;
 361 /*    -webkit-transition: all 1s linear;*/
 362 }
 363
 364 .blockOverlay {
 365         background-color: black;
 366         opacity: 0.4;
 367 }
 368
 369 .poezja_cyt {
 370     margin:1.5em 2em 0;
 371     font-size:0.875em
 372 }
 373
 374 .wers_akap {
 375         padding-left: 1em;
 376 }
 377
 378 .saveNotify {
 379     position:absolute;
 380     bottom:22px;
 381     right:7px;
 382     z-index:800;
 383     background-color: #FFFF69;
 384     padding:10px;
 385     border: 1px solid black;
 386     border-radius: 5px;
 387     -moz-border-radius: 15px;
 388 }
 389
 390 .notifyTip {
 391     font-size:12px; float:right;
 392 }
 393
 394 .saveNotify span {
 395     font-weight: bold;
 396 }
 397
 398
 399
 400 .scrolled {
 401     position: absolute;
 402     top: 0;
 403     left: 0;
 404     right: 0;
 405     bottom: 0;
 406     overflow: auto;
 407 }