Koha/koha-tmpl/opac-tmpl/prog/en/css/opac.css
Chris Nighswonger eb7e930eea Bug 7977: Quote-of-the-day (QOTD) Feature for OPAC
This feature will add the option of displaying a select quote
for the day on the OPAC homepage. It will include the addition
of a QOTD editor in the tools section of the staff interface
which will allow the addition, editing, and deletion of quotes.
A single system preference will enable/disable the display of
the QOTD on the OPAC homepage. A new granular permission will
also be added to conrol user access to the QOTD editor tool.

Possible extentions to this would be code to allow alternate
quote selection algorithms to be added to vary how the currently
displayed quote is selected from the table of quotes.

This patch is a squash of the following work:

--Adding quotes table to kohastructure.sql and updatedatabase.pl

Note: This patch is intended for a MySQL based installation only.
That means that it includes backticks because that is what is required
at this point in history to install Koha correctly on a MySQL based
installation.

Feel free to port this over to the Pg stuff in the data/Pg directory.

--Adding system preference to control display of QOTD on OPAC main page
--Adding sample quote data

These quotes are taken from various US presidents. I'm not sure these
are applicable to the rest of the world, so I'm leaving it to translators
and others to add sample quote data for other languages.

--Adding edit_quotes user permissions
--Squash with other db related patches in this series
--Adding quotes editor pages to tools
--Adding QOTD editor link to tools homepage
--Integration of DataTables into QOTD Editor
--Impleminting jEditable into the quote editor
--Adding delete and add option to editor
--Fixing OPAC display so the QOTD div does not show if no quote is returned
--Also removing useless code from tools/quotes.pl
--Adding spans around QOTD foo in opac-main.tt
--Also fixing quote selection logic to accomodate the possibility of
    a single quote in the db a litte better.
--Changing timestamp column header to a more user-friendly 'Last Displayed'
--Fixing bug in quote selection logic. This bug caused a situation where
    when the table had only a single quote with an id greater than 1 in it,
    no quote would be selected.
--Fixing up sorting in the quote editor table. --jcamins
--Adding span element to quote separator --jcamins
--Overriding the default empty table message supplied by datatables-strings.inc
--Adds missing page heading
--Adds beginning of click-for-help elements.
--Refactors delete functionality to allow selecting of quotes to delete,
    enabling multi-delete.
--Refactors saving added quote functionality so that striking <Enter>
    saves the new quote.
--Refactors canceling aded quote functionality so that striking <Esc>
    cancels the new quote.
--Removing debug console.log statements
--Implementng the YUI button widget/toolbar used on other pages.
--Adds a 5px radius to all YUI buttons to bring them into
    conformity with the general trend toward rounded corners
--Fixes capitalization in quote editor
--Implements improvements suggested by jcamins and oleonard
--Adds DataTables Plugin dataTables.fnReloadAjax.js

Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com>
Signed-off-by: Mason James <mtj@kohaaloha.com>
2012-05-24 14:14:05 +02:00

