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: 25px;
  13     bottom: 0;
  14     right: 0;;
  15     width: 13px;
  16     background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center;
  17     border-left: 1px solid #999;
  18     border-right: 1px solid #999;
  19     cursor: w-resize;
  20 }
  21
  22 .vsplitbar.active {
  23     cursor: e-resize;
  24 }
  25
  26 #source-editor, #simple-editor {
  27     position: absolute;
  28     top: 25px;
  29     bottom: 0;
  30     left: 0;
  31     right: 15px;
  32     overflow: hidden;
  33 }
  34
  35 #html-view {
  36     overflow: auto;
  37     position: absolute;
  38     top: 27px;
  39     bottom: 0;
  40     left: 0;
  41     right: 0;
  42 }
  43
  44 #sidebar {
  45     position: absolute;
  46     overflow: hidden;
  47     top: 25px;
  48     right: 0;
  49     bottom: 0;
  50     width: 0;
  51     display: none;
  52     background-color: #FFF;
  53 }
  54
  55 #header {
  56     margin: 0;
  57     padding: 0;
  58     background-color: #C1C1C1;
  59     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
  60     font: 11px Helvetica, Verdana, sans-serif;
  61     font-weight: bold;
  62 }
  63
  64 #header h1, #header h1 a {
  65     margin: 0;
  66     padding: 0;
  67     font: 17px Helvetica, Verdana, sans-serif;
  68     font-weight: bold;
  69     float: left;
  70     padding: 3px 6px 2px 6px;
  71     color: #222;
  72     line-height: 20px;
  73 }
  74
  75 #header h1 a {
  76     text-decoration: none;
  77     color: #222;
  78 }
  79
  80 #tabs {
  81     margin: 0;
  82     padding: 0;
  83
  84     width: 100%;
  85     height: 22px;
  86     padding-top: 2px;
  87     border-bottom: 1px solid #999;
  88 }
  89
  90 #tabs li {
  91     -webkit-user-select: none;
  92     cursor: default;
  93     display: block;
  94     float: left;
  95     padding: 5px 12px 3px 12px;
  96     border: 1px solid #999;
  97     -webkit-border-radius: 4px;
  98     -webkit-border-bottom-left-radius: 0;
  99     -webkit-border-bottom-right-radius: 0;
 100     font-weight: bold;
 101     color: #222;
 102     height: 13px;
 103     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 104     margin-left: 4px;
 105     margin-bottom: -1px;
 106     background-color: #A2A2A2;
 107 }
 108
 109 #tabs li.active {
 110     background-color: #C1C1C1;
 111     border-bottom: 1px solid #C1C1C1;
 112 }
 113
 114 .toolbar {
 115     width: 100%;
 116     border-bottom: 1px solid #777;
 117     background-color: #C1C1C1;
 118     margin: 0;
 119     padding: 2px;
 120     z-index: 10;
 121 /*    height: 22px;*/
 122 }
 123
 124 .toolbar button {
 125     display: block;
 126     float: left;
 127     margin: 4px 0 2px 0;
 128     padding: 2px 5px;
 129     border: none;
 130     background: none;
 131 }
 132
 133 .toolbar button img {
 134         margin: 0;
 135         padding: 0;
 136         margin-bottom: -3px;
 137 }
 138
 139
 140 .toolbar select {
 141     float: left;
 142     margin: 1px 5px 1px 0;
 143     background: none;
 144     border: 1px solid #999;
 145     padding: 1px;
 146 }
 147
 148 .toolbar input {
 149     float: left;
 150     font-size: 11px;
 151     padding: 0;
 152     margin: 4px 5px 0px 5px;
 153         vertical-align:baseline;
 154 }
 155
 156 .toolbar-end {
 157     clear: both;
 158 }
 159
 160 .toolbar button:hover, .toolbar button:active {
 161     background: #777;
 162     color: #FFF;
 163     -webkit-border-radius: 10px;
 164     -moz-border-radius: 10px;
 165     border-radius: 10px;
 166 }
 167
 168 /* Remove extra padding in Firefox */
 169 button::-moz-focus-inner {
 170     border: 0;
 171     padding: 0;
 172 }
 173
 174 p { margin: 0;}
 175
 176 .htmlview *[x-editable] {
 177     background-color: white;
 178 }
 179
 180 .htmlview .active[x-editable] {
 181     background-color: #FAFAFA;
 182     border: 1px solid #DDD;
 183 /*    -webkit-transition: all 1s linear;*/
 184 }
 185
 186
 187 /* =========== */
 188 /* = Gallery = */
 189 /* =========== */
 190 .change-gallery-panel {
 191     width: 100%;
 192     border-bottom: 1px solid #777;
 193     background-color: #C1C1C1;
 194     margin: 0;
 195     padding: 2px;
 196     z-index: 10;
 197 }
 198
 199 .gallery-image {
 200     position: absolute;
 201     top: 30px;
 202     right: 0;
 203     bottom: 0;
 204     left: 0;
 205     margin: 0;
 206     border: none;
 207     background-color: #000;
 208     overflow: hidden;
 209 }
 210
 211 .gallery-image img {
 212     position: absolute;
 213     -moz-drag: none;
 214     user-select: none;
 215     -webkit-user-select: none;
 216     -khtml-user-select: none;
 217     -moz-user-select: none;
 218     cursor: pointer;
 219 }
 220
 221
 222 #body-wrap {
 223     height: 100%;
 224     width: 100%;
 225 }
 226 #content {
 227     height: 100%;
 228     width: 100%;
 229 }
 230
 231 #loading-overlay {
 232     background-color: #FFF;
 233     position: absolute;
 234     z-index: 1000;
 235     padding: 0;
 236     top: 0;
 237     left: 0;
 238     width: 100%;
 239     height: 100%;
 240 }
 241
 242 #loading-message {
 243     position: absolute;
 244     height: 20px;
 245     width: 120px;
 246     left: 50%;
 247     margin-left: -60px;
 248     top: 50%;
 249     margin-top: -10px;
 250 /*    text-align: center;*/
 251 }
 252
 253 #loading-message img {
 254     float: left;
 255     margin-right: 10px;
 256     margin-top: -6px;
 257 }
 258
 259
 260 .xml-iframe {
 261         margin-left: 40px;
 262 }
 263
 264 /*
 265  * CodeMirror
 266  */
 267 .CodeMirror-line-numbers {
 268         background: #e6ddd5;
 269         padding-top: 0.35em;
 270 }
 271
 272 .CodeMirror-line-numbers div {
 273         padding: 0;
 274         padding-right: 4px;
 275
 276         font-size: 8pt;
 277         line-height: 17px;
 278         text-align: right;
 279
 280         width: 40px;
 281 }
 282