design changes - more space

pull/325/head
Michael Peter Christen 6 years ago
parent 897582d23b
commit 789670bd8c

@ -115,7 +115,7 @@ fieldset {
legend { legend {
font-size:1.2em; font-size:1.2em;
padding:0.2em; padding:0.3em 0.8em;
text-align:center; text-align:center;
} }
@ -504,22 +504,20 @@ form.search.small h2 {
} }
li.menugroup h3 { li.menugroup h3 {
font-size: 1em; font-weight: bold; font-size: 1em;
margin: 0; padding: 1px 10px; margin: 0; padding: 1px 10px;
} }
div.SubMenugroup h3 { div.SubMenugroup h3 {
font-size:1em; font-size:1.1em;
font-weight:bold;
margin:0; margin:0;
padding:1px 10px; padding:3px 10px;
} }
div.SubMenu h3 { div.SubMenu h3 {
font-size:1em; font-size:1.1em;
font-weight:bold;
margin:0; margin:0;
margin-bottom:1px; margin-bottom:1px;
padding:1px 10px; padding:3px 10px;
clear: both; clear: both;
} }
@ -546,7 +544,7 @@ a.BookmarkLink {
padding-left:15px; padding-left:15px;
} }
a.MenuItemLink{ a.MenuItemLink {
text-decoration:none; text-decoration:none;
margin-top:1px; margin-top:1px;
margin-bottom:1px; margin-bottom:1px;
@ -554,13 +552,13 @@ a.MenuItemLink{
font-size:1.0em; font-size:1.0em;
} }
a.MenuItemLink.lock{ a.MenuItemLink.lock {
background-image:url(grafics/lock.gif); background-image:url(grafics/lock.gif);
background-position:2px center; background-position:2px center;
background-repeat:no-repeat; background-repeat:no-repeat;
} }
a.MenuItemLink.unlock{ a.MenuItemLink.unlock {
background-image:url(grafics/lockopen.gif); background-image:url(grafics/lockopen.gif);
background-position:2px center; background-position:2px center;
background-repeat:no-repeat; background-repeat:no-repeat;
@ -739,7 +737,9 @@ form.search {
} }
form.search.small { form.search.small {
text-align:left; text-align:left;
margin-bottom:5px; margin-bottom: 5px;
margin-top: 5px;
margin-left: -15px;
white-space:nowrap; white-space:nowrap;
} }

@ -2,9 +2,14 @@
* Base bootstrap structure, this should become part of base.css later * 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 { body {
padding-top: 57px; padding-top: 70px;
} }
@ -23,17 +28,18 @@ body {
/* Hide for mobile, show later */ /* Hide for mobile, show later */
.sidebar { .sidebar {
display: none; display: none;
margin-top: -14px; margin-top: -1px;
margin-left: 8px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.sidebar { .sidebar {
position: fixed; position: fixed;
top: 51px; top: 61px;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 1000; z-index: 1000;
display: block; display: block;
padding: 20px; padding: 10px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
} }
@ -41,15 +47,15 @@ body {
/* Sidebar navigation */ /* Sidebar navigation */
.nav-sidebar { .nav-sidebar {
margin-right: -21px; /* 20px padding + 1px border */ margin-right: -11px; /* 20px padding + 1px border */
margin-bottom: 10px; margin-bottom: 10px;
margin-left: -20px; margin-left: -10px;
} }
.nav-sidebar > li > a { .nav-sidebar > li > a {
padding-right: 10px; padding-right: 10px;
padding-left: 16px; padding-left: 18px;
padding-top: 0px; padding-top: 2px;
padding-bottom: 0px; padding-bottom: 1px;
} }
.nav-sidebar > li { .nav-sidebar > li {
padding: 0px; padding: 0px;

@ -5201,10 +5201,11 @@ a.thumbnail.active {
} }
.progress { .progress {
height: 20px; height: 20px;
margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
overflow: hidden; overflow: hidden;
background-color: #f5f5f5; background-color: #f5f5f5;
border-radius: 4px; border-radius: 3px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -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); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
} }

@ -89,7 +89,7 @@
</script> </script>
#(/topmenu)# #(/topmenu)#
<div id="api" style="top:58px;"> <div id="api" style="top:81px;">
<script type="text/javascript"> <script type="text/javascript">
//<![CDATA[ //<![CDATA[
var showRSSIcon = #(num-results)#false::true::true::true::false::false#(/num-results)#; 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> <p>No Results. (length of search words must be at least 1 character)</p>
:: ::
<div id="results"></div> <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%;"> <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> <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)# #(globalresults)#::; (<strong id="localIndexCount">#[localIndexCount]#</strong> local, <strong id="remoteIndexCount">#[remoteIndexCount]#</strong> remote from <strong id="remotePeerCount">#[remotePeerCount]#</strong> YaCy peers).#(/globalresults)#

@ -23,26 +23,31 @@ a:hover {
/* Menu */ /* Menu */
.menugroup h3 { .menugroup h3 {
-webkit-border-top-left-radius: 5px; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 5px; -webkit-border-top-right-radius: 3px;
-khtml-border-top-left-radius: 5px; -khtml-border-top-left-radius: 3px;
-khtml-border-top-right-radius: 5px; -khtml-border-top-right-radius: 3px;
-moz-border-radius-topleft: 5px; -moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 5px; -moz-border-radius-topright: 3px;
border-top-left-radius: 5px; border-top-left-radius: 3px;
border-top-right-radius: 5px; border-top-right-radius: 3px;
background-color: #5090D0; background-color: #5090D0;
font-weight: bold;
padding-bottom:3px;
color:white; color:white;
} }
.SubMenugroup h3, .SubMenu h3 { .SubMenugroup h3, .SubMenu h3 {
-webkit-border-radius: 5px; -webkit-border-radius: 3px;
-khtml-border-radius: 5px; -khtml-border-radius: 3px;
-moz-border-radius: 5px; -moz-border-radius: 3px;
border-radius: 5px; border-radius: 3px;
background-color: #5090D0; background-color: #5090D0;
font-weight: bold;
padding-top:2px;
padding-bottom:2px;
color:white; color:white;
} }
@ -180,10 +185,10 @@ div.ProgressBarFill {
fieldset.maininput, fieldset.yacys { fieldset.maininput, fieldset.yacys {
background-color:#DEE6F3; background-color:#DEE6F3;
-webkit-border-radius: 5px; -webkit-border-radius: 3px;
-khtml-border-radius: 5px; -khtml-border-radius: 3px;
-moz-border-radius: 5px; -moz-border-radius: 3px;
border-radius: 5px; border-radius: 3px;
} }
form.search.small h2 { form.search.small h2 {
@ -260,10 +265,10 @@ fieldset {
background-color:#DEE6F3; background-color:#DEE6F3;
color:#18294A; color:#18294A;
border:0px solid #DEE6F3; border:0px solid #DEE6F3;
-webkit-border-radius: 5px; -webkit-border-radius: 3px;
-khtml-border-radius: 5px; -khtml-border-radius: 3px;
-moz-border-radius: 5px; -moz-border-radius: 3px;
border-radius: 5px; border-radius: 3px;
} }
/* input, select, textarea, button { /* input, select, textarea, button {
@ -273,11 +278,12 @@ fieldset {
legend { legend {
background-color:#65AC2A; background-color:#65AC2A;
-webkit-border-radius: 5px; -webkit-border-radius: 3px;
-khtml-border-radius: 5px; -khtml-border-radius: 3px;
-moz-border-radius: 5px; -moz-border-radius: 3px;
border-radius: 5px; border-radius: 3px;
text-align:left; text-align:left;
font-weight: bold;
color:white; color:white;
} }

Loading…
Cancel
Save