X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/c506c076add0d88931ff6b4a3ecfbbbb2badac3b..c52436a7e25876ee3509df2467c2a9ef33303436:/platforma/static/css/master.css diff --git a/platforma/static/css/master.css b/platforma/static/css/master.css index d41a73c8..517d863e 100644 --- a/platforma/static/css/master.css +++ b/platforma/static/css/master.css @@ -21,34 +21,29 @@ body { position: absolute; top: 0px; bottom: 0; - right: 0;; - width: 13px; - background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center; - text- - border-left: 1px solid #999; - border-right: 1px solid #999; + 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; } .vsplitbar:hover { - background-color: #e6e6fa; -} - -.vsplitbar.active { - background- - + background-color: yellow; + border-color: orange; } -#source-editor, #simple-editor, #history-viewer { +.editor { position: absolute; top: 0px; bottom: 0; left: 0; - right: 15px; + right: 30px; overflow: hidden; } -#html-view, #history-view { +#html-view { overflow: auto; position: absolute; top: 30px; @@ -58,18 +53,6 @@ body { z-index: 1; } -#sidebar { - position: absolute; - overflow: hidden; - top: 0px; - right: 0; - bottom: 0; - width: 0; - display: none; - background-color: #FFF; -} - - #splitter { position: fixed; top: 31px; @@ -86,7 +69,7 @@ body { right: 0px; left: 0px; height: 30px; - border-bottom: 1px solid #999; + border-bottom: 1px solid #999; margin: 0; padding: 0; @@ -119,13 +102,16 @@ body { #tabs { overflow: hidden; margin: 0; - height: 30px; + padding: 0; + height: 31px; + border: 0px; padding-left: 1em; } #tabs li { - height: 24px; - margin-top: 6px; + height: 18px; + margin-top: 6px; + margin-bottom: 0px; -webkit-user-select: none; cursor: pointer; @@ -145,7 +131,8 @@ body { -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: 1px solid #999; + border-bottom-width: 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px; -webkit-border-bottom-left-radius: 0px; @@ -181,7 +168,7 @@ body { margin: 0; padding: 2px; z-index: 100; -/* height: 22px;*/ + height: 28px; } .toolbar button { @@ -235,41 +222,6 @@ button::-moz-focus-inner { p { margin: 0;} -/* =========== */ -/* = Gallery = */ -/* =========== */ -.change-gallery-panel { - width: 100%; - border-bottom: 1px solid #777; - background-color: #C1C1C1; - margin: 0; - padding: 2px; - z-index: 10; -} - -.gallery-image { - position: absolute; - top: 30px; - right: 0; - bottom: 0; - left: 0; - margin: 0; - border: none; - background-color: #000; - overflow: hidden; -} - -.gallery-image img { - position: absolute; - -moz-drag: none; - user-select: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - cursor: pointer; -} - - #body-wrap { height: 100%; width: 100%; @@ -307,9 +259,6 @@ p { margin: 0;} margin-top: -6px; } - - - /* * CodeMirror */ @@ -332,70 +281,15 @@ p { margin: 0;} padding-right: 5px; } -#history-view table { - width: 80%; - margin: 1em auto; -} - -#history-view .diff_table { - width: 90%; -} - -/* DIFFS */ - .diff_table { - border-width: 1px; - border-style: solid; - border-color: black; - empty-cells: show; - border-spacing: 0px; -} - -.diff_table td { - border-width: 0px 1px 1px 0px; - border-style: dotted; - border-color: grey; - - font-size: 10px; - line-height: 20px; - font-family: monospace; - padding: 0px; - white-space:pre-line; - /*word-wrap:break-word; - word-break:break-all; */ -} - -.diff_table th { - border-width: 0px 1px 1px 0px; - border-style: solid; - border-color: black; - background: #e5ffe5; -} - -/* .diff_table td.left, .diff_table td.right { - width: 50%; -}*/ - -.diff_table tr.change { - background-color: #dcdcdc; - -} - -.diff_mark { - display: inline-block; - padding: 2px; -} - -.diff_mark_removed { - background-color: #ff9c94; +img.tabclose { + padding-left: 8px; + width: 16px; + height: 16px; + vertical-align: middle; + vertical-align: text-bottom; } -.diff_mark_added { - background-color: #90ee90; -} -.diff_mark_changed { - background-color: yellow; -} /* * HTML Editor view */ @@ -413,4 +307,9 @@ p { margin: 0;} background-color: #FAFAFA; border: 1px solid #DDD; /* -webkit-transition: all 1s linear;*/ -} \ No newline at end of file +} + +.blockOverlay { + background-color: black; + opacity: 0.4; +}