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 .sideless .editor {
  61     right: 0;
  62 }
  63 .image-object {
  64     padding-left: 1em;
  65     font: 12px Sans, Helvetica, Verdana, sans-serif;
  66 }
  67 .image-object:hover {
  68     cursor: pointer;
  69 }
  70 #objects-list .delete {
  71     padding-left: 3px;
  72     font: 10px Sans, Helvetica, Verdana, sans-serif;
  73 }
  74 #objects-list .delete:hover {
  75     cursor: pointer;
  76 }
  77
  78 #objects-list .active {
  79     color: #800;
  80 }
  81
  82
  83 #editor.readonly .editor {
  84         right: 0px;
  85 }
  86
  87 #html-view {
  88     overflow: auto;
  89     position: absolute;
  90     top: 33px;
  91     bottom: 0;
  92     left: 0;
  93     right: 0;
  94         z-index: 1;
  95 }
  96
  97 #splitter {
  98         position: fixed;
  99         top: 31px;
 100         left: 0px;
 101         right: 0px;
 102         bottom: 0px;
 103         overflow: hidden;
 104 }
 105
 106
 107 #header {
 108         position: fixed;
 109         top: 0px;
 110         right: 0px;
 111         left: 0px;
 112         height: 30px;
 113         border-bottom: 1px solid #999;
 114
 115     margin: 0;
 116     padding: 0;
 117     background-color: #C1C1C1;
 118     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
 119
 120         /* Firefox 3.6 */
 121         background-image: -moz-linear-gradient(top left, #C1C1C1, #A2A2A2, 90%);
 122
 123     font: 11px Helvetica, Verdana, sans-serif;
 124     font-weight: bold;
 125
 126     z-index: 100;
 127 }
 128
 129
 130 #header.saving {
 131         background-color: #E1C1C1;
 132 }
 133 #header.saving #save-button {
 134     display: none;
 135 }
 136 #save-attempt-info {
 137     color: #801000;
 138     display: none;
 139 }
 140 .saving #save-attempt-info {
 141     display: inline;
 142     font-weight: normal;
 143 }
 144
 145
 146 #header.out-of-date {
 147     background-color: #E1C1C1;
 148 }
 149 #header.out-of-date #save-button {
 150     display: none;
 151 }
 152 #out-of-date-info {
 153     color: #801000;
 154     display: none;
 155 }
 156 .out-of-date #out-of-date-info {
 157     display: inline;
 158 }
 159
 160
 161
 162 #header h1, #header h1 a {
 163     margin: 0;
 164     padding: 0;
 165     font: 9px Helvetica, Verdana, sans-serif;
 166     font-weight: bold;
 167     float: left;
 168     padding: 3px 3px 2px 3px;
 169     color: #222;
 170     #line-height: 20px;
 171 }
 172
 173 #header h1 a {
 174     text-decoration: none;
 175     color: #222;
 176 }
 177
 178 #header img {
 179     border: 0;
 180 }
 181
 182 .tabs {
 183         overflow: hidden;
 184     margin: 0;
 185         padding: 0;
 186         height: 31px;
 187         border: 0px;
 188         padding-left: 1em;
 189     float: left;
 190 }
 191
 192 .tabs a {
 193     color: black;
 194 }
 195
 196 #tabs-right {
 197     float: right;
 198     padding-right: 1em;
 199 }
 200
 201 .tabs li {
 202         margin-top: 6px;
 203         margin-bottom: 0px;
 204
 205     -webkit-user-select: none;
 206     cursor: pointer;
 207     display: block;
 208     float: left;
 209
 210     font-weight: bold;
 211     color: #222;
 212     margin-left: 4px;
 213
 214     background-color: #A2A2A2;
 215
 216         -moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 217     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
 218
 219     border: 1px solid #999;
 220         border-bottom-width: 0px;
 221         -moz-border-radius: 4px 4px 0px 0px;
 222         -webkit-border-radius: 4px;
 223     -webkit-border-bottom-left-radius: 0px;
 224     -webkit-border-bottom-right-radius: 0px;
 225 }
 226
 227 #tabs li {
 228     height: 18px;
 229     padding-left: 12px;
 230     padding-right: 12px;
 231     padding-top: 5px;
 232 }
 233
 234 .tabs li.active {
 235     background-color: #C1C1C1;
 236 }
 237
 238
 239 #tabs-right li {
 240     height: 20px;
 241     padding-left: 12px;
 242     padding-right: 12px;
 243     padding-top: 3px;
 244 }
 245
 246
 247
 248 #tools {
 249         float: right;
 250         clear: right;
 251         overflow: hidden;
 252     margin: 0;
 253         padding: 0;
 254         height: 30px;
 255         margin-right: 5px;
 256         line-height: 30px;
 257         font-size: 10px;
 258         vertical-align: middle;
 259 }
 260
 261 /* Remove extra padding in Firefox */
 262 button::-moz-focus-inner {
 263     border: 0;
 264     padding: 0;
 265 }
 266
 267 p { margin: 0;}
 268
 269 #body-wrap {
 270     height: 100%;
 271     width: 100%;
 272 }
 273
 274 #content {
 275     height: 100%;
 276     width: 100%;
 277 }
 278
 279 #loading-overlay {
 280     background-color: #FFF;
 281     position: absolute;
 282     z-index: 1000;
 283     padding: 0;
 284     top: 0;
 285     left: 0;
 286     width: 100%;
 287     height: 100%;
 288 }
 289
 290 #loading-message {
 291     position: absolute;
 292     height: 20px;
 293     width: 120px;
 294     left: 50%;
 295     margin-left: -60px;
 296     top: 50%;
 297     margin-top: -10px;
 298 /*    text-align: center;*/
 299 }
 300
 301 #loading-message img {
 302     float: left;
 303     margin-right: 10px;
 304     margin-top: -6px;
 305 }
 306
 307 /*
 308  * CodeMirror
 309  */
 310
 311 .CodeMirror-line-numbers {
 312         padding: 0px;
 313         padding-top: 5px;
 314         text-align: right;
 315         overflow: hidden;
 316         width: 40px;
 317         border-right: 1px solid black;
 318         background-color: #e6e6fa;
 319 }
 320
 321 .CodeMirror-line-numbers div {
 322         display: block;
 323         font-family:"Lucida Console", monospace;
 324     font-size: 13px;
 325     line-height: 18px;
 326         padding-right: 5px;
 327 }
 328
 329 img.tabclose {
 330         padding-left: 8px;
 331         width: 16px;
 332         height: 16px;
 333         vertical-align: middle;
 334         vertical-align: text-bottom;
 335 }
 336
 337 /*
 338  * HTML Editor view
 339  */
 340
 341 .htmlview {
 342         z-index: 1;
 343         overflow: hidden;
 344 }
 345
 346 .htmlview .active[x-editable] {
 347     background-color: #FAFAFA;
 348     border: 1px solid #DDD;
 349 /*    -webkit-transition: all 1s linear;*/
 350 }
 351
 352 .blockOverlay {
 353         background-color: black;
 354         opacity: 0.4;
 355 }
 356
 357 .poezja_cyt {
 358     margin:1.5em 2em 0;
 359     font-size:0.875em
 360 }
 361
 362 .wers_akap {
 363         padding-left: 1em;
 364 }
 365
 366 .saveNotify {
 367     position:absolute;
 368     top:22px;
 369     right:7px;
 370     z-index:800;
 371     background-color: #FFFF69;
 372     padding:10px;
 373     border: 1px solid black;
 374     border-radius: 5px;
 375     -moz-border-radius: 15px;
 376 }
 377
 378 .notifyTip {
 379     font-size:12px; float:right;
 380 }
 381
 382 .saveNotify span {
 383     font-weight: bold;
 384 }
 385
 386
 387
 388 .scrolled {
 389     position: absolute;
 390     top: 29px;
 391     left: 0;
 392     right: 0;
 393     bottom: 0;
 394     overflow: auto;
 395 }