platforma/static/css/master.css

   1 body {
   2     margin: 0;
   3     overflow: hidden;
   4     padding: 0;
   5     min-width: 960px;
   6     width: 100%;
   7     height: 100%;
   8 }
   9
  10 .vsplitbar {
  11     position: absolute;
  12     top: 0px;
  13     bottom: 0;
  14     right: 0;;
  15     width: 13px;
  16     background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center;
  17         text-
  18     border-left: 1px solid #999;
  19     border-right: 1px solid #999;
  20     cursor: pointer;
  21 }
  22
  23 .vsplitbar:hover {
  24         background-color: #e6e6fa;
  25 }
  26
  27 .vsplitbar.active {
  28         background-
  29
  30 }
  31
  32 #source-editor, #simple-editor, #history-viewer {
  33     position: absolute;
  34     top: 0px;
  35     bottom: 0;
  36     left: 0;
  37     right: 15px;
  38     overflow: hidden;
  39 }
  40
  41 #html-view, #history-view {
  42     overflow: auto;
  43     position: absolute;
  44     top: 30px;
  45     bottom: 0;
  46     left: 0;
  47     right: 0;
  48         z-index: 1;
  49 }
  50
  51 #sidebar {
  52     position: absolute;
  53     overflow: hidden;
  54     top: 0px;
  55     right: 0;
  56     bottom: 0;
  57     width: 0;
  58     display: none;
  59     background-color: #FFF;
  60 }
  61
  62
  63 #splitter {
  64         position: fixed;
  65         top: 31px;
  66         left: 0px;
  67         right: 0px;
  68         bottom: 0px;
  69         overflow: hidden;
  70 }
  71
  72
  73 #header {
  74         position: fixed;
  75         top: 0px;
  76         right: 0px;
  77         left: 0px;
  78         height: 30px;
  79         border-bottom: 1px solid #999;
  80
  81     margin: 0;
  82     padding: 0;
  83     background-color: #C1C1C1;
  84     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
  85
  86         /* Firefox 3.6 */
  87         background-image: -moz-linear-gradient(top left, #C1C1C1, #A2A2A2, 90%);
  88
  89     font: 11px Helvetica, Verdana, sans-serif;
  90     font-weight: bold;
  91 }
  92
  93 #header h1, #header h1 a {
  94     margin: 0;
  95     padding: 0;
  96     font: 17px Helvetica, Verdana, sans-serif;
  97     font-weight: bold;
  98     float: left;
  99     padding: 3px 6px 2px 6px;
 100     color: #222;
 101     line-height: 20px;
 102 }
 103
 104 #header h1 a {
 105     text-decoration: none;
 106     color: #222;
 107 }
 108
 109 #tabs {
 110         overflow: hidden;
 111     margin: 0;
 112         height: 30px;
 113         padding-left: 1em;
 114 }
 115
 116 #tabs li {
 117         height: 24px;
 118         margin-top: 6px;
 119
 120     -webkit-user-select: none;
 121     cursor: pointer;
 122     display: block;
 123     float: left;
 124
 125         padding-left: 12px;
 126         padding-right: 12px;
 127         padding-top: 5px;
 128
 129     font-weight: bold;
 130     color: #222;
 131     margin-left: 4px;
 132
 133     background-color: #A2A2A2;
 134
 135         -moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 136     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 137
 138     border: 1px solid #999;
 139         -moz-border-radius: 4px 4px 0px 0px;
 140         -webkit-border-radius: 4px;
 141     -webkit-border-bottom-left-radius: 0px;
 142     -webkit-border-bottom-right-radius: 0px;
 143 }
 144
 145 #tabs li.active {
 146     background-color: #C1C1C1;
 147 }
 148
 149 #tools {
 150         float: right;
 151         clear: right;
 152         overflow: hidden;
 153     margin: 0;
 154         padding: 0;
 155         height: 30px;
 156         margin-right: 5px;
 157         line-height: 30px;
 158         font-size: 10px;
 159         vertical-align: middle;
 160 }
 161
 162
 163 /*
 164  * Toolbars
 165  */
 166
 167 .toolbar {
 168     width: 100%;
 169     border-bottom: 1px solid #777;
 170     background-color: #C1C1C1;
 171     margin: 0;
 172     padding: 2px;
 173     z-index: 100;
 174 /*    height: 22px;*/
 175 }
 176
 177 .toolbar button {
 178     display: block;
 179     float: left;
 180     margin: 4px 0 2px 0;
 181     padding: 2px 5px;
 182     border: none;
 183     background: none;
 184 }
 185
 186 .toolbar button img {
 187         margin: 0;
 188         padding: 0;
 189         margin-bottom: -3px;
 190 }
 191
 192
 193 .toolbar select {
 194     float: left;
 195     margin: 1px 5px 1px 0;
 196     background: none;
 197     border: 1px solid #999;
 198     padding: 1px;
 199 }
 200
 201 .toolbar input {
 202     float: left;
 203     font-size: 11px;
 204     padding: 0;
 205     margin: 4px 5px 0px 5px;
 206         vertical-align:baseline;
 207 }
 208
 209 .toolbar-end {
 210     clear: both;
 211 }
 212
 213 .toolbar button:hover, .toolbar button:active {
 214     background: #777;
 215     color: #FFF;
 216     -webkit-border-radius: 10px;
 217     -moz-border-radius: 10px;
 218 }
 219
 220 /* Remove extra padding in Firefox */
 221 button::-moz-focus-inner {
 222     border: 0;
 223     padding: 0;
 224 }
 225
 226 p { margin: 0;}
 227
 228 /* =========== */
 229 /* = Gallery = */
 230 /* =========== */
 231 .change-gallery-panel {
 232     width: 100%;
 233     border-bottom: 1px solid #777;
 234     background-color: #C1C1C1;
 235     margin: 0;
 236     padding: 2px;
 237     z-index: 10;
 238 }
 239
 240 .gallery-image {
 241     position: absolute;
 242     top: 30px;
 243     right: 0;
 244     bottom: 0;
 245     left: 0;
 246     margin: 0;
 247     border: none;
 248     background-color: #000;
 249     overflow: hidden;
 250 }
 251
 252 .gallery-image img {
 253     position: absolute;
 254     -moz-drag: none;
 255     user-select: none;
 256     -webkit-user-select: none;
 257     -khtml-user-select: none;
 258     -moz-user-select: none;
 259     cursor: pointer;
 260 }
 261
 262
 263 #body-wrap {
 264     height: 100%;
 265     width: 100%;
 266 }
 267 #content {
 268     height: 100%;
 269     width: 100%;
 270 }
 271
 272 #loading-overlay {
 273     background-color: #FFF;
 274     position: absolute;
 275     z-index: 1000;
 276     padding: 0;
 277     top: 0;
 278     left: 0;
 279     width: 100%;
 280     height: 100%;
 281 }
 282
 283 #loading-message {
 284     position: absolute;
 285     height: 20px;
 286     width: 120px;
 287     left: 50%;
 288     margin-left: -60px;
 289     top: 50%;
 290     margin-top: -10px;
 291 /*    text-align: center;*/
 292 }
 293
 294 #loading-message img {
 295     float: left;
 296     margin-right: 10px;
 297     margin-top: -6px;
 298 }
 299
 300
 301
 302
 303 /*
 304  * CodeMirror
 305  */
 306
 307 .CodeMirror-line-numbers {
 308         padding: 0px;
 309         padding-top: 5px;
 310         text-align: right;
 311         overflow: hidden;
 312         width: 40px;
 313         border-right: 1px solid black;
 314         background-color: #e6e6fa;
 315 }
 316
 317 .CodeMirror-line-numbers div {
 318         display: block;
 319         font-family:"Lucida Console", monospace;
 320     font-size: 13px;
 321     line-height: 18px;
 322         padding-right: 5px;
 323 }
 324
 325 /* DIFFS */
 326  #history-view table {
 327         width: 75%;
 328         margin: 1em auto;
 329         max-height: 400px;
 330         overflow-y: auto;
 331  }
 332
 333  #diff-view {
 334         border: 2px solid black;
 335         background: #fafafa;
 336         margin: 1em auto;
 337         width: 90%;
 338  }
 339
 340  td.diff_header {
 341         display: none;
 342  }
 343
 344  td.diff_next {
 345         display: none;
 346  }
 347
 348  .diff_sub {
 349         background-color: #ef4040;
 350  }
 351
 352  .diff_chg {
 353         background-color: #efef40;
 354  }
 355
 356  .diff_add {
 357         background-color: #40ef40;
 358  }
 359
 360
 361 /*
 362  * HTML Editor view
 363  */
 364
 365 .htmlview {
 366         z-index: 1;
 367         overflow: hidden;
 368 }
 369
 370 .htmlview *[x-editable] {
 371     background-color: white;
 372
 373 }
 374 .htmlview .active[x-editable] {
 375     background-color: #FAFAFA;
 376     border: 1px solid #DDD;
 377 /*    -webkit-transition: all 1s linear;*/
 378 }