Merge remote-tracking branch 'origin/new/bug_7408'
[koha.git] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
old mode 100755 (executable)
new mode 100644 (file)
index 21dc08f..1a8c6b1
@@ -453,6 +453,18 @@ a .term {
        background-image:url(../../images/cart2.gif);
 }
 
+#action a.cartRemove, .actions a.cartRemove {
+       color: #cc3333;
+       font-size : 90%;
+       margin : 0;
+       padding: 0;
+}
+
+#action a.incart {
+       background-image:url(../../images/cart2.gif);
+       color : #666;
+}
+
 /* toolbar buttons */
 
 #toolbar {
@@ -660,7 +672,7 @@ input.deleteshelf:active {
 }
 
 /* the itemtype list in advanced search */
-#advsearch-itemtype table {
+.advsearch table {
        border-collapse : separate;
        border-spacing : 3px;
        border : 0px;
@@ -669,14 +681,14 @@ input.deleteshelf:active {
        border : 0px solid #D8DEB8;
 }
 
-#advsearch-itemtype table tr td {
+.advsearch table tr td {
        background-color : #F8F8EB;
        border : 0px;
        margin : 0px;
        width : 700px;
 }
 
-#advsearch-itemtype td {
+.advsearch td {
        font-size : 0.8em;
        background-color : #F8F8EB;
 }
@@ -1296,6 +1308,9 @@ padding-left : .4em;
        color: #707070;
        padding : 0 0 .5em 0;
 }
+.results_summary .results_summary {
+       font-size : 100%;
+}
 
 .m880 {
     display:block; 
@@ -1461,29 +1476,58 @@ div#changelanguage{
  
 div#changelanguage a {
        font-weight : normal;
-       padding : .5em;
-} 
-               
-div#changelanguage a.more {
-       background-image:url(../../images/more-up-arrow.gif);
-       background-position:right center;
-       background-repeat:no-repeat;
-       padding-right:13px;
+       padding : .5em 0;
 }
+
 div#changelanguage li.yuimenuitem {
-       font-size : 120%;
-       font-weight : normal;
-       margin : 0;
-       padding : 0 1em;
+    font-size: 120%;
+    font-weight: normal;
+    margin: 0;
+    padding: 0 1em;
 }
-
 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
+    padding: 0;
+}
+
+ul#i18nMenu {
+       margin : 0;
+       padding : .2em 0;
+ }
+
+ul#i18nMenu li {
+       border-left : 1px solid #CCC;
+       display : inline;
+       list-style : none;
+       padding : 0 .4em;
+ }
+
+ul#i18nMenu li:first-child {
+       border-left : 0;
+ }
+
+ul#i18nMenu li ul li {
+       border : 0;
+       display : block;
        padding : 0;
+ }
+
+
+ul#i18nMenu li.more a {
+       background-image:url(../../images/more-up-arrow.gif);
+       background-position:right center;
+       background-repeat:no-repeat;
+       padding-right: 1.3em;
 }
 
-div.lang{
-        float:left;
+ul#i18nMenu li.more ul li a {
+       background-image : none;
+       padding: 0 1.3em;
+}
+
+span.lang{
+       float:left;
+       border-right : 1px solid black;
+       padding : 0 .5em;
 }
 
 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
@@ -1498,6 +1542,7 @@ div.lang{
        box-shadow: 1px 1px 3px #666;
        -moz-box-shadow: 1px 1px 3px #666;
        -webkit-box-shadow: 1px 1px 3px #666;
+       z-index: 2;
 
 }
 
@@ -1663,110 +1708,101 @@ span.starMT {
 }
 
 #cartmenulink, #listsmenulink {
+       background-repeat: no-repeat;
+       -webkit-border-radius: 5px;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
        display : block;
        position : relative;
-       background : #aaa;
-       padding : 5px;
        float : left;
        color : #333;
        text-decoration : none;
        cursor : pointer;
+       font-size : 105%;
+       font-weight : bold;
+       line-height : 185%;
+       margin-left : 1.5em;
+       padding : .3em .7em;
 }
 
