X-Git-Url: https://vcs.fsf.org/?p=fsf-giving-guide.git;a=blobdiff_plain;f=stylesheet.css;h=54c841c1ee3bbf96c77a97de7b199c66b3d9eb2d;hp=13b2ea8309b229c16c7d9a3a1ce32cb61913a826;hb=e24e7e82f619a73da67dcdd3f43e3e6e6c2c7a30;hpb=dd0353ce009b93341fcb5552ef3633bfe87564b0 diff --git a/stylesheet.css b/stylesheet.css index 13b2ea8..54c841c 100755 --- a/stylesheet.css +++ b/stylesheet.css @@ -32,7 +32,7 @@ html { font-size: 14px; line-height: 1.4; color: #363636; - background-color: #fffefb; + background-color: #fff; width: 100%; } @@ -48,7 +48,7 @@ b { font-style: oblique; } li {list-style-type: circle; padding: 0.4em 0.2em; line-height: 1.4; } /* ul {margin: 1em 2em 0em 4em;} */ -br {margin-bottom: 20em; margin-top: 20em;} +br {margin-bottom: 0.5em; margin-top: 0.5em;} h1 { font-size: 2.20em; font-family: 'Signika Light'; color: #2CAF8F; margin-bottom: 0.5em; margin-top: 1em; } h2 { font-size: 1.75em; font-family: 'Signika Light'; color: #2CAF8F; margin-bottom: 0.5em; margin-top: 2em; } @@ -62,19 +62,13 @@ h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b /* Header */ .header { -/* background-image: url("images/banner.png"); */ -/* background-color: #2CAF8F; */ -/* background-repeat: no-repeat; */ -/* height: 710px; */ -/* background-size: 550px; */ -/* background-position: 5% 30%; */ } /* Navbar */ .header_wrapper { background-color: #2CAF8F; - height: 450px; + height: 486px; } .header a { @@ -108,11 +102,13 @@ h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b } .share { + position: relative; + bottom: 0.8em; text-align: center; } .share a{ - background-color: #FFE859; + background-color: #FDD53A; border-bottom: 0; padding: .6em 2em; font-family: 'Signika Bold'; @@ -166,32 +162,41 @@ h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b color: #4B423B; } -.intro { - margin: auto; +.intro, +.share { max-width: 1300px; min-width: 1170px; } -.intro_wrapper { -/* width: 40%; */ +.intro_wrapper, +.intro_img { max-width: 500px; - min-width: 500px; + min-width: 00px; +} + +.intro_wrapper { float: right; - color: white !important; -/* padding-right: 3em; */ + color: white; + padding-right: 4em; +} + +.intro_img{ + float: left; + padding-left: 4em; } .intro_wrapper h2 { color: #FFDD55; } -.intro_img img{ - width: 40%; - max-width: 500px; - float: left; - padding: 2em; - padding-left: 3em; +.intro_wrapper a { + border-bottom: 1px solid #FDD53A; + color: #FDD53A; +} +.intro_img img{ + padding-top: 1.7em; + width: 100%; } /* Comparisons */ @@ -199,7 +204,8 @@ h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b .wrapper, .section_wrapper, .buy_avoid, -.recommended { +.recommended, +.licenses { max-width: 750px; min-width: 750px; margin: auto; @@ -220,16 +226,15 @@ h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b .product_img { margin: auto; - /* width: 168px; */ - height: 168px; +/* max-width: 168px; */ + max-height: 168px; } .product { margin: auto; display: block; /* margin-bottom: 8em; */ - /* max-width: 168px; */ - max-height: 168px; +/* max-height: 168px; */ } .good, @@ -320,3 +325,28 @@ h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b text-align: center; width: 100%; } + +.remark { + margin-top: 3em; + font-weight: bold; +} + +/* Licenses */ + +.licenses h1 { + margin-top: 0.6em; +} + +/* Footer */ + +footer { + display: block; + background-color: #1a1a1a; +} + +.footer_wrapper { + width: 750px; + margin: auto; + padding: 2em; + color: white; +}