Merge remote branch 'kc/master' into new/bug_3013
[srvgit] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
index 127f2af..430dad8 100644 (file)
@@ -13,20 +13,21 @@ a:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
        color : #990033;
 }
 
-a.highlight_toggle {
-    display : none;
-}
-
 body {
        background-color : white;
        text-align : left;
        padding : 0 0 2.5em 0;
 }
 
+.required {
+    color : #C00;
+}
+
 caption {
        font-size : 140%;
-       text-align : left;
        font-weight : bold;
+       line-height : 144%;
+       text-align : left;
 }
 
 fieldset {
@@ -37,14 +38,14 @@ fieldset {
 }
 
 fieldset.rows {  
-border-width : 1px;
-border-bottom : 1px solid black;
-float : left;
-font-size : 90%;
-clear : left;
-margin: .9em 0 0 0;  
-padding: 0;
-width: 100%; 
+       border-width : 1px;
+       border-bottom : 1px solid black;
+       float : left;
+       font-size : 90%;
+       clear : left;
+       margin: .9em 0 0 0;  
+       padding: 0;
+       width: 100%; 
 }
 
 fieldset.rows legend {  
@@ -53,7 +54,7 @@ fieldset.rows legend {
        font-size : 110%;
 }
 
-fieldset.rows label, fieldset.rows span.label {  
+fieldset.rows label, fieldset.rows span.label {
        float: left;  
        font-weight : bold;
        width: 9em;  
@@ -68,16 +69,16 @@ fieldset.rows fieldset {
 }
 
 fieldset.rows ol {  
-padding: 1em 1em 0 1em;  
-list-style-type: none;
+       padding: 1em 1em 0 1em;  
+       list-style-type: none;
 }
 
 fieldset.rows li {  
-float : left;
-clear : left;
-padding-bottom: 1em;
-list-style-type: none;
-width: 100%; 
+       float : left;
+       clear : left;
+       padding-bottom: 1em;
+       list-style-type: none;
+       width: 100%; 
 }
 
 fieldset.rows.left li {
@@ -236,8 +237,10 @@ input[type=submit]:active, input[type=button], input[type=reset] {
        border: 1px inset #666666;
 }
 
-td.resultscontrol {
+td.resultscontrol,
+.searchresults td.resultscontrol {
        background-color : #EEE;
+       border : 1px solid #E8E8E8;
        vertical-align : middle;
        padding : 3px 3px 5px 5px;
 }
@@ -375,6 +378,12 @@ a .term {
        text-decoration : underline;
 }
 
+/* style for shelving location in catalogsearch */
+.shelvingloc {
+    display : block;
+    font-style : italic;
+}
+
 .transfered {
        background-color : #F9FF9A;
 }
@@ -393,11 +402,58 @@ a .term {
        padding : .3em 0;
 }
 
-#action a, #toolbar a {
+#action a {
        background-position : 5px center;
        background-repeat : no-repeat;
        text-decoration : none;
-       padding-left : 26px;
+       padding-left : 35px;
+}
+
+#action a.print {
+       background-image:url(../../images/print.gif);
+}
+
+#action a#furthersearches {
+       background : transparent url(../../images/menu-arrow.gif) no-repeat right center;
+       border : 1px solid #F3F3F3;
+       margin-left : 5px;
+       padding : 2px 26px 2px 10px;
+       text-decoration : none;
+}
+
+#action a#furthersearches:hover {
+       border-top : 1px solid #FFF;
+       border-left : 1px solid #FFF;
+       border-right : 1px solid #979797;
+       border-bottom : 1px solid #979797;
+}
+
+#action a.reserve,
+.searchresults a.reserve {
+       background-image:url(../../images/placereserve.gif);
+}
+
+#action a.addtoshelf, #toolbar a.addtoshelf {
+       background-image:url(../../images/addtoshelf.gif);
+}
+
+#action a.addtocart, #toolbar a.addtocart {
+       background-image:url(../../images/cart2.gif);
+}
+
+/* toolbar buttons */
+
+#toolbar {
+background-color:#EEEEEE;
+border:1px solid #E8E8E8;
+margin : .5em 0;
+padding:3px 3px 5px 5px;
+vertical-align:middle;
+}
+
+#toolbar a,
+#toolbar input {
+       white-space : nowrap;
 }
 
 #toolbar ul {
@@ -417,75 +473,163 @@ a .term {
        border-left : 0;
 }
 
-#action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
-       background-image:url(../../images/placereserve.gif);
+
+#toolbar a.print {
+       background: transparent url(../../images/print-small.png) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 23px;
 }
 
