diff --git a/index.html b/index.html index 53be643..f841bd8 100644 --- a/index.html +++ b/index.html @@ -183,6 +183,8 @@

Select a design

Roman Komarov
  • SimpleBox Rael Max
  • +
  • SlantedEnchanted + Jeremy Stuckey
  • diff --git a/styles/slantedenchanted.css b/styles/slantedenchanted.css new file mode 100644 index 0000000..348ae54 --- /dev/null +++ b/styles/slantedenchanted.css @@ -0,0 +1 @@ +body{font:16px Arial;margin:0 auto;width:840px;background:radial-gradient(50% -1700px,circle,#FFF 2000px,#dec3a6 2025px,#FFF 2050px) fixed}h1,nav h2,ul li{transform:rotate(-20deg)}h1{position:absolute;font-size:8em;margin:0}a{color:#e2bdb8;text-decoration:none}a:hover{border-bottom:dotted}body>header{float:left;margin:0}ul li,[role]>*,footer{background:radial-gradient(100% 0,circle,#a7322b,#ce3636);border:1px solid #000;color:#dec3a6}ul{width:210px;padding:0;margin:120px 0}ul li{list-style-type:none;padding:5px;border-radius:10px}ul li a{display:block;color:#dec3a6}ul li a:last-child:before{padding-left:20px;content:'➪ '}nav:hover li{transform:none;border-radius:0;border-width:1px 1px 0}nav:hover li:first-child,[role] header{border-radius:10px 10px 0 0}nav:hover li:last-child,footer{border-radius:0 0 10px 10px;border-width:1px}[role],footer{float:left;margin:0 0 0 10px}[role]{width:620px;margin-top:80px}[role]>*{margin:0 0 10px;padding:5px}[role] h2{text-align:right}footer{width:618px;text-align:center} \ No newline at end of file