From 1e4cae1e54d6081575563616d0c39a7c2c01d512 Mon Sep 17 00:00:00 2001 From: Jenil Gogari Date: Wed, 21 Aug 2013 23:17:32 +0530 Subject: [PATCH] Update the splash bg and section bg --- assets/css/bootswatch.min.css | 2 +- assets/less/bootswatch.less | 20 ++++++++++++-------- 2 files changed, 13 insertions(+), 9 deletions(-) diff --git a/assets/css/bootswatch.min.css b/assets/css/bootswatch.min.css index 6995709..ad652a4 100644 --- a/assets/css/bootswatch.min.css +++ b/assets/css/bootswatch.min.css @@ -1 +1 @@ -body{padding-top:50px}#banner{border-bottom:0}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.affix{top:70px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{background-color:#19232f;background-color:#1c2533;padding:6em 0 2em;color:#fff;text-align:center}.splash .alert{margin:4em 0 2em}.splash h1{font-size:4em}.splash #social{margin-top:6em}.section-tout{padding:4em 0 3em;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1);background-color:#e2f2f3}.section-tout [class^="icon-"]{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#e2f2f3;border:1px solid rgba(0,0,0,0.1);border-radius:6px}.section-preview .preview .image{padding:5px}.section-preview .preview .image img{border:1px solid rgba(0,0,0,0.1)}.section-preview .preview .options{text-align:center;padding:0 2em 2em}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media(max-width:767px){.section-preview .image img{width:100%}}.bsa .one .bsa_it_ad{border:none!important;background-color:transparent!important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit!important}.bsa .one .bsa_it_p{display:none} \ No newline at end of file +body{padding-top:50px}#banner{border-bottom:0}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.affix{top:70px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{margin-bottom:0;clear:left}.splash{padding:6em 0 2em;color:#fff;text-align:center;background:-webkit-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:-o-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:-ms-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:-moz-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background:linear-gradient(20deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);background-attachment:fixed;background-color:#1c2533}.splash .alert{margin:4em 0 2em}.splash h1{font-size:4em}.splash #social{margin-top:6em}.section-tout{padding:4em 0 3em;background-color:#eaf1f1;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}.section-tout [class^="icon-"]{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1;border:1px solid rgba(0,0,0,0.1);border-radius:6px}.section-preview .preview .image{padding:5px}.section-preview .preview .image img{border:1px solid rgba(0,0,0,0.1)}.section-preview .preview .options{padding:0 2em 2em;text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media(max-width:767px){.section-preview .image img{width:100%}}.bsa .one .bsa_it_ad{background-color:transparent!important;border:none!important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit!important}.bsa .one .bsa_it_p{display:none} diff --git a/assets/less/bootswatch.less b/assets/less/bootswatch.less index afb2238..b64f3e9 100644 --- a/assets/less/bootswatch.less +++ b/assets/less/bootswatch.less @@ -37,12 +37,16 @@ footer { } .splash { - - background-color: #19232F; - background-color: #1C2533; - padding: 6em 0 2em; - color: #fff; - text-align: center; + background-color: #1c2533; + background: -webkit-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); + background: -o-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); + background: -ms-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); + background: -moz-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); + background: linear-gradient(20deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); + background-attachment: fixed; + padding: 6em 0 2em; + color: #fff; + text-align: center; .alert { margin: 4em 0 2em; @@ -61,7 +65,7 @@ footer { padding: 4em 0 3em; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); - background-color: #E2F2F3; + background-color: #eaf1f1; [class^="icon-"] { margin-right: 0.5em; @@ -79,7 +83,7 @@ footer { .preview { margin-bottom: 4em; - background-color: #E2F2F3; + background-color: #eaf1f1; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; -- 2.39.2