fix(webpage): Remove line on #header top defined in .segment.attached.

TestFX · Jun 8, 2014 · 6ee0008 · 6ee0008
1 parent 05e9918
commit 6ee0008
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 10 deletions.
diff --git a/src/body.jade b/src/body.jade
@@ -19,10 +19,10 @@ div#topbar.ui.inverted.main.menu.attached
       div.right.menu
         a.popup.item(href="https://groups.google.com/d/forum/testfx-discuss", title="Mailing List")
           i.mail.icon
-        a.popup.item(href="#", title="Twitter")
-          i.twitter.icon
-        a.popup.item(href="#", title="Google+")
-          i.google.plus.icon
+        //a.popup.item(href="#", title="Twitter")
+        //  i.twitter.icon
+        //a.popup.item(href="#", title="Google+")
+        //  i.google.plus.icon
         a.popup.item(href="https://github.com/TestFX/TestFX", title="GitHub")
           i.github.icon
         a.popup.item(href="http://stackoverflow.com/search?q=testfx", title="Stack Overflow")
@@ -93,7 +93,7 @@ div#footer.ui.inverted.basic.segment
             a.item(href="https://github.com/TestFX/TestFX/wiki/Getting-started") Downloads
             a.item(href="https://github.com/TestFX/TestFX/wiki/Documentation") Documentation
             a.item(href="https://github.com/TestFX/TestFX/wiki/Changelog") Release Notes
-            div.item Roadmap
+            //div.item Roadmap
         div.column
           h4.ui.dividing.header Contribution
           div.ui.list
@@ -104,8 +104,8 @@ div#footer.ui.inverted.basic.segment
           h4.ui.dividing.header Community
           div.ui.list
             a.item(href="https://groups.google.com/d/forum/testfx-discuss") Mailing List
-            div.item Twitter
-            div.item Google+
+            //div.item Twitter
+            //div.item Google+
             a.item(href="https://github.com/TestFX/TestFX") GitHub
             a.item(href="http://stackoverflow.com/search?q=testfx") Stack Overflow
     div.ui.center.aligned.one.column.grid

diff --git a/src/index.html b/src/index.html
@@ -27,7 +27,12 @@
     <div id="topbar" class="ui inverted main menu attached">
       <div class="container">
         <div class="ui grid computer tablet only"><a class="item active">TestFX</a><a href="https://github.com/TestFX/TestFX/wiki/Getting-started" class="item"><i class="icon download cloud"></i>Get it</a><a href="https://github.com/TestFX/TestFX/wiki/Documentation" class="item"><i class="icon book"></i>Learn it</a><a href="https://github.com/TestFX/TestFX/issues" class="item"><i class="icon wrench"></i>Improve it</a>
-          <div class="right menu"><a href="https://groups.google.com/d/forum/testfx-discuss" title="Mailing List" class="popup item"><i class="mail icon"></i></a><a href="#" title="Twitter" class="popup item"><i class="twitter icon"></i></a><a href="#" title="Google+" class="popup item"><i class="google plus icon"></i></a><a href="https://github.com/TestFX/TestFX" title="GitHub" class="popup item"><i class="github icon"></i></a><a href="http://stackoverflow.com/search?q=testfx" title="Stack Overflow" class="popup item"><i class="stackexchange icon"></i></a></div>
+          <div class="right menu"><a href="https://groups.google.com/d/forum/testfx-discuss" title="Mailing List" class="popup item"><i class="mail icon"></i></a>
+            <!--a.popup.item(href="#", title="Twitter")-->
+            <!--  i.twitter.icon-->
+            <!--a.popup.item(href="#", title="Google+")-->
+            <!--  i.google.plus.icon--><a href="https://github.com/TestFX/TestFX" title="GitHub" class="popup item"><i class="github icon"></i></a><a href="http://stackoverflow.com/search?q=testfx" title="Stack Overflow" class="popup item"><i class="stackexchange icon"></i></a>
+          </div>
         </div>
         <div class="ui grid mobile only"><a class="item active">TestFX</a>
           <div class="right menu">
@@ -102,8 +107,8 @@ <h4 class="ui dividing header">Contribution</h4>
             <div class="column">
               <h4 class="ui dividing header">Community</h4>
               <div class="ui list"><a href="https://groups.google.com/d/forum/testfx-discuss" class="item">Mailing List</a>
-                <div class="item">Twitter</div>
-                <div class="item">Google+</div><a href="https://github.com/TestFX/TestFX" class="item">GitHub</a><a href="http://stackoverflow.com/search?q=testfx" class="item">Stack Overflow</a>
+                <!--div.item Twitter-->
+                <!--div.item Google+--><a href="https://github.com/TestFX/TestFX" class="item">GitHub</a><a href="http://stackoverflow.com/search?q=testfx" class="item">Stack Overflow</a>
               </div>
             </div>
           </div>

diff --git a/src/style.css b/src/style.css
@@ -1,6 +1,7 @@
 body {
   margin: 0;
   padding: 0;
+  color: #666666;
   background-color: #fafafa;
 }
 body,
@@ -21,6 +22,9 @@ code {
   font-family: "Source Code Pro", monospace !important;
   font-weight: 400 !important;
 }
+p {
+  line-height: 1.5em;
+}
 @media print, screen {
   .container {
     margin: 0 auto;
@@ -39,6 +43,10 @@ code {
     margin: 0 36px;
     width: auto;
   }
+  pre,
+  code {
+    font-size: 14px;
+  }
 }
 @media print and (max-width: 768px), screen and (max-width: 768px) {
   .container {
@@ -65,6 +73,7 @@ code {
   background: -webkit-linear-gradient(top, #c9de96 0%, #96bc85 100%);
   background: -o-linear-gradient(top, #c9de96 0%, #96bc85 100%);
   background: -ms-linear-gradient(top, #c9de96 0%, #96bc85 100%);
+  box-shadow: none !important;
 }
 #header .header {
   color: #fafafa;

diff --git a/src/style.less b/src/style.less
@@ -2,6 +2,7 @@
 // definitions.
 //-------------------------------------------------------------------------------------------------
 
+@black: #666666;
 @white: #fafafa;
 
 @gray: #808080;
@@ -28,6 +29,7 @@
 body {
   margin: 0;
   padding: 0;
+  color: @black;
   background-color: @white;
 }
 
@@ -46,6 +48,10 @@ pre, code {
   font-weight: 400 !important;
 }
 
+p {
+  line-height: 1.5em;
+}
+
 //-------------------------------------------------------------------------------------------------
 // media declarations.
 //-------------------------------------------------------------------------------------------------
@@ -71,6 +77,10 @@ pre, code {
       margin: 0 36px;
       width: auto;
     }
+
+    pre, code {
+      font-size: 14px;
+    }
   }
 
   // mobile.
@@ -104,6 +114,9 @@ pre, code {
   padding: 36px 0;
   .linear-gradient(@green, @green-dark);
 
+  // FIX: Remove line on top defined in .segment.attached.
+  box-shadow: none !important;
+
   .header {
     color: @white;
     text-shadow: 1px 1px 2px @gray;