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