From f3bca1f76228ee8b919f9f772d58b86ec83ce0e0 Mon Sep 17 00:00:00 2001 From: Reda Lazri Date: Tue, 16 Aug 2016 19:22:28 +0100 Subject: [PATCH] Cleanups --- css/master.css | 333 ++++++++++++++++++++++--------------------------- 1 file changed, 150 insertions(+), 183 deletions(-) diff --git a/css/master.css b/css/master.css index b210a0e..f2d0e67 100644 --- a/css/master.css +++ b/css/master.css @@ -1,236 +1,203 @@ /*Bootstrap overrides*/ -.navbar -{ - margin-bottom: 0; - - border: 0; +.navbar { + margin-bottom: 0; + border: 0; } -.navbar-header -{ - border: 0; - background: #2caf8f; - box-shadow: none; + +.navbar-header { + border: 0; + background: #2caf8f; + box-shadow: none; } -.navbar-toggle -{ - border: 0; + +.navbar-toggle { + border: 0; } -.navbar-default .navbar-toggle .icon-bar -{ - background-color: #fff; + +.navbar-default .navbar-toggle .icon-bar { + background-color: #fff; } + .navbar-default .navbar-toggle:focus, -.navbar-default .navbar-toggle:hover -{ - background-color: transparent; +.navbar-default .navbar-toggle:hover { + background-color: transparent; } + .navbar-default .navbar-collapse, -.navbar-default .navbar-form -{ - border: 0; +.navbar-default .navbar-form { + border: 0; } -.navbar-collapse -{ - background: #2caf8f; + +.navbar-collapse { + background: #2caf8f; } -.navbar-default .navbar-nav > li > a -{ - color: white; + +.navbar-default .navbar-nav > li > a { + color: white; } /*Typography*/ -@font-face -{ - font-family: 'Signika Regular'; - - src: local('Signika Regular'), url('fonts/Signika-Regular.ttf') format('truetype'); +@font-face { + font-family: "Signika Regular"; + src: local('Signika Regular'), url("fonts/Signika-Regular.ttf") format('truetype'); } -@font-face -{ - font-family: 'Signika Light'; - - src: local('Signika Light'), url('fonts/Signika-Light.ttf') format('truetype'); +@font-face { + font-family: "Signika Light"; + src: local('Signika Light'), url("fonts/Signika-Light.ttf") format('truetype'); } -@font-face -{ - font-family: 'Signika Bold'; - - src: local('Signika Bold'), url('fonts/Signika-Bold.ttf') format('truetype'); +@font-face { + font-family: "Signika Bold"; + src: local('Signika Bold'), url("fonts/Signika-Bold.ttf") format('truetype'); } -@font-face -{ - font-family: 'Open Sans'; - - src: local('Open Sans'), url('fonts/OpenSans-Regular.ttf') format('truetype'); +@font-face { + font-family: "Open Sans"; + src: local('Open Sans'), url("fonts/OpenSans-Regular.ttf") format('truetype'); } -@font-face -{ - font-family: 'Open Sans Bold'; - - src: local('Open Sans Bold'), url('fonts/OpenSans-Bold.ttf') format('truetype'); +@font-face { + font-family: "Open Sans Bold"; + src: local('Open Sans Bold'), url("fonts/OpenSans-Bold.ttf") format('truetype'); } /*Text Styles*/ -h2 -{ - font-family: Signika-Regular; - font-size: 22px; - - color: #2caf8f; +h2 { + font-family: Signika-Regular; + font-size: 22px; + color: #2caf8f; } -h3 -{ - font-family: Signika-Regular; - font-size: 22px; - color: #333; +h3 { + font-family: Signika-Regular; + font-size: 22px; + color: #333; } -h4 -{ - font-family: Signika-Light; - font-size: 20px; - - padding-top: 20px; - color: #9b9b9b; +h4 { + font-family: Signika-Light; + font-size: 20px; + padding-top: 20px; + color: #9b9b9b; } -h5 -{ - font-family: Signika-Regular; - font-size: 19px; - line-height: 20px; - color: #4a4a4a; +h5 { + font-family: Signika-Regular; + font-size: 19px; + line-height: 20px; + margin-bottom: 25px; + color: #4a4a4a; } -li, -p -{ - font-family: OpenSans; - font-size: 16px; - color: #333; +li, +p { + font-family: OpenSans; + font-size: 16px; + color: #333; } -li -{ - margin-bottom: 20px; + +li { + margin-bottom: 20px; } /*Header*/ .intro, -.intro-text -{ - padding-top: 20px; - padding-bottom: 0; - - background: #2caf8f; +.intro-text { + padding-top: 20px; + padding-bottom: 0; + background: #2caf8f; } -.illustration -{ - padding-bottom: 60px; + +.illustration { + padding-bottom: 60px; } -.intro-text -{ - padding-bottom: 40px; - background: #fff; +.intro-text { + padding-bottom: 40px; + background: #fff; } -.intro p -{ - /*margin: 0;*/ + +.intro p { + /*margin: 0;*/ } /*Actions*/ -.actions -{ - padding-top: 30px; - padding-bottom: 30px; - - background: #fffae5; +.actions { + padding-top: 30px; + padding-bottom: 30px; + background: #fffae5; } -.icon -{ - width: 140px; - height: 140px; - background: #ffd429; +.icon { + width: 140px; + height: 140px; + background: #ffd429; } -.share > .icon > img -{ - margin-top: 29%; + +.share > .icon > img { + margin-top: 29%; } -.print > .icon > img -{ - margin-top: 30%; + +.print > .icon > img { + margin-top: 30%; } -.donate > .icon > img -{ - margin-top: 34%; + +.donate > .icon > img { + margin-top: 34%; } /*Comparisons*/ -.title -{ - padding-bottom: 8px; - margin-top: 40px; - - background-image: url('../img/underline.svg'); - background-repeat: no-repeat; - background-position: center bottom; +.title { + padding-bottom: 8px; + margin-top: 40px; + background-image: url("../img/underline.svg"); + background-repeat: no-repeat; + background-position: center bottom; } + .bad, -.good -{ - padding-top: 30px; - padding-bottom: 30px; - margin-top: 30px; -} -.bad -{ - background-color: transparent; - background-image: url('../img/bad-pattern.png'); - background-repeat: repeat; - background-size: 50px; -} -.good li -{ - background-image: url('../img/good.svg'); -} -.bad li -{ - background-image: url('../img/bad.svg'); -} -.bad li.neutral -{ - background-image: url('../img/neutral.svg'); +.good { + padding-top: 30px; + padding-bottom: 30px; + margin-top: 30px; } -.bad ul, -.good ul -{ - padding-left: 15px; + +.bad { + background-color: transparent; + background-image: url("../img/bad-pattern.png"); + background-repeat: repeat; + background-size: 50px; } -.bad li, -.good li -{ - line-height: 20px; - padding-left: 30px; +.good li { + background-image: url("../img/good.svg"); +} - list-style: none; +.bad li { + background-image: url("../img/bad.svg"); +} - background-repeat: no-repeat; +.bad li.neutral { + background-image: url("../img/neutral.svg"); +} + +.bad ul, +.good ul { + padding-left: 15px; } -.bad h5, + +.bad li, +.good li { + line-height: 20px; + padding-left: 30px; + list-style: none; + background-repeat: no-repeat; +} + .bad img, -.good h5, -.good img -{ - margin-bottom: 25px; -} -.buy -{ - /*box-shadow: 0 4px 0 0 #1D65B7;*/ - font-family: Signika-Regular; - font-size: 24px; - - padding: 4px 50px; - - color: #fff; - border: 0; - border-radius: 100px; - background: #2b81e3; +.good img { + margin-bottom: 25px; +} + +.buy { + /*box-shadow: 0 4px 0 0 #1D65B7;*/ + font-family: Signika-Regular; + font-size: 24px; + padding: 4px 50px; + color: #fff; + border: 0; + border-radius: 100px; + background: #2b81e3; } -- 2.25.1