From 8ad26def303c7dc0db1049b8c72f21c17133ab33 Mon Sep 17 00:00:00 2001 From: Kevin Chabowski Date: Mon, 21 May 2012 21:21:00 +0200 Subject: Sidebar blocks of Article editor can be expanded/collapsed. --- ratatoeskr/cms_style/images/expandarrow_collapsed.png | Bin 0 -> 142 bytes ratatoeskr/cms_style/images/expandarrow_expanded.png | Bin 0 -> 154 bytes ratatoeskr/cms_style/layout.css | 12 ++++++++++++ 3 files changed, 12 insertions(+) create mode 100644 ratatoeskr/cms_style/images/expandarrow_collapsed.png create mode 100644 ratatoeskr/cms_style/images/expandarrow_expanded.png (limited to 'ratatoeskr/cms_style') diff --git a/ratatoeskr/cms_style/images/expandarrow_collapsed.png b/ratatoeskr/cms_style/images/expandarrow_collapsed.png new file mode 100644 index 0000000..62f662b Binary files /dev/null and b/ratatoeskr/cms_style/images/expandarrow_collapsed.png differ diff --git a/ratatoeskr/cms_style/images/expandarrow_expanded.png b/ratatoeskr/cms_style/images/expandarrow_expanded.png new file mode 100644 index 0000000..a5e4c41 Binary files /dev/null and b/ratatoeskr/cms_style/images/expandarrow_expanded.png differ diff --git a/ratatoeskr/cms_style/layout.css b/ratatoeskr/cms_style/layout.css index 1163887..a88537d 100644 --- a/ratatoeskr/cms_style/layout.css +++ b/ratatoeskr/cms_style/layout.css @@ -257,3 +257,15 @@ ul.bulletfree { list-style: none; padding-left: 0mm; } + +.metabar_element_expanded { + min-height: 12px; + background: url(images/expandarrow_expanded.png) 0px 4px no-repeat; + padding-left: 12px; +} + +.metabar_element_collapsed { + min-height: 12px; + background: url(images/expandarrow_collapsed.png) 0px 4px no-repeat; + padding-left: 12px; +} \ No newline at end of file -- cgit v1.2.3-54-g00ecf From d38cba8d577b67e68fe1558ea72fa6b19c9ca505 Mon Sep 17 00:00:00 2001 From: Kevin Chabowski Date: Mon, 21 May 2012 22:26:21 +0200 Subject: Made collapse/expand feature more obvious. * The underlining on hovering makes it more obvious that something will happen, if you click on it. * Also cleaned up the stylesheet a bit. --- ratatoeskr/cms_style/layout.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) (limited to 'ratatoeskr/cms_style') diff --git a/ratatoeskr/cms_style/layout.css b/ratatoeskr/cms_style/layout.css index a88537d..fde0fac 100644 --- a/ratatoeskr/cms_style/layout.css +++ b/ratatoeskr/cms_style/layout.css @@ -258,14 +258,20 @@ ul.bulletfree { padding-left: 0mm; } -.metabar_element_expanded { +.metabar_element_expanded, .metabar_element_collapsed { min-height: 12px; - background: url(images/expandarrow_expanded.png) 0px 4px no-repeat; padding-left: 12px; + cursor: pointer; +} + +.metabar_element_expanded:hover, .metabar_element_collapsed:hover { + text-decoration: underline; +} + +.metabar_element_expanded { + background: url(images/expandarrow_expanded.png) 0px 4px no-repeat; } .metabar_element_collapsed { - min-height: 12px; background: url(images/expandarrow_collapsed.png) 0px 4px no-repeat; - padding-left: 12px; } \ No newline at end of file -- cgit v1.2.3-54-g00ecf From 3d406946eea06096c780054e173ebdbb0f787ceb Mon Sep 17 00:00:00 2001 From: Kevin Chabowski Date: Sat, 26 May 2012 12:57:41 +0200 Subject: Better .listtab style * Text inputs in the cells of a table.listtab are now extended to the full cell width. * Explicit padding of cells. --- ratatoeskr/cms_style/layout.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'ratatoeskr/cms_style') diff --git a/ratatoeskr/cms_style/layout.css b/ratatoeskr/cms_style/layout.css index fde0fac..53ab8e0 100644 --- a/ratatoeskr/cms_style/layout.css +++ b/ratatoeskr/cms_style/layout.css @@ -241,6 +241,10 @@ table.listtab td { border-top: 1px solid #eee; } +table.listtab th, table.listtab td { + padding: 0mm 1mm 0mm; +} + table.listtab tr:first-child td { border-top: 1px solid #666; } @@ -249,6 +253,10 @@ table.listtab tbody tr:hover { background: #eee; } +table.listtab tbody input[type="text"] { + width: 100%; +} + textarea.codeedit { font-family: monospace; } -- cgit v1.2.3-54-g00ecf From 26bd77a253cd0ff4b53ad76c05d53a07d84b2b2f Mon Sep 17 00:00:00 2001 From: Kevin Chabowski Date: Sat, 26 May 2012 13:21:14 +0200 Subject: Awesome background / watermark for backend. Many pages had a lot of empty white space, that watermark fills this space without being too annoying. --- ratatoeskr/cms_style/images/backendbg.png | Bin 0 -> 4816 bytes ratatoeskr/cms_style/layout.css | 1 + 2 files changed, 1 insertion(+) create mode 100644 ratatoeskr/cms_style/images/backendbg.png (limited to 'ratatoeskr/cms_style') diff --git a/ratatoeskr/cms_style/images/backendbg.png b/ratatoeskr/cms_style/images/backendbg.png new file mode 100644 index 0000000..995e8cf Binary files /dev/null and b/ratatoeskr/cms_style/images/backendbg.png differ diff --git a/ratatoeskr/cms_style/layout.css b/ratatoeskr/cms_style/layout.css index 53ab8e0..aac132a 100644 --- a/ratatoeskr/cms_style/layout.css +++ b/ratatoeskr/cms_style/layout.css @@ -19,6 +19,7 @@ a:hover { body, html { margin: 0px; padding:0px; + background: white url(images/backendbg.png) bottom right no-repeat fixed; } hr { -- cgit v1.2.3-54-g00ecf