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
 105 #header.saving {
 106         background-color: #E1C1C1;
 107 }
 108 #header.saving #save-button {
 109     display: none;
 110 }
 111 #save-attempt-info {
 112     color: #801000;
 113     display: none;
 114 }
 115 .saving #save-attempt-info {
 116     display: inline;
 117     font-weight: normal;
 118 }
 119
 120
 121 #header.out-of-date {
 122     background-color: #E1C1C1;
 123 }
 124 #header.out-of-date #save-button {
 125     display: none;
 126 }
 127 #out-of-date-info {
 128     color: #801000;
 129     display: none;
 130 }
 131 .out-of-date #out-of-date-info {
 132     display: inline;
 133 }
 134
 135
 136
 137 #header h1, #header h1 a {
 138     margin: 0;
 139     padding: 0;
 140     font: 9px Helvetica, Verdana, sans-serif;
 141     font-weight: bold;
 142     float: left;
 143     padding: 3px 3px 2px 3px;
 144     color: #222;
 145     #line-height: 20px;
 146 }
 147
 148 #header h1 a {
 149     text-decoration: none;
 150     color: #222;
 151 }
 152
 153 #header img {
 154     border: 0;
 155 }
 156
 157 .tabs {
 158         overflow: hidden;
 159     margin: 0;
 160         padding: 0;
 161         height: 31px;
 162         border: 0px;
 163         padding-left: 1em;
 164     float: left;
 165 }
 166
 167 #tabs-right {
 168     float: right;
 169     padding-right: 1em;
 170 }
 171
 172 .tabs li {
 173         margin-top: 6px;
 174         margin-bottom: 0px;
 175
 176     -webkit-user-select: none;
 177     cursor: pointer;
 178     display: block;
 179     float: left;
 180
 181     font-weight: bold;
 182     color: #222;
 183     margin-left: 4px;
 184
 185     background-color: #A2A2A2;
 186
 187         -moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 188     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 189
 190     border: 1px solid #999;
 191         border-bottom-width: 0px;
 192         -moz-border-radius: 4px 4px 0px 0px;
 193         -webkit-border-radius: 4px;
 194     -webkit-border-bottom-left-radius: 0px;
 195     -webkit-border-bottom-right-radius: 0px;
 196 }
 197
 198 #tabs li {
 199     height: 18px;
 200     padding-left: 12px;
 201     padding-right: 12px;
 202     padding-top: 5px;
 203 }
 204
 205 .tabs li.active {
 206     background-color: #C1C1C1;
 207 }
 208
 209
 210 #tabs-right li {
 211     height: 20px;
 212     padding-left: 12px;
 213     padding-right: 12px;
 214     padding-top: 3px;
 215 }
 216
 217
 218
 219 #tools {
 220         float: right;
 221         clear: right;
 222         overflow: hidden;
 223     margin: 0;
 224         padding: 0;
 225         height: 30px;
 226         margin-right: 5px;
 227         line-height: 30px;
 228         font-size: 10px;
 229         vertical-align: middle;
 230 }
 231
 232 /* Remove extra padding in Firefox */
 233 button::-moz-focus-inner {
 234     border: 0;
 235     padding: 0;
 236 }
 237
 238 p { margin: 0;}
 239
 240 #body-wrap {
 241     height: 100%;
 242     width: 100%;
 243 }
 244
 245 #content {
 246     height: 100%;
 247     width: 100%;
 248 }
 249
 250 #loading-overlay {
 251     background-color: #FFF;
 252     position: absolute;
 253     z-index: 1000;
 254     padding: 0;
 255     top: 0;
 256     left: 0;
 257     width: 100%;
 258     height: 100%;
 259 }
 260
 261 #loading-message {
 262     position: absolute;
 263     height: 20px;
 264     width: 120px;
 265     left: 50%;
 266     margin-left: -60px;
 267     top: 50%;
 268     margin-top: -10px;
 269 /*    text-align: center;*/
 270 }
 271
 272 #loading-message img {
 273     float: left;
 274     margin-right: 10px;
 275     margin-top: -6px;
 276 }
 277
 278 /*
 279  * CodeMirror
 280  */
 281
 282 .CodeMirror-line-numbers {
 283         padding: 0px;
 284         padding-top: 5px;
 285         text-align: right;
 286         overflow: hidden;
 287         width: 40px;
 288         border-right: 1px solid black;
 289         background-color: #e6e6fa;
 290 }
 291
 292 .CodeMirror-line-numbers div {
 293         display: block;
 294         font-family:"Lucida Console", monospace;
 295     font-size: 13px;
 296     line-height: 18px;
 297         padding-right: 5px;
 298 }
 299
 300 img.tabclose {
 301         padding-left: 8px;
 302         width: 16px;
 303         height: 16px;
 304         vertical-align: middle;
 305         vertical-align: text-bottom;
 306 }
 307
 308 /*
 309  * HTML Editor view
 310  */
 311
 312 .htmlview {
 313         z-index: 1;
 314         overflow: hidden;
 315 }
 316
 317 .htmlview *[x-editable] {
 318     background-color: white;
 319
 320 }
 321 .htmlview .active[x-editable] {
 322     background-color: #FAFAFA;
 323     border: 1px solid #DDD;
 324 /*    -webkit-transition: all 1s linear;*/
 325 }
 326
 327 .blockOverlay {
 328         background-color: black;
 329         opacity: 0.4;
 330 }
 331
 332 .poezja_cyt {
 333     margin:1.5em 2em 0;
 334     font-size:0.875em
 335 }
 336
 337 .wers_akap {
 338         padding-left: 1em;
 339 }
 340
 341 .saveNotify {
 342     position:absolute; bottom:7px; left:30px; z-index:800; background-color: #E6E6E6; padding:20px; border: 1px solid black;
 343 }
 344
 345 .notifyTip {
 346     font-size:12px; float:right;
 347 }
 348
 349 .saveNotify span {
 350     font-weight: bold;
 351 }