Re-structuring shelf browser markup for improved robustness; Including GoogleJackets...

[koha.git] / koha-tmpl / opac-tmpl / prog / en / css / opac.css

diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
index cf65e43..2ace4ec 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css
+++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
@@ -1024,18 +1024,36 @@ width: 100%;
 /* End hide from IE-mac */
 
 .results_summary {
-    display: block;
-    font-size : 85%;
-    color: #707070;
+       display: block;
+       font-size : 85%;
+       color: #707070;
        padding : 0 0 .5em 0;
 }
 
 .results_summary .label {
        color: #202020;
 }
+
 .results_summary a {
        font-weight: normal;
 }
+
+#catalogue_detail_biblio div.results_summary {
+       clear :  left;
+}
+#catalogue_detail_biblio div.results_summary ul {
+       display : inline;
+       float :  none;
+       clear :  none;
+       margin: 0;
+       padding: 0;
+       list-style : none;
+}
+
+#catalogue_detail_biblio div.results_summary ul li {
+       display : inline;
+}
+
 .dialog {
   border: 1px solid #bcbcbc;
        padding : .5em;
@@ -1086,6 +1104,10 @@ div.message {
        font-weight : bold;
        margin : 0 .2em; 
  }
+ 
+#opac-main-search #listsmenu .yuimenuitemlabel {
+       cursor : pointer;
+}
 
 #opac-main-search #listsmenu .bd {
        background-color : #f3f3f3;
@@ -1362,8 +1384,6 @@ span.starMT {
        width: 50px;
 }
 
-
-
 #cartmenulink, #listsmenulink {
        display : block;
        position : relative;
@@ -1399,6 +1419,9 @@ span.starMT {
        padding : 0 0 5px 10px;
        margin-bottom : -5px;
 }
+/* For IE7 */
+ *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
+ *:first-child+html #listsmenulink span { padding-top : 5px; }
 
  #cartmenulink span i, #listsmenulink span i {
        background-position : bottom right;
@@ -1425,7 +1448,9 @@ span.starMT {
        background-image : none;
        cursor : pointer;
 }
-
+* html #cartmenulink span, * html #listsmenulink span {
+       padding-top : 5px;
+}
 #listsmenulink {
        background : #9FBFFF;
 }
@@ -1436,10 +1461,6 @@ span.starMT {
        font-size : 105%;
 }
 
-#cartmenulink:active,  #listsmenulink:active {
-       background-color : #cc3399;
-}
-
 #cartmenulink[class], #listsmenulink[class] {
        background-image : url(../../images/button-background-gradient.png);
        background-position : left top;
@@ -1488,9 +1509,6 @@ span.starMT {
        top : auto;
 }
 
-*html #cartmenulink span#basket, *html #cartmenulink span#basket span {
-}
-
 a#listsmenulink, a#listsmenulink:hover {
        color : #006699;
        font-size : 105%;
@@ -1506,6 +1524,19 @@ a#cartmenulink, a#cartmenulink:hover {
        line-height : 185%;
        margin-left : 1.5em;
 }
+* html a#cartmenulink {
+       padding-top: 0;
+}
+ * html a#cartmenulink:hover {
+       padding-top : 0;
+}
+/* For IE7 */
+*:first-child+html a#listsmenulink { padding-top : 0; }
+*:first-child+html a#listsmenulink:hover { padding-top : 0; }
+*:first-child+html a#cartmenulink { padding-top : 0; }
+*:first-child+html a#cartmenulink:hover { padding-top : 0; }
+*:first-child+html #cartmenulink span i{ top : -4px; }
+*:first-child+html #listsmenulink span i { top : -5px; }
 
 #listsmenulink img {
        background-image : none;
@@ -1595,14 +1626,30 @@ a#MARCview, a#ISBDview, a#Normalview {
        border-left : 1px solid #E8E8E8;
 }
 
-#shelfbrowser dl {text-align:center;font-size:.85em;margin-top:0;float:left;}
-#shelfbrowser dt,dd {width:10.5em;float:left;}
-#shelfbrowser dt {margin-bottom:3.5em;}
-#shelfbrowser dd {margin:90px 0 0 -10.5em;}
-#shelfbrowser dl img {vertical-align:bottom;padding:2px;background:#fff;margin-top:0;}
-#shelfbrowser em {display:block;font-weight:bold;margin-bottom:5px;font-style:normal;}
-#shelfbrowser dl div {float:left;}
-#shelfbrowser img {margin-top:3.5em;}
+#shelfbrowser table {
+       margin : 0 20px;
+}
+#shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
+       border : 0;
+       font-size : 90%;
+       text-align : center;
+}
+#shelfbrowser a {
+       font-size : 110%;
+}
+#shelfbrowser td, #shelfbrowser th {
+       vertical-align : bottom;
+       width : 20%;
+}
+#shelfbrowser td.top {
+       vertical-align : top;
+}
+#shelfbrowser a {
+       display : block;
+}
+
+
+
 input.editshelf,a.editshelf {
        background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
        border : 0;
@@ -1647,3 +1694,6 @@ input.editshelf:active,input.deleteshelf:active {
        margin : 0 -1em -1em -1em;
        padding : .3em 1em;
 }
+input.tagbutton {
+       padding : 1px !important;
+}
\ No newline at end of file