The Inland CSS template

This is Inland, the first in a new series of HTML/CSS templates from andreasviklund.com. It is a multi-layout design, and the first andreasviklund.com template to feature an image slider. Inland is made for template users who want a design that catches the attention of the website visitor and it is suitable for both personal websites and blogs, as well as for professional websites for companies and organizations. Like all templates by Andreas Viklund, it keeps the code simple, making the template easy to customize and build upon. To see the different layout options, click the main menu links above...

.button { -moz-border-radius: 25px; -moz-box-shadow: #58616a -1px 0px 10px; -moz-transform: scale(0.5) scaleX(0.8) scaleY(1.2); -moz-transition: all 0.5s ease; -ms-transform: scale(0.5) scaleX(0.8) scaleY(1.2); -ms-transition: all 0.5s ease; -o-transform: scale(0.5) scaleX(0.8) scaleY(1.2); -o-transition: all 0.5s ease; -webkit-border-radius: 25px; -webkit-box-shadow: #6E7849 0 0 10px; -webkit-transform: scale(0.5) scaleX(0.8) scaleY(1.2); -webkit-transition: all 0.5s ease; background-color: #465cc8; background-image: -moz-radial-gradient(center 35deg, circle cover, #4f69ee, #465cc8); background-image: -ms-radial-gradient(center 35deg, circle cover, #4f69ee, #465cc8); background-image: -webkit-radial-gradient(center 35deg, circle cover, #4f69ee, #465cc8); background-image: radial-gradient(center 35deg, circle cover, #4f69ee, #465cc8); border-radius: 25px; box-shadow: #58616a -1px 0px 10px; color: #ffffff; display: inline-block; font-size: 2.3em; margin: auto; padding: 15px; text-decoration: none; text-shadow: #000000 5px 5px 15px; transform: scale(0.5) scaleX(0.8) scaleY(1.2); transition: all 0.5s ease; } .button:hover { padding: 15px; }