X-Git-Url: http://jsfdemo.indexdata.com/?a=blobdiff_plain;f=www%2Fdemo%2Fcss%2Fstyles.css;h=a703ebd0925e243608b3502c48c25bc0ea3c47bc;hb=5b4ea0cf66dd82c871ed7d69a5801d78789087b2;hp=d2b4279763de36a1cbac94d36a6d0d2bb81b35dc;hpb=069fda5122c4ae7575dad8d91c5387d609061595;p=pazpar2-moved-to-github.git

diff --git a/www/demo/css/styles.css b/www/demo/css/styles.css
index d2b4279..a703ebd 100644
--- a/www/demo/css/styles.css
+++ b/www/demo/css/styles.css
@@ -5,7 +5,8 @@ overflow-y: scroll;
 html, body {
 background-color: #5d82b7;
 color: #002863;
-font: 11px verdana, arial, sans-serif;
+font-family: verdana, arial, sans-serif;
+font-size: small;
 }
 
 div.container {
@@ -25,7 +26,7 @@ border: none;
 div.topbar {
 background-color: #002863;
 color: #ffffff;
-height: 90px;
+height: 7em;
 position: absolute;
 left: 0px;
 top: 0px;
@@ -35,15 +36,14 @@ width: 100%;
 #logo {
 position: relative;
 left: 30px;
-top: 34px;
+top: 24px;
 }
 
 div.topmenu {
 position: absolute;
 right: 0px;
-top: 64px;
+top: 40px;
 text-align: right;
-width: 700px;
 padding-top: 4px;
 padding-right: 35px;
 height: 25px;
@@ -51,26 +51,31 @@ height: 25px;
 
 div.topmenu a {
 color: #ffffff;
-font: bold 11px verdana, arial, sans-serif;
+font-weight: bold;
 padding-left: 5px;
 }
 
 div.search div {
 position: absolute;
 left: 224px;
-top: 25px;
+top: 18px;
 }
 
 input.search {
 background-color: #f0f0f0;
 color: #002863;
 border: 1px solid #a5acb2;
-height: 17px;
-line-height: 17px;
 width: 420px;
 }
 
 
+input.button {
+background-color: #5d82b7;
+color: #ffffff;
+border: 2px solid #5d82b7;
+}
+
+
 div.main {
 width: 100%;
 height: 100%;
@@ -79,7 +84,7 @@ background-position: top left;
 background-repeat: repeat-y;
 color: #002863;
 position: relative;
-top: 90px;
+top: 7em;
 left: 0px;
 }
 
@@ -104,7 +109,7 @@ div.content {
 float: right;
 width: 692px;
 padding-left: 0px;
-padding-right: 35px; /*35px; */
+padding-right: 35px;
 padding-top: 15px;
 padding-bottom: 30px;
 background-color: #ffffff;
@@ -113,16 +118,6 @@ height: 100%;
 }
 
 
-input.button {
-background-color: #5d82b7;
-color: #ffffff;
-border: none;
-line-height: 19px;
-height: 19px;
-font: bold 11px verdana;
-}
-
-
 a, a:visited {
 color: #5d82b7;
 text-decoration: none;
@@ -133,29 +128,23 @@ text-decoration: underline;
 }
 
 div.record {
-padding-left: 22px;
-background-image: url(../gfx/arrow_right.gif);
-background-position: 7px 6px;
-background-repeat: no-repeat;
+padding-left: 2em;
 display: block;
-line-height: 20px;
-margin-bottom: 5px;
+line-height: 1.4em;
+margin-bottom: 8px;
+margin-top: 0px;
+text-indent: -2em;
+/*
+border-style: none;
+border-top-style: solid;
+border-width: 1px;
+border-color: #f0f0f0;
+*/
 }
 
 a.record {
 }
 
-div.records a.selected{
-padding-left: 17px;
-background-image: url(../gfx/arrow_down.gif);
-background-position: 7px 8px;
-background-repeat: no-repeat;
-font-weight: bold;
-line-height: 20px;
-background-color: #e7ecf4;
-display: block;
-}
-
 div.results {
 float: left;
 font-weight: bold;
@@ -207,7 +196,14 @@ font-weight: bold;
 
 div.leftbar a {
 display: block;
-padding-left: 20px;
+padding-left: 2.2em;
+text-indent: -1em;
+}
+
+div.leftbar div {
+display: block;
+padding-left: 2.2em;
+text-indent: -1em;
 }
 
 a.unselected {