X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/f938afb8ab4cb091d12e0ef0311eaea14b774798..478690d49accdde903481207c38fbbe2e93b447e:/redakcja/static/css/master.css?ds=sidebyside diff --git a/redakcja/static/css/master.css b/redakcja/static/css/master.css index ae742667..cbfe66ab 100644 --- a/redakcja/static/css/master.css +++ b/redakcja/static/css/master.css @@ -1,6 +1,6 @@ a, a:visited, a:active { color: blue; - text-decoration: none; + text-decoration: none; } a:hover { @@ -23,10 +23,10 @@ body { bottom: 0; right: 0; width: 26px; - background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center; + background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center; border-left: 2px solid #999; border-right: 2px solid #999; - cursor: pointer; + cursor: pointer; } .vsplitbar:hover { @@ -73,20 +73,34 @@ body { right: 0px; left: 0px; height: 30px; - border-bottom: 1px solid #999; - + 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; } +#header.saving { + background-color: #E1C1C1; +} +#header.saving #save-button { + display: none; +} +#save-attempt-info { + color: #801000; + display: none; +} +.saving #save-attempt-info { + display: inline; +} + #header h1, #header h1 a { margin: 0; padding: 0; @@ -103,48 +117,54 @@ body { color: #222; } -#tabs { +.tabs { overflow: hidden; margin: 0; padding: 0; height: 31px; - border: 0px; - padding-left: 1em; + border: 0px; + padding-left: 1em; + float: left; } -#tabs li { +#tabs-right { + float: right; + padding-right: 1em; +} + +.tabs li { height: 18px; margin-top: 6px; - margin-bottom: 0px; - - -webkit-user-select: none; + margin-bottom: 0px; + + -webkit-user-select: none; cursor: pointer; display: block; float: left; - + padding-left: 12px; padding-right: 12px; padding-top: 5px; - + font-weight: bold; color: #222; - margin-left: 4px; - + 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; + 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.active { - background-color: #C1C1C1; +.tabs li.active { + background-color: #C1C1C1; } #tools { @@ -153,73 +173,15 @@ body { overflow: hidden; margin: 0; padding: 0; - height: 30px; + height: 30px; margin-right: 5px; line-height: 30px; font-size: 10px; vertical-align: middle; } - -/* - * Toolbars - */ - -.toolbar { - width: 100%; - border-bottom: 1px solid #777; - background-color: #C1C1C1; - margin: 0; - padding: 2px; - z-index: 100; - height: 28px; -} - -.toolbar button { - display: block; - float: left; - margin: 4px 0 2px 0; - padding: 2px 5px; - border: none; - background: none; -} - -.toolbar button img { - margin: 0; - padding: 0; - margin-bottom: -3px; -} - - -.toolbar select { - float: left; - margin: 1px 5px 1px 0; - background: none; - border: 1px solid #999; - padding: 1px; -} - -.toolbar input { - float: left; - font-size: 11px; - padding: 0; - margin: 4px 5px 0px 5px; - vertical-align:baseline; -} - -.toolbar-end { - clear: both; -} - -.toolbar button:hover, .toolbar button:active { - background: #777; - color: #FFF; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; -} - /* Remove extra padding in Firefox */ -button::-moz-focus-inner { +button::-moz-focus-inner { border: 0; padding: 0; } @@ -265,12 +227,12 @@ p { margin: 0;} } /* - * CodeMirror + * CodeMirror */ .CodeMirror-line-numbers { padding: 0px; - padding-top: 5px; + padding-top: 5px; text-align: right; overflow: hidden; width: 40px; @@ -279,7 +241,7 @@ p { margin: 0;} } .CodeMirror-line-numbers div { - display: block; + display: block; font-family:"Lucida Console", monospace; font-size: 13px; line-height: 18px; @@ -289,16 +251,15 @@ p { margin: 0;} img.tabclose { padding-left: 8px; width: 16px; - height: 16px; + height: 16px; vertical-align: middle; vertical-align: text-bottom; } - /* * HTML Editor view - */ - + */ + .htmlview { z-index: 1; overflow: hidden; @@ -306,7 +267,7 @@ img.tabclose { .htmlview *[x-editable] { background-color: white; - + } .htmlview .active[x-editable] { background-color: #FAFAFA; @@ -318,3 +279,12 @@ img.tabclose { background-color: black; opacity: 0.4; } + +.poezja_cyt { + margin:1.5em 2em 0; + font-size:0.875em +} + +.wers_akap { + padding-left: 1em; +}