From c559e9726e792f001173dc4d5301efc2efe2d590 Mon Sep 17 00:00:00 2001 From: John Kreitlow Date: Mon, 30 Jan 2012 22:39:55 -0600 Subject: [PATCH 1/4] i can haz 1k? --- index.html | 2 ++ styles/facepalm.css | 1 + 2 files changed, 3 insertions(+) create mode 100644 styles/facepalm.css diff --git a/index.html b/index.html index 117826c..65326ef 100644 --- a/index.html +++ b/index.html @@ -177,6 +177,8 @@

Select a design

Roman Komarov
  • SimpleBox Rael Max
    • +
  • Facepalm + John Kreitlow
    • diff --git a/styles/facepalm.css b/styles/facepalm.css new file mode 100644 index 0000000..7744eb8 --- /dev/null +++ b/styles/facepalm.css @@ -0,0 +1 @@ +body{background:#EEE;font:14px/19px Helvetica;margin:auto;width:960px}a{border-bottom:1px dashed #333;color:#333;text-decoration:none;text-shadow: 0 1px 1px #FFF}a:visited{color:#999}a:hover{text-shadow: 0 1px 1px #333}h1,h2{color: #555;font-size:60px;text-align:center;text-shadow:0 0 3px #333;text-transform:uppercase}h2{border-bottom:1px solid #999;font-size:20px;line-height:30px;margin-top:40px;text-shadow:none}nav h2{border:none;cursor:pointer}ul{max-height:0;overflow:hidden;opacity:0;transition:all 0.14s linear}nav:hover ul{display:block;height:auto;max-height:1000px;opacity:1}ul li{border-radius:10px;display:inline-block;height:45px;margin:5px;padding:10px;text-align:center;transition:all 0.1s linear;vertical-align:top;visibility:visible;width:140px}ul li:hover{background:#999;box-shadow:0 2px 2px #333}ul li a{border:none;color:#333;display:block;font:16px/22px;transition:all 0.14s linear}ul li a:hover{color:#FFF}li a+a{font:10px/12px;opacity:0;visibility:hidden}li:hover a+a{opacity:1;visibility:visible} \ No newline at end of file From 57943cfa3f27b75e613753f49879d56064b109bd Mon Sep 17 00:00:00 2001 From: John Kreitlow Date: Mon, 30 Jan 2012 22:57:16 -0600 Subject: [PATCH 2/4] Fixed height issue with rollover --- styles/facepalm.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/facepalm.css b/styles/facepalm.css index 7744eb8..1213a0c 100644 --- a/styles/facepalm.css +++ b/styles/facepalm.css @@ -1 +1 @@ -body{background:#EEE;font:14px/19px Helvetica;margin:auto;width:960px}a{border-bottom:1px dashed #333;color:#333;text-decoration:none;text-shadow: 0 1px 1px #FFF}a:visited{color:#999}a:hover{text-shadow: 0 1px 1px #333}h1,h2{color: #555;font-size:60px;text-align:center;text-shadow:0 0 3px #333;text-transform:uppercase}h2{border-bottom:1px solid #999;font-size:20px;line-height:30px;margin-top:40px;text-shadow:none}nav h2{border:none;cursor:pointer}ul{max-height:0;overflow:hidden;opacity:0;transition:all 0.14s linear}nav:hover ul{display:block;height:auto;max-height:1000px;opacity:1}ul li{border-radius:10px;display:inline-block;height:45px;margin:5px;padding:10px;text-align:center;transition:all 0.1s linear;vertical-align:top;visibility:visible;width:140px}ul li:hover{background:#999;box-shadow:0 2px 2px #333}ul li a{border:none;color:#333;display:block;font:16px/22px;transition:all 0.14s linear}ul li a:hover{color:#FFF}li a+a{font:10px/12px;opacity:0;visibility:hidden}li:hover a+a{opacity:1;visibility:visible} \ No newline at end of file +body{background:#EEE;font:14px/19px Helvetica;margin:auto;width:960px}a{border-bottom:1px dashed #333;color:#333;text-decoration:none;text-shadow: 0 1px 1px #FFF}a:visited{color:#999}a:hover{text-shadow: 0 1px 1px #333}h1,h2{color: #555;font-size:60px;text-align:center;text-shadow:0 0 3px #333;text-transform:uppercase}h2{border-bottom:1px solid #999;font-size:20px;line-height:30px;margin-top:40px;text-shadow:none}nav h2{border:none;cursor:pointer}ul{max-height:0;overflow:hidden;opacity:0;transition:all 0.14s linear}nav:hover ul{display:block;height:auto;max-height:2000px;opacity:1}ul li{border-radius:10px;display:inline-block;height:45px;margin:5px;padding:10px;text-align:center;transition:all 0.1s linear;vertical-align:top;visibility:visible;width:140px}ul li:hover{background:#999;box-shadow:0 2px 2px #333}ul li a{border:none;color:#333;display:block;font:16px/22px;transition:all 0.14s linear}ul li a:hover{color:#FFF}li a+a{font:10px/12px;opacity:0;visibility:hidden}li:hover a+a{opacity:1;visibility:visible} \ No newline at end of file From deb01c4728e686016f587c5ea085cb70941b2d0a Mon Sep 17 00:00:00 2001 From: John Kreitlow Date: Sat, 12 May 2012 16:16:23 -0400 Subject: [PATCH 3/4] Redesign --- styles/facepalm.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/facepalm.css b/styles/facepalm.css index 1213a0c..4059cbe 100644 --- a/styles/facepalm.css +++ b/styles/facepalm.css @@ -1 +1 @@ -body{background:#EEE;font:14px/19px Helvetica;margin:auto;width:960px}a{border-bottom:1px dashed #333;color:#333;text-decoration:none;text-shadow: 0 1px 1px #FFF}a:visited{color:#999}a:hover{text-shadow: 0 1px 1px #333}h1,h2{color: #555;font-size:60px;text-align:center;text-shadow:0 0 3px #333;text-transform:uppercase}h2{border-bottom:1px solid #999;font-size:20px;line-height:30px;margin-top:40px;text-shadow:none}nav h2{border:none;cursor:pointer}ul{max-height:0;overflow:hidden;opacity:0;transition:all 0.14s linear}nav:hover ul{display:block;height:auto;max-height:2000px;opacity:1}ul li{border-radius:10px;display:inline-block;height:45px;margin:5px;padding:10px;text-align:center;transition:all 0.1s linear;vertical-align:top;visibility:visible;width:140px}ul li:hover{background:#999;box-shadow:0 2px 2px #333}ul li a{border:none;color:#333;display:block;font:16px/22px;transition:all 0.14s linear}ul li a:hover{color:#FFF}li a+a{font:10px/12px;opacity:0;visibility:hidden}li:hover a+a{opacity:1;visibility:visible} \ No newline at end of file +*{box-sizing:border-box}html{overflow-x:hidden}body{background:#FFA49D;color:#3B3B3B;margin:0;font:13px/22px sans-serif;overflow-x:hidden;padding:0;text-transform:uppercase}h1{left:0;margin:0;position:fixed;top:0;line-height:20px}header,h2{font:40px/40px sans-serif;position:relative}header>p{margin-right:210px;font:20px}nav,article h2{background:#FF7474;left:-40px;overflow-x:auto;padding:0 40px;text-align:left;top:200px;transform-origin:0;transform:rotate(-20deg);width:3000px}nav{position:fixed;z-index:2}nav h2{font-size:30px;line-height:32px}ul{background:#3B3B3B;bottom:0;display:block;left:0;line-height:30px;margin:0;opacity:0.4;position:absolute;transition:opacity 0.4s linear;width:27000px}ul:hover{opacity:1}section p{background:#A8877E;padding:26px}h2+p,ol{margin-top:150px;margin-left:100px}section p:last-child{margin-right:100px;margin-bottom:100px}ul li{font-size:20px;display:inline-block;margin:0 10px}article{max-width:960px;margin:100px auto 0}a{color:#FF476C;text-decoration:none}li a+a{color:#A8877E} \ No newline at end of file From 65c8f80e5908b029466e3eb69854b469b2bf5074 Mon Sep 17 00:00:00 2001 From: John Kreitlow Date: Sat, 12 May 2012 16:31:37 -0400 Subject: [PATCH 4/4] Fixes --- styles/facepalm.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/facepalm.css b/styles/facepalm.css index 4059cbe..45950e9 100644 --- a/styles/facepalm.css +++ b/styles/facepalm.css @@ -1 +1 @@ -*{box-sizing:border-box}html{overflow-x:hidden}body{background:#FFA49D;color:#3B3B3B;margin:0;font:13px/22px sans-serif;overflow-x:hidden;padding:0;text-transform:uppercase}h1{left:0;margin:0;position:fixed;top:0;line-height:20px}header,h2{font:40px/40px sans-serif;position:relative}header>p{margin-right:210px;font:20px}nav,article h2{background:#FF7474;left:-40px;overflow-x:auto;padding:0 40px;text-align:left;top:200px;transform-origin:0;transform:rotate(-20deg);width:3000px}nav{position:fixed;z-index:2}nav h2{font-size:30px;line-height:32px}ul{background:#3B3B3B;bottom:0;display:block;left:0;line-height:30px;margin:0;opacity:0.4;position:absolute;transition:opacity 0.4s linear;width:27000px}ul:hover{opacity:1}section p{background:#A8877E;padding:26px}h2+p,ol{margin-top:150px;margin-left:100px}section p:last-child{margin-right:100px;margin-bottom:100px}ul li{font-size:20px;display:inline-block;margin:0 10px}article{max-width:960px;margin:100px auto 0}a{color:#FF476C;text-decoration:none}li a+a{color:#A8877E} \ No newline at end of file +*{box-sizing:border-box}html{overflow-x:hidden}body{background:#FFA49D;color:#3B3B3B;margin:0;font:13px/22px sans-serif;overflow-x:hidden;padding:0;text-transform:uppercase}h1{left:0;margin:0;position:fixed;top:40px;line-height:20px}header,h2{font:40px/40px sans-serif;position:relative}header>p{margin:120px;font-size:20px}nav,article h2{background:#FF7474;left:-40px;overflow-x:auto;padding:0 40px;text-align:left;top:200px;transform-origin:0;transform:rotate(-20deg);width:3000px}nav{position:fixed;z-index:2}nav h2{font-size:30px;line-height:32px}ul{background:#3B3B3B;bottom:0;display:block;left:0;line-height:30px;margin:0;opacity:0.4;position:absolute;transition:opacity 0.4s linear;width:27000px}ul:hover{opacity:1}section p{background:#A8877E;padding:26px}h2+p,ol{margin-top:150px;margin-left:100px}section p:last-child{margin:0 100px 100px 0}ul li{font-size:20px;display:inline-block;margin:0 10px}article{max-width:960px;margin:100px auto 0}a{color:#FF476C;text-decoration:none}li a+a{color:#A8877E} \ No newline at end of file