X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/eba3cb48e4c226b4229e2e38fa390672c3bcc829..825884d5336fece8448c24c002ddae8a93dca50d:/platforma/static/css/master.css?ds=inline diff --git a/platforma/static/css/master.css b/platforma/static/css/master.css index 8200037c..62396843 100755 --- a/platforma/static/css/master.css +++ b/platforma/static/css/master.css @@ -1,296 +1,135 @@ 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 { - width: 100%; - height: 100%; padding: 0; - margin: 0; + min-width: 960px; } -.splitview-splitbar { - width: 5px; +.vsplitbar { + width: 14px; + background: #EEE 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: col-resize; } -.splitview-overlay { - z-index: 5000; - background: #FFF; - opacity: 0.5; +.active { + background-color: #DDD; } -.panel-container { +#simple-editor { height: 100%; + overflow: hidden; position: relative; } -.content-view { +#html-view { + overflow: auto; position: absolute; - top: 25px; - right: 0; + top: 27px; bottom: 0; left: 0; - overflow: hidden; -} - -.panel-main-toolbar { - z-index: 1100; - position: absolute; - - top: 0px; - right: 0px; - left: 0px; - height: 24px; - - border-bottom: 1px solid black; - background: gray; - - padding: 0px; -} - -.panel-main-toolbar p { - margin: 0px; - padding: 2px; - line-height: 20px; - font-size: 13px; -} - -.xmlview { - height: 100%; -} - -.view-overlay { - display: none; - z-index: 0; - background: #FFF; - text-align: center; - vertical-align: middle; - - position: absolute; - left: 0; right: 0; - top: 0; - bottom: 0; - - /* user-select: 'none'; - -webkit-user-select: 'none'; - -khtml-user-select: 'none'; - -moz-user-select: 'none'; */ - - overflow: 'hidden'; -} - -.view-overlay div { - position: absolute; -} - -/* .buttontoolbarview { - display: block; - background-color: #CCC; } -.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; +#sidebar { + overflow: auto; } -.image-gallery-header { - position: absolute; - bottom: 0px; - left: 0px; - right: 0px; - height: 30px; - - background: gray; - border-top: 1px solid #780000; - z-index: 100; +#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; } -input.image-gallery-current-page { - text-align: center; +#header h1 { + 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; } -.image-gallery-header p { - margin: 0px; - padding: 3px 1em; - height: 30px; - line-height: 24px; - text-align: center; - white-space: nowrap; +#tabs { + margin: 0; + padding: 0; + + width: 100%; + height: 22px; + padding-top: 2px; + border-bottom: 1px solid #999; } -.image-gallery-page-list { - position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 31px; - background: black; - z-index: 0; - - overflow: hidden; +#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; } -.image-gallery-page-container { - display: none; - border: none; - - position: absolute; - top: 0px; left: 0px; - - text-align: center; - padding: 0px; +#tabs li.active { + background-color: #C1C1C1; + border-bottom: 1px solid #C1C1C1; } -.htmlview { - position: absolute; - top: 25px; - right: 0; - bottom: 0; - left: 0; - overflow: auto; +.toolbar { + border-bottom: 1px solid #777; + background-color: #C1C1C1; margin: 0; + padding: 2px; + height: 22px; } -.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; +.toolbar select { + float: left; + margin: 2px 5px 2px 0; + background: none; + border: 1px solid #999; + padding: 1px; } - - -/* ================= */ -/* = Message boxes = */ -/* ================= */ -.info { - background-color: gray; +.toolbar button { + display: block; + float: left; + margin: 4px 0 2px 0; + padding: 0 5px 2px 5px; + border: none; + background: none; } -.success { - background-color: green; +.toolbar-end { + clear: both; } -.error { - background-color: yellow; +.toolbar button:hover, .toolbar button:active { + background: #777; + color: #FFF; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } -.critical { - background-color: red; +/* Remove extra padding in Firefox */ +button::-moz-focus-inner { + border: 0; + padding: 0; } +p { margin: 0;} \ No newline at end of file