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, #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: 0 5px 2px 5px;
 129     border: none;
 130     background: none;
 131 }
 132
 133 .toolbar select {
 134     float: left;
 135     margin: 1px 5px 1px 0;
 136     background: none;
 137     border: 1px solid #999;
 138     padding: 1px;
 139 }
 140
 141 .toolbar input {
 142     float: left;
 143     font-size: 11px;
 144     padding: 0;
 145     margin: 2px 5px 0 5px;
 146 }
 147
 148 .toolbar-end {
 149     clear: both;
 150 }
 151
 152 .toolbar button:hover, .toolbar button:active {
 153     background: #777;
 154     color: #FFF;
 155     -webkit-border-radius: 10px;
 156     -moz-border-radius: 10px;
 157     border-radius: 10px;
 158 }
 159
 160 /* Remove extra padding in Firefox */
 161 button::-moz-focus-inner {
 162     border: 0;
 163     padding: 0;
 164 }
 165
 166 p { margin: 0;}
 167
 168 .htmlview *[x-editable] {
 169     background-color: white;
 170 }
 171
 172 .htmlview .active[x-editable] {
 173     background-color: #FAFAFA;
 174     border: 1px solid #DDD;
 175 /*    -webkit-transition: all 1s linear;*/
 176 }
 177
 178
 179 /* =========== */
 180 /* = Gallery = */
 181 /* =========== */
 182 .change-gallery-panel {
 183     width: 100%;
 184     border-bottom: 1px solid #777;
 185     background-color: #C1C1C1;
 186     margin: 0;
 187     padding: 2px;
 188     z-index: 10;
 189 }
 190
 191 .gallery-image {
 192     position: absolute;
 193     top: 27px;
 194     right: 0;
 195     bottom: 0;
 196     left: 0;
 197     margin: 0;
 198     border: none;
 199     background-color: #000;
 200     overflow: hidden;
 201 }
 202
 203 .gallery-image img {
 204     position: absolute;
 205     -moz-drag: none;
 206     user-select: none;
 207     -webkit-user-select: none;
 208     -khtml-user-select: none;
 209     -moz-user-select: none;
 210     cursor: pointer;
 211 }
 212
 213
 214 #body-wrap {
 215     height: 100%;
 216     width: 100%;
 217 }
 218 #content {
 219     height: 100%;
 220     width: 100%;
 221 }
 222
 223 #loading-overlay {
 224     background-color: #FFF;
 225     position: absolute;
 226     z-index: 1000;
 227     padding: 0;
 228     top: 0;
 229     left: 0;
 230     width: 100%;
 231     height: 100%;
 232 }
 233
 234 #loading-message {
 235     position: absolute;
 236     height: 20px;
 237     width: 120px;
 238     left: 50%;
 239     margin-left: -60px;
 240     top: 50%;
 241     margin-top: -10px;
 242 /*    text-align: center;*/
 243 }
 244
 245 #loading-message img {
 246     float: left;
 247     margin-right: 10px;
 248     margin-top: -6px;
 249 }