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