-#action a.addtoshelf, #toolbar a.addtoshelf {
-       background-image:url(../../images/addtoshelf.gif);
+#toolbar a.brief {
+       background: transparent url(../../images/brief.gif) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 23px;
 }
 
-#action a.addtocart, #toolbar a.addtocart {
-       background-image:url(../../images/cart2.gif);
+#toolbar a.detail {
+       background: transparent url(../../images/detail.gif) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 27px;
 }
 
-#action a.print, #toolbar a.print {
-       background-image:url(../../images/print.gif);
+#toolbar a.download {
+       background : transparent url("../../images/download.png") 7px 50% no-repeat;
+       padding-left : 24px;
+       text-decoration : none;
 }
 
-#action a#furthersearches {
-       background : transparent url(../../images/menu-arrow.gif) no-repeat right center;
-       border : 1px solid #F3F3F3;
-       margin-left : 5px;
-       padding : 2px 26px 2px 10px;
+#toolbar a.editshelf {
+       background : transparent url("../../images/shelf-edit.gif") 12px 50% no-repeat;
+       padding-left : 26px;
        text-decoration : none;
 }
 
-#action a#furthersearches:hover {
-       border-top : 1px solid #FFF;
-       border-left : 1px solid #FFF;
-       border-right : 1px solid #979797;
-       border-bottom : 1px solid #979797;
+#toolbar a.empty {
+       background: transparent url(../../images/empty-small.png) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 21px;
 }
 
-#toolbar a.brief {
-       background-image: url(../../images/brief.gif);
+#toolbar a.hide {
+       background: transparent url(../../images/close.gif) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 26px;
 }
 
-#toolbar  a.detail {
-       background-image: url(../../images/detail.gif);
+#toolbar a.hold {
+       background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 23px;
 }
 
-#toolbar a.print {
-       background-image: url(../../images/print.gif);
+#toolbar a.newshelf {
+       background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat;
+       padding-left : 23px;
+       text-decoration : none;
 }
 
-#toolbar a.hide {
-       background-image: url(../../images/close.gif);
+#toolbar a.send,
+a.send {
+       background: transparent url(../../images/send.png) 2px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 28px;
 }
 
-#toolbar a.send {
-       background-image: url(../../images/send.gif);
+#toolbar a.new {
+       background : transparent url("../../images/new.gif") 5px 50% no-repeat;
+       padding-left : 23px;
+       text-decoration : none;
 }
-.sendlist {
-       display : none;
+
+#toolbar input.download {
+       background : transparent url("../../images/download.png") 7px 50% no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       padding-left : 24px;
+       text-decoration : none;
 }
-a.send {
-       background-image: url(../../images/send.gif);
-       background-position : 0px center;
+
+#toolbar input.editshelf,
+input.editshelf {
+       background : transparent url("../../images/shelf-edit.gif") 10px 50% no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       font-size : 100%;
+       padding-left : 29px;
+       text-decoration : none;
+}
+
+#toolbar input.newshelf {
+       background : transparent url("../../images/shelf-new.gif") center left no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       font-size : 100%;
+       margin: 0 0.5em;
+       padding-left : 15px;
+       text-decoration : none;
+}
+
+#toolbar input.deleteshelf,
+input.deleteshelf {
+       background : transparent url("../../images/shelf-delete.gif") 7px 50% no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       font-size : 100%;
+       padding-left : 20px;
+}
+
+#toolbar input.deleteshelf:hover {
+       color: #990033;
+}
+
+
+#toolbar input.editshelf:active,
+input.editshelf:active,
+#toolbar input.deleteshelf:active,
+input.deleteshelf:active {
+       border : 0;
+}
+
+#tagsel_span input.submit,
+#tagsel_tag {
+       background-image: url(../../images/tags-small.png);
+       background-position : 7px center;
+       background-repeat : no-repeat;
+       padding-left : 25px;
+       text-decoration: none;
+}
+
+#tagslist li { display : inline; }
+
+#placehold input.submit:hover,
+#tagsel_span input.submit:hover {
+       color: #990033;
+}
+
+#addto {
+       max-width : 10em;
+}
+
+.addto a.addtocart {
+       background-image:url(../../images/cart2.gif);
+       background-position : 9px -3px;
        background-repeat : no-repeat;
        text-decoration : none;
-       padding-left : 21px;
-       padding-right : 5px;
+       padding-left : 33px;
 }
-a.hold,
+
 #placehold input.submit {
-       background-image: url(../../images/placereserve.gif);
+       background-image:url(../../images/placereserve.gif);
        background-position : 9px center;
        background-repeat : no-repeat;
        text-decoration : none;
