platforma/static/css/master.css

   1 body {
   2     margin: 0;
   3     overflow: hidden;
   4     padding: 0;
   5     min-width: 960px;
   6 }
   7
   8 .vsplitbar {
   9     position: absolute;
  10     top: 25px;
  11     bottom: 0;
  12     right: 0;;
  13     width: 13px;
  14     background: #C1C1C1 url(/static/img/gallery.png) no-repeat scroll center center;
  15     border-left: 1px solid #999;
  16     border-right: 1px solid #999;
  17     cursor: w-resize;
  18 }
  19
  20 .vsplitbar.active {
  21     cursor: e-resize;
  22 }
  23
  24 #source-editor, #simple-editor {
  25     position: absolute;
  26     top: 25px;
  27     bottom: 0;
  28     left: 0;
  29     right: 15px;
  30     overflow: hidden;
  31 }
  32
  33 #html-view {
  34     overflow: auto;
  35     position: absolute;
  36     top: 27px;
  37     bottom: 0;
  38     left: 0;
  39     right: 0;
  40 }
  41
  42 #sidebar {
  43     position: absolute;
  44     overflow: hidden;
  45     top: 25px;
  46     right: 0;
  47     bottom: 0;
  48     width: 0;
  49     display: none;
  50     background-color: #FFF;
  51 }
  52
  53 #header {
  54     margin: 0;
  55     padding: 0;
  56     background-color: #C1C1C1;
  57     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
  58     font: 11px Helvetica, Verdana, sans-serif;
  59     font-weight: bold;
  60 }
  61
  62 #header h1 {
  63     margin: 0;
  64     padding: 0;
  65     font: 17px Helvetica, Verdana, sans-serif;
  66     font-weight: bold;
  67     float: left;
  68     padding: 3px 6px 2px 6px;
  69     color: #222;
  70     line-height: 20px;
  71 }
  72
  73 #tabs {
  74     margin: 0;
  75     padding: 0;
  76
  77     width: 100%;
  78     height: 22px;
  79     padding-top: 2px;
  80     border-bottom: 1px solid #999;
  81 }
  82
  83 #tabs li {
  84     -webkit-user-select: none;
  85     cursor: default;
  86     display: block;
  87     float: left;
  88     padding: 5px 12px 3px 12px;
  89     border: 1px solid #999;
  90     -webkit-border-radius: 4px;
  91     -webkit-border-bottom-left-radius: 0;
  92     -webkit-border-bottom-right-radius: 0;
  93     font-weight: bold;
  94     color: #222;
  95     height: 13px;
  96     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
  97     margin-left: 4px;
  98     margin-bottom: -1px;
  99     background-color: #A2A2A2;
 100 }
 101
 102 #tabs li.active {
 103     background-color: #C1C1C1;
 104     border-bottom: 1px solid #C1C1C1;
 105 }
 106
 107 .toolbar {
 108     width: 100%;
 109     border-bottom: 1px solid #777;
 110     background-color: #C1C1C1;
 111     margin: 0;
 112     padding: 2px;
 113     z-index: 10;
 114 /*    height: 22px;*/
 115 }
 116
 117 .toolbar button {
 118     display: block;
 119     float: left;
 120     margin: 4px 0 2px 0;
 121     padding: 0 5px 2px 5px;
 122     border: none;
 123     background: none;
 124 }
 125
 126 .toolbar select {
 127     float: left;
 128     margin: 1px 5px 1px 0;
 129     background: none;
 130     border: 1px solid #999;
 131     padding: 1px;
 132 }
 133
 134 .toolbar input {
 135     float: left;
 136     font-size: 11px;
 137     padding: 0;
 138     margin: 2px 5px 0 5px;
 139 }
 140
 141 .toolbar-end {
 142     clear: both;
 143 }
 144
 145 .toolbar button:hover, .toolbar button:active {
 146     background: #777;
 147     color: #FFF;
 148     -webkit-border-radius: 10px;
 149     -moz-border-radius: 10px;
 150     border-radius: 10px;
 151 }
 152
 153 /* Remove extra padding in Firefox */
 154 button::-moz-focus-inner {
 155     border: 0;
 156     padding: 0;
 157 }
 158
 159 p { margin: 0;}
 160
 161 .htmlview *[x-editable] {
 162     background-color: white;
 163 }
 164
 165 .htmlview .active[x-editable] {
 166     background-color: #FAFAFA;
 167     border: 1px solid #DDD;
 168 /*    -webkit-transition: all 1s linear;*/
 169 }
 170
 171
 172 /* =========== */
 173 /* = Gallery = */
 174 /* =========== */
 175 .gallery-image {
 176     position: absolute;
 177     top: 27px;
 178     right: 0;
 179     bottom: 0;
 180     left: 0;
 181     margin: 0;
 182     border: none;
 183     background-color: #000;
 184     overflow: hidden;
 185 }
 186
 187 img {
 188     position: absolute;
 189     -moz-drag: none;
 190     user-select: none;
 191     -webkit-user-select: none;
 192     -khtml-user-select: none;
 193     -moz-user-select: none;
 194     cursor: pointer;
 195 }