From b32727157b4b7e040a1ef885746a79f3908ff9b4 Mon Sep 17 00:00:00 2001
From: Ana Isabel Carvalho <ana.isabelc@gmail.com>
Date: Thu, 5 Jun 2014 01:47:03 +0100
Subject: [PATCH] Images and sources

---
 css/main.css      |  62 ++++++++++++++++++++++++++++++----------------
 img/jplusplus.png | Bin 1592 -> 455 bytes
 2 files changed, 41 insertions(+), 21 deletions(-)

diff --git a/css/main.css b/css/main.css
index ff5cc0e..9497ff1 100644
--- a/css/main.css
+++ b/css/main.css
@@ -126,7 +126,7 @@ body {
 		line-height: 1.4;
 }
 
-h1 {  font-size: 2.75em;  font-family: 'Dosis'; margin-bottom: .5em;  }
+h1 {  font-size: 2.75em;  font-family: 'Dosis'; }
 h2 {  font-size: 2.75em;  font-family: 'Dosis';	}
 h3 {  font-size: 1.625em; font-family: 'Dosis';	}
 h4 {  font-size: 1.375em; font-family: 'Dosis EBold'; color: #4d4d4d;	}
@@ -139,8 +139,7 @@ h1, h2, h3, h4, h5, h6 {
 		letter-spacing: 1px;
 }
 
-.nav .os a.current,
-.main p.highlight,
+ul.os a.current,
 .main dt,
 .troubleshooting dt,
 strong {
@@ -163,6 +162,7 @@ input[type='reset'] {
 .nav,
 #footer,
 .troubleshooting h4,
+.main p.highlight,
 small {
 		font-size: 0.75em;
 }
@@ -274,6 +274,23 @@ a:focus > img + strong {
 		line-height: 1;
 }
 
+#header ul.os {
+		line-height: 1;
+		margin: .5em 0 2em;
+		padding: 0 0 .25em;
+		border-bottom: 1px solid #94b3e2;
+}
+
+#header ul.os li {
+		text-transform: uppercase;
+		display: inline-block;
+}
+
+#header ul.os li a {
+		display: block;
+		padding: .25em;
+}
+
 #header #infographic {
 		background: #fff;
 		border-radius: 3px;
@@ -285,19 +302,11 @@ a:focus > img + strong {
 		margin: .5em;
 }
 
-#header #infographic a.img-link {
-		padding-top: .5em;
-}
-
 #header #infographic img {
 		display: block;
 		width: 100%;
 }
 
-#header #infographic a.text-link {
-		padding-bottom: .5em;
-}
-
 #header > div > .intro p {
 		margin: 0 0 0.75em;
 }
@@ -611,7 +620,7 @@ input[type='reset']:hover {
 				margin-bottom: 1.5em;
 		}
 
-		#header #infographic a.img-link {
+		#header #infographic a {
 				height: 200px;
 				overflow: hidden;
 		}
@@ -656,19 +665,17 @@ input[type='reset']:hover {
 			padding: 0.35em 0 0;
 		}
 
-		.nav ul.os {
-				display: inline-block;
-				margin: 0 2em 0 0;
-		}
-
 		.nav ul.lang {
-				display: inline-block;
 				margin: 0 0 0 0.5em;
-				float: right;
 		}
 
 		#header h1 {
 				font-size: 6em;
+				text-align: center;
+		}
+
+		#header ul.os {
+				text-align: center;
 		}
 
 		#header .intro {
@@ -717,8 +724,21 @@ input[type='reset']:hover {
 				margin: 0 3% 0 0;
 		}
 
