design changes - more space

5 files changed, 62 insertions, 49 deletions

diff --git a/htroot/env/base.css b/htroot/env/base.css
index 3296eb049..0e86ea079 100644
--- a/htroot/env/base.css
+++ b/htroot/env/base.css
@@ -115,7 +115,7 @@ fieldset {
 
 legend {
   font-size:1.2em;
-  padding:0.2em;
+  padding:0.3em 0.8em;
   text-align:center;
 }
 
@@ -504,22 +504,20 @@ form.search.small h2 {
 }
 
 li.menugroup h3 {
-	font-size: 1em; font-weight: bold;
+	font-size: 1em;
 	margin: 0; padding: 1px 10px;
 }
 
 div.SubMenugroup h3 {
-  font-size:1em;
-  font-weight:bold;
+  font-size:1.1em;
   margin:0;
-  padding:1px 10px;
+  padding:3px 10px;
 }
 div.SubMenu h3 {
-  font-size:1em;
-  font-weight:bold;
+  font-size:1.1em;
   margin:0;
   margin-bottom:1px;
-  padding:1px 10px;
+  padding:3px 10px;
   clear: both;
 }
 
@@ -546,7 +544,7 @@ a.BookmarkLink {
   padding-left:15px;
 }
 
-a.MenuItemLink{
+a.MenuItemLink {
   text-decoration:none;
   margin-top:1px;
   margin-bottom:1px;
@@ -554,13 +552,13 @@ a.MenuItemLink{
   font-size:1.0em;
 }
 
-a.MenuItemLink.lock{
+a.MenuItemLink.lock {
   background-image:url(grafics/lock.gif);
   background-position:2px center;
   background-repeat:no-repeat;
 }
 
-a.MenuItemLink.unlock{
+a.MenuItemLink.unlock {
   background-image:url(grafics/lockopen.gif);
   background-position:2px center;
   background-repeat:no-repeat;
@@ -739,7 +737,9 @@ form.search {
 }
 form.search.small {
   text-align:left;
-  margin-bottom:5px;
+  margin-bottom: 5px;
+  margin-top: 5px;
+  margin-left: -15px;
   white-space:nowrap;
 }
 
diff --git a/htroot/env/bootstrap-base.css b/htroot/env/bootstrap-base.css
index a8183ecb8..28eb5c505 100644
--- a/htroot/env/bootstrap-base.css
+++ b/htroot/env/bootstrap-base.css
@@ -2,9 +2,14 @@
  * Base bootstrap structure, this should become part of base.css later
  */
 
-/* Move down content because we have a fixed navbar that is 50px tall */
+.navbar {
+  padding-top: 5px;
+  min-height: 60px;
+}
+
+/* Move down content because we have a fixed navbar that is 60px tall */
 body {
-  padding-top: 57px;
+  padding-top: 70px;
 }
 
 
@@ -23,17 +28,18 @@ body {
 /* Hide for mobile, show later */
 .sidebar {
   display: none;
-  margin-top: -14px;
+  margin-top: -1px;
+  margin-left: 8px;
 }
 @media (min-width: 768px) {
   .sidebar {
     position: fixed;
-    top: 51px;
+    top: 61px;
     bottom: 0;
     left: 0;
     z-index: 1000;
     display: block;
-    padding: 20px;
+    padding: 10px;
     overflow-x: hidden;
     overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
   }
@@ -41,15 +47,15 @@ body {
 
 /* Sidebar navigation */
 .nav-sidebar {
-  margin-right: -21px; /* 20px padding + 1px border */
+  margin-right: -11px; /* 20px padding + 1px border */
   margin-bottom: 10px;
-  margin-left: -20px;
+  margin-left: -10px;
 }
 .nav-sidebar > li > a {
   padding-right: 10px;
-  padding-left: 16px;
-  padding-top: 0px;
-  padding-bottom: 0px;
+  padding-left: 18px;
+  padding-top: 2px;
+  padding-bottom: 1px;
 }
 .nav-sidebar > li {
   padding: 0px;
diff --git a/htroot/env/bootstrap/css/bootstrap.css b/htroot/env/bootstrap/css/bootstrap.css
index fcab41554..4153662fb 100644
--- a/htroot/env/bootstrap/css/bootstrap.css
+++ b/htroot/env/bootstrap/css/bootstrap.css
@@ -5201,10 +5201,11 @@ a.thumbnail.active {
 }
 .progress {
   height: 20px;
+  margin-top: 20px;
   margin-bottom: 20px;
   overflow: hidden;
   background-color: #f5f5f5;
-  border-radius: 4px;
+  border-radius: 3px;
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 }
diff --git a/htroot/yacysearch.html b/htroot/yacysearch.html
index 6f82a6977..88c485259 100644
--- a/htroot/yacysearch.html
+++ b/htroot/yacysearch.html
@@ -89,7 +89,7 @@
     </script>
     #(/topmenu)#
 
-<div id="api" style="top:58px;">
+<div id="api" style="top:81px;">
 <script type="text/javascript">
 //<![CDATA[
 	var showRSSIcon = #(num-results)#false::true::true::true::false::false#(/num-results)#;
@@ -154,7 +154,7 @@ Use the RSS search result format to add static searches to your RSS reader, if y
 	<p>No Results. (length of search words must be at least 1 character)</p>
 	::
 	<div id="results"></div>
-    <div class="progress">
+    <div class="progress" style="margin-top:10px;">
       <div class="progress-bar progress-bar-info" id="progressbar" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width:0%;">
         <span style="position:absolute;display:block;text-align:left;width:85%;color:black;">&nbsp;&nbsp;&nbsp;<strong id="offset">#[offset]#</strong>-<strong id="itemscount">#[itemscount]#</strong> of <strong id="totalcount">#[totalcount]#</strong> 
         #(globalresults)#::; (<strong id="localIndexCount">#[localIndexCount]#</strong> local, <strong id="remoteIndexCount">#[remoteIndexCount]#</strong> remote from <strong id="remotePeerCount">#[remotePeerCount]#</strong> YaCy peers).#(/globalresults)# 
diff --git a/skins/pdblue.css b/skins/pdblue.css
index 8a224af64..d1d09969d 100644
--- a/skins/pdblue.css
+++ b/skins/pdblue.css
@@ -23,26 +23,31 @@ a:hover {
 /* Menu */
 
 .menugroup h3 {
-  -webkit-border-top-left-radius: 5px;
-  -webkit-border-top-right-radius: 5px;
-  -khtml-border-top-left-radius: 5px;
-  -khtml-border-top-right-radius: 5px;
-  -moz-border-radius-topleft: 5px;
-  -moz-border-radius-topright: 5px;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
+  -webkit-border-top-left-radius: 3px;
+  -webkit-border-top-right-radius: 3px;
+  -khtml-border-top-left-radius: 3px;
+  -khtml-border-top-right-radius: 3px;
+  -moz-border-radius-topleft: 3px;
+  -moz-border-radius-topright: 3px;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
  
   background-color: #5090D0;
+  font-weight: bold;
+  padding-bottom:3px;
   color:white;
 }
 
 .SubMenugroup h3, .SubMenu h3 {
-  -webkit-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
 
   background-color: #5090D0;
+  font-weight: bold;
+  padding-top:2px;
+  padding-bottom:2px;
   color:white;
 }
 
@@ -180,10 +185,10 @@ div.ProgressBarFill {
 
 fieldset.maininput, fieldset.yacys { 
   background-color:#DEE6F3;
-  -webkit-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
 }
 
 form.search.small h2 {
@@ -260,10 +265,10 @@ fieldset {
   background-color:#DEE6F3;
   color:#18294A;
   border:0px solid #DEE6F3;
-  -webkit-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
 }
 
 /* input, select, textarea, button {
@@ -273,11 +278,12 @@ fieldset {
 
 legend {
   background-color:#65AC2A;
-  -webkit-border-radius: 5px;
-  -khtml-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
   text-align:left;
+  font-weight: bold;
   color:white;
 }