X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=koha-tmpl%2Fopac-tmpl%2Fprog%2Fen%2Fcss%2Fopac.css;h=bfff594be220facef624ea963fe69be81dee168b;hb=f05bd5984c94fbbf1603317fd9fdd8909959dbb5;hp=fd1c5500ca1c95c7e164590c2b7efffaf144c0e6;hpb=a7b8359a454f1062229f8d4cc92eb9125832816e;p=koha.git diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css index fd1c5500ca..bfff594be2 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 { @@ -196,8 +201,7 @@ h2 { font-size : 131%; } -h2.author { - text-indent : .5em; +h5.author { } h3 { @@ -233,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; } @@ -254,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; @@ -276,8 +290,8 @@ th[scope=row] { tr.highlight td, tr.highlight th, tr.odd td { background-color : #F3F3F3; - border : 1px solid #DDDDDD; - border-right : 1px solid #DDDDDD; + border-top : 1px solid #DDDDDD; + border-bottom : 1px solid #DDDDDD; } tr.even td, tr.even.highlight td { @@ -334,17 +348,17 @@ p.availability { color : #006600; } -.inwait { - background-color : #33CC99; +.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold { + display : block; } - -/* css styles for reserves color alerts */ -.onloan { - background-color : #eeeeee; +.notforloan { + color : #900; } - -.other { - background-color : #ffcccc; +.lost { + color : #666; +} +.waiting { + } /* "problem" enhancement */ @@ -353,19 +367,23 @@ p.availability { background-color : red; } -.reserved { - background-color : #8EBAFF; -} - /* 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; } @@ -384,14 +402,55 @@ 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 a, +#toolbar input { + white-space : nowrap; +} + +#toolbar ul { + padding-left : 0; +} #toolbar ul li { display : inline; @@ -402,47 +461,180 @@ a .term { border-left : 1px solid #e8e8e8; } -#toolbar ul li:first-child { +#toolbar ul li:first-child a { 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; +} + +#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 */ @@ -467,6 +659,22 @@ a .term { background-color : #F8F8EB; } +body#advsearch #breadcrumbs { + line-height : 1px; + height : 1px; + padding : 0; +} + +body#advsearch #cartmenulink, +body#advsearch #listsmenulink { + float : right; +} + +#advsearch #branchloop, +#advsearch #sort_by { + width : 23em; +} + #auth { float : left; } @@ -493,9 +701,21 @@ a .term { font-size : 10pt; } +#header-wrapper { + background-color: #FFF; +} + +#holds,#opac-auth { + min-width : 750px; + width : 57.69em; + margin : auto; +} + #members { background-color: #fff; font-size : 85%; + margin-left : -10px; + margin-right : -10px; padding : 4px 0 4px 0; color : #000066; } @@ -511,11 +731,12 @@ a .term { 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; @@ -532,8 +753,11 @@ a .term { background-image : url( ../../images/menu-background.gif); background-repeat : repeat-x; background-color : #739ACF; + background-position : -10px top; border-top : 1px solid #335599; border-bottom : 1px solid #335599; + margin-left : -10px; + margin-right : -10px; padding : .7em 0 .4em .5em; font-size : 108%; line-height : 116%; @@ -637,6 +861,10 @@ a .term { padding : .7em; } +p { + margin: .7em 0; +} + strong { font-weight : bold; } @@ -645,15 +873,48 @@ 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; } -#basket { +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; } @@ -735,7 +996,7 @@ a.cancel { margin-top : 5px; } -.cartlist input.submit { +.cartlist input.submit, #tagsel_button { background-color : #d8deb8; background-image : none; border-color : #bebf84; @@ -766,8 +1027,7 @@ a.cancel { .searchresults p { margin: 0; - padding: 0; - padding-top : .6em; + padding: 0 0 .6em 0; } td.resultscontrol img { @@ -784,6 +1044,9 @@ td.resultscontrol img { .searchresults td, .searchresults th, .searchresults table { border: 0; } +.searchresults td { + vertical-align: top; +} .searchresults tr { border-bottom : 1px solid #f3f3f3; @@ -810,7 +1073,7 @@ td.resultscontrol img { color:#006699; } -.unavailable { +.unavailable, .tagerror, .tagerror:visited { color: #990033; } @@ -958,18 +1221,10 @@ 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; - font-weight : bold; -} - -tr.highlight.overdue td { - background-color : #ffaeae; + border-bottom : 1px solid #ffaeae; + border-right : 1px solid #ffaeae; font-weight : bold; } @@ -1011,6 +1266,11 @@ float : right; width: 100%; } +#translControl{ +float : left; +padding-left : .4em; +} + .clearfix:after { content: "."; display: block; @@ -1030,6 +1290,15 @@ width: 100%; padding : 0 0 .5em 0; } +.searchresults .tagstatus { + display: block; + color: #707070; +} + +#login4tags { + margin-top : .3em; +} + .results_summary .label { color: #202020; } @@ -1038,20 +1307,25 @@ width: 100%; font-weight: normal; } -#catalogue_detail_biblio div.results_summary { - clear : left; +.actions a { + margin-left : 1em; + text-decoration : none; } -#catalogue_detail_biblio div.results_summary ul { - display : inline; - float : none; - clear : none; - margin: 0; - padding: 0; - list-style : none; + +.actions a.hold { + background : url("../../images/placehold-small.gif") center left no-repeat; + padding-left : 16px; } -#catalogue_detail_biblio div.results_summary ul li { - display : inline; +.actions a.addtocart { + background : url("../../images/cart-small.gif") center left no-repeat; + padding-left : 13px; + display : none; +} + +.actions a.addtoshelf { + background : url("../../images/addtolist-small.gif") center left no-repeat; + padding-left : 13px; } .dialog { @@ -1095,6 +1369,11 @@ div.message { text-decoration : none; } +#news th { + text-align : left; + padding : 3px 5px; +} + #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 { color : #000; font-weight : normal; @@ -1138,91 +1417,50 @@ div.message { color : #000; } - -ul#i18nMenu { - margin : 0; - padding : .2em 0; - } - -ul#i18nMenu li { - border-left : 1px solid #CCC; - display : inline; - list-style : none; - padding : 0 10px; - } - -ul#i18nMenu li a { - text-decoration : none; -} - -ul#i18nMenu li:first-child { - border-left : 0; - } - -ul#i18nMenu li ul li { - border : 0; - display : block; +div#changelanguage{ + background-color: #fff; + border-top: 1px solid #CCC; + color : #666; + font-size : 85%; + padding : 1em; } +div#changelanguage a { + font-weight : normal; + padding : .5em; +} -ul#i18nMenu li.more a { +div#changelanguage a.more { background-image:url(../../images/more-up-arrow.gif); background-position:right center; background-repeat:no-repeat; padding-right:13px; } - -ul#i18nMenu li.more ul li a { - background-image : none; - padding-right : 20px; -} - - div#changelanguage{ - background-color: #fff; - border-top: 1px solid #CCC; - position:absolute; - bottom:0; - left:0; - width:100%; - height: 1.8em; - } - - @media screen{ - body>div#changelanguage { - position: fixed; - } - } - * html body{ - overflow:hidden; - } - - * html div#doc1{ - height:100%; - overflow:auto; - } - - * html div#doc2{ - height:100%; - overflow:auto; - } - - * html div#doc3{ - height:100%; - overflow:auto; - } - -div#changelanguage a.yuimenuitemlabel { - color : #006699; +div#changelanguage li.yuimenuitem { + font-size : 120%; font-weight : normal; - } + margin : 0; + padding : 0 1em; +} -#cartDetails,#cartUpdate { +div#changelanguage li.yuimenuitem a.yuimenuitemlabel { + padding : 0; +} + +#cartDetails,#cartUpdate,#holdDetails,#listsDetails { background-color : #FFF; border: 1px solid #739acf; color : black; - padding : .3em; + display : none; + margin : 0; + 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 { @@ -1304,7 +1542,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; @@ -1312,6 +1550,7 @@ div#menu li.active a:hover { padding : 3px; text-align : center; } +#furtherm { margin-top : .5em; } #export label, .detailtagcell label { display : block; @@ -1334,28 +1573,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; @@ -1480,7 +1697,7 @@ span.starMT { padding : 3px 3px 0 3px; } -#cartmenulink span#basket { +#cartmenulink span#basketcount { background-image : none; float : none; display : inline; @@ -1493,7 +1710,7 @@ span.starMT { top : auto; } -#cartmenulink span#basket span { +#cartmenulink span#basketcount span { background-image : none; background-color : #E6FCB7; color : #000; @@ -1579,23 +1796,22 @@ ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a #views { border-bottom : 1px solid #E8E8E8; + margin-bottom : .5em; + padding : 0 2em 2px 0.2em; + white-space : nowrap; } -#views h1 { - display : inline; - margin-right : .7em; - margin-bottom : 1em; -} - -.views { - white-space : nowrap; +span.view { + padding : 0.2em .2em 2px .2em; } -#bibliodescriptions { +#bibliodescriptions, +#isbdcontents { + clear : left; 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%; @@ -1621,49 +1837,35 @@ a#Normalview, span#Normalview { padding-left : 15px; } -a#MARCview, a#ISBDview, a#Normalview { +a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory { background-color : #F3F3F3; 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;} -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; +#shelfbrowser table { + margin : 0 20px; } -input.newshelf,a.newshelf { - background : transparent url("../../images/shelf-new.gif") center left no-repeat; +#shelfbrowser table, #shelfbrowser td, #shelfbrowser th { border : 0; - color : #006699; - cursor : pointer; - margin:0pt 0.5em; - padding-left : 15px; + font-size : 90%; + text-align : center; +} +#shelfbrowser a { + font-size : 110%; 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; +#shelfbrowser td, #shelfbrowser th { + vertical-align : bottom; + width : 20%; } - -input.editshelf:active,input.deleteshelf:active { - border : 0; +#shelfbrowser td.top { + vertical-align : top; +} +#shelfbrowser td.top a { + text-decoration : underline; +} +#shelfbrowser a { + display : block; } #comments .commentline { @@ -1680,4 +1882,121 @@ input.editshelf:active,input.deleteshelf:active { } input.tagbutton { padding : 1px !important; -} \ No newline at end of file +} +table#items th { + padding : 2px; +} +#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; + color : #AAA; + display:block; + font-size : 86%; + font-weight : bold; + text-align : center; + width : 75px; +} +#bookcover span.no-image { + margin-right : 10px; + margin-bottom : 10px; +} +#shelfbrowser a:link span.no-image, +#shelfbrowser a:visited span.no-image, +#shelfbrowser a:hover span.no-image, +#shelfbrowser a:active span.no-image { + font-size : 95%; +} +#shelfbrowser a:link span.no-image, +#shelfbrowser a:visited span.no-image, +#shelfbrowser a:hover span.no-image, +#shelfbrowser a:active span.no-image, +td.jacketcell a:link, +td.jacketcell a:visited, +td.jacketcell a:hover, +td.jacketcell a:active, +a.p1:link, +a.p1:visited, +a.p1:hover, +a.p1:active { + color : #AAA; + text-decoration : none; + font-weight : bold; +} + +.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); +}