From e8f73eb0a36afb946b7337e0dcd918006c724a0b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Frank=20B=C3=BCltge?= Date: Sat, 4 Feb 2012 10:36:47 +0100 Subject: [PATCH 1/3] add the old styles from other branch, reactivate boxes style --- styles/boxes-min.css | 1 + styles/boxes.css | 108 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 109 insertions(+) create mode 100644 styles/boxes-min.css create mode 100644 styles/boxes.css diff --git a/styles/boxes-min.css b/styles/boxes-min.css new file mode 100644 index 0000000..6a0ff10 --- /dev/null +++ b/styles/boxes-min.css @@ -0,0 +1 @@ + body{background:#eee;color:#333;font:16px/24px Helvetica,Arial,sans-serif;margin:0 auto;padding:90px}a{color:#fa5232}a:hover{color:#999}header{background:rgba(0,0,0,.7);position:fixed;top:0;left:0;right:0;height:55px;z-index:2}h1,h2{font:bold 30px/25px Georgia,times,serif}p{margin:1em 0 1.5em}ol{list-style:none;margin:1.5em 0}li{list-style:decimal;margin:0 0 8px}article section h2,nav h2,nav{position:absolute}article section,nav ul{background:#fff;position:relative;margin:0 0 60px;padding:5em 2em 1em}article section h2,article header{background:rgba(250,82,50,.8);color:#fff;text-align:center;top:-10px;left:10px;right:auto;padding:15px 20px}article header{position:relative;display:inline-table;text-align:left;left:0;z-index:1}nav{right:0;top:0;width:250px;z-index:9}nav ul{opacity:0;padding:20px 5px 10px 30px;overflow-y:scroll}nav ul:hover{height:500px;opacity:1}nav h2{width:50px;height:50px;padding:15px;background:rgba(249,101,73,.8);color:#fff;text-align:center;right:7px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px}nav h2,nav ul{font-size:11px}nav ul li{margin:0}header,ul a + a{color:#ccc}article section,nav ul,article header,nav ul,article section h2{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:-1px 1px 3px rgba(0,0,0,.2);-moz-box-shadow:-1px 1px 3px rgba(0,0,0,.2);box-shadow:-1px 1px 3px rgba(0,0,0,.2)} diff --git a/styles/boxes.css b/styles/boxes.css new file mode 100644 index 0000000..c415882 --- /dev/null +++ b/styles/boxes.css @@ -0,0 +1,108 @@ +/* CSS1K entry + * "Boxes" by Frank Bültge (http://bueltge.de) + * This file is unminified for legibility, for size proof add '-min' to the end of the filename */ +body { + background:#eee; + color:#333; + font:16px/24px Helvetica,Arial,sans-serif; + margin:0 auto; + padding:90px +} +a { + color:#fa5232 +} +a:hover { + color:#999 +} +header { + background:rgba(0,0,0,.7); + position:fixed; + top:0; + left:0; + right:0; + height:55px; + z-index:2 +} +h1, h2 { + font:bold 30px/25px Georgia,times,serif +} +p { + margin:1em 0 1.5em +} +ol { + list-style:none; + margin:1.5em 0 +} +li { + list-style:decimal; + margin:0 0 8px +} +article section h2, nav h2, nav { + position:absolute +} +article section, nav ul { + background:#fff; + position:relative; + margin:0 0 60px; + padding:5em 2em 1em +} +article section h2, article header { + background:rgba(250,82,50,.8); + color:#fff; + text-align:center; + top:-10px; + left:10px; + right:auto; + padding:15px 20px +} +article header { + position:relative; + display:inline-table; + text-align:left; + left:0; + z-index:1 +} +nav { + right:0; + top:0; + width:250px; + z-index:9 +} +nav ul { + opacity:0; + padding:20px 5px 10px 30px; + overflow-y:scroll; +} +nav ul:hover { + height:500px; + opacity:1 +} +nav h2 { + width:50px; + height:50px; + padding:15px; + background:rgba(249,101,73,.8); + color:#fff; + text-align:center; + right:7px; + -webkit-border-radius:60px; + -moz-border-radius:60px; + border-radius:60px +} +nav h2, nav ul { + font-size:11px +} +nav ul li { + margin:0 +} +header, ul a + a { + color:#ccc +} +article section, nav ul, article header, nav ul, article section h2 { + -webkit-border-radius:6px; + -moz-border-radius:6px; + border-radius:6px; + -webkit-box-shadow:-1px 1px 3px rgba(0,0,0,.2); + -moz-box-shadow:-1px 1px 3px rgba(0,0,0,.2); + box-shadow:-1px 1px 3px rgba(0,0,0,.2) +} From 9d805fb5e0f4885793e7f123e149eb36060a3cbd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Frank=20B=C3=BCltge?= Date: Sat, 4 Feb 2012 10:39:59 +0100 Subject: [PATCH 2/3] add link for 'boxes' style; included in styles on the commit before --- index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/index.html b/index.html index 117826c..04c4562 100644 --- a/index.html +++ b/index.html @@ -109,6 +109,8 @@

Select a design

David King
  • Solarized heirenton
  • +
  • Solarized + bueltge
  • Open Water Gilmore Davidson
  • HTML5 Colors From 5ac92cdc0b70caa0f9b4b7aafd481eb9119a6de7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Frank=20B=C3=BCltge?= Date: Sat, 4 Feb 2012 10:41:34 +0100 Subject: [PATCH 3/3] change title to 'Boxes', the name of the style from 12.07.2011 --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 04c4562..e9e9c9c 100644 --- a/index.html +++ b/index.html @@ -109,7 +109,7 @@

    Select a design

    David King
  • Solarized heirenton
  • -
  • Solarized +
  • Boxes bueltge
  • Open Water Gilmore Davidson