Removed instructions for div.highlight because it's no longer used. Styled illustrati...

diff --git a/css/main.css b/css/main.css
index 253c987cc01c118ec94b6db904e91e599aaa2c54..a55fb32eb83405cacb4fa109249a8eec858b943c 100644 (file)
--- a/css/main.css
+++ b/css/main.css
@@ -140,7 +140,6 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .nav .os a.current,
-.main .highlight p,
 .main p.highlight,
 .main dt,
 .troubleshooting dt,
@@ -150,13 +149,13 @@ strong {
 }
 
 .main > h3 em,
-.highlight h4,
 .troubleshooting h4,
 .newsletter input[type='submit'] {
                font-family: 'Dosis EBold';
 }
 
-.step .main p {
+.step .main p,
+.step .main ul {
                font-size: .85em;
 }
 
@@ -197,11 +196,15 @@ a:hover, a:focus {
                color: #0e3878;
 }
 
+/* Guide Sections Background */
+/* Blue*/
 #section1,
 #section3,
 #section5,
 #faq { background: #dcdfe5;    }
 
+
+/* Yellow */
 #section2,
 #section4,
 #section6,
@@ -322,14 +325,36 @@ a:hover, a:focus {
                margin: 1em 0 0.5em;
 }
 
-.main .highlight h4 {
-               color: #5f8dd3;
-               margin: .5em 0 0;
-               border-bottom: .5em solid #5f8dd3;
+.main ul li {
+               margin: .5em 0;
 }
 
-.main .highlight h4 + p {
-               margin: 0 0 .5em;
+/* Images inside .main
+*/
+
+.main ul.images:before, .main ul.images:after  {
+    content: " ";
+    display: table;
+}
+
+.main ul.images:after {
+    clear: both;
+}
+
+.main ul.images {
+               padding: 0.5em 0;
+}
+
+.main ul.images li {
+               display: inline-block;
+               float: left;
+               width: 47%;
+               margin: 0 1.5%;
+}
+
+.main ul.images li > img {
+               width: 100%;
+               height: auto;
 }
 
 
@@ -549,15 +574,13 @@ a:hover, a:focus {
                                overflow: hidden;
                }
 
-               .row .sidebar,
-               #footer #contribute { /* 3 columns 125px + 20px margins*/
+               .row .sidebar { /* 3 columns 125px + 20px margins*/
                                float: left;
                                clear: left;
                                width: 34.05%;
                }
 
-               .row .main,
-               #footer #copyright { /* 5 columns 125px + 100px margins*/
+               .row .main { /* 5 columns 125px + 100px margins*/
                                float: right;
                                width: 62.5%;
                                margin-left: 1.72%;

diff --git a/img/screenshots/step1b-tools-addons.png b/img/screenshots/step1b-01-tools-addons.png
similarity index 100%
rename from img/screenshots/step1b-tools-addons.png
rename to img/screenshots/step1b-01-tools-addons.png

diff --git a/img/screenshots/step1b-02-search.png b/img/screenshots/step1b-02-search.png
new file mode 100644 (file)
index 0000000..e06c46c
Binary files /dev/null and b/img/screenshots/step1b-02-search.png differ

diff --git a/img/screenshots/step1b-03-install.png b/img/screenshots/step1b-03-install.png
new file mode 100644 (file)
index 0000000..20caa9f
Binary files /dev/null and b/img/screenshots/step1b-03-install.png differ