Improved layout for the backend.

Everything is grayscale now. I think that looks very cool!

9 files changed, 322 insertions, 7 deletions

diff --git a/ratatoeskr/cms_style/images/add.png b/ratatoeskr/cms_style/images/add.png
new file mode 100644
index 0000000..8018e29
--- /dev/null
+++ b/ratatoeskr/cms_style/images/add.png
diff --git a/ratatoeskr/cms_style/images/delete.png b/ratatoeskr/cms_style/images/delete.png
new file mode 100644
index 0000000..cd0f41e
--- /dev/null
+++ b/ratatoeskr/cms_style/images/delete.png
diff --git a/ratatoeskr/cms_style/images/error.png b/ratatoeskr/cms_style/images/error.png
new file mode 100644
index 0000000..de5e5f9
--- /dev/null
+++ b/ratatoeskr/cms_style/images/error.png
diff --git a/ratatoeskr/cms_style/images/error.svg b/ratatoeskr/cms_style/images/error.svg
new file mode 100644
index 0000000..6ebe085
--- /dev/null
+++ b/ratatoeskr/cms_style/images/error.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="50"
+   height="50"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1002.3622)"
+     id="layer1">
+    <path
+       d="M -14.344328,1046.3622 46,1046.3622 15.827836,986.0179 z"
+       id="path3763"
+       style="fill:none;stroke:#000000;stroke-width:5.80233908;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0.36078431;stroke-dasharray:none" />
+    <g
+       id="text3765"
+       style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:0.75294118;stroke:none;font-family:Tahoma;-inkscape-font-specification:Tahoma">
+      <path
+         d="m 16.069878,1032.1201 c -2.367352,0 -4.316941,1.9034 -4.316941,4.1777 0,2.4602 1.903169,4.4096 4.270521,4.4096 2.367354,0 4.316942,-1.9494 4.316942,-4.3168 0,-2.3671 -1.90317,-4.2705 -4.270522,-4.2705 m 1.903166,-5.5654 c 0.324932,-4.456 0.603443,-6.3594 1.624656,-10.9085 0.928372,-3.899 1.114049,-4.8739 1.114049,-6.1736 0,-3.1099 -1.810333,-5.106 -4.595453,-5.106 -2.645864,0 -4.68829,2.0425 -4.68829,4.6417 0,1.5318 0.185675,2.6462 1.114049,6.9164 0.789118,3.5743 1.206886,6.3133 1.624656,10.63 l 3.806333,0"
+         id="path3770"
+         style="font-size:20px;font-weight:bold;fill:#000000;fill-opacity:0.36078431;font-family:URW Bookman L;-inkscape-font-specification:URW Bookman L Bold" />
+    </g>
+  </g>
+</svg>
diff --git a/ratatoeskr/cms_style/images/notice.png b/ratatoeskr/cms_style/images/notice.png
new file mode 100644
index 0000000..30957e8
--- /dev/null
+++ b/ratatoeskr/cms_style/images/notice.png
diff --git a/ratatoeskr/cms_style/images/notice.svg b/ratatoeskr/cms_style/images/notice.svg
new file mode 100644
index 0000000..1025847
--- /dev/null
+++ b/ratatoeskr/cms_style/images/notice.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="50"
+   height="50"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.1 r9760"
+   inkscape:export-filename="/home/skadu42/Desktop/notice.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90"
+   sodipodi:docname="notice.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#dddddd"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="13.477603"
+     inkscape:cy="32.102921"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1680"
+     inkscape:window-height="1000"
+     inkscape:window-x="0"
+     inkscape:window-y="26"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="2"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true"
+       dotted="false" />
+    <sodipodi:guide
+       orientation="-0.70710678,0.70710678"
+       position="30,30"
+       id="guide3755" />
+    <sodipodi:guide
+       orientation="0.70710678,0.70710678"
+       position="0,50"
+       id="guide3757" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="25,25"
+       id="guide3759" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="25,25"
+       id="guide3761" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1002.3622)">
+    <path
+       sodipodi:type="arc"
+       style="fill:#000000;fill-opacity:0.36078431;stroke:#dddddd;stroke-width:4.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0;stroke-dasharray:none"
+       id="path3862"
+       sodipodi:cx="25"
+       sodipodi:cy="25"
+       sodipodi:rx="25"
+       sodipodi:ry="25"
+       d="M 50,25 A 25,25 0 1 1 0,25 25,25 0 1 1 50,25 z"
+       transform="matrix(1.1227732,0,0,1.1227732,-9,994.06606)" />
+    <g
+       style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#dddddd;fill-opacity:1;stroke:none;font-family:Tahoma;-inkscape-font-specification:Tahoma"
+       id="text3854"
+       transform="matrix(1.2475258,0,0,1.2475258,-13.441193,-256.15217)">
+      <path
+         d="m 30.068001,1034.1142 1.056,0.672 c -1.69601,2.528 -3.104009,4.256 -4.224,5.184 -1.088006,0.896 -2.352005,1.344 -3.792,1.344 -0.992003,0 -1.792002,-0.272 -2.4,-0.816 -0.608001,-0.576 -0.912,-1.312 -0.912,-2.208 0,-0.768 0.207999,-1.872 0.624,-3.312 l 2.784,-10.32 c 0.223996,-0.96 0.335996,-1.6 0.336,-1.92 -4e-6,-0.512 -0.224004,-0.864 -0.672,-1.056 -0.416003,-0.224 -1.136002,-0.336 -2.16,-0.336 l 0,-1.296 c 3.711995,-0.288 6.943992,-0.736 9.696,-1.344 l -4.368,16.032 c -0.288006,1.152 -0.432006,1.984 -0.432,2.496 -6e-6,0.192 0.06399,0.368 0.192,0.528 0.159994,0.128 0.335993,0.192 0.528,0.192 0.767992,0 1.791991,-0.96 3.072,-2.88 l 0.672,-0.96 m -1.056,-26.112 c 0.89599,0 1.663989,0.32 2.304,0.96 0.671987,0.64 1.007987,1.408 1.008,2.304 -1.3e-5,0.896 -0.320013,1.664 -0.96,2.304 -0.640011,0.608 -1.42401,0.912 -2.352,0.912 -0.896009,0 -1.648008,-0.32 -2.256,-0.96 -0.608007,-0.64 -0.912006,-1.424 -0.912,-2.352 -6e-6,-0.832 0.319993,-1.568 0.96,-2.208 0.639992,-0.64 1.375991,-0.96 2.208,-0.96"
+         style="font-size:48px;font-style:italic;font-weight:bold;fill:#dddddd;fill-opacity:1;font-family:FreeSerif;-inkscape-font-specification:FreeSerif Bold Italic"
+         id="path3867"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/ratatoeskr/cms_style/images/success.png b/ratatoeskr/cms_style/images/success.png
new file mode 100644
index 0000000..dc79180
--- /dev/null
+++ b/ratatoeskr/cms_style/images/success.png
diff --git a/ratatoeskr/cms_style/images/success.svg b/ratatoeskr/cms_style/images/success.svg
new file mode 100644
index 0000000..39a606d
--- /dev/null
+++ b/ratatoeskr/cms_style/images/success.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="50"
+   height="50"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.1 r9760"
+   inkscape:export-filename="/home/skadu42/Desktop/success.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90"
+   sodipodi:docname="success.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#dddddd"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.9195959"
+     inkscape:cx="27.664243"
+     inkscape:cy="33.687243"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1680"
+     inkscape:window-height="1000"
+     inkscape:window-x="0"
+     inkscape:window-y="26"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="2"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true"
+       dotted="false" />
+    <sodipodi:guide
+       orientation="-0.70710678,0.70710678"
+       position="30,30"
+       id="guide3755" />
+    <sodipodi:guide
+       orientation="0.70710678,0.70710678"
+       position="0,50"
+       id="guide3757" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="25,25"
+       id="guide3759" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="25,25"
+       id="guide3761" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1002.3622)">
+    <path
+       sodipodi:type="arc"
+       style="fill:#000000;fill-opacity:0.36078431;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0;stroke-dasharray:none"
+       id="path3828"
+       sodipodi:cx="25"
+       sodipodi:cy="25"
+       sodipodi:rx="23"
+       sodipodi:ry="23"
+       d="M 48,25 A 23,23 0 1 1 2,25 23,23 0 1 1 48,25 z"
+       transform="matrix(1.2564831,0,0,1.2564831,-12.124007,989.84923)" />
+    <path
+       style="fill:none;stroke:#dddddd;stroke-width:5.65417433;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 5.4667569,1021.2614 11.3083491,16.3342 21.360213,-32.6686"
+       id="path3832"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccc" />
+  </g>
+</svg>
diff --git a/ratatoeskr/cms_style/layout.css b/ratatoeskr/cms_style/layout.css
index f206da6..30f0ac8 100644
--- a/ratatoeskr/cms_style/layout.css
+++ b/ratatoeskr/cms_style/layout.css
@@ -3,6 +3,19 @@
 	font-size: 10pt;
 }
 