-		.sidebar ul.images li > img,
-		.row .sidebar > p img {
+		.sidebar ul.images li:nth-child(n) {
+				clear: left;
+				margin: 0 3% 0 0;
+		}
+
+		.sidebar ul.images li:nth-child(2n+1) {
+				margin: 0 0 0 3%;
+		}
+
+		.sidebar ul.images li > img {
+				width: 100%;
+				height: auto;
+		}
+
+		.row .sidebar > p > img {
 				width: 80%;
 				height: auto;
 		}
diff --git a/img/jplusplus.png b/img/jplusplus.png
index 93118cfd69612ffe19ac8592fc1ccb6ab247a4b9..39f4565c6a87d6488bb3e56c53da0ba67c515758 100644
GIT binary patch
literal 455
zcmeAS@N?(olHy`uVBq!ia0vp^N<b{b!3HE*%yZ>IRI!t12nP_<aHMnq`J4qFk;Opu
z*Fl)kNn>^eP*AeOHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nkKPZ!4!
zkIuK#_j(-(5NLhg@+UK0+%r+VOe^PcQ|y886W7e5mVXef;mrOj$RfQ_z|2V`C`;Hg
zceam8vi)~Gsj_a7pQrj~7xVKl?-UTcWKitovi;Wb%wIvFS35r*WMI(wWV8SBy-4+v
z$v&<oi!~pW#g;Ez+Hr<KqJ6T;&q%%L=Wk6<t;{<4Ph_II?(cp7H;6jk-uCPkPm10A
z*#{5Q&U^l{-q_7}*2<1F6W17q<568FBn4x$=cnEb4iwovZBDK3B8{#YKhI986=gZt
z9C+lj&0_;&`5RH!OW&INCdXtQ{%kY9gKsPQhGc8|Sr>sWSm)by!n~pU?O}sIN{e#4
z?_bjEOO7ji9(TReJ?hZ6WD}9JIO`OX#WTAy+=7qnGIeGwSQ&f&yD`J_TiqvmA6u+<
vJEpen*s)dWoPxSF_vg<Ot~V0B_=l;)AnRP3xvnEH&>1{k{an^LB{Ts5N%pt&

literal 1592
zcmeAS@N?(olHy`uVBq!ia0y~yU}OQZZ*s5!SsQQE-2`&jlDyqr82*Fcg1yTp14TFs
zJR*yMI<A8-qm#z$3ZNi+iKnkC`#m-maVvJWG;ehV2G*mVE{-7;x8B~h?T|^8VE>SQ
zxNO-5o{y^q^tu*=M?7J(Pnamm6je3dO5jqv$-!H0E`r@08~5kFfAD}U|IFO&o4e&F
zY)DYt*fIB_n^KJOnqGw?wmV9n@4b8d?_aOh>DSZ$f4)ES=FW|#a{bAZHm&;qRe#<6
zJ%YxsdfWc?9{>MvW(0#-qHurq+jn1&Z`Lz<xk8fnx2}A<@1N%h%T~SZxBF3$lv{4y
zdTU$fnf|^^AFD|<GG>O~6Z{0jw&n`Yl$Skz^~0L$izc5ta9-!{@dW1L`v=ZkpL1MR
zQho2UFM>B5HfhZ(slEADWYrBeBTKGnucR)qed2#;@-XD6*@XXr2EK32KFof$M(v;4
zt_|TY^Fk$>6m@#s>K4trYNBd&*8l#b1dcW!+Mu)i>~WiVqmNrEFZIuc2=<C4Yi+(K
zH;u*F0Ek-tKi=-VC|_v#Sw40k@956?8|o_zZrr*VH~V>gL|OfWrv)HoFck6R^0P|&
zC5G?WO;ipF@E{?-f?IPg-+iVzFJ|_S^f0LX5LYB{EC)&++A}{JYAMXL6A!jnUe(;T
z8*DdB(4d9KZ+7q<*SHpY(-;Qzy2mRPGdem52(YlgDTTGIKkDb4iC$&?Zh6(+b~jYn
zgm<?D3-vGFT5q!V!NrRg-}Bek{_t+vyKaeuL*!L)VV&R6+k@}q+i=|V+c+zOqxb%<
zf6spB*PnQ!`OLA&v|8|?X4)KO1r83TrUnHtb)aUe@VdJ{WDjiipYzxF=)Co@JFBcO
z^2B*<cy>EA^nPyD#WnZzr=L>VBXujB8Kw!MH?lC@aG^`NPW4^ChYv$*Op%RkP}smQ
z=}wZ~>MCQUYqR6budXgCp7d(#J}J02QN4xCYYe`8>+Wm)zq5^mY-MXJP2S{Zv7nod
zY8S{oe-_IMeivHvJI2N4=9fkMb#)(-7g??WhSFw#`{H$LUUmDfzx`I^u!`f0vaYMk
z#C^Z&J@e16-8Sj8;I?0%UR4WzENoi3w_EZ#QrJL)2$gc!cB}JRt-X@n$yAQ(>tgoa
z{W9zM`MLWiB&`Pqm+!{BY@4`W;fC&!SH107;&~APjcN*<S0H7xXO_pR>jJ>+6#n7S
zYQo|3Y1-A`Gb`uu_$B`Tkg#Fv=Dli3-s{b!zM0n;Gx&)zwlZk2I4Cl3F$QonI5CJY
zEf9bZnBom3w}4JQm9c;QvrQMp_4j<Zve;g(cJArA{Z>0ZSGigKP*U1=I%WO$Vy%{I
z@8arZboRbB&wsMz?&-ye^_Q1Fn}lQorr`|eLJlr2**52%%dSoh&38Le#aDgT-bNzl
zZO;16h|l--emVEx?DcymQn&5RTYjUUjbTR$HdiCOgl>8P*QTo1MlYv?>T*~(W77%_
z2y|V*uxVvTS((f7=k4d7Z@<D^Z04VgtMBU2FP2=hU2pQ-O{>h6lWZry{kCgv(qUER
k39?uXzzA=sD#@SR>aX)JrzWO71D5d&p00i_>zopr0AMX)$N&HU

-- 
2.25.1