diff --git a/index.html b/index.html index 6e34571..1e41970 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,8 @@  - + + + + @@ -189,6 +192,8 @@

Select a design

Roman Komarov
  • SimpleBox Rael Max
  • +
  • Minimal + Jeremy Sweazy
  • diff --git a/styles/minimal.css b/styles/minimal.css new file mode 100644 index 0000000..6ebff96 --- /dev/null +++ b/styles/minimal.css @@ -0,0 +1 @@ +html,body{height:100%}*{box-sizing:border-box}body{background:#e24d4a;font:14px Arial;color:#fff;padding:0 50px 0 60px;margin:0}h1{font-size:99px;margin:0;text-shadow:3px 3px #1f1e1e}h2{color:#e24d4a}article{background:#fff;color:#1f1e1e;padding:9px 20px;border-radius:20px}article a{color:#10b7ba}nav{background:#fff;position:absolute;width:400px;top:0;height:100%;left:-400px;transition:left .6s;border:1px solid #ccc;z-index:100}nav h2{border:1px solid #ccc;border-bottom:0;background:#fff;position:absolute;right:-202px;top:18px;transform:rotate(90deg);transform-origin:0 0;border-radius:9px 9px 0 0;width:170px;text-align:center;height:35px;line-height:30px;padding:0;margin:0}.ie8 nav h2{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);right:-160px}nav:hover{left:0}a{color:#fdc312}ul{height:100%;list-style:none;padding:0;overflow:scroll;margin:0;padding:9px 0}ul li{padding:5px 9px;width:50%;float:left}nav li a:first-child{color:#e24d4a}nav a{color:#ccc;text-decoration:none} \ No newline at end of file