+/* once done renaming and everything, combine with style.css */
.opac-auto-001 { background: #2bb0fd; }
.opac-auto-002 { background: #54987f; }
.opac-auto-003 { background: #decc92; }
.float-left { float: left; }
.opac-auto-039 { float: left; font-weight: bold; padding-top: 5px; }
.opac-auto-040 { float: left; padding: 5px 0px 0px 10px; }
-.opac-auto-042 { float: left; width: 163px; height: 30px; background: url('/opac/skin/kcls/graphics/utils-corner-mid.png') repeat-x top; }
+.left-corner { float: left; width: 163px; height: 30px; background: url('/opac/skin/kcls/graphics/utils-corner-mid.png') repeat-x top; }
.opac-auto-043 { float: left; width: 300px; margin-top: 20px; }
.float-right { float: right; }
.opac-auto-045 { float: right; margin-right: 17px; }
.very-big-height { height: 30px; }
.opac-auto-066 { height: 24px; background: #252525; }
.opac-auto-067 { margin: 3px; width: 100%; }
-.opac-auto-068 { margin: auto; width: 974px; height: 0px; }
+.big-block { margin: auto; width: 974px; height: 0px; }
.opac-auto-069 { margin-bottom: 10px; }
.opac-auto-070 { margin-bottom: 20px; }
.opac-auto-071 { margin-bottom: 5px; }
.opac-auto-121 { padding-top: 6px; }
.opac-auto-122 { padding-top: 7px; }
.opac-auto-123 { padding-top: 8px; }
-.opac-auto-124 { position: absolute }
-.opac-auto-125 { position: absolute; }
+.pos-abs { position: absolute; }
.opac-auto-126 { position: absolute; z-index: 101; }
-.opac-auto-127 { position: relative; }
+.pos-rel { position: relative; }
.opac-auto-128 { position: relative; left: -10px; }
.opac-auto-129 { position: relative; left: -19px; }
.opac-auto-130 { position: relative; left: 80px; }
.opac-auto-136 { position: relative; top: 161px; left: 172px; }
.opac-auto-137 { position: relative; top: 161px; left: -23px; }
.opac-auto-138 { position: relative; top: -1px; left: 10px; }
-.opac-auto-139 { position: relative; top: 1px; left: 10px; }
+#util_back_btn { position: relative; top: 1px; left: 10px; }
.opac-auto-140 { position: relative; top: -2px; }
-.opac-auto-141 { position: relative; top: 2px; left: 40px; }
-.opac-auto-142 { position: relative; top: 2px; left: 50px; }
+#util_help_btn { position: relative; top: 2px; left: 40px; }
+#util_forw_btn { position: relative; top: 2px; left: 50px; }
.opac-auto-143 { position: relative; top: -3px; }
-.opac-auto-144 { position: relative; top: 3px; left: 20px; }
+#util_home_btn { position: relative; top: 3px; left: 20px; }
.opac-auto-145 { position: relative; top: -3px; left: 3px; }
.opac-auto-146 { position: relative; top: -3px; left: -5px; }
.opac-auto-147 { position: relative; top: -5px; }
.opac-auto-148 { position: relative; top: 5px; }
.opac-auto-149 { position: relative; top: 5px; left: 25px; }
-.opac-auto-150 { position: relative; top: 5px; left: 30px; }
+#util_print_btn { position: relative; top: 5px; left: 30px; }
.opac-auto-151 { position: relative; top: 75px; }
.opac-auto-152 { position: relative; top: -9px; }
.opac-auto-153 { position: relative; z-index: 100; }
<html xmlns='http://www.w3.org/1999/xhtml' lang='[% ctx.locale %]' xml:lang='[% ctx.locale %]'>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
- <link rel="stylesheet" type="text/css" href="/opac/skin/kcls-wire/css/style.css" />
- <link rel="stylesheet" type="text/css" href="/opac/skin/kcls-wire/css/contentslider.css" />
+ <link rel="stylesheet" type="text/css"
+ href="/opac/skin/kcls-wire/css/semiauto.css" />
+ <link rel="stylesheet" type="text/css"
+ href="/opac/skin/kcls-wire/css/style.css" />
+ <link rel="stylesheet" type="text/css"
+ href="/opac/skin/kcls-wire/css/contentslider.css" />
<title>Catalog - King County Library - [% ctx.page_title %]</title>
<link rel="unapi-server" type="application/xml" title="unAPI"
href="/opac/extras/unapi" />
- <div style="margin:auto;width:974px;height:0px;">
+ <div class="big-block">
<div id="user-ql">
<script type="text/javascript">
/* if(grabUser()) {
}*/
</script>
</div>
-
-<!-- ****************** utils.xml ***************************** -->
-
-<div style="float:right;">
-<div style="position:relative;">
-<img src="/opac/skin/kcls/graphics/utils-corner-left.png" style="float:left;" />
- <div style="float:left;width:163px;height:30px;background:url('/opac/skin/kcls/graphics/utils-corner-mid.png') repeat-x top;">
-
- <a href="javascript:history.go(-1)" style="position:relative;top:1px;left:10px;"><img alt="Back" src="/opac/skin/kcls/graphics/tool_back.png" /></a>
- <a href="[% skin_root %]home" style="position:relative;top:3px;left:20px;"><img src="/opac/skin/kcls/graphics/tool_home.png" alt="Homepage" /></a>
- <a href="javascript:window.print();" style="position:relative;top:5px;left:30px;"><img src="/opac/skin/kcls/graphics/tool_print.png" alt="Print Page" /></a>
- <a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm" style="position:relative;top:2px;left:40px;"><img alt="Help" src="/opac/skin/kcls/graphics/tool_help.png" /></a>
- <a href="javascript:history.go(+1)" style="position:relative;top:2px;left:50px;"><img src="/opac/skin/kcls/graphics/tool_forward.png" alt="Forward" /></a>
-
- </div>
-<img src="/opac/skin/kcls/graphics/utils-corner-right.png" style="float:left;" />
-</div>
-</div>
-
+ <div class="float-right">
+ <div class="pos-rel">
+ <img
+ src="/opac/skin/kcls/graphics/utils-corner-left.png"
+ class="float-left" />
+ <div class="left-corner">
+ <a href="javascript:history.go(-1)"
+ id="util_back_btn"><img alt="Back"
+ src="/opac/skin/kcls/graphics/tool_back.png" /></a>
+ <a href="[% skin_root %]home"
+ id="util_home_btn"><img alt="Homepage"
+ src="/opac/skin/kcls/graphics/tool_home.png" /></a>
+ <a href="javascript:window.print();"
+ id="util_print_btn"><img alt="Print Page"
+ src="/opac/skin/kcls/graphics/tool_print.png" /></a>
+ <a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm"
+ id="util_help_btn"><img alt="Help"
+ src="/opac/skin/kcls/graphics/tool_help.png" /></a>
+ <a href="javascript:history.go(+1)"
+ id="util_forw_btn"><img alt="Forward"
+ src="/opac/skin/kcls/graphics/tool_forward.png" /></a>
+ </div>
+ <img
+ src="/opac/skin/kcls/graphics/utils-corner-right.png"
+ class="float-left" />
+ </div>
+ </div>
</div>
projects / evergreen-equinox.git / commitdiff