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         padding: 0;
 106         height: 31px;
 107         border: 0px;
 108         padding-left: 1em;
 109 }
 110
 111 #tabs li {
 112         height: 18px;
 113         margin-top: 6px;
 114         margin-bottom: 0px;
 115
 116     -webkit-user-select: none;
 117     cursor: pointer;
 118     display: block;
 119     float: left;
 120
 121         padding-left: 12px;
 122         padding-right: 12px;
 123         padding-top: 5px;
 124
 125     font-weight: bold;
 126     color: #222;
 127     margin-left: 4px;
 128
 129     background-color: #A2A2A2;
 130
 131         -moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 132     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 133
 134     border: 1px solid #999;
 135         border-bottom-width: 0px;
 136         -moz-border-radius: 4px 4px 0px 0px;
 137         -webkit-border-radius: 4px;
 138     -webkit-border-bottom-left-radius: 0px;
 139     -webkit-border-bottom-right-radius: 0px;
 140 }
 141
 142 #tabs li.active {
 143     background-color: #C1C1C1;
 144 }
 145
 146 #tools {
 147         float: right;
 148         clear: right;
 149         overflow: hidden;
 150     margin: 0;
 151         padding: 0;
 152         height: 30px;
 153         margin-right: 5px;
 154         line-height: 30px;
 155         font-size: 10px;
 156         vertical-align: middle;
 157 }
 158
 159
 160 /*
 161  * Toolbars
 162  */
 163
 164 .toolbar {
 165     width: 100%;
 166     border-bottom: 1px solid #777;
 167     background-color: #C1C1C1;
 168     margin: 0;
 169     padding: 2px;
 170     z-index: 100;
 171     height: 28px;
 172 }
 173
 174 .toolbar button {
 175     display: block;
 176     float: left;
 177     margin: 4px 0 2px 0;
 178     padding: 2px 5px;
 179     border: none;
 180     background: none;
 181 }
 182
 183 .toolbar button img {
 184         margin: 0;
 185         padding: 0;
 186         margin-bottom: -3px;
 187 }
 188
 189
 190 .toolbar select {
 191     float: left;
 192     margin: 1px 5px 1px 0;
 193     background: none;
 194     border: 1px solid #999;
 195     padding: 1px;
 196 }
 197
 198 .toolbar input {
 199     float: left;
 200     font-size: 11px;
 201     padding: 0;
 202     margin: 4px 5px 0px 5px;
 203         vertical-align:baseline;
 204 }
 205
 206 .toolbar-end {
 207     clear: both;
 208 }
 209
 210 .toolbar button:hover, .toolbar button:active {
 211     background: #777;
 212     color: #FFF;
 213     -webkit-border-radius: 10px;
 214     -moz-border-radius: 10px;
 215 }
 216
 217 /* Remove extra padding in Firefox */
 218 button::-moz-focus-inner {
 219     border: 0;
 220     padding: 0;
 221 }
 222
 223 p { margin: 0;}
 224
 225 #body-wrap {
 226     height: 100%;
 227     width: 100%;
 228 }
 229 #content {
 230     height: 100%;
 231     width: 100%;
 232 }
 233
 234 #loading-overlay {
 235     background-color: #FFF;
 236     position: absolute;
 237     z-index: 1000;
 238     padding: 0;
 239     top: 0;
 240     left: 0;
 241     width: 100%;
 242     height: 100%;
 243 }
 244
 245 #loading-message {
 246     position: absolute;
 247     height: 20px;
 248     width: 120px;
 249     left: 50%;
 250     margin-left: -60px;
 251     top: 50%;
 252     margin-top: -10px;
 253 /*    text-align: center;*/
 254 }
 255
 256 #loading-message img {
 257     float: left;
 258     margin-right: 10px;
 259     margin-top: -6px;
 260 }
 261
 262 /*
 263  * CodeMirror
 264  */
 265
 266 .CodeMirror-line-numbers {
 267         padding: 0px;
 268         padding-top: 5px;
 269         text-align: right;
 270         overflow: hidden;
 271         width: 40px;
 272         border-right: 1px solid black;
 273         background-color: #e6e6fa;
 274 }
 275
 276 .CodeMirror-line-numbers div {
 277         display: block;
 278         font-family:"Lucida Console", monospace;
 279     font-size: 13px;
 280     line-height: 18px;
 281         padding-right: 5px;
 282 }
 283
 284 img.tabclose {
 285         padding-left: 8px;
 286         width: 10px;
 287         height: 10px;
 288 }
 289
 290
 291 /*
 292  * HTML Editor view
 293  */
 294
 295 .htmlview {
 296         z-index: 1;
 297         overflow: hidden;
 298 }
 299
 300 .htmlview *[x-editable] {
 301     background-color: white;
 302
 303 }
 304 .htmlview .active[x-editable] {
 305     background-color: #FAFAFA;
 306     border: 1px solid #DDD;
 307 /*    -webkit-transition: all 1s linear;*/
 308 }
 309
 310 .blockOverlay {
 311         background-color: black;
 312         opacity: 0.4;
 313 }