-       padding-left : 34px;
+       padding-left : 23px;
 }
+
 #placehold input.submit,
 #tagsel_span input.submit {
        border : 0;
@@ -496,22 +640,11 @@ a.hold,
        color : #336699;
        cursor : pointer;
 }
-#tagsel_span input.submit,
-#tagsel_tag {
-       background-image: url(../../images/tags.gif);
-       background-position : 9px center;
-       background-repeat : no-repeat;
-       padding-left : 24px;
-       text-decoration: none;
-}
-#tagsel_tag {
-       padding-left: 27px;
-}
-#placehold input.submit:hover,#tagsel_span input.submit:hover {
-       color: #990033;
-}
-#toolbar a.empty {
-       background-image: url(../../images/trash.gif);
+.searchresults a.highlight_toggle {
+       background : transparent url(../../images/highlight.gif) -4px center no-repeat;
+       display: none;
+       font-weight: normal;
+       padding : 0 10px 0 21px;
 }
 
 /* the itemtype list in advanced search */
@@ -608,15 +741,12 @@ body#advsearch #listsmenulink {
        text-decoration : none;
 }
 
-#members li:first-child {
-       border-right : 1px solid black;
-}
-
 #members li:last-child {
        border-right : 0;
 }
 
 #members li {
+       border-right : 1px solid black;
        display : inline;
        list-style : none;
        margin : 0;
@@ -753,14 +883,47 @@ em {
        font-style : italic;
 }
 
-#catalogue_detail_biblio p span.label {  
+
+table#marc,
+table#marc td,
+table#marc th {
+       background-color : transparent;
+       border : 0;
+}
+
+table#marc p span.label {
        font-weight : bold;
 }
 
-#catalogue_detail_biblio p, #catalogue_detail_biblio ul {  
+table#marc p,
+table#marc ul {
        padding-bottom: .6em;
 }
 
+table#items,
+table#items td
+table#items th {
+       border-width : 1px solid #EEE;
+       font-size : 90%;
+}
+
+
+table#marc div.results_summary {
+       clear :  left;
+}
+table#marc div.results_summary ul {
+       display : inline;
+       float :  none;
+       clear :  none;
+       margin: 0;
+       padding: 0;
+       list-style : none;
+}
+
+table#marc div.results_summary ul li {
+       display : inline;
+}
+
 #basketcount {
        display : inline;
 }
@@ -835,10 +998,6 @@ a.cancel {
        padding-left : 1em;
 }
 
-a.hidemytags {
-       padding-left : 2em;
-}
-
 .resultscontrol, .resultscontrol select {
        font-size: 90%;
 }
