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     width: 14px;
  10     background: #EEE url(/static/img/gallery.png) no-repeat scroll center center;
  11     border-left: 1px solid #999;
  12     cursor: col-resize;
  13 }
  14
  15 .active {
  16     background-color: #DDD;
  17 }
  18
  19 #simple-editor {
  20     height: 100%;
  21     overflow: hidden;
  22     position: relative;
  23 }
  24
  25 #html-view {
  26     overflow: auto;
  27     position: absolute;
  28     top: 27px;
  29     bottom: 0;
  30     left: 0;
  31     right: 0;
  32 }
  33
  34 #sidebar {
  35     overflow: auto;
  36 }
  37
  38 #header {
  39     margin: 0;
  40     padding: 0;
  41     background-color: #C1C1C1;
  42     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
  43     font: 11px Helvetica, Verdana, sans-serif;
  44     font-weight: bold;
  45 }
  46
  47 #header h1 {
  48     margin: 0;
  49     padding: 0;
  50     font: 17px Helvetica, Verdana, sans-serif;
  51     font-weight: bold;
  52     float: left;
  53     padding: 3px 6px 2px 6px;
  54     color: #222;
  55     line-height: 20px;
  56 }
  57
  58 #tabs {
  59     margin: 0;
  60     padding: 0;
  61
  62     width: 100%;
  63     height: 22px;
  64     padding-top: 2px;
  65     border-bottom: 1px solid #999;
  66 }
  67
  68 #tabs li {
  69     -webkit-user-select: none;
  70     cursor: default;
  71     display: block;
  72     float: left;
  73     padding: 5px 12px 3px 12px;
  74     border: 1px solid #999;
  75     -webkit-border-radius: 4px;
  76     -webkit-border-bottom-left-radius: 0;
  77     -webkit-border-bottom-right-radius: 0;
  78     font-weight: bold;
  79     color: #222;
  80     height: 13px;
  81     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
  82     margin-left: 4px;
  83     margin-bottom: -1px;
  84     background-color: #A2A2A2;
  85 }
  86
  87 #tabs li.active {
  88     background-color: #C1C1C1;
  89     border-bottom: 1px solid #C1C1C1;
  90 }
  91
  92 .toolbar {
  93     border-bottom: 1px solid #777;
  94     background-color: #C1C1C1;
  95     margin: 0;
  96     padding: 2px;
  97     height: 22px;
  98 }
  99
 100 .toolbar select {
 101     float: left;
 102     margin: 2px 5px 2px 0;
 103     background: none;
 104     border: 1px solid #999;
 105     padding: 1px;
 106 }
 107
 108 .toolbar button {
 109     display: block;
 110     float: left;
 111     margin: 4px 0 2px 0;
 112     padding: 0 5px 2px 5px;
 113     border: none;
 114     background: none;
 115 }
 116
 117 .toolbar-end {
 118     clear: both;
 119 }
 120
 121 .toolbar button:hover, .toolbar button:active {
 122     background: #777;
 123     color: #FFF;
 124     -webkit-border-radius: 10px;
 125     -moz-border-radius: 10px;
 126     border-radius: 10px;
 127 }
 128
 129 /* Remove extra padding in Firefox */
 130 button::-moz-focus-inner {
 131     border: 0;
 132     padding: 0;
 133 }
 134
 135 p { margin: 0;}