X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/dd0510d0730e259a57e01b63b8b34a24b7cfdd4a..5fa547431332f4d6e416ad8904d52c953a1eb309:/platforma/static/css/master.css diff --git a/platforma/static/css/master.css b/platforma/static/css/master.css index f22f45f6..faa67aca 100755 --- a/platforma/static/css/master.css +++ b/platforma/static/css/master.css @@ -1,295 +1,249 @@ body { - margin: 0; - - font: 12px Helvetica, Verdana, sans-serif; + margin: 0; overflow: hidden; - background: #AAA; -} - -/* fix icon buttons */ - -button img { - vertical-align: middle; - margin: 0px; -} - -/* default form style hacks */ -select { - border: none; - margin-left: 0.1em;f -} - -#body-wrap { - margin: 0px; - padding: 0px; - position: fixed; - left: 0px; - right: 0px; - bottom: 0px; - top: 0px; -} - -#header { - position: absolute; - padding: 2px 0.5em; - background-color: #CDCDCD; /* !unused */ - border-bottom: 2px solid black; - - font-size: 14px; - - line-height: 26px; - vertical-align: middle; - - /* height: 30px; */ - top: 0px; left: 0px; right: 0px; - z-index: 300; -} - -#content { - position: absolute; - top: 32px; left: 0px; right: 0px; bottom: 0px; - overflow: auto; - background-color: white; -} - -#header #breadcrumbs { -} - -#header-right-toolbar { - position: absolute; - right: 1em; -} - -#header button { - vertical-align: middle; -} - -/* Commit dialog */ -#commit-dialog-error-empty-message { - color: red; - display: none; - font-weight: bold; -} - -text#commit-dialog-message { - width: 80%; - margin: auto; -} - -#split-dialog .container-box form { - margin: 0.2em 1em; -} - -#split-dialog .container-box fieldset { - margin: 0.5em; -} - - - - -/* ======= */ -/* = New = */ -/* ======= */ -#splitview { + padding: 0; + min-width: 960px; width: 100%; height: 100%; - padding: 0; - margin: 0; } -.splitview-splitbar { - width: 5px; +.vsplitbar { + position: absolute; + top: 25px; + bottom: 0; + right: 0;; + width: 13px; + background: #C1C1C1 url(/static/img/gallery.png) no-repeat scroll center center; border-left: 1px solid #999; border-right: 1px solid #999; - height: 100%; - background-color: #CCC; - z-index: 5100; + cursor: w-resize; } -.splitview-overlay { - z-index: 5000; - background: #FFF; - opacity: 0.5; +.vsplitbar.active { + cursor: e-resize; } -.panel-container { - height: 100%; - position: relative; -} - -.content-view { +#source-editor, #simple-editor { position: absolute; top: 25px; - right: 0; bottom: 0; left: 0; + right: 15px; overflow: hidden; } -.panel-main-toolbar { - z-index: 1100; +#html-view { + overflow: auto; position: absolute; + top: 27px; + bottom: 0; + left: 0; + right: 0; +} - top: 0px; - right: 0px; - left: 0px; - height: 24px; - - border-bottom: 1px solid black; - background: gray; +#sidebar { + position: absolute; + overflow: hidden; + top: 25px; + right: 0; + bottom: 0; + width: 0; + display: none; + background-color: #FFF; +} - padding: 0px; +#header { + margin: 0; + padding: 0; + background-color: #C1C1C1; + background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2)); + font: 11px Helvetica, Verdana, sans-serif; + font-weight: bold; } -.panel-main-toolbar p { - margin: 0px; - padding: 2px; +#header h1, #header h1 a { + margin: 0; + padding: 0; + font: 17px Helvetica, Verdana, sans-serif; + font-weight: bold; + float: left; + padding: 3px 6px 2px 6px; + color: #222; line-height: 20px; - font-size: 13px; } -.xmlview { - height: 100%; +#header h1 a { + text-decoration: none; + color: #222; } -.view-overlay { - z-index: 1000; - background: #FFF; - opacity: 0.8; - text-align: center; - vertical-align: middle; +#tabs { + margin: 0; + padding: 0; + + width: 100%; + height: 22px; + padding-top: 2px; + border-bottom: 1px solid #999; +} - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; +#tabs li { + -webkit-user-select: none; + cursor: default; + display: block; + float: left; + padding: 5px 12px 3px 12px; + border: 1px solid #999; + -webkit-border-radius: 4px; + -webkit-border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + font-weight: bold; + color: #222; + height: 13px; + -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25); + margin-left: 4px; + margin-bottom: -1px; + background-color: #A2A2A2; +} - /* user-select: 'none'; - -webkit-user-select: 'none'; - -khtml-user-select: 'none'; - -moz-user-select: 'none'; */ - overflow: 'hidden'; +#tabs li.active { + background-color: #C1C1C1; + border-bottom: 1px solid #C1C1C1; } -.view-overlay div { - position: absolute; +.toolbar { + width: 100%; + border-bottom: 1px solid #777; + background-color: #C1C1C1; + margin: 0; + padding: 2px; + z-index: 10; +/* height: 22px;*/ } -/* .buttontoolbarview { +.toolbar button { display: block; - background-color: #CCC; + float: left; + margin: 4px 0 2px 0; + padding: 0 5px 2px 5px; + border: none; + background: none; } -.buttontoolbarview a { - color: #000; - text-decoration: none; -} */ /* Similar classes already exist in toolbar.css */ - - -/* ================= */ -/* = Gallery panel = */ -/* ================= */ -.image-gallery-view-template { - position: absolute; - top: 0px; left: 0px; right: 0px; bottom: 0px; - overflow: hidden; +.toolbar select { + float: left; + margin: 1px 5px 1px 0; + background: none; + border: 1px solid #999; + padding: 1px; } -.image-gallery-header { - position: absolute; - bottom: 0px; - left: 0px; - right: 0px; - height: 30px; +.toolbar input { + float: left; + font-size: 11px; + padding: 0; + margin: 2px 5px 0 5px; +} - background: gray; - border-top: 1px solid #780000; - z-index: 100; +.toolbar-end { + clear: both; } -input.image-gallery-current-page { - text-align: center; +.toolbar button:hover, .toolbar button:active { + background: #777; + color: #FFF; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } -.image-gallery-header p { - margin: 0px; - padding: 3px 1em; - height: 30px; - line-height: 24px; - text-align: center; - white-space: nowrap; +/* Remove extra padding in Firefox */ +button::-moz-focus-inner { + border: 0; + padding: 0; } -.image-gallery-page-list { - position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 31px; - background: black; - z-index: 0; +p { margin: 0;} - overflow: hidden; +.htmlview *[x-editable] { + background-color: white; } -.image-gallery-page-container { - display: none; - border: none; +.htmlview .active[x-editable] { + background-color: #FAFAFA; + border: 1px solid #DDD; +/* -webkit-transition: all 1s linear;*/ +} - position: absolute; - top: 0px; left: 0px; - text-align: center; - padding: 0px; +/* =========== */ +/* = Gallery = */ +/* =========== */ +.change-gallery-panel { + width: 100%; + border-bottom: 1px solid #777; + background-color: #C1C1C1; + margin: 0; + padding: 2px; + z-index: 10; } -.htmlview { +.gallery-image { position: absolute; - top: 25px; + top: 27px; right: 0; bottom: 0; left: 0; - overflow: auto; margin: 0; + border: none; + background-color: #000; + overflow: hidden; } -.image-gallery-page-container img { - /* border: 2px solid green; */ - margin: 0px; -} - -body#base button { - background-color: #DDD; - border-width: 1px; - padding: 0px 0.5em; - font-family: Sans-Serif; - /* color: #000; */ - margin: 2px 4px; -} - -body#base button:hover { - background-color: #EEE; +.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; } - -/* ================= */ -/* = Message boxes = */ -/* ================= */ -.info { - background-color: gray; -} - -.success { - background-color: green; +#body-wrap { + height: 100%; + width: 100%; } - -.error { - background-color: yellow; +#content { + height: 100%; + width: 100%; } -.critical { - background-color: red; +#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; +} \ No newline at end of file