X-Git-Url: http://koha-dev.rot13.org:8081/gitweb/?a=blobdiff_plain;f=koha-tmpl%2Fopac-tmpl%2Fprog%2Fen%2Fcss%2Fopac.css;h=430dad816217d336d3bc92544edbdd1d95cbc766;hb=b06a289173d0f2e299b0c8652d59d47dc196062c;hp=711eeb5e861af817f789c6be0d4dcd815a82daaa;hpb=20a609b5877c3cdb4e3fee04f01cebd1325d980f;p=srvgit diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css index 711eeb5e86..430dad8162 100644 --- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css +++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css @@ -19,10 +19,15 @@ body { 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 { @@ -33,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 { @@ -49,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; @@ -64,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 { @@ -232,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; } @@ -253,6 +260,14 @@ td,th { padding : 3px 5px; } +td.place_on_type table, +td.place_on_type table td { + border : 0; +} +td caption { + font-size : 105%; +} + th { background-color:#EEE; font-weight : bold; @@ -346,8 +361,6 @@ p.availability { } - - /* "problem" enhancement */ .problem { color : white; @@ -356,13 +369,21 @@ p.availability { /* style for search terms in catalogsearch */ .term { - color : blue; + /* color : blue; */ + color : #990000; + background-color : #FFFFCC; } a .term { text-decoration : underline; } +/* style for shelving location in catalogsearch */ +.shelvingloc { + display : block; + font-style : italic; +} + .transfered { background-color : #F9FF9A; } @@ -381,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 { @@ -405,43 +473,178 @@ a .term { border-left : 0; } -#action a.reserve, #toolbar a.reserve, .searchresults a.reserve { - background-image:url(../../images/placereserve.gif); -} -#action a.addtoshelf, #toolbar a.addtoshelf { - background-image:url(../../images/addtoshelf.gif); +#toolbar a.print { + background: transparent url(../../images/print-small.png) 5px 50% no-repeat; + text-decoration : none; + padding-left : 23px; } -#action a.addtocart, #toolbar a.addtocart { - background-image:url(../../images/cart2.gif); +#toolbar a.brief { + background: transparent url(../../images/brief.gif) 5px 50% no-repeat; + text-decoration : none; + padding-left : 23px; } -#action a.print, #toolbar a.print { - background-image:url(../../images/print.gif); +#toolbar a.detail { + background: transparent url(../../images/detail.gif) 5px 50% no-repeat; + text-decoration : none; + padding-left : 27px; } -#toolbar a.brief { - background-image: url(../../images/brief.gif); +#toolbar a.download { + background : transparent url("../../images/download.png") 7px 50% no-repeat; + padding-left : 24px; + text-decoration : none; } -#toolbar a.detail { - background-image: url(../../images/detail.gif); +#toolbar a.editshelf { + background : transparent url("../../images/shelf-edit.gif") 12px 50% no-repeat; + padding-left : 26px; + text-decoration : none; } -#toolbar a.print { - background-image: url(../../images/print.gif); +#toolbar a.empty { + background: transparent url(../../images/empty-small.png) 5px 50% no-repeat; + text-decoration : none; + padding-left : 21px; } #toolbar a.hide { - background-image: url(../../images/close.gif); + background: transparent url(../../images/close.gif) 5px 50% no-repeat; + text-decoration : none; + padding-left : 26px; } -#toolbar a.send { - background-image: url(../../images/send.gif); +#toolbar a.hold { + background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat; + text-decoration : none; + padding-left : 23px; } -#toolbar a.empty { - background-image: url(../../images/trash.gif); + +#toolbar a.newshelf { + background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat; + padding-left : 23px; + text-decoration : none; +} + +#toolbar a.send, +a.send { + background: transparent url(../../images/send.png) 2px 50% no-repeat; + text-decoration : none; + padding-left : 28px; +} + +#toolbar a.new { + background : transparent url("../../images/new.gif") 5px 50% no-repeat; + padding-left : 23px; + text-decoration : 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; +} + +#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 : 33px; +} + +#placehold input.submit { + background-image:url(../../images/placereserve.gif); + background-position : 9px center; + background-repeat : no-repeat; + text-decoration : none; + padding-left : 23px; +} + +#placehold input.submit, +#tagsel_span input.submit { + border : 0; + background-color: transparent; + font-size : 100%; + font-weight : bold; + padding-left : 31px; + color : #336699; + cursor : pointer; +} +.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 */ @@ -472,6 +675,11 @@ body#advsearch #breadcrumbs { padding : 0; } +body#advsearch #cartmenulink, +body#advsearch #listsmenulink { + float : right; +} + #advsearch #branchloop, #advsearch #sort_by { width : 23em; @@ -533,15 +741,12 @@ body#advsearch #breadcrumbs { 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; @@ -678,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; } @@ -768,7 +1006,7 @@ a.cancel { margin-top : 5px; } -.cartlist input.submit { +.cartlist input.submit, #tagsel_button { background-color : #d8deb8; background-image : none; border-color : #bebf84; @@ -799,8 +1037,7 @@ a.cancel { .searchresults p { margin: 0; - padding: 0; - padding-top : .6em; + padding: 0 0 .6em 0; } td.resultscontrol img { @@ -846,7 +1083,7 @@ td.resultscontrol img { color:#006699; } -.unavailable { +.unavailable, .tagerror, .tagerror:visited { color: #990033; } @@ -864,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; @@ -903,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; @@ -912,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; @@ -921,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; @@ -930,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; @@ -994,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; @@ -1044,6 +1251,11 @@ float : right; width: 100%; } +#translControl{ +float : left; +padding-left : .4em; +} + .clearfix:after { content: "."; display: block; @@ -1093,6 +1305,7 @@ width: 100%; .actions a.addtocart { background : url("../../images/cart-small.gif") center left no-repeat; padding-left : 13px; + display : none; } .actions a.addtoshelf { @@ -1100,22 +1313,6 @@ width: 100%; 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; @@ -1211,6 +1408,7 @@ div#changelanguage{ color : #666; font-size : 85%; padding : 1em; + margin-top : 2em; } div#changelanguage a { @@ -1236,7 +1434,7 @@ div#changelanguage li.yuimenuitem a.yuimenuitemlabel { padding : 0; } -#cartDetails,#cartUpdate { +#cartDetails,#cartUpdate,#holdDetails,#listsDetails { background-color : #FFF; border: 1px solid #739acf; color : black; @@ -1245,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 { @@ -1326,7 +1528,7 @@ div#menu li.active a:hover { padding: 2px 2px 1px 2px; } -#export,#further,#similars, .detailtagcell { +#export,#further,.detailtagcell { margin-top : .5em; background-color : #F3F3F3; border : 1px solid #E8E8E8; @@ -1334,6 +1536,7 @@ div#menu li.active a:hover { padding : 3px; text-align : center; } +#furtherm { margin-top : .5em; } #export label, .detailtagcell label { display : block; @@ -1356,28 +1559,6 @@ div#menu li.active a:hover { list-style-image : url("../../images/further-bullet.gif"); } -#similars { - background-color : #FFF; - text-align : center; - font-size : 95%; - padding : 0 3px 3px 3px; -} - -#similars ul { - margin : 0; - padding : 0; -} - -#similars li { - list-style : none; - margin : 0; - padding : 0; -} - -#similars li a { - display : block; -} - #amazonreviews h4 { font-size : 90%; margin : 0; @@ -1616,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%; @@ -1642,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; } @@ -1672,46 +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; - 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; @@ -1734,9 +1875,37 @@ table#items th { #action { margin-top: 0; } +#similars h4 { + text-align : left; +} +#similars table, +#similars td { + border : 0; + margin : 0; +} +#similars td { + width : 13em; +} +#similars a { + display : block; + font-weight : normal; +} +#furtherm a, +#furtherm a:link, +#furtherm a:visited { + color : #006699; +} +#furtherm h4 { + font-size : 106%; + margin : .1em .5em; +} +#furtherm .bd { + background-color : #F3F3F3; + border:1px solid #DDD; +} .results_summary img { margin : 0 5px; -} + } span.no-image { background-color : #FFF; border: 1px solid #979797; @@ -1772,4 +1941,54 @@ a.p1:active { color : #AAA; text-decoration : none; font-weight : bold; -} \ No newline at end of file +} + +.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; }