From 154f6d181dc784926d850818b618ce9a0eccb8ea Mon Sep 17 00:00:00 2001 From: Erling Aaby Date: Wed, 24 Apr 2013 23:35:17 +0200 Subject: added background img --- public/css/styles.less | 2 +- public/img/people.png | Bin 0 -> 44517 bytes 2 files changed, 1 insertion(+), 1 deletion(-) create mode 100644 public/img/people.png diff --git a/public/css/styles.less b/public/css/styles.less index 71eef3b..b91cea0 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -234,7 +234,7 @@ background-color: #FF9A00; margin-top: 20px; margin-bottom:20px; padding:10px; - /*background-image: url('/img/');*/ + background-image: url('/img/people.png'); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; diff --git a/public/img/people.png b/public/img/people.png new file mode 100644 index 0000000..f971271 Binary files /dev/null and b/public/img/people.png differ -- cgit v1.2.3 From 04ec90af064c4a7e77f3498ea2b6e6bce805ddf9 Mon Sep 17 00:00:00 2001 From: Erling Aaby Date: Wed, 24 Apr 2013 23:39:06 +0200 Subject: corrected bg img position --- public/css/styles.less | 3 +++ 1 file changed, 3 insertions(+) diff --git a/public/css/styles.less b/public/css/styles.less index b91cea0..a212510 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -235,6 +235,9 @@ background-color: #FF9A00; margin-bottom:20px; padding:10px; background-image: url('/img/people.png'); + background-repeat:no-repeat; + background-attachment:fixed; + background-position:center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -- cgit v1.2.3 From 18361f9fe79c28e771cb6702d2c1235c5230dc99 Mon Sep 17 00:00:00 2001 From: Erling Aaby Date: Thu, 25 Apr 2013 07:57:21 +0200 Subject: Experimenting with gradient placement --- public/css/styles.less | 24 ++++++++++++++++-------- 1 file 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; -- cgit v1.2.3 From 72bfa9a17470cf28aa0595da5ee825fac1054fc6 Mon Sep 17 00:00:00 2001 From: Erling Aaby Date: Thu, 25 Apr 2013 08:09:38 +0200 Subject: changing colors of the showcase --- public/css/styles.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/public/css/styles.less b/public/css/styles.less index 4dade9e..ec7b21e 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -211,6 +211,7 @@ div.lastactivity .activity .details { .infobox { text-align:center; + color:white; /*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+ */ @@ -236,7 +237,7 @@ background-color: #FF9A00; } .showcase { - width:1200px; + width:1000px; height:400px; margin-top: 20px; margin-bottom:20px; -- cgit v1.2.3 From 1f423107e2c177ce79be69d24b0f63b209b5b43c Mon Sep 17 00:00:00 2001 From: Erling Aaby Date: Thu, 25 Apr 2013 08:13:23 +0200 Subject: Removing gradient and changing the size of the showcase --- public/css/styles.less | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/public/css/styles.less b/public/css/styles.less index ec7b21e..837b2b2 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -211,15 +211,15 @@ div.lastactivity .activity .details { .infobox { text-align:center; - color:white; - /*background-color: @grayLighter;*/ - background: rgb(208,228,247); /* Old browsers */ + /*color:white;*/ + 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 */ + 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; @@ -237,7 +237,7 @@ background-color: #FF9A00; } .showcase { - width:1000px; + width:1140px; height:400px; margin-top: 20px; margin-bottom:20px; -- cgit v1.2.3 From 6c436df3896f67c62f9c797e5caa01bdcd92d645 Mon Sep 17 00:00:00 2001 From: Erling Aaby Date: Thu, 25 Apr 2013 08:15:31 +0200 Subject: Removal and change of size --- public/css/styles.less | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/public/css/styles.less b/public/css/styles.less index 837b2b2..b070f7b 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -213,13 +213,6 @@ div.lastactivity .activity .details { text-align:center; /*color:white;*/ 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; @@ -237,12 +230,12 @@ background-color: #FF9A00; } .showcase { - width:1140px; + width:1160px; height:400px; margin-top: 20px; margin-bottom:20px; padding:10px; - background-color:@grayLighter; + background-color: @grayLighter; /*background-image: url('/img/people.png'); background-repeat:no-repeat; background-attachment:fixed; -- cgit v1.2.3 From facba1f8334e5a5f1af765ef8ebb775fb27a6ec9 Mon Sep 17 00:00:00 2001 From: Erling Aaby Date: Thu, 25 Apr 2013 08:17:46 +0200 Subject: centering the showcase --- public/css/styles.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/public/css/styles.less b/public/css/styles.less index b070f7b..4f886f7 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -230,10 +230,11 @@ background-color: #FF9A00; } .showcase { - width:1160px; + width:1200px; height:400px; margin-top: 20px; margin-bottom:20px; + margin-left: -40px padding:10px; background-color: @grayLighter; /*background-image: url('/img/people.png'); -- cgit v1.2.3 From 6c38960b58b4118ea121079ef499efd9da787eb7 Mon Sep 17 00:00:00 2001 From: Erling Aaby Date: Thu, 25 Apr 2013 08:20:08 +0200 Subject: Removing margin-left --- public/css/styles.less | 1 - 1 file changed, 1 deletion(-) diff --git a/public/css/styles.less b/public/css/styles.less index 4f886f7..c047a17 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -234,7 +234,6 @@ background-color: #FF9A00; height:400px; margin-top: 20px; margin-bottom:20px; - margin-left: -40px padding:10px; background-color: @grayLighter; /*background-image: url('/img/people.png'); -- cgit v1.2.3