takes place for second line too. The size of topbar + some other sizes
measured in em's rather than absolute pixels. Hard coded font sizes
gone. The thing appears to scale OK now for variying font-sizes.
html, body {
background-color: #5d82b7;
color: #002863;
html, body {
background-color: #5d82b7;
color: #002863;
-font: 11px verdana, arial, sans-serif;
+font: 12px verdana, arial, sans-serif;
div.topbar {
background-color: #002863;
color: #ffffff;
div.topbar {
background-color: #002863;
color: #ffffff;
position: absolute;
left: 0px;
top: 0px;
position: absolute;
left: 0px;
top: 0px;
#logo {
position: relative;
left: 30px;
#logo {
position: relative;
left: 30px;
}
div.topmenu {
position: absolute;
right: 0px;
}
div.topmenu {
position: absolute;
right: 0px;
padding-top: 4px;
padding-right: 35px;
height: 25px;
padding-top: 4px;
padding-right: 35px;
height: 25px;
div.topmenu a {
color: #ffffff;
div.topmenu a {
color: #ffffff;
-font: bold 11px verdana, arial, sans-serif;
+font: bold verdana, arial, sans-serif;
padding-left: 5px;
}
div.search div {
position: absolute;
left: 224px;
padding-left: 5px;
}
div.search div {
position: absolute;
left: 224px;
}
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;
+input.button {
+background-color: #5d82b7;
+color: #ffffff;
+border: 2px solid #5d82b7;
+font: bold verdana;
+}
+
+
div.main {
width: 100%;
height: 100%;
div.main {
width: 100%;
height: 100%;
background-repeat: repeat-y;
color: #002863;
position: relative;
background-repeat: repeat-y;
color: #002863;
position: relative;
float: right;
width: 692px;
padding-left: 0px;
float: right;
width: 692px;
padding-left: 0px;
-padding-right: 35px; /*35px; */
padding-top: 15px;
padding-bottom: 30px;
background-color: #ffffff;
padding-top: 15px;
padding-bottom: 30px;
background-color: #ffffff;
-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;
a, a:visited {
color: #5d82b7;
text-decoration: none;
-padding-left: 22px;
-background-image: url(../gfx/arrow_right.gif);
-background-position: 7px 6px;
-background-repeat: no-repeat;
-line-height: 20px;
-margin-bottom: 5px;
+line-height: 1.4em;
+margin-bottom: 8px;
+text-indent: -2em;
-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;
div.results {
float: left;
font-weight: bold;
div.leftbar a {
display: block;
div.leftbar a {
display: block;
+padding-left: 2.2em;
+text-indent: -1em;
-/* $Id: page_segments.phpi,v 1.13 2007-01-16 21:43:35 adam Exp $
+/* $Id: page_segments.phpi,v 1.14 2007-01-17 09:38:50 adam Exp $
* ---------------------------------------------------
* Page segments
*/
* ---------------------------------------------------
* Page segments
*/
alt="Keystone Retriever" />
</a>
alt="Keystone Retriever" />
</a>
- <div class="search">
- <div>
- <form name="search" onsubmit="start_search(); return false;">
- <input id="query" type="text" class="search" tabindex="1"
- maxlength="255" value="" />
- <input type="submit" class="button" value="Search" />
- <input type="hidden" name="startrec" id="startrec"/>
- <input type="hidden" name="action_type" id="action_type"
- value="search"/>
- </form>
- <p>
- <p>
- <class class="sort" id="sortselect"></class>
+ <div class="search">
+ <div>
+ <form name="search" onsubmit="start_search(); return false;">
+ <input id="query" type="text" class="search" tabindex="1"
+ maxlength="255" value="" />
+ <input type="submit" class="button" value="Search" />
+ <input type="hidden" name="startrec" id="startrec"/>
+ <input type="hidden" name="action_type" id="action_type"
+ value="search"/>
+ </form>
+ <p>
+ <class class="sort" id="sortselect"></class>
+ </div>
<div class="topmenu">
<a href="about.php" class="topmenu">ABOUT</a>
<div class="topmenu">
<a href="about.php" class="topmenu">ABOUT</a>