2579 lines
55 KiB
CSS
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@import url("../lib/yui/reset-fonts-grids.css");
@import url("../lib/yui/skin.css");
a {
font-weight : bold;
}
a, a:visited {
color : #006699;
}
a:hover,#toolbar input.editshelf:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
color : #990033;
}
a.disabled {
color : #888888 !important;
}
body {
background-color : white;
text-align : left;
padding : 0 0 2.5em 0;
}
.required {
color : #C00;
}
caption {
font-size : 140%;
font-weight : bold;
line-height : 144%;
text-align : left;
}
fieldset {
background-color: #FFF;
border : 2px solid #EEEEEE;
margin : 1em 1em 1em 0;
padding : 1em;
}
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%;
}
fieldset.rows legend {
margin-left: 1em;
font-weight: bold;
font-size : 110%;
}
fieldset.rows label, fieldset.rows span.label {
float: left;
font-weight : bold;
width: 9em;
margin-right: 1em;
text-align: right;
}
fieldset.rows fieldset {
border-width : 1px;
margin : 0;
padding : .3em;
}
fieldset.rows ol {
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%;
}
fieldset.rows.left li {
padding-bottom : .4em;
}
fieldset.rows li.radio {
padding-left: 9em;
width : auto;
}
fieldset.rows li.radio label {
float : none;
width : auto;
margin : 0 0 0 1em;
}
fieldset.rows ol.radio label {
width : auto;
float : none;
margin-right : 0;
}
fieldset.rows ol.radio label.radio {
float : left;
width : 12em;
margin-right : 1em;
}
fieldset.rows table {
clear : both;
margin-left : 1em;
}
fieldset.rows td label {
float : none;
font-weight : normal;
width : auto;
}
fieldset.holds {
background-color : #F3F3F3;
border: 0;
font-size : 110%;
padding : 1px;
}
fieldset.holds ol {
margin : 0;
padding : 0;
}
fieldset.holds li {
background-color : #FFF;
border-bottom : 1px solid #F3F3F3;
padding : .3em;
}
fieldset.holds label, fieldset.holds span.label {
}
fieldset.action {
clear : both;
float : none;
border : none;
margin : 0;
padding : 1em 0 .3em 0;
width : auto;
}
fieldset.action p {
margin-bottom : 1em;
}
form {
display : inline;
margin : 0;
padding : 0;
}
h1 {
font-size : 138.5%;
}
h1#library {
font-size : 100%;
font-weight : normal;
margin : .2em 0 .2em .5em;
}
h1#libraryname {
background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
border: 0;
float : left !important;
margin:0;
padding:0;
width:120px;
}
h1#libraryname a {
border:0;
cursor:pointer;
display:block;
height:0px !important;
margin:0;
overflow:hidden;
padding:40px 0 0;
text-decoration:none;
width:120px;
}
h1,h2,h3,h4,h5,h6 {
font-weight : bold;
margin : .5em 0;
}
h2 {
font-size : 131%;
}
h5.author {
}
h3 {
font-size : 123.1%;
}
h4 {
font-size : 116%;
}
h5 {
font-size : 108%;
}
h6 {
font-size : 100%;
}
input[type=submit],
input[type=button],
input[type=reset],
fieldset.brief input[type=submit],
fieldset.brief input[type=button],
fieldset.brief input[type=reset]
{
background: #f4f9fc; /* Old browsers */
background: -moz-linear-gradient(top, #f4f9fc 0%, #dfeefa 4%, #bfd5ea 93%, #a1c4e2 97%, #b8d0e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f9fc), color-stop(4%,#dfeefa), color-stop(93%,#bfd5ea), color-stop(97%,#a1c4e2), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fc', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* W3C */
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
color : #333;
font-size : 93%;
font-weight : bold;
padding : 4px;
}
input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
border: 1px inset #666666;
}
td.resultscontrol,
.searchresults td.resultscontrol {
background-color : #EEE;
border : 1px solid #E8E8E8;
vertical-align : middle;
padding : 3px 3px 5px 5px;
}
table {
background-color: #FFF;
border-collapse : collapse;
margin : 1em 0;
border-right : 1px solid #dddddd;
border-top : 1px solid #dddddd;
}
td,th {
background-color: #FFF;
border-left : 1px solid #dddddd;
border-bottom : 1px solid #dddddd;
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;
padding : 2px 23px;
text-align : center;
}
th.sum {
text-align: right;
}
td.sum {
background-color: #FFC;
font-weight: bold;
}
th[scope=row] {
text-align : right;
}
tr.highlight td, tr.highlight th, tr.odd td {
background-color : #F3F3F3;
border-top : 1px solid #DDDDDD;
border-bottom : 1px solid #DDDDDD;
}
tr.even td, tr.even.highlight td {
background-color: #FFF;
}
tr.grouplabel td {
background-color : #E8E8E8;
border : 1px solid #DDDDDD;
border-right : 1px solid #DDDDDD;
text-align : center;
font-weight : bold;
padding: 10px;
}
tr.reserved td {
background-color : #eeffd4;
}
tr.transfered td {
background-color : #e8f0f6;
}
#editions table, #editions td {
border : 0;
}
.header {
background-image:url("../../images/ascdesc.gif");
background-position:right center;
background-repeat:no-repeat;
cursor:pointer;
}
.headerSortUp {
background-image:url("../../images/asc.gif");
}
.headerSortDown {
background-image:url("../../images/desc.gif");
}
ul {
list-style : disc;
padding-left : 1em;
}
li {
list-style : disc;
}
p.availability {
font-size : 87%;
}
.available {
color : #006600;
}
.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
display : block;
}
.notforloan {
color : #900;
}
.lost {
color : #666;
}
.waiting {
}
/* "problem" enhancement */
.problem {
color : white;
background-color : red;
}
/* style for search terms in catalogsearch */
.term {
/* 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;
}
/* action buttons */
#action {
margin-top : .5em;
background-color : #F3F3F3;
border : 1px solid #E8E8E8;
padding-bottom : 3px;
}
#action li {
list-style : none;
margin : .2em;
padding : .3em 0;
}
#action a {
background-position : 5px center;
background-repeat : no-repeat;
text-decoration : none;
padding-left : 35px;
}
#action a.print {
background-image: url("../../images/sprite.png");
background-position: -5px -186px;
background-repeat: no-repeat;
}
#action a#furthersearches {
background-image: url("../../images/sprite.png");
background-position: 106px -295px;
background-repeat: no-repeat;
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/sprite.png");
background-position: -5px -144px;
background-repeat: no-repeat;
}
#action a.addtoshelf, #toolbar a.addtoshelf {
background-image: url("../../images/sprite.png");
background-position: -5px -225px;
background-repeat: no-repeat;
}
#action a.addtocart, #toolbar a.addtocart {
background-image: url("../../images/sprite.png");
background-position: -5px -265px;
background-repeat: no-repeat;
}
#action a.cartRemove, .actions a.cartRemove {
color: #cc3333;
font-size : 90%;
margin : 0;
padding: 0;
}
#action a.incart {
background-image: url("../../images/sprite.png");
background-position: -5px -265px;
background-repeat: no-repeat;
color : #666;
}
/* toolbar buttons */
#toolbar,
#selections-toolbar {
background-color:#EEEEEE;
border:1px solid #E8E8E8;
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,
#selections-toolbar a,
#toolbar input,
#selections-toolbar input {
white-space : nowrap;
}
#toolbar ul {
padding-left : 0;
}
#toolbar ul li {
display : inline;
list-style : none;
}
#toolbar ul li a {
border-left : 1px solid #e8e8e8;
}
#toolbar ul li:first-child a {
border-left : 0;
}
#toolbar a.print {
background-image: url("../../images/sprite.png");
background-position : 0px -423px;
background-repeat: no-repeat;
text-decoration : none;
padding-left : 30px;
}
#toolbar a.brief {
background-image : url("../../images/sprite.png");
background-position : -2px -868px;
background-repeat: no-repeat;
text-decoration : none;
padding-left : 27px;
}
#toolbar a.detail {
background-image : url("../../images/sprite.png");
background-position : -2px -898px;
background-repeat: no-repeat;
text-decoration : none;
padding-left : 27px;
}
#toolbar a.download {
background-image : url("../../images/sprite.png");
background-position : 2px -348px;
background-repeat: no-repeat;
padding-left : 28px;
text-decoration : none;
}
#toolbar a.editshelf {
background-image : url("../../images/sprite.png");
background-position : 2px -348px;
background-repeat: no-repeat;
padding-left : 26px;
text-decoration : none;
}
#toolbar a.empty {
background-image : url("../../images/sprite.png");
background-position : 2px -598px;
background-repeat: no-repeat;
text-decoration : none;
padding-left : 30px;
}
#toolbar a.hide {
background-image : url("../../images/sprite.png");
background-position: -3px -814px;
background-repeat: no-repeat;
text-decoration : none;
padding-left : 26px;
}
#toolbar a.hold,
#selections-toolbar a.hold {
background-image: url("../../images/sprite.png");
background-position : -5px -453px;
background-repeat: no-repeat;
text-decoration : none;
padding-left : 23px;
}
#selections-toolbar a.hold.disabled {
background-image: url("../../images/sprite.png");
background-position : -5px -621px;
background-repeat: no-repeat;
}
#selections-toolbar a.removeitems,
#selections-toolbar a.deleteshelf {
background-image : url("../../images/sprite.png");
background-position : 2px -690px;
background-repeat: no-repeat;
text-decoration : none;
padding-left : 25px;
}
#selections-toolbar a.removeitems.disabled,
#selections-toolbar a.deleteshelf.disabled {
background-image: url("../../images/sprite.png");
background-position : 2px -712px;
background-repeat: no-repeat;
}
#toolbar a.send,
a.send {
background-image: url("../../images/sprite.png");
background-position : 2px -386px;
background-repeat: no-repeat;
text-decoration : none;
padding-left : 28px;
}
#toolbar a.new {
background-image : url("../../images/sprite.png");
background-position : -4px -922px;
background-repeat : no-repeat;
padding-left : 23px;
text-decoration : none;
}
#toolbar input.editshelf,
input.editshelf {
background-image : url("../../images/sprite.png");
background-position : 2px -732px;
background-repeat: no-repeat;
border : 0;
color : #006699;
cursor : pointer;
font-size : 100%;
padding-left : 29px;
text-decoration : none;
}
#toolbar input.newshelf,
#toolbar a.newshelf,
a.newshelf {
background-image: url("../../images/sprite.png"); /* add to list icon */
background-position: -4px -864px;
background-repeat: no-repeat;
border : 0;
color : #006699;
cursor : pointer;
font-size : 100%;
margin: 0 0.5em;
padding-left : 23px;
text-decoration : none;
}
a.newshelf.disabled {
background-image: url("../../images/sprite.png"); /* add to list icon */
background-position: -4px -791px;
background-repeat: no-repeat;
}
#toolbar input.deleteshelf,
input.deleteshelf {
background-image : url("../../images/sprite.png");
background-position : 2px -685px;
background-repeat: no-repeat;
border : 0;
color : #006699;
cursor : pointer;
font-size : 100%;
padding-left : 25px;
text-decoration : none;
}
#toolbar input.deleteshelf:hover {
color: #990033;
}
#toolbar input.editshelf:active,
input.editshelf:active,
#toolbar input.deleteshelf:active,
input.deleteshelf:active {
border : 0;
}
#selections {
font-weight : bold;
}
#tagsel_span input.submit,
#tagsel_tag {
background-image : url("../../images/sprite.png"); /* tag icon */
background-position : 7px -640px;
background-repeat : no-repeat;
padding-left : 25px;
text-decoration: none;
}
#tagsel_tag {
background-position : -1px -643px;
}
#tagsel_tag.disabled {
background-position : -1px -667px;
}
#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/sprite.png"); /* cart icon */
background-position: -5px -265px;
background-repeat: no-repeat;
text-decoration : none;
padding-left : 33px;
}
#placehold input.submit {
background-image: url("../../images/sprite.png"); /* place hold icon */
background-position: -1px -140px;
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-image: url("../../images/sprite.png"); /* place hold icon */
background-position: -11px -841px;
background-repeat: no-repeat;
display: none;
font-weight: normal;
padding : 0 10px 0 21px;
}
/* the itemtype list in advanced search */
.advsearch table {
border-collapse : separate;
border-spacing : 3px;
border : 0px;
margin : 0px;
background-color : white;
border : 0px solid #D8DEB8;
}
.advsearch table tr td {
background-color : #F8F8EB;
border : 0px;
margin : 0px;
width : 700px;
}
.advsearch td {
font-size : 0.8em;
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;
}
#facets {
}
/* the footer */
#footer {
margin-top : 30px;
margin-left : 30%;
margin-right : 20%;
border-top : 1px solid #384b73;
color : #384b73;
font-size : 1em;
text-align : center;
}
/* facets bloc */
/* the USER information block */
#librarian_information {
float : right;
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;
}
#members a {
text-decoration : none;
}
#members a.logout {
color : #cc3333;
font-weight : bold;
padding : 0 .3em 0 .3em;
text-decoration : none;
}
#members li:last-child {
border-right : 0;
}
#members li {
border-right : 1px solid black;
display : inline;
list-style : none;
margin : 0;
padding : 0 .5em;
}
#members ul {
margin : 0;
padding : 0;
text-align : right;
}
#opac-main-search {
background: #8fb4e8; /* Old browsers */
background: -moz-linear-gradient(top, #8fb4e8 0%, #8cb1e5 19%, #80a8dc 48%, #7da5d8 52%, #7198cf 83%, #618ac0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fb4e8), color-stop(19%,#8cb1e5), color-stop(48%,#80a8dc), color-stop(52%,#7da5d8), color-stop(83%,#7198cf), color-stop(100%,#618ac0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* IE10+ */
background: linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fb4e8', endColorstr='#618ac0',GradientType=0 ); /* IE6-9 */
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%;
}
#opac-main-search form {
display : inline;
padding-right : 1em;
}
#opac-main-search label {
color : #FFFFCC;
font-weight : bold;
margin : .2em .3em 0 0;
}
#masthead_search,
#select_library {
max-width: 10em;
width: 10em;
}
#search-facets ul {
margin : 0;
padding : .3em;
}
#search-facets {
border : 1px solid #e8e8e8;
}
#search-facets h4 {
background-color : #EEE;
border-bottom : 1px solid #e8e8e8;
font-size : 90%;
margin : 0;
padding : .7em .2em;
text-align : center;
}
#search-facets ul li {
font-weight : bold;
list-style-type : none;
}
#search-facets li li {
font-weight : normal;
font-size : 85%;
margin-bottom : 2px;
padding : .1em .2em;
}
#search-facets li li a {
font-weight : normal;
}
#search-facets li.showmore a {
font-weight : bold;
text-indent : 1em;
}
.suggestion {
background-color : #EEEEEB;
border : 1px solid #DDDED3;
margin : 10px auto;
padding : 4px;
width : 35%;
}
#facets ul {
margin : 0;
padding : 0;
}
#facets ul li {
font-weight : bold;
text-align : left;
list-style : none;
}
#facets ul ul li {
border : 0;
font-size : 85%;
font-weight : normal;
padding : 2px;
text-align : left;
}
#facets ul ul li a {
font-weight : normal;
text-decoration : underline;
}
#facets h4 {
font-size : 93%;
padding:3px;
text-align:center;
background-color:#E7E7CA;
line-height:1.8em;
margin-left:-1px;
margin-right:-1px;
margin-top:-1px;
}
#breadcrumbs {
padding : .7em;
}
p {
margin: .7em 0;
}
strong {
font-weight : bold;
}
em {
font-style : italic;
}
table#marc,
table#marc td,
table#marc th {
background-color : transparent;
border : 0;
}
table#marc p span.label {
font-weight : bold;
}
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;
}
#bookcover {
float : left;
margin : 0;
padding : 0;
}
#bookcover img {
margin : 0 1em 1em 0;
}
fieldset.brief {
border : 1px solid #E8E8E8;
}
fieldset.brief legend {
font-weight : bold;
font-size : 100%;
}
fieldset.brief label {
display : block;
padding : .3em 0;
}
fieldset.brief input+input {
margin-top : 3px;
}
fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
background-color: #F3F3F3;
border-top : 1px solid #979797;
border-left : 1px solid #979797;
border-right : 1px solid #DDDDDD;
border-bottom : 1px solid #DDDDDD;
font-size : 140%;
padding : .2em;
font-weight: normal;
}
fieldset.brief textarea {
font-size: 105%;
}
fieldset.brief input:focus {
background-color: #FFFFCC;
}
fieldset.brief ol, fieldset.brief li {
list-style-type : none;
}
fieldset.brief div.hint, fieldset.rows div.hint {
color : #666666;
font-size : 100%;
margin : .4em;
}
h2 span.hint {
font-size: 76%;
font-weight : normal;
}
.thumbnail {
border : 0;
float : left;
margin : 0pt 5px 5px 0pt;
}
a.cancel {
padding-left : 1em;
}
.resultscontrol, .resultscontrol select {
font-size: 90%;
}
.cartlist {
margin-top : 5px;
}
.cartlist input.submit, #tagsel_button {
background-color : #d8deb8;
background-image : none;
border-color : #bebf84;
color : #333;
font-size : 87%;
padding : 2px 0;
margin : 0 0 0 0;
}
#CheckAll, #CheckNone {
font-weight : normal;
margin : 0 .5em;
}
.resultscontrol label {
font-weight : bold;
margin-left : .5em;
}
.resort {
float : right;
margin-top : 5px;
}
.searchresults p.details {
color : #979797;
}
.searchresults p {
margin: 0;
padding: 0 0 .6em 0;
}
td.resultscontrol img {
vertical-align: middle;
}
.searchresults table td {
}
.searchresults table {
margin : 0;
}
.searchresults td, .searchresults th, .searchresults table {
border: 0;
}
.searchresults td {
vertical-align: top;
}
.searchresults tr {
border-bottom : 1px solid #f3f3f3;
}
.searchresults tr:first-child {
border : 0;
}
.searchresults table {
border-top : 0px solid #CCCCCC;
width : 100%;
}
.searchresults a.reserve, .searchresults a.reserve:visited {
background-position:left top;
background-repeat:no-repeat;
float:right;
padding:2px 3px 2px 26px;
}
.searchresults a.reserve {
background-color:transparent;
color:#006699;
}
.unavailable, .tagerror, .tagerror:visited {
color: #990033;
}
#libraryname {
float : left;
line-height : 2em;
}
#corner {
float : right;
line-height : 2em;
}
.pages {
line-height : 1.8em;
text-align: center;
}
.current,
.currentPage {
background-color: #FFFFFF;
color: #3366CC;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:link.nav,
div.pages a:link {
background-color: #EEE;
border: 1px solid #CCCC99;
color: #3366CC;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:visited.nav,
div.pages a:visited {
background-color: #EEE;
border: 1px solid #CCCC99;
color: #3366CC;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:hover.nav,
div.pages a:hover {
background-color: #FFFFCC;
border: 1px solid #CCCC99;
color: #CC3333;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:active.nav,
div.pages a:active {
background-color: #FFFFCC;
border: 1px solid #CCCC99;
color: #D25500;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
/* Tabs */
ul.link-tabs {
list-style-type: none;
margin: 9px 0 -2px 5px;
padding: 0;
}
ul.link-tabs li {
display: inline;
padding: 0px;
}
ul.link-tabs li a {
font-weight: bold;
padding: 2px 4px 2px 4px;
text-decoration: none;
border-top: 1px solid #DDDDDD;
border-left : 1px solid #DDDDDD;
border-right : 1px solid #666666;
}
ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
padding: 2px 4px 3px 4px;
}
ul.link-tabs li.off a {
background-color: #EEEEEB;
border-bottom: 1px solid #DDDDDD;
}
ul.link-tabs li.off a:hover {
padding: 2px 3px 2px 4px;
background-color: #FFFFEC;
border-top: 1px solid #BEBF84;
border-left : 1px solid #BEBF84;
border-right : 2px solid #333333;
}
ul.link-tabs li.on a {
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
ul.link-tabs li a.debit {
background-color : #FFFF99;
color : #990033;
}
div.tab-container {
border : 1px solid #DDDDDD;
margin-top : 4px;
padding : .7em;
width : 90%;
}
tr.overdue td {
background-color : #ffcccc;
border-bottom : 1px solid #ffaeae;
border-right : 1px solid #ffaeae;
font-weight : bold;
}
td.overdue {
color : #cc3333;
}
.renewals {
display:block;
font-size:0.8em;
padding:0.5em;
}
table#marc, table#marc td, table#marc th {
border : 0;
}
table#marc th {
background-color : transparent;
text-align : left;
}
table#marc td:first-child {
text-indent : 2em;
}
#masthead {
float: left;
width: 120px;
}
#fluid {
margin-left: 124px;
margin-top : .4em;
padding-left : 1em;
}
#fluid-offset {
float : right;
width: 100%;
}
#translControl{
float : left;
padding-left : .4em;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.results_summary {
display: block;
font-size : 85%;
color: #707070;
padding : 0 0 .5em 0;
}
.results_summary .results_summary {
font-size : 100%;
}
.m880 {
display:block;
text-align:right;
float:right;
width:50%;
padding-left:20px
}
.searchresults .tagstatus {
display: block;
color: #707070;
}
#login4tags {
margin-top : .3em;
}
.results_summary .label {
color: #202020;
}
.results_summary a {
font-weight: normal;
}
.actions a {
margin-left : 1em;
text-decoration : none;
}
.actions a.hold {
background-image : url("../../images/sprite.png");
background-position : -10px -542px;
background-repeat: no-repeat;
padding-left : 16px;
}
.actions a.addtocart {
background-image : url("../../images/sprite.png");
background-position : -10px -572px;
background-repeat: no-repeat;
padding-left : 15px;
display : none;
}
.actions a.addtoshelf {
background-image : url("../../images/sprite.png");
background-position: -10px -27px;
background-repeat: no-repeat;
padding-left : 13px;
}
.dialog {
border: 1px solid #bcbcbc;
padding : .5em;
margin : 1em auto;
width: 65%;
}
.dialog h2, .dialog h3, .dialog h4 {
margin : auto;
text-align : center;
}
div.alert {
background: #fef8d3; /* Old browsers */
background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
text-align : center;
}
div.alert strong {
color : #900;
}
div.message {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
border : 1px solid #bcbcbc;
width : 55%;
}
#moresearches {
clear : left;
color : #000099;
font-size : 90%;
line-height : 110%;
margin : .6em 0 .3em 0;
}
#moresearches a:link, #moresearches a:visited {
color : #e5ebff;
font-weight : normal;
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;
}
#opac-main-search #listsmenu h4 {
font-size : 90%;
font-weight : bold;
margin : 0 .2em;
}
#opac-main-search #listsmenu .yuimenuitemlabel {
cursor : pointer;
}
#opac-main-search #listsmenu .bd {
background: #eef4fe; /* Old browsers */
background: -moz-linear-gradient(left, #eef4fe 0%, #eef4fe 88%, #f6f9fe 98%, #ffffff 99%, #a5c2f6 99%, #e6eefe 100%, #cbdefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eef4fe), color-stop(88%,#eef4fe), color-stop(98%,#f6f9fe), color-stop(99%,#ffffff), color-stop(99%,#a5c2f6), color-stop(100%,#e6eefe), color-stop(100%,#cbdefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef4fe', endColorstr='#cbdefe',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* W3C */
border : 1px solid #739acf;
padding : .3em 1em 0 0;
}
#opac-main-search #listsmenu .yuimenuitemlabel.selected {
background-color : #fff;
}
#opac-main-search #listsmenu ul {
border-color : #b8d0e6;
}
.selectcol {
vertical-align: top;
width: 10px;
}
.itypecol {
vertical-align: top;
width: 10px;
}
#container {
color : #000;
}
div#changelanguage{
background-color: #fff;
border-top: 1px solid #CCC;
color : #666;
font-size : 85%;
padding : 1em;
margin-top : 2em;
}
div#changelanguage a {
font-weight : normal;
padding : .5em 0;
}
div#changelanguage li.yuimenuitem {
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/sprite.png");
background-position : 37px -940px;
background-repeat:no-repeat;
padding-right: 1.3em;
}
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 {
background-color : #FFF;
border: 1px solid #739acf;
color : black;
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;
z-index: 2;
}
.yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
background-color : transparent;
border : 0;
padding : inherit;
}
#login #userid, #login #password {
width : 98%;
}
#opac-main-search input.submit {
background: #e6f3fe; /* Old browsers */
background: -moz-linear-gradient(top, #e6f3fe 0%, #dfeefa 8%, #bfd5ea 49%, #b8d0e6 52%, #b8d0e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f3fe), color-stop(8%,#dfeefa), color-stop(49%,#bfd5ea), color-stop(52%,#b8d0e6), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f3fe', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* W3C */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 1px 1px , , .3);
-moz-box-shadow: 1px 1px 1px 1px , , .3);
box-shadow: 1px 1px 1px 1px , , .3);
color : #333;
font-weight : normal;
font-size : 80%;
padding : 2px;
}
div#menu {
border-right : 1px solid #979797;
font-size : 94%;
margin-right : .5em;
padding-top : 1em;
padding-bottom : 2em;
}
div#menu li a {
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(96%,#eeeeee), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
text-decoration : none;
display : block;
border : 1px solid #979797;
font-size : 111%;
margin : .5em 0;
padding : .4em .3em;
margin-right : -1px;
}
div#menu li a:hover {
background: #eaeef5; /* Old browsers */
background: -moz-linear-gradient(left, #eaeef5 0%, #dee6f4 96%, #c4d5ef 98%, #a2bee8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eaeef5), color-stop(96%,#dee6f4), color-stop(98%,#c4d5ef), color-stop(100%,#a2bee8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* IE10+ */
background: linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#a2bee8',GradientType=1 ); /* IE6-9 */
}
div#menu li.active a:hover {
background-color : #fff;
color : #0000CC;
}
#menu ul li {
list-style-type : none;
}
#menu ul li.active a {
background-color : #FFF;
background-image : none;
border-right : 0;
font-weight : bold;
}
.left {
float : left;
}
.right {
float : right;
}
#searchsubmit {
cursor : default;
font-size : 87%;
font-weight : normal;
margin-top : 0;
margin-left : .2em;
padding: 2px 2px 1px 2px;
}
#export,#further,.detailtagcell {
margin-top : .5em;
background-color : #F3F3F3;
border : 1px solid #E8E8E8;
font-size : 76%;
padding : 3px;
text-align : center;
}
#furtherm { margin-top : .5em; }
#export label, .detailtagcell label {
display : block;
font-weight : bold;
font-size : 110%;
margin-bottom : 2px;
}
#export input, .detailtagcell input {
padding : 2px;
}
#amazonreviews h4 {
font-size : 90%;
margin : 0;
padding : 0;
}
#amazonreviews h3 {
font-size : 100%;
margin : 0;
padding : 0;
}
span.starFull {
background: url(../../images/star-ratings.gif) top left no-repeat;
display : block;
height: 10px;
margin: 0;
padding: 0;
}
span.starMT {
background: url(../../images/star-ratings-empty.gif) top left no-repeat;
display : block;
height: 10px;
margin: 0 10px 0 10px;
padding: 0;
position: relative;
width: 50px;
}
#cartmenulink, #listsmenulink {
background-repeat: no-repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display : block;
position : relative;
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;
}
#listsmenulink {
background : #9FBFFF;
background: url("../../images/sprite.png"),-moz-linear-gradient(top, #d7e5ff 0%, #b1cbff 50%, #9fbfff 100%); /* FF3.6+ */
background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e5ff), color-stop(50%,#b1cbff), color-stop(100%,#9fbfff)); /* Chrome,Safari4+ */
background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Chrome10+,Safari5.1+ */
background: url("../../images/sprite.png"),-o-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Opera 11.10+ */
background: url("../../images/sprite.png"),-ms-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* IE10+ */
background: url("../../images/sprite.png"),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: 40px -287px,top left;
background-repeat: no-repeat;
border: 1px solid #629DCF;
color : #006699;
padding-right: 20px;
}
#listsmenulink:hover {
background-color : #b8d0e6;
background: url("../../images/sprite.png"),-moz-linear-gradient(top, #e2ecf5 0%, #c3d8ea 50%, #b8d0e6 100%); /* FF3.6+ */
background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2ecf5), color-stop(50%,#c3d8ea), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
background: url("../../images/sprite.png"),-o-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Opera 11.10+ */
background: url("../../images/sprite.png"),-ms-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* IE10+ */
background: url("../../images/sprite.png"),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: 40px -287px,top left;
}
#cartmenulink {
background: #98CB58; /* Old browsers */
background: url("../../images/sprite.png"),-moz-linear-gradient(top, #d5eaba 0%, #b7db8a 50%, #98cb59 100%); /* FF3.6+ */
background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5eaba), color-stop(50%,#b7db8a), color-stop(100%,#98cb59)); /* Chrome,Safari4+ */
background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Chrome10+,Safari5.1+ */
background: url("../../images/sprite.png"),-o-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Opera 11.10+ */
background: url("../../images/sprite.png"),-ms-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* IE10+ */
background: url("../../images/sprite.png"),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: -5px -256px, left top;
background-repeat: no-repeat;
border: 1px solid #5EA28C;
color : #336600;
padding-left : 30px;
}
#cartmenulink:hover {
background-color : #BFDE96;
background: url("../../images/sprite.png"),-moz-linear-gradient(top, #e5f1d4 0%, #cbe4aa 50%, #c0de98 100%); /* FF3.6+ */
background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f1d4), color-stop(50%,#cbe4aa), color-stop(100%,#c0de98)); /* Chrome,Safari4+ */
background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Chrome10+,Safari5.1+ */
background: url("../../images/sprite.png"),-o-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Opera 11.10+ */
background: url("../../images/sprite.png"),-ms-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* IE10+ */
background: url("../../images/sprite.png"),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: -5px -256px, left top;
}
/* IE 6 & 7 don't do multiple backgrounds, so remove extra padding */
* html #listsmenulink,
*+html #listsmenulink {
padding-right : .7em;
}
/* 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 {
padding-right: .7em\0/;
}
/* IE 8 doesn't do multiple backgrounds, so remove extra padding */
#cartmenulink {
padding-left: .7em\0/;
}
#cartmenulink span#basketcount {
background-image : none;
float : none;
display : inline;
height : auto;
position : relative;
margin : 0;
padding : 0;
left : auto;
right : auto;
top : auto;
}
#cartmenulink span#basketcount span {
background-image : none;
background-color : #E6FCB7;
color : #000;
display : inline;
float : none;
font-size : 80%;
font-weight : normal;
margin : 0 0 0 .9em;
padding : 0 .3em 0 .3em;
position : relative;
left : auto;
right : auto;
top : auto;
}
ul.ui-tabs-nav li {
margin-right : .5em;
}
ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
background-color : #F3F3F3;
border-top : 1px solid #E8E8E8;
border-left : 1px solid #E8E8E8;
border-right : 1px solid #E8E8E8;
border-bottom : 0;
padding : .2em 1em;
text-align : center;
text-decoration : none;
}
ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
background-color : #FFF;
border-top : 1px solid #E8E8E8;
border-left : 1px solid #E8E8E8;
border-right : 1px solid #E8E8E8;
border-bottom : 1px solid #FFF;
margin-bottom : -5px;
text-align : center;
}
#views {
border-bottom : 1px solid #E8E8E8;
margin-bottom : .5em;
padding : 0 2em 2px 0.2em;
white-space : nowrap;
}
span.view {
padding : 0.2em .2em 2px .2em;
}
#bibliodescriptions,
#isbdcontents {
clear : left;
margin-top : .5em;
}
a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, a#Briefhistory, span#Normalview, a#Fullhistory, span#Fullhistory, span#Briefhistory {
background-repeat : no-repeat;
font-size : 87%;
font-weight : normal;
padding : .2em .5em;
padding-left : 21px;
text-decoration: none;
}
a#MARCview, span#MARCview {
background-image: url("../../images/sprite.png");
background-position: -5px -26px;
background-repeat: no-repeat;
}
a#MARCviewPop, span#MARCviewPop {
background-image: url("../../images/sprite.png");
background-position: -5px -26px;
background-repeat: no-repeat;
}
a#ISBDview, span#ISBDview {
background-image: url("../../images/sprite.png");
background-position: -5px -55px;
background-repeat: no-repeat;
}
a#Normalview, span#Normalview {
background-image: url("../../images/sprite.png");
background-position: -7px 3px;
background-repeat: no-repeat;
padding-left : 15px;
}
a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory {
background-color : #F3F3F3;
border-left : 1px solid #E8E8E8;
}
#shelfbrowser table {
margin : 0 20px;
}
#shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
border : 0;
font-size : 90%;
text-align : center;
}
#shelfbrowser a {
font-size : 110%;
text-decoration : none;
}
#shelfbrowser td, #shelfbrowser th {
vertical-align : bottom;
width : 20%;
}
#shelfbrowser td.top {
vertical-align : top;
}
#shelfbrowser td.top a {
text-decoration : underline;
}
#shelfbrowser a {
display : block;
}
#comments .commentline {
border-bottom : 2px solid #eeeeeb;
margin : 0 -.5em 0 -.5em;
padding : 0 .5em .5em .5em;
}
#comments .yours {
background-color : #effed5;
}
.commentline .avatar {
float : right;
padding-left : .5em;
}
#comments #addcomment {
margin : 0 -1em -1em -1em;
padding : .3em 1em;
}
input.tagbutton {
padding : 1px !important;
}
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);
}
#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; }
#catalogue_detail_biblio h1 { float:left; margin:0 1em 1em 0; }
#catalogue_detail_biblio h1.title { float:none; margin-top:1em; }
#catalogue_detail_biblio h3 {clear:both; }
#opac-detail #Normalview { font-weight:bold; }
#opac-marcdetail #Normalview { font-weight:normal; }
#opac-marcdetail #MARCview { font-weight:bold; }
#opac-isbddetail #Normalview { font-weight:normal; }
#opac-isbddetail #ISBDview { font-weight:bold; }
#opac-isbddetail #isbdcontents { margin-top: 2em; }
div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px; margin : 2px; }
#renewcontrols {
float: right;
font-size: 66%;
}
#renewcontrols a {
background-repeat : no-repeat;
text-decoration:none;
padding : .1em .4em;
padding-left : 18px;
}
#renewselected_link {
background-image : url("../../images/sprite.png");
background-position : -5px -988px;
background-repeat: no-repeat;
}
#renewall_link {
background-image : url("../../images/sprite.png");
background-position : -8px -964px;
background-repeat: no-repeat;
}
div.koha_url {
border-top: none !important;
}
span.koha_url {
position: absolute;
right: 0;
}
a.koha_url {
text-decoration:none;
color: #666666;
}
/* pagination */
.pagination {
position: absolute;
top:32px;
left: -1px;
width: 100%;
height:auto;
border: 1px solid #D0D0D0;
display: none;
background-color:#F3F3F3;
padding-bottom:10px;
}
/* nav */
.nav .close_pagination {
padding-right: 10px;
position: absolute;
right: 3px;
top: -25px;
}
.nav .close_pagination a {
text-decoration:none!important;
}
.nav ul {
padding-top: 10px;
}
.nav li {
list-style:none;
float:left;
padding:4px;
color:#999;
}
.nav li a {
text-decoration:none!important;
}
.nav li a:hover {
text-decoration:underline;
}
.nav li ul {
float:left;
}
.back {
float:right;
}
.back input{
background:none!important;
color:#999!important;
}
.pagination_list {
float:bottom;
}
.pagination_list ul {
padding-top: 40px;
padding-left:0px;
}
.pagination_list li {
list-style:none;
float:bottom;
padding:4px;
color:#999;
/* border-bottom : 1px solid #DDDDDD;*/
}
.pagination_list li.highlight {
background-color : #F3F3F3;
border-top : 1px solid #DDDDDD;
border-bottom : 1px solid #DDDDDD;
}
.pagination_list span.li_pag_index {
color: #999999;
float: left;
font-size: 15px;
font-weight: bold;
padding-right: 10px;
text-align: right;
width: 13px;
}
.pagination_list li a {padding-left:0px;}
.nav_results {
background-color: #F3F3F3;
border: 1px solid #D0D0D0;
margin-top: 0.5em;
position:relative;
}
.nav_results .l_Results a {
background:#E1E1E1 url("../../images/sprite.png") no-repeat 0px -504px;
color:#006699;
display:block;
padding:8px 28px;
text-decoration:none;
}
.nav_results .l_Results a:hover {
background-color:#D9D9D9;
}
.nav_results ul.pg_menu {
border-top: 1px solid #D0D0D0;
white-space : nowrap;
}
.nav_results ul.pg_menu li {
color:#B2B2B2;
display:inline;
list-style:none;
margin: 0;
}
.nav_results ul.pg_menu li.back_results a {
border-left: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
}
.nav_results ul.pg_menu li a,
.nav_results ul.pg_menu li span {
background-color: #F3F3F3;
display : block;
float:left;
padding:.4em .5em;
text-decoration:none;
font-weight:normal;
text-align:center;
}
.nav_results ul.pg_menu li span {
color : #B2B2B2;
}
.nav_results ul.pg_menu li.left_results a {
padding-left : 0;
}
.nav_results ul.pg_menu li a:hover {
}
.nav_results #listResults{
line-height: 0.7em;
}
.nav_results #listResults li {
background-color:#999999;
color:#C5C5C5;
font-weight:normal;
display:block;
margin-right:1px;
font-size:0.9em;
padding:5px 0px;
text-align:center;
min-width:20px;
}
.nav_results #listResults li:hover {background-color:#006699;}
.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;
}
#daily-quote {
/*border-top : 1px solid #000000;*/
border : 1px solid #000000;
margin-top: 2px;
margin-bottom: 10px;
margin-left: 2px;
margin-right: 2px;
width: 300px;
text-align: center;
font-family: "Georgia","Palatino","Times New Roman",sans-serif;
}
#daily-quote h1 {
font-size: 18px;
font-weight: normal;
margin: 0;
}
#daily-quote div {
font-size: 12px;
margin: 5px;
}
/* ## 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;
}
*/