projects
/
fsf-giving-guide.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
guide 2015
[fsf-giving-guide.git]
/
stylesheet.css
diff --git
a/stylesheet.css
b/stylesheet.css
index 61348e127df390ed06df2080a403af7f87a6e17a..0e6aaad5c2dda5cf084aa4b498f66a37129474f8 100755
(executable)
--- a/
stylesheet.css
+++ b/
stylesheet.css
@@
-32,7
+32,7
@@
html {
font-size: 14px;
line-height: 1.4;
color: #363636;
font-size: 14px;
line-height: 1.4;
color: #363636;
- background-color: #fff
efb
;
+ background-color: #fff;
width: 100%;
}
width: 100%;
}
@@
-48,9
+48,9
@@
b { font-style: oblique; }
li {list-style-type: circle; padding: 0.4em 0.2em; line-height: 1.4; }
/* ul {margin: 1em 2em 0em 4em;} */
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: 20
em;}
+br {margin-bottom:
0.5em; margin-top: 0.5
em;}
-h1 { font-size: 2.
75em; font-family: 'Signika Light'
; margin-bottom: 0.5em; margin-top: 1em; }
+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; }
h3 { font-size: 1.625em; font-family: 'Signika Bold'; color: #484848; margin-bottom: 0.5em; margin-top: 2em; }
h4 { font-size: 1.375em; font-family: 'Signika Light'; color: #4d4d4d; margin-bottom: 0.5em; margin-top: 2em; }
h2 { font-size: 1.75em; font-family: 'Signika Light'; color: #2CAF8F; margin-bottom: 0.5em; margin-top: 2em; }
h3 { font-size: 1.625em; font-family: 'Signika Bold'; color: #484848; margin-bottom: 0.5em; margin-top: 2em; }
h4 { font-size: 1.375em; font-family: 'Signika Light'; color: #4d4d4d; margin-bottom: 0.5em; margin-top: 2em; }
@@
-62,28
+62,26
@@
h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
/* Header */
.header {
/* 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;
}
/* Navbar */
.header_wrapper {
background-color: #2CAF8F;
- height: 500px;
+ height: 486px;
+ margin: auto;
+ width: 100%;
+ /*width: 1300px;*/
}
.header a {
border-bottom: 0;
}
}
.header a {
border-bottom: 0;
}
-.navbar_wrapper {
+.navbar_wrapper,
+.comparisons {
max-width: 1300px;
max-width: 1300px;
- min-width: 11
0
0px;
+ min-width: 11
1
0px;
margin: auto;
text-align: center;
}
margin: auto;
text-align: center;
}
@@
-104,8
+102,30
@@
h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
min-width: 200px;
}
min-width: 200px;
}
+.share_wrapper {
+}
+
+.share {
+ position: relative;
+ bottom: 0.8em;
+ text-align: center;
+}
+
+.share a{
+ background-color: #FDD53A;
+ border-bottom: 0;
+ padding: .6em 2em;
+ font-family: 'Signika Bold';
+ font-size: 1.4em;
+ color: #2CAF8F;
+ border-radius: 50em;
+}
+
+.share a:hover {
+ background-color: #FDDE56;
+}
+
.navbar {
.navbar {
- width: 537px;
padding: 1em;
height: 2.55556em;
display: inline-block;
padding: 1em;
height: 2.55556em;
display: inline-block;
@@
-145,75
+165,120
@@
h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
color: #4B423B;
}
color: #4B423B;
}
-/* Comparisons */
-
-.wrapper,
-.section_wrapper {
- width: 750px;
+.intro,
+.share {
+ max-width: 1300px;
+ min-width: 1170px;
margin: auto;
}
margin: auto;
}
-.main_title {
- text-align: center;
- margin-top: 3em;
- display: inline-block;
-}
-
-.wrapper .intro_phrase {
- width: 450px;
- text-align: center;
- font-family: 'Signika Bold';
- margin: 1.2em auto;
- color: #bababa;
-}
-
-.intro {
- margin: auto;
- max-width: 1300px;
- min-width: 1100px;
+.intro_wrapper,
+.intro_img {
+ max-width: 500px;
+ min-width: 00px;
}
.intro_wrapper {
}
.intro_wrapper {
- width: 40%;
- max-width: 600px;
float: right;
float: right;
- color: white !important;
- padding-top: 2em;
- padding-right: 6em;
+ color: white;
+ padding-right: 4em;
+}
+
+.intro_img{
+ float: left;
+ padding-left: 4em;
}
.intro_wrapper h2 {
}
.intro_wrapper h2 {
- margin-top: 1em;
color: #FFDD55;
}
color: #FFDD55;
}
+.intro_wrapper a {
+ border-bottom: 1px solid #FDD53A;
+ color: #FDD53A;
+}
+
.intro_img img{
.intro_img img{
- width: 40%;
- max-width: 700px;
- float: left;
- padding: 2em;
- padding-left: 6em;
+ padding-top: 1.7em;
+ width: 100%;
+}
+
+/* Comparisons */
+
+.wrapper,
+.section_wrapper,
+.buy_avoid,
+.recommended,
+.licenses {
+ max-width: 750px;
+ min-width: 750px;
+ margin: auto;
+}
+.main_title {
+ width: 100%;
+ text-align: left;
+ border-bottom: 1px solid lightgray;
+ margin-top: 3em;
+ margin-bottom: 2em;
+ display: inline-block;
}
}
+
.buy a {
border-bottom: none;
}
.buy a {
border-bottom: none;
}
-.product_img,
+.product_img {
+ margin: auto;
+ max-width: 168px;
+ max-height: 168px;
+ position: relative;
+}
+
.product {
.product {
+ text-align: center;
+ position: relative;
margin: auto;
margin: auto;
+ display: block;
+ height: 168px;
width: 168px;
width: 168px;
+ /* margin-bottom: 8em; */
+/* max-height: 168px; */
}
}
+/*
+ .proprietary .product_img:after {
+ content: "";
+ background-image: url("images/bad.png");
+ background-size: 25px;
+ background-repeat: no-repeat;
+ width: 25px;
+ height: 25px;
+ position: absolute;
+}
+
+ .free h4:after {
+ content: "";
+ background-image: url("images/good.png");
+ background-size: 25px;
+ background-repeat: no-repeat;
+ width: 25px;
+ height: 25px;
+ position: absolute;
+}
+ */
+
.good,
.bad {
.good,
.bad {
- position: relative;
- top: 175px;
- left: 84px;
- width: 60px;
+ z-index: 999;
+ width: 65px;
+ top: 8em;
+ left: 9em;
+ position: absolute;
+
}
}
-.buy, .avoid,
+
.free, .proprietary {
text-align: center;
}
.free, .proprietary {
text-align: center;
}
@@
-225,17
+290,98
@@
h6 { font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
.buy img,
.avoid img {
.buy img,
.avoid img {
- margin-top: 2em;
max-width: 151px;
height: 42px;
}
max-width: 151px;
height: 42px;
}
+.buy_avoid_wrapper {
+ margin-top: 2em;
+ min-width: 100%;
+ max-width: 100%;
+ display: inline-block;
+}
+
+.buy {
+ text-align: center;
+ margin: auto;
+ width: 45.555555%;
+ float: left;
+
+}
+
+.avoid {
+ text-align: center;
+ margin: auto;
+ width: 45.555555%;
+ float: right;
+}
+
.free {
float: left;
.free {
float: left;
- width: 45%;
+ width: 45
.555555
%;
}
.proprietary {
float: right;
}
.proprietary {
float: right;
- width: 45%;
+ width: 45.555555%;
+}
+
+/* Recommended Section */
+
+.topic_title {
+ border-bottom: 1px solid #2CAF8F;
+ width: 100%;
+ text-align: left;
+ margin-top: 3em;
+ display: inline-block;
+}
+
+.recommend_wrapper {
+ padding-top: 1em;
+ margin: auto;
+ width: 750px;
+}
+
+.recommended_product {
+ text-align: center;
+ width: 29%;
+ margin: 1em;
+ display: inline-block
+}
+
+.recommended_product_img {
+ width: 120px;
+}
+
+.recommend_wrapper .buy {
+ float: none;
+ 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;
+ width: 100%;
+ /*width: 1300px;*/
+}
+
+.footer_wrapper {
+ width: 750px;
+ margin: auto;
+ padding: 2em;
+ color: white;
}
}