design changes - more space

6 years ago · 789670bd8c
parent 897582d23b
commit 789670bd8c
5 changed files with 62 additions and 49 deletions
--- 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;
 }

--- 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;
--- 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);
 }
--- 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)# 
--- 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;
 }