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(/static/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 {
  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 #tabs {
  76     margin: 0;
  77     padding: 0;
  78
  79     width: 100%;
  80     height: 22px;
  81     padding-top: 2px;
  82     border-bottom: 1px solid #999;
  83 }
  84
  85 #tabs li {
  86     -webkit-user-select: none;
  87     cursor: default;
  88     display: block;
  89     float: left;
  90     padding: 5px 12px 3px 12px;
  91     border: 1px solid #999;
  92     -webkit-border-radius: 4px;
  93     -webkit-border-bottom-left-radius: 0;
  94     -webkit-border-bottom-right-radius: 0;
  95     font-weight: bold;
  96     color: #222;
  97     height: 13px;
  98     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
  99     margin-left: 4px;
 100     margin-bottom: -1px;
 101     background-color: #A2A2A2;
 102 }
 103
 104 #tabs li.active {
 105     background-color: #C1C1C1;
 106     border-bottom: 1px solid #C1C1C1;
 107 }
 108
 109 .toolbar {
 110     width: 100%;
 111     border-bottom: 1px solid #777;
 112     background-color: #C1C1C1;
 113     margin: 0;
 114     padding: 2px;
 115     z-index: 10;
 116 /*    height: 22px;*/
 117 }
 118
 119 .toolbar button {
 120     display: block;
 121     float: left;
 122     margin: 4px 0 2px 0;
 123     padding: 0 5px 2px 5px;
 124     border: none;
 125     background: none;
 126 }
 127
 128 .toolbar select {
 129     float: left;
 130     margin: 1px 5px 1px 0;
 131     background: none;
 132     border: 1px solid #999;
 133     padding: 1px;
 134 }
 135
 136 .toolbar input {
 137     float: left;
 138     font-size: 11px;
 139     padding: 0;
 140     margin: 2px 5px 0 5px;
 141 }
 142
 143 .toolbar-end {
 144     clear: both;
 145 }
 146
 147 .toolbar button:hover, .toolbar button:active {
 148     background: #777;
 149     color: #FFF;
 150     -webkit-border-radius: 10px;
 151     -moz-border-radius: 10px;
 152     border-radius: 10px;
 153 }
 154
 155 /* Remove extra padding in Firefox */
 156 button::-moz-focus-inner {
 157     border: 0;
 158     padding: 0;
 159 }
 160
 161 p { margin: 0;}
 162
 163 .htmlview *[x-editable] {
 164     background-color: white;
 165 }
 166
 167 .htmlview .active[x-editable] {
 168     background-color: #FAFAFA;
 169     border: 1px solid #DDD;
 170 /*    -webkit-transition: all 1s linear;*/
 171 }
 172
 173
 174 /* =========== */
 175 /* = Gallery = */
 176 /* =========== */
 177 .change-gallery-panel {
 178     width: 100%;
 179     border-bottom: 1px solid #777;
 180     background-color: #C1C1C1;
 181     margin: 0;
 182     padding: 2px;
 183     z-index: 10;
 184 }
 185
 186 .gallery-image {
 187     position: absolute;
 188     top: 27px;
 189     right: 0;
 190     bottom: 0;
 191     left: 0;
 192     margin: 0;
 193     border: none;
 194     background-color: #000;
 195     overflow: hidden;
 196 }
 197
 198 .gallery-image img {
 199     position: absolute;
 200     -moz-drag: none;
 201     user-select: none;
 202     -webkit-user-select: none;
 203     -khtml-user-select: none;
 204     -moz-user-select: none;
 205     cursor: pointer;
 206 }
 207
 208
 209 #body-wrap {
 210     height: 100%;
 211     width: 100%;
 212 }
 213 #content {
 214     height: 100%;
 215     width: 100%;
 216 }
 217
 218 #loading-overlay {
 219     background-color: #FFF;
 220     position: absolute;
 221     z-index: 1000;
 222     padding: 0;
 223     top: 0;
 224     left: 0;
 225     width: 100%;
 226     height: 100%;
 227 }
 228
 229 #loading-message {
 230     position: absolute;
 231     height: 20px;
 232     width: 120px;
 233     left: 50%;
 234     margin-left: -60px;
 235     top: 50%;
 236     margin-top: -10px;
 237 /*    text-align: center;*/
 238 }
 239
 240 #loading-message img {
 241     float: left;
 242     margin-right: 10px;
 243     margin-top: -6px;
 244 }