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