+a img {
+	border: none;
+}
+
+a {
+	color: #666;
+	text-decoration: underline;
+}
+
+a:hover {
+	color: black;
+}
+
 body, html {
 	margin: 0px;
 	padding:0px;
@@ -154,29 +167,79 @@ h2 {
 	width: 100%;
 }
 
-div.error {
+/*div.error {
 	border: 1px solid #f00;
 	background: #fcc;
 	color: #f00;
 	padding: 1em;
 	margin: 3mm 0mm 3mm;
 	text-align: center;
+}*/
+
+div.error {
+	border: 1px solid #8d8d8d;
+	background: #ddd url(images/error.png) no-repeat top left;
+	min-height: 40px;
+	color: #222;
+	padding: 1em;
+	margin: 3mm 0mm 3mm;
+	text-align: center;
 }
 
 div.notice {
-	border: 1px solid #33f;
-	background: #ccf;
-	color: #33f;
+	border: 1px solid #8d8d8d;
+	background: #ddd url(images/notice.png) no-repeat top left;
+	min-height: 40px;
+	color: #222;
 	padding: 1em;
 	margin: 3mm 0mm 3mm;
 	text-align: center;
 }
 
 div.success {
-	border: 1px solid #0a0;
-	background: #cfc;
-	color: #0a0;
+	border: 1px solid #8d8d8d;
+	background: #ddd url(images/success.png) no-repeat top left;
+	min-height: 40px;
+	color: #222;
 	padding: 1em;
 	margin: 3mm 0mm 3mm;
 	text-align: center;
 }
+
+div.pos_center {
+	text-align: center;
+	margin: auto;
+}
+
+input.yes_btn {
+	font-weight: bold;
+	font-size: 125%;
+}
+
+input.no_btn {
+	font-weight: bold;
+	font-size: 125%;
+}
+
+table.listtab {
+	border-collapse: collapse;
+}
+
+table.listtab th {
+	font-weight: bold;
+	color: black;
+	text-align: left;
+	padding-left: 1ex;
+}
+
+table.listtab td {
+	border-top: 1px solid #eee;
+}
+
+table.listtab tr:first-child td {
+	border-top: 1px solid #666;
+}
+
+table.listtab tbody tr:hover {
+	background: #eee;
+}