@@ -878,8 +1037,7 @@ a.hidemytags {
 
 .searchresults p {
        margin: 0;
-       padding: 0;
-       padding-top : .6em;
+       padding: 0 0 .6em 0;
 }
 
 td.resultscontrol img {
@@ -943,38 +1101,9 @@ td.resultscontrol img {
        line-height : 1.8em;
        text-align: center;
 }
-a:link.current {
-       background-color: transparent;
-       color: #3366CC;
-       font-weight: bold;
-       padding: 1px 5px 1px 5px;
-       text-decoration: none;
-}
-a:visited.current {
-       background-color: transparent;
-       color: #3366CC;
-       font-weight: bold;
-       padding: 1px 5px 1px 5px;
-       text-decoration: none;
-}
 
-a:hover.current {
-       background-color: #CCFF00;
-       color: #CC3333;
-       font-weight: bold;
-       padding: 1px 5px 1px 5px;
-       text-decoration: none;
-}
-
-a:active.current {
-       background-color: #99CC00;
-       color: #FFFF99;
-       font-weight: bold;
-       padding: 1px 5px 1px 5px;
-       text-decoration: none;
-}
-
-.current {
+.current,
+.currentPage {
        background-color: #FFFFFF;
        color: #3366CC;
        font-weight: bold;
@@ -982,7 +1111,8 @@ a:active.current {
        text-decoration: none;
 }
 
-a:link.nav {
+a:link.nav,
+div.pages a:link {
        background-color: #EEE;
        border: 1px solid #CCCC99;
        color: #3366CC;
@@ -991,7 +1121,8 @@ a:link.nav {
        text-decoration: none;
 }
 
-a:visited.nav {
+a:visited.nav,
+div.pages a:visited {
        background-color: #EEE;
        border: 1px solid #CCCC99;
        color: #3366CC;
@@ -1000,7 +1131,8 @@ a:visited.nav {
        text-decoration: none;
 }
 
-a:hover.nav {
+a:hover.nav,
+div.pages a:hover {
        background-color: #FFFFCC;
        border: 1px solid #CCCC99;
        color: #CC3333;
@@ -1009,7 +1141,8 @@ a:hover.nav {
        text-decoration: none;
 }
 
-a:active.nav {
+a:active.nav,
+div.pages a:active {
        background-color: #FFFFCC;
        border: 1px solid #CCCC99;
        color: #D25500;
@@ -1073,11 +1206,6 @@ div.tab-container {
        width : 90%;
 }
 
-#catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
-       background-color : transparent;
-       border : 0;
-}
-
 tr.overdue td {
        background-color : #ffcccc;
        border-bottom : 1px solid #ffaeae;
@@ -1185,22 +1313,6 @@ padding-left : .4em;
        padding-left : 13px;
 }
 
-#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;
@@ -1296,6 +1408,7 @@ div#changelanguage{
        color : #666;
        font-size : 85%;
        padding : 1em;
+       margin-top : 2em;
  }
  
 div#changelanguage a {
@@ -1330,6 +1443,10 @@ div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
        padding : 10px;
        text-align : center;
        width : 180px;
+       box-shadow: 1px 1px 3px #666;
+       -moz-box-shadow: 1px 1px 3px #666;
+       -webkit-box-shadow: 1px 1px 3px #666;
+
 }
 
 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
@@ -1419,6 +1536,7 @@ div#menu li.active a:hover {
        padding : 3px;
        text-align : center;
 }
+#furtherm { margin-top : .5em; }
 
 #export label, .detailtagcell label {
        display : block;
@@ -1679,7 +1797,7 @@ span.view {
        margin-top : .5em;
 }
 
-a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
+a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, a#Briefhistory, span#Normalview, a#Fullhistory, span#Fullhistory, span#Briefhistory {
        background-position : 5px 3px;
        background-repeat : no-repeat;
        font-size : 87%;
@@ -1705,7 +1823,7 @@ a#Normalview, span#Normalview {
        padding-left : 15px;
 }
 
-a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview {
+a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory {
        background-color : #F3F3F3;
        border-left : 1px solid #E8E8E8;
 }
@@ -1735,47 +1853,6 @@ a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview {
 #shelfbrowser a {
        display : block;
 }
-a.new {
-       background : transparent url("../../images/new.gif") center left no-repeat;
-       border : 0;
-       color : #006699;
-       cursor : pointer;
-       margin:0pt 0.5em;
-       padding-left : 15px;
-       text-decoration : none;
-}
-input.editshelf,a.editshelf {
-       background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
-       border : 0;
-       color : #006699;
-       cursor : pointer;
-       margin:0pt 0.5em;
-       padding-left : 15px;
-       text-decoration : none;
-}
-input.newshelf,a.newshelf {
-       background : transparent url("../../images/shelf-new.gif") center left no-repeat;
-       border : 0;
-       color : #006699;
-       cursor : pointer;
-       font-size : 100%;
-       margin:0pt 0.5em;
-       padding-left : 15px;
-       text-decoration : none;
-}
-input.deleteshelf {
-       background : transparent url("../../images/shelf-delete.gif") center left no-repeat;
-       border : 0;
-       color : #006699;
-       cursor : pointer;
-       font-size : 100%;
-       margin:0pt 0.5em;
-       padding-left : 13px;
-}
-
-input.editshelf:active,input.deleteshelf:active {
-       border : 0;
-}
 
 #comments .commentline {
        border-bottom : 2px solid #eeeeeb;
@@ -1869,3 +1946,49 @@ a.p1:active {
 .copies_row > td:first-child {
     border-left-style : none;
 }
+
+.rtl {
+  unicode-bidi: embed;
+  direction: rtl;
+  text-align: right;
+}
+
+div.ft {
+       clear : both;
+}
+#basket td ul li {
+       font-size:90%;
+       list-style:disc outside url("../../images/item-bullet.gif");
+       padding:0.2em 0;
+}
+
+#recentcomments {
+       margin:auto;
+       max-width:750px;
+}
+
+.searchresults .commentline {
+       background-color : rgb(255, 255, 204);
+       background-color : rgba(255, 255, 204, 0.4);
+       border : 1px solid #CCC;
+       display: inline-block;
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+       border-radius: 4px;
+       -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+       -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+       margin : .3em;
+       padding : .4em;
+}
+
+.searchresults .commentline.yours {
+       background-color : rgb(239, 254, 213);
+       background-color : rgba(239, 254, 213, 0.4);
+}
+
+#plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
+#plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
+#plainmarc td { border: 0; padding : 2px; vertical-align: top; }
+
+div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px; margin : 2px; }