diff options
| author | Erling Aaby <spa440w@gmail.com> | 2013-04-25 07:57:21 +0200 |
|---|---|---|
| committer | Erling Aaby <spa440w@gmail.com> | 2013-04-25 07:57:21 +0200 |
| commit | 18361f9fe79c28e771cb6702d2c1235c5230dc99 (patch) | |
| tree | ec3bcd91961ff4ae5b53291162e915997f5d4ca6 /public/css | |
| parent | corrected bg img position (diff) | |
| download | Divid-18361f9fe79c28e771cb6702d2c1235c5230dc99.tar.gz | |
Experimenting with gradient placement
Diffstat (limited to 'public/css')
| -rw-r--r-- | public/css/styles.less | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/public/css/styles.less b/public/css/styles.less index a212510..4dade9e 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -210,12 +210,19 @@ div.lastactivity .activity .details { } .infobox { -text-align:center; -background-color: @grayLighter; -margin:15px; -padding:35px; -height: 220px; --webkit-border-radius: 15px; + text-align:center; + /*background-color: @grayLighter;*/ + background: rgb(208,228,247); /* Old browsers */ + background: -moz-linear-gradient(left, rgba(208,228,247,1) 13%, rgba(115,177,231,1) 46%, rgba(0,116,211,1) 92%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(13%,rgba(208,228,247,1)), color-stop(46%,rgba(115,177,231,1)), color-stop(92%,rgba(0,116,211,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, rgba(208,228,247,1) 13%,rgba(115,177,231,1) 46%,rgba(0,116,211,1) 92%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, rgba(208,228,247,1) 13%,rgba(115,177,231,1) 46%,rgba(0,116,211,1) 92%); /* Opera 11.10+ */ + background: -ms-linear-gradient(left, rgba(208,228,247,1) 13%,rgba(115,177,231,1) 46%,rgba(0,116,211,1) 92%); /* IE10+ */ + background: linear-gradient(to right, rgba(208,228,247,1) 13%,rgba(115,177,231,1) 46%,rgba(0,116,211,1) 92%); /* W3C */ + margin:15px; + padding:35px; + height: 220px; + -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } @@ -234,10 +241,11 @@ background-color: #FF9A00; margin-top: 20px; margin-bottom:20px; padding:10px; - background-image: url('/img/people.png'); + background-color:@grayLighter; + /*background-image: url('/img/people.png'); background-repeat:no-repeat; background-attachment:fixed; - background-position:center; + background-position:center;*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; |