projects
/
pazpar2-moved-to-github.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Tweak font-settings. Use font-size 'small' by default.
[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
..
67630f7
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;
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;
}
div.container {
position: relative;
-width: 995px;
+width: 972px;
background-color: #ffffff;
color: #002863;
margin-left: auto;
background-color: #ffffff;
color: #002863;
margin-left: auto;
@@
-25,83
+26,65
@@
border: none;
div.topbar {
background-color: #002863;
color: #ffffff;
div.topbar {
background-color: #002863;
color: #ffffff;
-height: 105px;
+height: 6em;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
-border-bottom: 5px solid #335382;
}
#logo {
position: relative;
}
#logo {
position: relative;
-left: 71px;
-top: 44px;
+left: 30px;
+top: 24px;
}
div.topmenu {
position: absolute;
right: 0px;
}
div.topmenu {
position: absolute;
right: 0px;
-top: 64px;
+top: 40px;
text-align: right;
text-align: right;
-width: 729px;
padding-top: 4px;
padding-right: 35px;
padding-top: 4px;
padding-right: 35px;
-border-top: 1px solid #335382;
height: 25px;
height: 25px;
-vertical-align: center;
}
div.topmenu a {
color: #ffffff;
}
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;
font-weight: bold;
-}
-
-div.search span {
-position: absolute;
-right: 788px;
-top: 30px;
+padding-left: 5px;
}
div.search div {
position: absolute;
}
div.search div {
position: absolute;
-left: 225px;
-top: 25px;
+left: 224px;
+top: 18px;
}
input.search {
background-color: #f0f0f0;
color: #002863;
border: 1px solid #a5acb2;
}
input.search {
background-color: #f0f0f0;
color: #002863;
border: 1px solid #a5acb2;
-height: 17px;
-line-height: 17px;
width: 420px;
}
width: 420px;
}
+input.button {
+background-color: #5d82b7;
+color: #ffffff;
+border: 2px solid #5d82b7;
+}
+
+
div.main {
width: 100%;
height: 100%;
background-color: #ffffff;
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;
background-position: top left;
background-repeat: repeat-y;
color: #002863;
position: relative;
-top: 100px;
+top: 6em;
left: 0px;
}
left: 0px;
}
@@
-111,72
+94,57
@@
clear: both;
div.leftbar {
float: left;
div.leftbar {
float: left;
-width: 167px;
-padding-left: 23px;
+width: 200px;
+padding-left: 17px;
padding-top: 15px;
padding-top: 15px;
-padding-right: 20px;
+padding-right: 7px;
padding-bottom: 30px;
margin-right: 17px;
padding-bottom: 30px;
margin-right: 17px;
-border-top: 1px solid #c5cedc;
color: #000000;
height: 100%;
color: #000000;
height: 100%;
+background-color: #f0f0f0;
}
div.content {
float: right;
}
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;
padding-right: 35px;
padding-top: 15px;
padding-bottom: 30px;
background-color: #ffffff;
color: #002863;
-border-top: 1px solid #c5cedc;
height: 100%;
}
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;
}
color: #5d82b7;
text-decoration: none;
}
-a:visited {
-color: #a0689d;
-}
-
a:hover {
text-decoration: underline;
}
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;
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 {
}
div.results {
@@
-230,19
+198,22
@@
font-weight: bold;
div.leftbar a {
display: block;
div.leftbar a {
display: block;
-padding-left: 20px;
+padding-left: 2.2em;
+text-indent: -1em;
}
a.unselected {
background-image: url(../gfx/minus.gif);
background-position: 0px 2px;
background-repeat: no-repeat;
}
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;
}
a.selected {
background-image: url(../gfx/plus.gif);
background-position: 0px 2px;
background-repeat: no-repeat;
+cursor: pointer;
}
span.green {
}
span.green {