Updates to pz:authentication documentation

[pazpar2-moved-to-github.git] / www / demo / css / styles.css

diff --git a/www/demo/css/styles.css b/www/demo/css/styles.css
index a9797bc..a703ebd 100644 (file)
--- a/www/demo/css/styles.css
+++ b/www/demo/css/styles.css
@@ -5,12 +5,13 @@ 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 {
 position: relative;
-width: 995px;
+width: 972px;
 background-color: #ffffff;
 color: #002863;
 margin-left: auto;
@@ -25,83 +26,65 @@ border: none;
 div.topbar {
 background-color: #002863;
 color: #ffffff;
-height: 105px;
+height: 7em;
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
-border-bottom: 5px solid #335382;
 }
 
 #logo {
 position: relative;
-left: 71px;
-top: 44px;
+left: 30px;
+top: 24px;
 }
 
 div.topmenu {
 position: absolute;
 right: 0px;
-top: 64px;
+top: 40px;
 text-align: right;
-width: 729px;
 padding-top: 4px;
 padding-right: 35px;
-border-top: 1px solid #335382;
 height: 25px;
-vertical-align: center;
 }
 
 div.topmenu a {
 color: #ffffff;
-font: bold 11px verdana, arial, sans-serif;
-padding-left: 41px;
-}
-
-
-div.search {
-position: relative;
-top: 110px;
-left: 0px;
-width: 100%;
-height: 90px;
-background-color: #ffffff;
-color: #002863;
 font-weight: bold;
-}
-
-div.search span {
-position: absolute;
-right: 788px;
-top: 30px;
+padding-left: 5px;
 }
 
 div.search div {
 position: absolute;
-left: 225px;
-top: 25px;
+left: 224px;
+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%;
 background-color: #ffffff;
-background-image: url(../gfx/background.gif);
 background-position: top left;
 background-repeat: repeat-y;
 color: #002863;
 position: relative;
-top: 100px;
+top: 7em;
 left: 0px;
 }
 
@@ -111,72 +94,55 @@ clear: both;
 
 div.leftbar {
 float: left;
-width: 167px;
-padding-left: 23px;
+width: 200px;
+padding-left: 17px;
 padding-top: 15px;
-padding-right: 20px;
+padding-right: 7px;
 padding-bottom: 30px;
 margin-right: 17px;
-border-top: 1px solid #c5cedc;
 color: #000000;
 height: 100%;
+background-color: #f0f0f0;
 }
 
 div.content {
 float: right;
-width: 733px;
+width: 692px;
+padding-left: 0px;
 padding-right: 35px;
 padding-top: 15px;
 padding-bottom: 30px;
 background-color: #ffffff;
 color: #002863;
-border-top: 1px solid #c5cedc;
 height: 100%;
 }
 
 
-input.button {
-background-color: #5d82b7;
-color: #ffffff;
-border: none;
-line-height: 19px;
-height: 19px;
-font: bold 11px verdana;
-}
-
-
-a {
+a, a:visited {
 color: #5d82b7;
 text-decoration: none;
 }
 
-a:visited {
-color: #a0689d;
-}
-
 a:hover {
 text-decoration: underline;
 }
 
-a.record {
-padding-left: 27px;
-background-image: url(../gfx/arrow_right.gif);
-background-position: 7px 6px;
-background-repeat: no-repeat;
+div.record {
+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;
+*/
 }
 
-div.records a.select {
-padding-left: 27px;
-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;
+a.record {
 }
 
 div.results {
@@ -230,19 +196,28 @@ 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 {
 background-image: url(../gfx/minus.gif);
 background-position: 0px 2px;
 background-repeat: no-repeat;
+cursor: pointer;
 }
 
 a.selected {
 background-image: url(../gfx/plus.gif);
 background-position: 0px 2px;
 background-repeat: no-repeat;
+cursor: pointer;
 }
 
 span.green {