First cut at an Equinox skin for the TPAC

Still need the logo, and be sure to add the templates_equinox directory to
eg_vhost.conf

Signed-off-by: Jason Etheridge <jason@esilibrary.com>

diff --git a/Open-ILS/src/templates_equinox/opac/parts/base.tt2 b/Open-ILS/src/templates_equinox/opac/parts/base.tt2
index 1721a9c..5dc18d5 100644 (file)
--- a/Open-ILS/src/templates_equinox/opac/parts/base.tt2
+++ b/Open-ILS/src/templates_equinox/opac/parts/base.tt2
@@ -7,8 +7,8 @@
         [% ELSIF ctx.authtime %]
         <meta http-equiv="refresh" content="[% ctx.authtime %]; url=[% ctx.logout_page %]">
         [% END %]
-        <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/default/opac/semiauto.css" />
-        <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/default/opac/style.css" />
+        <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/equinox/opac/tpac_semiauto.css" />
+        <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/equinox/opac/tpac_style.css" />
         <title>[% l('Catalog - [_1]', ctx.page_title) %]</title>
         <link rel="unapi-server" type="application/xml" title="unAPI" href="/opac/extras/unapi" />
         [% IF want_dojo %]

diff --git a/Open-ILS/src/templates_equinox/opac/parts/topnav_logo.tt2 b/Open-ILS/src/templates_equinox/opac/parts/topnav_logo.tt2
index 0b55700..37110c8 100644 (file)
--- a/Open-ILS/src/templates_equinox/opac/parts/topnav_logo.tt2
+++ b/Open-ILS/src/templates_equinox/opac/parts/topnav_logo.tt2
@@ -1,2 +1,2 @@
-       <div id="topnav_logo"> <a href="http://evergreen-ils.org"><img alt="[% l('Evergreen Logo') %]" 
+       <div id="topnav_logo"> <a href="/eg/opac/home"><img alt="[% l('Evergreen Logo') %]" 
             src="[% ctx.media_prefix %]/opac/images/small_logo.png" /></a></div>

