X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/8132fc186eb0c5fd02c86828c3a4735754296d02..5913c54d19b8f6775633176032161d49f9b2f1aa:/src/redakcja/static/css/master.css?ds=sidebyside diff --git a/src/redakcja/static/css/master.css b/src/redakcja/static/css/master.css new file mode 100644 index 00000000..03945987 --- /dev/null +++ b/src/redakcja/static/css/master.css @@ -0,0 +1,407 @@ +a, a:visited, a:active { + color: blue; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + + +body { + margin: 0; + overflow: hidden; + padding: 0; + min-width: 960px; + width: 100%; + height: 100%; +} + +.vsplitbar { + position: absolute; + top: 0px; + bottom: 0; + right: 0; + width: 26px; + /*background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center;*/ + border-left: 2px solid #999; + border-right: 2px solid #999; + cursor: pointer; + background: #C1C1C1; + z-index:100; + cursor: col-resize; +} + +.vsplitbar:hover { + background-color: #E6E6E6; +} + +.vsplitbar p { + font: 12px Helvetica,Verdana,sans-serif; + + -moz-transform: rotate(270deg); + -moz-transform-origin: 50% 50%; + -webkit-transform: rotate(270deg); + -webkit-transform-origin: 50% 50%; + -o-transform: rotate(-270deg); + -o-transform-origin: bottom left; + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + margin: 250px auto; +} + +#drag-layer { + position:absolute; + top:0; + bottom:0; + left:0; + right:0; + z-index:1000; + display: none; + cursor: col-resize; +} + +.editor { + position: absolute; + top: 0px; + bottom: 0; + left: 0; + right: 30px; + overflow: hidden; +} + +.sideless .editor { + right: 0; +} +.image-object { + padding-left: 1em; + font: 12px Sans, Helvetica, Verdana, sans-serif; +} +.image-object:hover { + cursor: pointer; +} +#objects-list .delete { + padding-left: 3px; + font: 10px Sans, Helvetica, Verdana, sans-serif; +} +#objects-list .delete:hover { + cursor: pointer; +} + +#objects-list .active { + color: #800; +} + + +#editor.readonly .editor { + right: 0px; +} + +#html-view { + overflow: auto; + position: absolute; + top: 33px; + bottom: 0; + left: 0; + right: 0; + z-index: 1; +} + +#splitter { + position: fixed; + top: 31px; + left: 0px; + right: 0px; + bottom: 0px; + overflow: hidden; +} + + +#header { + position: fixed; + top: 0px; + right: 0px; + left: 0px; + height: 30px; + border-bottom: 1px solid #999; + + margin: 0; + padding: 0; + background-color: #C1C1C1; + background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2)); + + /* Firefox 3.6 */ + background-image: -moz-linear-gradient(top left, #C1C1C1, #A2A2A2, 90%); + + font: 11px Helvetica, Verdana, sans-serif; + font-weight: bold; + + z-index: 100; +} + + +#header.saving { + background-color: #E1C1C1; +} +#header.saving #save-button { + display: none; +} +#save-attempt-info { + color: #801000; + display: none; +} +.saving #save-attempt-info { + display: inline; + font-weight: normal; +} + + +#header.out-of-date { + background-color: #E1C1C1; +} +#header.out-of-date #save-button { + display: none; +} +#out-of-date-info { + color: #801000; + display: none; +} +.out-of-date #out-of-date-info { + display: inline; +} + + + +#header h1, #header h1 a { + margin: 0; + padding: 0; + font: 9px Helvetica, Verdana, sans-serif; + font-weight: bold; + float: left; + padding: 3px 3px 2px 3px; + color: #222; + #line-height: 20px; +} + +#header h1 a { + text-decoration: none; + color: #222; +} + +#header img { + border: 0; +} + +.tabs { + overflow: hidden; + margin: 0; + padding: 0; + height: 31px; + border: 0px; + padding-left: 1em; + float: left; +} + +.tabs a { + color: black; +} + +#tabs-right { + float: right; + padding-right: 1em; +} + +.tabs li { + margin-top: 6px; + margin-bottom: 0px; + + -webkit-user-select: none; + cursor: pointer; + display: block; + float: left; + + font-weight: bold; + color: #222; + margin-left: 4px; + + background-color: #A2A2A2; + + -moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25); + -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25); + + border: 1px solid #999; + border-bottom-width: 0px; + -moz-border-radius: 4px 4px 0px 0px; + -webkit-border-radius: 4px; + -webkit-border-bottom-left-radius: 0px; + -webkit-border-bottom-right-radius: 0px; +} + +#tabs li { + height: 18px; + padding-left: 12px; + padding-right: 12px; + padding-top: 5px; +} + +.tabs li.active { + background-color: #C1C1C1; +} + + +#tabs-right li { + height: 20px; + padding-left: 12px; + padding-right: 12px; + padding-top: 3px; +} + + + +#tools { + float: right; + clear: right; + overflow: hidden; + margin: 0; + padding: 0; + height: 30px; + margin-right: 5px; + line-height: 30px; + font-size: 10px; + vertical-align: middle; +} + +/* Remove extra padding in Firefox */ +button::-moz-focus-inner { + border: 0; + padding: 0; +} + +p { margin: 0;} + +#body-wrap { + height: 100%; + width: 100%; +} + +#content { + height: 100%; + width: 100%; +} + +#loading-overlay { + background-color: #FFF; + position: absolute; + z-index: 1000; + padding: 0; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +#loading-message { + position: absolute; + height: 20px; + width: 120px; + left: 50%; + margin-left: -60px; + top: 50%; + margin-top: -10px; +/* text-align: center;*/ +} + +#loading-message img { + float: left; + margin-right: 10px; + margin-top: -6px; +} + +/* + * CodeMirror + */ + +.CodeMirror-line-numbers { + padding: 0px; + padding-top: 5px; + text-align: right; + overflow: hidden; + width: 40px; + border-right: 1px solid black; + background-color: #e6e6fa; +} + +.CodeMirror-line-numbers div { + display: block; + font-family:"Lucida Console", monospace; + font-size: 13px; + line-height: 18px; + padding-right: 5px; +} + +img.tabclose { + padding-left: 8px; + width: 16px; + height: 16px; + vertical-align: middle; + vertical-align: text-bottom; +} + +/* + * HTML Editor view + */ + +.htmlview { + z-index: 1; + overflow: hidden; +} + +.htmlview .active[x-editable] { + background-color: #FAFAFA; + border: 1px solid #DDD; +/* -webkit-transition: all 1s linear;*/ +} + +.blockOverlay { + background-color: black; + opacity: 0.4; +} + +.poezja_cyt { + margin:1.5em 2em 0; + font-size:0.875em +} + +.wers_akap { + padding-left: 1em; +} + +.saveNotify { + position:absolute; + bottom:22px; + right:7px; + z-index:800; + background-color: #FFFF69; + padding:10px; + border: 1px solid black; + border-radius: 5px; + -moz-border-radius: 15px; +} + +.notifyTip { + font-size:12px; float:right; +} + +.saveNotify span { + font-weight: bold; +} + + + +.scrolled { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; +}