diff options
| author | Erling Aaby <spa440w@gmail.com> | 2013-04-24 12:39:28 +0200 |
|---|---|---|
| committer | Erling Aaby <spa440w@gmail.com> | 2013-04-24 12:39:28 +0200 |
| commit | 3494b440c7a79445fb904f9b0004235734eea651 (patch) | |
| tree | 83b3ca110be03d441f7f7ddf9838fce96bb7f48b | |
| parent | Added fixed retina logo img (diff) | |
| download | Divid-3494b440c7a79445fb904f9b0004235734eea651.tar.gz | |
Changed styling on infobox buttons
| -rw-r--r-- | public/css/styles.less | 19 | ||||
| -rw-r--r-- | views/home.ejs | 6 |
2 files changed, 22 insertions, 3 deletions
diff --git a/public/css/styles.less b/public/css/styles.less index 4cbc7d3..122ac7f 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -216,7 +216,26 @@ background-color: #FF9A00; } .infobtn { +color: #ffffff; +text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +display: inline-block; +margin-bottom: 0; +line-height: 20px; +text-align: center; +vertical-align: middle; +cursor: pointer; background-color: #FF9A00; +padding: @paddingSmall; +border: 1px solid #cccccc; + font-size: @fontSizeSmall; + .border-radius(@borderRadiusSmall); +background-image: linear-gradient(to bottom, #FF9A00, #FFB440); +background-repeat: repeat-x; +border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +color: #ffffff; +text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); +box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .showcase { diff --git a/views/home.ejs b/views/home.ejs index 97f3547..4c3af51 100644 --- a/views/home.ejs +++ b/views/home.ejs @@ -34,17 +34,17 @@ <div class="span3 infobox"> <h3>Passer for alle</h3> <p>Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> - <p><a class="btn btn-warning btn-small infobtn" href="#">les mer »</a></p> + <p><a class="infobtn" href="#">les mer »</a></p> </div> <div class="span3 infobox"> <h3>Situasjon</h3> <p>Donec id elit non mi porta gravida at eget metus.</p> - <p><a class="btn btn-warning btn-small infobtn" href="#">les mer »</a></p> + <p><a class="infobtn" href="#">les mer »</a></p> </div> <div class="span3 infobox"> <h3>Hvordan</h3> <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p> - <p><a class="btn btn-warning btn-small infobtn" href="#">les mer »</a></p> + <p><a class="infobtn" href="#">les mer »</a></p> </div> </div> <hr> |