diff --git a/Open-ILS/web/css/skin/equinox/opac/tpac_style.css b/Open-ILS/web/css/skin/equinox/opac/tpac_style.css
index 0a33df7..75d402d 100644 (file)
--- a/Open-ILS/web/css/skin/equinox/opac/tpac_style.css
+++ b/Open-ILS/web/css/skin/equinox/opac/tpac_style.css
@@ -2,7 +2,7 @@ body {
        margin:0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
-       background: #00593d;
+       background: #0155FF;
 }
 
 img {
@@ -18,7 +18,7 @@ img {
 }
 
 a {
-       color: #00593d;
+       color: #0155FF;
 }
 
 #search-wrapper input[type=text] {
@@ -91,7 +91,7 @@ div.select-wrapper:hover {
 #dash_wrapper div {
        position: relative;
     vertical-align: middle;
-    background: #00593d;
+    background: #0155FF;
     border-radius: 5px;
     height: 3em;
     padding: 0em 1em 0em 1em;
@@ -101,14 +101,14 @@ span.dash_divider {
     margin: 0em 1em 0em 1em;
        position: relative;
     top: 10px;
-    color: #007a54;
+    color: #7CA7FC;
 }
 
 #dashboard {
        clear:both;
        float:right;
     margin-top: 1em;
-    background: #00593d;
+    background: #0155FF;
     border-radius: 5px;
     height: 3em;
 }
@@ -134,11 +134,11 @@ span.dash_divider {
 #dash_pickup { color: #1dd93c; }
 #dash_fines { color: #f41d36; }
 #header-wrap {
-    background: linear-gradient(#00593d, #007a54);
-    background: -moz-linear-gradient(#00593d, #007a54);
-    background: -o-linear-gradient(#00593d, #007a54);
-    background: -webkit-linear-gradient(#00593d, #007a54);
-    background-color: #007a54;
+    background: linear-gradient(#0155FF, #7CA7FC);
+    background: -moz-linear-gradient(#0155FF, #7CA7FC);
+    background: -o-linear-gradient(#0155FF, #7CA7FC);
+    background: -webkit-linear-gradient(#0155FF, #7CA7FC);
+    background-color: #7CA7FC;
 }
 #header {
        color: #fff;
@@ -175,7 +175,7 @@ span.dash_divider {
 
 #header-links a:hover {
        color: white;
-       text-shadow: 0 0 0.2em #00593d, 0 0 0.2em #00593d;
+       text-shadow: 0 0 0.2em #0155FF, 0 0 0.2em #0155FF;
        text-decoration: none;
 }
 
@@ -286,8 +286,8 @@ span.dash_divider {
     -moz-border-radius: 10px 10px 0px 0px; 
     border-radius: 10px 10px 0px 0px;
     font-weight: bold;
-    color: white;
-    background: #69A088;
+    color: black;
+    background: orange;
     font-weight: bold;
     text-decoration: none;
 }
@@ -297,7 +297,7 @@ span.dash_divider {
 }
 
 #adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
-    background: #00593d; 
+    background: #0155FF; 
     color: white;
     text-decoration: none;
 }
@@ -315,7 +315,7 @@ span.dash_divider {
 }
 
 .acct-tab-off {
-    background: #69A088;
+    background: orange;
 }
 
 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
@@ -342,7 +342,7 @@ span.dash_divider {
 }
 
 #rdetail_results a {
-    color:#007a54;
+    color:#7CA7FC;
     font-weight:bold;
     font-size: 1.2em;
 }
@@ -476,7 +476,7 @@ div.format_icon {
 
 .rdetail_extras {
        height: 29px;
-       background: #417860;
+       background: #88B9FF;
        padding-top:1px;
        margin-bottom: 10px;
        margin-top: 10px;
@@ -729,7 +729,7 @@ div.format_icon {
 .results_header_nav1 .h1 {
        font-size:14px;
        font-weight:bold;
-       color:#007a54;
+       color:#7CA7FC;
 }
 
 .start_end_links_span {
@@ -840,7 +840,7 @@ div.result_place_hold {
        height:22px;
        font-size:14px;
        font-weight:bold;
-       color:#007a54;
+       color:#7CA7FC;
        padding: 0px 7px 0px 0px;
        border-bottom: 1px dotted #ccc;
 }
@@ -938,7 +938,7 @@ div.result_place_hold {
 }
 
 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
-       background: #007a54;
+       background: #7CA7FC;
        padding-top:5px;
        margin-bottom:20px;
 }
@@ -1018,7 +1018,7 @@ div.facet_sidebar {
 .facet_box_temp .header {
        height:31px;
        overflow:hidden;
-       background:#00593d;
+       background:#0155FF;
         -moz-border-top-left-radius: 5px;
         border-top-left-radius: 5px;
         -moz-border-top-right-radius: 5px;
@@ -1086,11 +1086,11 @@ div.facet_sidebar {
 }
 
 #footer-wrap {
-    background: linear-gradient(#007a54, #00593d);
-    background: -moz-linear-gradient(#007a54, #00593d);
-    background: -o-linear-gradient(#007a54, #00593d);
-    background: -webkit-linear-gradient(#007a54, #00593d);
-    background-color: #00593d;
+    background: linear-gradient(#7CA7FC, #0155FF);
+    background: -moz-linear-gradient(#7CA7FC, #0155FF);
+    background: -o-linear-gradient(#7CA7FC, #0155FF);
+    background: -webkit-linear-gradient(#7CA7FC, #0155FF);
+    background-color: #0155FF;
 }
 
 #footer {
@@ -1103,7 +1103,7 @@ div.facet_sidebar {
 #footer a {
        color: white;
        text-decoration: none;
-       text-shadow: 0 0 0.2em #00593d, 0 0 0.2em #00593d;
+       text-shadow: 0 0 0.2em #0155FF, 0 0 0.2em #0155FF;
 }
 
 #copyright_text, #footer_logo {
@@ -1134,7 +1134,7 @@ div.facet_sidebar {
 .row-remover { position: relative; top: 1px; vertical-align: middle; }
 .subtle-button {
     background-color: #ffffff;
-    color: #00593d; text-decoration: none;
+    color: #0155FF; text-decoration: none;
     font-size: 12px;
     padding: 0; border: 0; margin: 0;
     vertical-align: middle;
@@ -1204,16 +1204,16 @@ a.dash-link:hover { text-decoration: underline !important; }
     cursor: pointer !important;
     -moz-border-radius: 5px;
     border-radius: 5px;
-    border: 1px solid #007a54;
-    background: linear-gradient(#007a54, #00593d);
-    background: -moz-linear-gradient(#007a54, #00593d);
-    background: -o-linear-gradient(#007a54, #00593d);
-    background: -webkit-linear-gradient(#007a54, #00593d);
-    background-color: #00593d;
+    border: 1px solid #7CA7FC;
+    background: linear-gradient(#7CA7FC, #0155FF);
+    background: -moz-linear-gradient(#7CA7FC, #0155FF);
+    background: -o-linear-gradient(#7CA7FC, #0155FF);
+    background: -webkit-linear-gradient(#7CA7FC, #0155FF);
+    background-color: #0155FF;
 }
 
 .opac-button-header {
-    background: #69A088;
+    background: orange;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 }
 
@@ -1226,7 +1226,7 @@ a.dash-link:hover { text-decoration: underline !important; }
 }
 
 a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
-    background: #00593d;
+    background: #0155FF;
     text-decoration: none;
 }