X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/33bd7ddbe67e3ddc5c4b6422ec641b5093b7fd5c..fc330c6c7cee602ac344c3f180065a70226dae8a:/platforma/templates/wiki/document_details.html diff --git a/platforma/templates/wiki/document_details.html b/platforma/templates/wiki/document_details.html index ebb7242e..64fc89a2 100644 --- a/platforma/templates/wiki/document_details.html +++ b/platforma/templates/wiki/document_details.html @@ -1,9 +1,75 @@ {% extends "base.html" %} +{% load toolbar_tags %} {% block extrahead %} + + + @@ -38,35 +220,56 @@ body { margin: 0; + overflow: hidden; + padding: 0; + min-width: 960px; } + .vsplitbar { - width: 15px; - background: #C1C1C1 url(/static/img/gallery.png) no-repeat scroll 2px 2px; - border-left: 1px solid #777; + width: 14px; + background: #EEE url(/static/img/gallery.png) no-repeat scroll center center; + border-left: 1px solid #999; + cursor: col-resize; } .active { background-color: #DDD; } - #splitter { -/* height: 200px;*/ -/* width: 500px;*/ -/* border: 2px solid #B3B3B3;*/ + #simple-editor { + overflow: auto; + height: 100%; } #sidebar { overflow: auto; +/* padding: 5px; */ } - #sidebar { - background: #989944; + #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; + } + + #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; } #tabs { margin: 0; padding: 0; - background-color: #C1C1C1; + width: 100%; height: 22px; padding-top: 2px; @@ -74,56 +277,107 @@ } #tabs li { + -webkit-user-select: none; + cursor: default; display: block; float: left; -/* width: 140px;*/ 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: 11px Helvetica, Verdana, sans-serif; font-weight: bold; color: #222; /* text-shadow: #CCC 1px 1px 1px;*/ height: 13px; - background-color: #A2A2A2; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #A2A2A2), to(#C1C1C1)); -/* -webkit-box-shadow: 2px 0px 2px #888;*/ + background-color: #C1C1C1; + -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25); margin-left: 4px; margin-bottom: -1px; } #tabs li.active { - background-color: #FFF; + background-color: #FEFCDF; background-image: none; /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #C1C1C1), to(#FFFFFF)); */ - border-bottom: 1px solid #FFF; + border-bottom: 1px solid #FEFCDF; } + + .toolbar { + border-bottom: 1px solid #777; + background-color: #FEFCDF; + margin: 0; + padding: 2px; + } + + .toolbar select { + float: left; + margin: 2px 5px 2px 0; + background: none; + border: 1px solid #999; + padding: 1px; + } + + .toolbar button { + display: block; + float: left; + margin: 4px 0 2px 0; + padding: 0 5px 2px 5px; + border: none; + background: none; + } + + .toolbar-end { + clear: both; + } + + .toolbar button:hover, .toolbar button:active { + background: #A2A2A2; + color: #FFF; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + } + + /* Remove extra padding in Firefox */ + button::-moz-focus-inner { + border: 0; + padding: 0; + } + + p { margin: 0;} {% endblock %} {% block maincontent %} - -
-
-
- {{ form.text }} - {# #} - {#

Autor: {{ form.author }}

#} - {#

Komentarz: {{ form.comment }}

#} - {#

#} -
+
+ +
+
+
+ {% toolbar %} + {{ form.text }} + + + + +
+ +
- -
+
{% endblock %} \ No newline at end of file