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