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