redakcja/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     background: #C1C1C1;
  31 }
  32
  33 .vsplitbar:hover {
  34         background-color: #E6E6E6;
  35 }
  36
  37
  38 .vsplitbar p {
  39     font: 12px Helvetica,Verdana,sans-serif;
  40
  41   -moz-transform: rotate(270deg);
  42   -moz-transform-origin: 50% 50%;
  43   -webkit-transform: rotate(270deg);
  44   -webkit-transform-origin: 50% 50%;
  45   -o-transform: rotate(-270deg);
  46   -o-transform-origin:  bottom left;
  47   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  48   margin: 250px auto;
  49 }
  50
  51 .editor {
  52     position: absolute;
  53     top: 0px;
  54     bottom: 0;
  55     left: 0;
  56     right: 30px;
  57     overflow: hidden;
  58 }
  59
  60 #editor.readonly .editor {
  61         right: 0px;
  62 }
  63
  64 #html-view {
  65     overflow: auto;
  66     position: absolute;
  67     top: 33px;
  68     bottom: 0;
  69     left: 0;
  70     right: 0;
  71         z-index: 1;
  72 }
  73
  74 #splitter {
  75         position: fixed;
  76         top: 31px;
  77         left: 0px;
  78         right: 0px;
  79         bottom: 0px;
  80         overflow: hidden;
  81 }
  82
  83
  84 #header {
  85         position: fixed;
  86         top: 0px;
  87         right: 0px;
  88         left: 0px;
  89         height: 30px;
  90         border-bottom: 1px solid #999;
  91
  92     margin: 0;
  93     padding: 0;
  94     background-color: #C1C1C1;
  95     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
  96
  97         /* Firefox 3.6 */
  98         background-image: -moz-linear-gradient(top left, #C1C1C1, #A2A2A2, 90%);
  99
 100     font: 11px Helvetica, Verdana, sans-serif;
 101     font-weight: bold;
 102 }
 103
 104 #header.saving {
 105         background-color: #E1C1C1;
 106 }
 107 #header.saving #save-button {
 108     display: none;
 109 }
 110 #save-attempt-info {
 111     color: #801000;
 112     display: none;
 113 }
 114 .saving #save-attempt-info {
 115     display: inline;
 116 }
 117
 118 #header h1, #header h1 a {
 119     margin: 0;
 120     padding: 0;
 121     font: 9px Helvetica, Verdana, sans-serif;
 122     font-weight: bold;
 123     float: left;
 124     padding: 3px 3px 2px 3px;
 125     color: #222;
 126     #line-height: 20px;
 127 }
 128
 129 #header h1 a {
 130     text-decoration: none;
 131     color: #222;
 132 }
 133
 134 #header img {
 135     border: 0;
 136 }
 137
 138 .tabs {
 139         overflow: hidden;
 140     margin: 0;
 141         padding: 0;
 142         height: 31px;
 143         border: 0px;
 144         padding-left: 1em;
 145     float: left;
 146 }
 147
 148 #tabs-right {
 149     float: right;
 150     padding-right: 1em;
 151 }
 152
 153 .tabs li {
 154         margin-top: 6px;
 155         margin-bottom: 0px;
 156
 157     -webkit-user-select: none;
 158     cursor: pointer;
 159     display: block;
 160     float: left;
 161
 162     font-weight: bold;
 163     color: #222;
 164     margin-left: 4px;
 165
 166     background-color: #A2A2A2;
 167
 168         -moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 169     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 170
 171     border: 1px solid #999;
 172         border-bottom-width: 0px;
 173         -moz-border-radius: 4px 4px 0px 0px;
 174         -webkit-border-radius: 4px;
 175     -webkit-border-bottom-left-radius: 0px;
 176     -webkit-border-bottom-right-radius: 0px;
 177 }
 178
 179 #tabs li {
 180     height: 18px;
 181     padding-left: 12px;
 182     padding-right: 12px;
 183     padding-top: 5px;
 184 }
 185
 186 .tabs li.active {
 187     background-color: #C1C1C1;
 188 }
 189
 190
 191 #tabs-right li {
 192     height: 20px;
 193     padding-left: 12px;
 194     padding-right: 12px;
 195     padding-top: 3px;
 196 }
 197
 198
 199
 200 #tools {
 201         float: right;
 202         clear: right;
 203         overflow: hidden;
 204     margin: 0;
 205         padding: 0;
 206         height: 30px;
 207         margin-right: 5px;
 208         line-height: 30px;
 209         font-size: 10px;
 210         vertical-align: middle;
 211 }
 212
 213 /* Remove extra padding in Firefox */
 214 button::-moz-focus-inner {
 215     border: 0;
 216     padding: 0;
 217 }
 218
 219 p { margin: 0;}
 220
 221 #body-wrap {
 222     height: 100%;
 223     width: 100%;
 224 }
 225
 226 #content {
 227     height: 100%;
 228     width: 100%;
 229 }
 230
 231 #loading-overlay {
 232     background-color: #FFF;
 233     position: absolute;
 234     z-index: 1000;
 235     padding: 0;
 236     top: 0;
 237     left: 0;
 238     width: 100%;
 239     height: 100%;
 240 }
 241
 242 #loading-message {
 243     position: absolute;
 244     height: 20px;
 245     width: 120px;
 246     left: 50%;
 247     margin-left: -60px;
 248     top: 50%;
 249     margin-top: -10px;
 250 /*    text-align: center;*/
 251 }
 252
 253 #loading-message img {
 254     float: left;
 255     margin-right: 10px;
 256     margin-top: -6px;
 257 }
 258
 259 /*
 260  * CodeMirror
 261  */
 262
 263 .CodeMirror-line-numbers {
 264         padding: 0px;
 265         padding-top: 5px;
 266         text-align: right;
 267         overflow: hidden;
 268         width: 40px;
 269         border-right: 1px solid black;
 270         background-color: #e6e6fa;
 271 }
 272
 273 .CodeMirror-line-numbers div {
 274         display: block;
 275         font-family:"Lucida Console", monospace;
 276     font-size: 13px;
 277     line-height: 18px;
 278         padding-right: 5px;
 279 }
 280
 281 img.tabclose {
 282         padding-left: 8px;
 283         width: 16px;
 284         height: 16px;
 285         vertical-align: middle;
 286         vertical-align: text-bottom;
 287 }
 288
 289 /*
 290  * HTML Editor view
 291  */
 292
 293 .htmlview {
 294         z-index: 1;
 295         overflow: hidden;
 296 }
 297
 298 .htmlview *[x-editable] {
 299     background-color: white;
 300
 301 }
 302 .htmlview .active[x-editable] {
 303     background-color: #FAFAFA;
 304     border: 1px solid #DDD;
 305 /*    -webkit-transition: all 1s linear;*/
 306 }
 307
 308 .blockOverlay {
 309         background-color: black;
 310         opacity: 0.4;
 311 }
 312
 313 .poezja_cyt {
 314     margin:1.5em 2em 0;
 315     font-size:0.875em
 316 }
 317
 318 .wers_akap {
 319         padding-left: 1em;
 320 }
 321
 322 .saveNotify {
 323     position:absolute; bottom:7px; left:30px; z-index:800; background-color: #E6E6E6; padding:20px; border: 1px solid black;
 324 }
 325
 326 .notifyTip {
 327     font-size:12px; float:right;
 328 }
 329
 330 .saveNotify span {
 331     font-weight: bold;
 332 }