X-Git-Url: http://koha-dev.rot13.org:8081/gitweb/?a=blobdiff_plain;f=koha-tmpl%2Fopac-tmpl%2Fprog%2Fen%2Fcss%2Fopac.css;h=c10e08d82633a76267eeeaad597334d613682880;hb=f35a1cce68f055b15afca2ab4006508d863dc08c;hp=21dc08ff394cd48145c7613b3ac2f6dbb73d9e5d;hpb=b0e9423c2f94bfb9aac8b6b6d68fa2af38f5ef87;p=koha_gimpoz diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css old mode 100755 new mode 100644 index 21dc08ff39..c10e08d826 --- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css +++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css @@ -13,6 +13,10 @@ a:hover,#toolbar input.editshelf:hover,input.editshelf:hover,a.editshelf:hover,i color : #990033; } +a.disabled { + color : #888888 !important; +} + body { background-color : white; text-align : left; @@ -453,18 +457,51 @@ 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 { +#toolbar, +#selections-toolbar { background-color:#EEEEEE; border:1px solid #E8E8E8; -margin : .5em 0; +margin : 0 0; padding:3px 3px 5px 5px; vertical-align:middle; } +#basket #toolbar { + padding: 7px 5px 9px 9px; +} + +#selections-toolbar { +background: #E8E8E8; /* Old browsers */ +background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */ +background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ + margin : 0 0 1em 0; + padding-top : .5em; + padding-left : 10px; +} + #toolbar a, -#toolbar input { +#selections-toolbar a, +#toolbar input, +#selections-toolbar input { white-space : nowrap; } @@ -487,15 +524,15 @@ vertical-align:middle; #toolbar a.print { - background: transparent url(../../images/print-small.png) 5px 50% no-repeat; + background: transparent url(../../images/print-small.png) 10px 50% no-repeat; text-decoration : none; - padding-left : 23px; + padding-left : 30px; } #toolbar a.brief { background: transparent url(../../images/brief.gif) 5px 50% no-repeat; text-decoration : none; - padding-left : 23px; + padding-left : 27px; } #toolbar a.detail { @@ -528,18 +565,34 @@ vertical-align:middle; padding-left : 26px; } -#toolbar a.hold { +#toolbar a.hold, +#selections-toolbar a.hold { background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat; text-decoration : none; padding-left : 23px; } +#selections-toolbar a.hold.disabled { + background: transparent url(../../images/place-hold-small-disabled.png) 5px 50% no-repeat; +} + #toolbar a.newshelf { background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat; padding-left : 23px; text-decoration : none; } +#selections-toolbar a.removeitems { + background: transparent url(../../images/shelf-delete.gif) 11px 50% no-repeat; + text-decoration : none; + padding-left : 25px; +} + + +#selections-toolbar a.removeitems.disabled { + background: transparent url(../../images/shelf-delete-disabled.gif) 11px 50% no-repeat; +} + #toolbar a.send, a.send { background: transparent url(../../images/send.png) 2px 50% no-repeat; @@ -573,7 +626,8 @@ input.editshelf { text-decoration : none; } -#toolbar input.newshelf { +#toolbar input.newshelf, +a.newshelf { background : transparent url("../../images/shelf-new.gif") center left no-repeat; border : 0; color : #006699; @@ -584,14 +638,24 @@ input.editshelf { text-decoration : none; } +a.newshelf.disabled { + background : transparent url("../../images/shelf-new-disabled.gif") center left no-repeat; +} + #toolbar input.deleteshelf, -input.deleteshelf { +input.deleteshelf, +a.deleteshelf { background : transparent url("../../images/shelf-delete.gif") 7px 50% no-repeat; border : 0; color : #006699; cursor : pointer; font-size : 100%; padding-left : 20px; + text-decoration : none; +} + +a.deleteshelf.disabled { + background : transparent url("../../images/shelf-delete-disabled.gif") 7px 50% no-repeat; } #toolbar input.deleteshelf:hover { @@ -606,6 +670,10 @@ input.deleteshelf:active { border : 0; } +#selections { + font-weight : bold; +} + #tagsel_span input.submit, #tagsel_tag { background-image: url(../../images/tags-small.png); @@ -615,6 +683,10 @@ input.deleteshelf:active { text-decoration: none; } +#tagsel_tag.disabled { + background-image: url(../../images/tags-small-disabled.png); +} + #tagslist li { display : inline; } #placehold input.submit:hover, @@ -660,7 +732,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 +741,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 +1368,9 @@ padding-left : .4em; color: #707070; padding : 0 0 .5em 0; } +.results_summary .results_summary { + font-size : 100%; +} .m880 { display:block; @@ -1461,29 +1536,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 +1602,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 +1768,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 +1894,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 +2342,176 @@ 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; +} + +span.sep { + color: #888; + padding: 0 .2em; + text-shadow: 1px 1px 0 #FFF; +} + +/* ## BABELTHEQUE ## */ +/* Uncomment if babeltheque configuration no contains these lines */ +/* +#BW_etiquettes { + clear :left; + border: 1px solid #E8E8E8; + margin-top: 10px; + width: 49%; + float: left; + visibility: hidden; + visibility: visible\9; +} +#BW_etiquettes:not(:empty) { + visibility: visible; +} + +#BW_etiquettes h2 { + clear:left; + background-color: #E8E8E8; + margin: 5px 10px; + padding: 0 5px; +} + +#BW_ulEti {max-width:100%;} + +#BW_ulEti ul { + margin:0; + padding:0 15px; + list-style-type: none; +} + +#BW_ulEti a { + text-decoration: none; +} + +#BW_ulEti a.tag_s0 {font-weight: 120;font-size:0.8em;} +#BW_ulEti a.tag_s1 {font-weight: 150;font-size:0.9em;} +#BW_ulEti a.tag_s2 {font-weight: 180;font-size:1.0em;} +#BW_ulEti a.tag_s3 {font-weight: 200;font-size:1.2em;} +#BW_ulEti a.tag_s4 {font-weight: 220;font-size:1.4em;} +#BW_ulEti a.tag_s5 {font-weight: 230;font-size:1.5em;} +#BW_ulEti a.tag_s6 {font-weight: 320;font-size:1.6em;} +#BW_ulEti a.tag_s7 {font-weight: 350;font-size:1.7em;} +#BW_ulEti a.tag_s8 {font-weight: 400;font-size:1.8em;} +#BW_ulEti { padding: 0px; line-height: 2em; text-align: center;} +#BW_ulEti a { padding: 2px; } +#BW_ulEti { margin: 0px; } + +#BW_ulEti ol { + float:left; + display: inline; + margin: 0 10px; +} + +#BW_suggestions { + border: 1px solid #E8E8E8; + margin-top: 10px; + float: right; + width: 49%; + visibility: hidden; + visibility: visible\9; +} +#BW_suggestions:not(:empty) { + visibility: visible; +} +#BW_suggestions h2 { + background-color: #E8E8E8; + margin: 5px 10px; + padding: 0 5px; +} +#BW_suggestions .BW_livres_tag_page { + padding: 0 15px; +} +#BW_suggestions .BW_livres_tag_page:before { + content : '> '; +} +#BW_droite .BW_livres_tag:before { + content : '> '; +} + +#BW_videos { + clear : both; + border: 1px solid #E8E8E8; + padding-bottom: 140px; + margin-top: 10px; + max-width: 100%; + visibility: hidden; + visibility: visible\9; +} + +#BW_videos:not(:empty) { + visibility: visible; +} + +#BW_videos h2 { + background-color: #E8E8E8; + margin: 5px 10px; + padding: 0 5px; +} +#BW_videos .BW_bloc_vid { + clear: both; + padding: 0 15px; +} +.BW_vignette_vid { + border: 1px solid #DFD9CE; + float: left; + height: 141px; + margin: 5px; + min-height: 141px; + padding: 5px; + white-space: nowrap; +} + +#BW_notes {clear :left;} +#BW_notes h2 {font-size:85%;} + +#BW_citations {} +#BW_citations h2 {font-size:85%;} + +#BW_critiques {} +#BW_critiques h2 {font-size:85%;} + +#BW_critiques_pro {} +#BW_critiques_pro h2 {font-size:85%;} + +#BW_citations,#BW_critiques,#BW_critiques_pro { + background: -moz-linear-gradient(center top , #3399FF, #3333FF) repeat scroll 0 0 transparent; + background: -webkit-gradient(linear, center top, center bottom, from(#3399FF), to(#3333FF)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399FF', endColorstr='#3333FF'); + border: 1px solid #B7B7B7; + border-radius: 5px 5px 5px 5px; + color: #FFFFCC; + display: inline-block; + float: left; + font-weight: bold; + margin: 15px 20px 15px 0; + min-width: 150px; + padding: 0 15px 8px; + position: relative; + text-align: center; + text-shadow: 1px 1px 1px #777777; + white-space: nowrap; +} + +#BW_citations a,#BW_critiques a,#BW_critiques_pro a { + color: #FFFFCC; +} + +*/