- #cartmenulink *, #listsmenulink * {
-       font-style : normal;
-       background-image : url(../../images/button-background.png);
-       background-repeat : no-repeat;
-       display : block;
-       position : relative;
-}
-
- #cartmenulink i, #listsmenulink i {
-       background-position : top left;
-       position : absolute;
-       margin-bottom : -5px;
-       top : 0;
-       left : 0;
-       width : 5px;
-       height : 5px;
+#listsmenulink {
+       background : #9FBFFF;
+       background: url("../../images/list.gif"),-moz-linear-gradient(top, #d7e5ff 0%, #b1cbff 50%, #9fbfff 100%); /* FF3.6+ */
+       background: url("../../images/list.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e5ff), color-stop(50%,#b1cbff), color-stop(100%,#9fbfff)); /* Chrome,Safari4+ */
+       background: url("../../images/list.gif"),-webkit-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Chrome10+,Safari5.1+ */
+       background: url("../../images/list.gif"),-o-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Opera 11.10+ */
+       background: url("../../images/list.gif"),-ms-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* IE10+ */
+       background: url("../../images/list.gif"),linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* W3C */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e5ff', endColorstr='#9fbfff',GradientType=0 ); /* IE6-9 */
+       background-position: 85% 46%;
+       background-repeat: no-repeat;
+       border: 1px solid #629DCF;
+       color : #006699;
+       padding-right: 20px;
 }
 
- #cartmenulink span, #listsmenulink span {
-       background-position : bottom left;
-       left : -5px;
-       padding : 0 0 5px 10px;
-       margin-bottom : -5px;
+#listsmenulink:hover {
+       background-color : #b8d0e6;
+       background: url("../../images/list.gif"),-moz-linear-gradient(top, #e2ecf5 0%, #c3d8ea 50%, #b8d0e6 100%); /* FF3.6+ */
+       background: url("../../images/list.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2ecf5), color-stop(50%,#c3d8ea), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
+       background: url("../../images/list.gif"),-webkit-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
+       background: url("../../images/list.gif"),-o-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Opera 11.10+ */
+       background: url("../../images/list.gif"),-ms-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* IE10+ */
+       background: url("../../images/list.gif"),linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* W3C */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ecf5', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
+       background-repeat: no-repeat;
+       background-position: 85% 46%;
 }
-/* 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;
-       margin-bottom : 0;
-       position : absolute;
-       left : 100%;
-       width : 10px;
-       height : 100%;
-       top : 0;
+#cartmenulink {
+       background: #98CB58; /* Old browsers */
+       background: url("../../images/cart.gif"),-moz-linear-gradient(top, #d5eaba 0%, #b7db8a 50%, #98cb59 100%); /* FF3.6+ */
+       background: url("../../images/cart.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5eaba), color-stop(50%,#b7db8a), color-stop(100%,#98cb59)); /* Chrome,Safari4+ */
+       background: url("../../images/cart.gif"),-webkit-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Chrome10+,Safari5.1+ */
+       background: url("../../images/cart.gif"),-o-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Opera 11.10+ */
+       background: url("../../images/cart.gif"),-ms-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* IE10+ */
+       background: url("../../images/cart.gif"),linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* W3C */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5eaba', endColorstr='#98cb59',GradientType=0 ); /* IE6-9 */
+       background-position: 15% 46%;
+       background-repeat: no-repeat;
+       border: 1px solid #5EA28C;
+       color : #336600;
+       padding-left : 30px;
 }
 
- #cartmenulink span span, #listsmenulink span span {
-       background-position : top right;
-       position : absolute;
-       right : -10px;
-       margin-left : 10px;
-       top : -5px;
-       height : 0;
+#cartmenulink:hover {
+       background-color : #BFDE96;
+       background: url("../../images/cart.gif"),-moz-linear-gradient(top, #e5f1d4 0%, #cbe4aa 50%, #c0de98 100%); /* FF3.6+ */
+       background: url("../../images/cart.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f1d4), color-stop(50%,#cbe4aa), color-stop(100%,#c0de98)); /* Chrome,Safari4+ */
+       background: url("../../images/cart.gif"),-webkit-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Chrome10+,Safari5.1+ */
+       background: url("../../images/cart.gif"),-o-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Opera 11.10+ */
+       background: url("../../images/cart.gif"),-ms-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* IE10+ */
+       background: url("../../images/cart.gif"),linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* W3C */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1d4', endColorstr='#c0de98',GradientType=0 ); /* IE6-9 */
+       background-repeat: no-repeat;
+       background-position: 15% 46%;
 }
 
-* html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
-       float : left;
-       width : auto;
-       background-image : none;
-       cursor : pointer;
-}
-* html #cartmenulink span, * html #listsmenulink span {
-       padding-top : 5px;
+/* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
+* html #listsmenulink,
+*+html #listsmenulink {
+       padding-right : .7em;
 }
 
-#cartmenulink span#carticon {
-       background: transparent url("../../images/cart.gif") top left no-repeat;
-       position: static;
-       width : 14px;
-       height:14px;
-       margin: 0.35em 0.45em 0 0.2em;
-       padding:0;
-       float: left;
+/* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
+* html #cartmenulink,
+*+html #cartmenulink {
+       padding-left : .7em;
 }
 
+/* IE 8 doesn't do multiple backgrounds, so remove extra padding */
 #listsmenulink {
-       background : #9FBFFF;
+  padding-right: .7em\0/;
 }
 
+/* IE 8 doesn't do multiple backgrounds, so remove extra padding */
 #cartmenulink {
-       background : #98CB58;
-       color : #336600;
-       font-size : 105%;
-}
-
-#cartmenulink[class], #listsmenulink[class] {
-       background-image : url(../../images/button-background-gradient.png);
-       background-position : left top;
-}
-
-#listsmenulink:hover {
-       background-color : #b8d0e6;
-}
-
-#cartmenulink:hover {
-       background-color : #BFDE96;
-}
-
-#cartmenulink img {
-       background-image : none;
-       display : inline;
-       padding : 3px 3px 0 3px;
+  padding-left: .7em\0/;
 }
 
 #cartmenulink span#basketcount {
@@ -1798,49 +1834,6 @@ span.starMT {
        top : auto;
 }
 
-a#listsmenulink, a#listsmenulink:hover {
-       color : #006699;
-       font-size : 105%;
-       font-weight : bold;
-       line-height : 185%;
-       margin-left : 1.5em;
-}
-
-a#cartmenulink, a#cartmenulink:hover {
-       color : #336600;
-       font-size : 105%;
-       font-weight : bold;
-       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;
-       display : inline;
-       padding : 0 0 2px 0;
-}
-
-* html #cartmenulink {
-       border : 1px solid #336600;
-}
-
-* html #listsmenulink {
-       border : 1px solid #006699;
-}
-
 ul.ui-tabs-nav li {
        margin-right : .5em;
 }
@@ -2289,3 +2282,20 @@ a.koha_url {
 
 .nav_results  #listResults li a { color:#FFFFFF; font-weight:normal;}
 
+a.localimage img {
+       border : 1px solid #8EB3E7;
+       margin : 0 .5em;
+       padding : .3em;
+}
+
+p.patronimage {
+       border:1px solid #EEE;
+       border-bottom-color:#000;
+       margin: 0.9em 0 0;
+       padding:1em;
+}
+
+p.patronimage.edit {
+       border-color:#E8E8E8;
+       margin: 1em 1em 1em 0;
+}