Koha/koha-tmpl/opac-tmpl/prog/en/css/opac.css
Owen Leonard bf48a19c70 Unfinished: enabling language chooser in footer
Signed-off-by: Chris Cormack <crc@liblime.com>
Signed-off-by: Joshua Ferraro <jmf@liblime.com>
2008-01-25 16:52:06 -06:00

1165 lines
No EOL
18 KiB
CSS

@import url("../../en/lib/yui/reset-fonts-grids.css");
a {
font-weight : bold;
}
a, a:visited {
color : #006699;
}
a:hover {
color : #990033;
}
body {
background-color : white;
text-align : left;
}
caption {
font-size : 140%;
text-align : left;
font-weight : bold;
}
fieldset {
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.action {
clear : both;
float : none;
border : none;
margin : 0;
padding : 1em 0 .3em 0;
width : auto;
}
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;
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;
}
div#cartmenubutton {
background:transparent url(../../images/cart-button.gif) no-repeat scroll 0%;
border: 0;
float : left;
margin:0 10px 0 0;
padding:0;
width:68px;
}
div#cartmenubutton a {
border:0;
cursor:pointer;
display:block;
height:0px !important;
margin:0;
overflow:hidden;
padding:40px 0 0;
text-decoration:none;
width:68px;
}
div#listmenubutton {
background:transparent url(../../images/lists-button.gif) no-repeat scroll 0%;
border: 0;
float : left;
margin:0;
padding:0;
width:84px;
}
div#listmenubutton a {
border:0;
cursor:pointer;
display:block;
height:0px !important;
margin:0;
overflow:hidden;
padding:40px 0 0;
text-decoration:none;
width:84px;
}
h1,h2,h3,h4,h5,h6 {
font-weight : bold;
margin : .5em 0;
}
h2 {
font-size : 131%;
}
h2.author {
text-indent : .5em;
}
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] {
background-color : #6BA037;
border:1px outset #666666;
color : #FFFFFF;
font-size : 93%;
font-weight : bold;
padding : 2px;
}
input[type=submit]:active, input[type=button], input[type=reset] {
border: 1px inset #666666;
}
p.searchresults {
background-color : #EFF1DC;
}
table {
border-collapse : collapse;
margin : 1em 0;
border-right : 1px solid #dddddd;
border-top : 1px solid #dddddd;
}
td,th {
border-left : 1px solid #dddddd;
border-bottom : 1px solid #dddddd;
padding : 3px 5px;
}
th {
background-color:#EFF1DC;
font-weight : bold;
padding : 2px 4px;
}
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 {
background-color : #F3F3F3;
border : 1px solid #DDDDDD;
border-right : 1px solid #DDDDDD;
}
ul {
list-style : disc;
padding-left : 1em;
}
li {
list-style : disc;
}
p.availability {
font-size : 87%;
}
.available {
color : #006600;
}
.inwait {
background-color : #33CC99;
}
/* css styles for reserves color alerts */
.onloan {
background-color : #FFED3D;
}
.other {
background-color : #FF0000;
}
/* "problem" enhancement */
.problem {
color : white;
background-color : red;
}
.reserved {
background-color : #8EBAFF;
}
/* style for search terms in catalogsearch */
.term {
background-color : #ffffe0;
color : #990033;
}
a .term {
text-decoration : underline;
}
.transfered {
background-color : #F9FF9A;
}
/* action buttons */
#action {
margin-top : .5em;
}
#action li {
list-style : none;
}
#action a {
background-color : #F3F3F3;
border : 1px solid #E8E8E8;
display : block;
margin : .2em;
padding : .5em;
text-decoration : none;
}
/* the itemtype list in advanced search */
#advsearch-itemtype table {
border-collapse : separate;
border-spacing : 3px;
border : 0px;
margin : 0px;
background-color : white;
border : 0px solid #D8DEB8;
}
#advsearch-itemtype table tr td {
background-color : #F8F8EB;
border : 0px;
margin : 0px;
width : 700px;
}
#advsearch-itemtype td {
font-size : 0.8em;
background-color : #F8F8EB;
}
#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;
}
#members {
font-size : 85%;
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:first-child {
border-right : 1px solid black;
}
#members li {
display : inline;
list-style : none;
margin : 0;
padding : 0 .5em;
}
#members ul {
margin : 0;
padding : 0;
text-align : right;
}
#opac-main-search {
background-image : url( ../../images/menu-background.gif);
background-repeat : repeat-x;
background-color : #739ACF;
border-top : 1px solid #335599;
border-bottom : 1px solid #335599;
padding : .7em 0 .4em .5em;
color : #FFFFCC;
font-size : 108%;
line-height : 116%;
}
#opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
color : #FFFFCC;
}
#opac-main-search a:hover {
color : #FFFFFF;
}
#opac-main-search form {
display : inline;
padding-right : 1em;
}
#opac-main-search label {
font-weight : bold;
}
/***********************************************************/
/* the user menu, for user option (and biblio detail view) */
/***********************************************************/
.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;
}
strong {
font-weight : bold;
}
em {
font-style : italic;
}
#catalogue_detail_biblio p span.label {
font-weight : bold;
}
#catalogue_detail_biblio p {
padding-bottom: .6em;
}
.toptabs {
margin-top : 1em;
}
.toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
top: 0;
}
.toptabs .tabs-nav li {
margin-right : .5em;
}
.toptabs .tabs-nav li a, .toptabs .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;
text-align : center;
text-decoration : none;
}
.toptabs .tabs-nav li.tabs-selected {
background-color : #FFF;
}
.toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.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;
padding-bottom : 5px;
text-align : center;
}
.toptabs.numbered .tabs-nav li {
min-width : 3em;
}
.toptabs .tabs-container {
border : 1px solid #E8E8E8;
padding : 1em;
}
.tabs-container {
border-top: 0;
padding : inherit;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
#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;
font-weight : bold;
padding : .3em 0;
}
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;
}
#menu {
margin-top: 1em;
}
h2 span.hint {
font-size: 76%;
font-weight : normal;
}
.thumbnail {
border : 0;
float : left;
margin : 0pt 5px 5px 0pt;
}
a.cancel {
padding-left : 1em;
}
#usermenu {
margin-top : 1em;
}
#toolbar ul {
margin : 1em 0 0 0;
padding : 0;
}
#toolbar ul li {
display : inline;
list-style : none;
}
#toolbar ul li a {
border : 1px solid #afbccf;
padding : .3em;
text-decoration : none;
margin-right : .1em;
}
.searchresults input, .searchresults label, .searchresults select {
font-size: 90%;
}
.searchresults label {
float : right;
margin-top : 5px;
}
.searchresults p {
margin: 0;
padding: 0;
padding-top : .6em;
}
.searchresults p img {
vertical-align: middle;
}
.searchresults table td {
vertical-align: top;
}
p.searchresults {
background-color : #EFF1DC;
margin-top : -5px;
vertical-align : middle;
padding : 3px 3px 5px 5px;
}
.searchresults table {
margin : 0;
}
.searchresults td, .searchresults th, .searchresults table {
border: 0;
}
.searchresults tr {
border-bottom : 1px solid #CCCCCC;
}
.searchresults tr:first-child {
border : 0;
}
.searchresults table {
border-top : 0px solid #CCCCCC;
}
.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;
}
input.reserve, a.reserve {
background-image:url(../../images/placereserve.gif);
}
a.reserve {
background-color:#006699;
color:White;
}
.unavailable {
color: #990033;
}
#libraryname {
float : left;
line-height : 2em;
}
#corner {
float : right;
line-height : 2em;
}
.pages {
line-height : 1.8em;
text-align: center;
}
a:link.current {
background-color: transparent;
color: #3366CC;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:visited.current {
background-color: transparent;
color: #3366CC;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:hover.current {
background-color: #CCFF00;
color: #CC3333;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:active.current {
background-color: #99CC00;
color: #FFFF99;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
.current {
background-color: #FFFFFF;
color: #3366CC;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:link.nav {
background-color: #EFF1DC;
border: 1px solid #CCCC99;
color: #3366CC;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:visited.nav {
background-color: #EFF1DC;
border: 1px solid #CCCC99;
color: #3366CC;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:hover.nav {
background-color: #FFFFCC;
border: 1px solid #CCCC99;
color: #CC3333;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
a:active.nav {
background-color: #FFFFCC;
border: 1px solid #CCCC99;
color: #D25500;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-decoration: none;
}
input.icon {
background-position: left;
background-repeat: no-repeat;
font-size : 96%;
font-weight: bold;
padding: 2px 2px 2px 22px;
background-color: #6699CC;
border: 1px outset #666666;
color: #FFFFCC;
}
input.shelf, a.shelf {
background-image: url(../../images/addtobasket.gif);
}
input.clearall, a.clearall {
background-image: url(../../images/clearbasket.gif);
}
/* 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%;
}
#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;
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;
}
table#marc td:first-child {
text-indent : 2em;
}
#masthead {
float: left;
width: 120px;
}
#fluid {
float: right;
width: 100%;
margin-left: -120px;
}
#fluid-offset {
margin-left: 119px;
margin-top : .4em;
}
#fluid-content-1 {
float: left;
width: 65%;
margin : .3em -1px 0 2%;
display: inline /* fix IE6 */;
line-height : 15px;
}
#fluid-content-2 {
float: left;
width: 28%;
margin-left: 2%;
display: inline /* fix IE6 */;
margin-right: -1px /* fix IE6 */;
line-height : 25px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.searchhighlightblob {
font-size:75%;
font-style : italic;
}
.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 : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
text-align : center;
}
div.alert strong {
color : #900;
}
div.message {
background : white url("../../images/message-bg.gif") repeat-x left 0;
border : 1px solid #bcbcbc;
width : 55%;
}
#moresearches {
color : #000099;
font-size : 90%;
line-height : 110%;
margin : .6em 0 .3em 2%;
}
#moresearches a:link, #moresearches a:visited {
color : #e5ebff;
font-weight : normal;
text-decoration : none;
}
#cart-box {
float : left;
background : url(../../images/cart-background-right.gif) top right no-repeat;
margin : 0 !important;
margin : 5px 0 0 0;
}
#cart-box a {
font-size : 120%;
text-decoration : none;
}
#cart-box .cart {
margin : 0;
padding : 10px 23px 0 9px;
background : url(../../images/cart-background-left.gif) top left no-repeat;
}
#cart-box .cart-bottom {
margin : 0;
padding : 0 0 0 12px;
background : url(../../images/cart-background-left.gif) bottom left no-repeat;
}
#cart-box .cart-bottom em {
display : block;
line-height : 1px;
background : url(../../images/cart-background-right.gif) bottom right no-repeat;
padding : 9px 9px 0 0;
margin : 0;
}
#cart-box a.cartbutton {
background : #9bc1dd url(../../images/cart-small.gif) center left no-repeat;
padding-left : 20px;
}
#opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
color : #000;
font-weight : normal;
}
#opac-main-search #listsmenu h4 {
font-weight : bold;
margin : 0 .3em;
}
/*body #listsmenu .yuimenu ul {
border-top : 1px dashed #CC9;
}*/
#opac-main-search #listsmenu .bd {
background-color : #F2EDBA;
border : 2px solid #DFD69A;
// margin : 3em 0 0 0;
}
#opac-main-search #listsmenu .yui-menu-shadow {
// margin : 3em 0 0 0;
}
#opac-main-search #listsmenu .yuimenuitemlabel.selected {
background-color : #F9F6D5;
}
#opac-main-search #listsmenu ul {
border-color : #DFD69A;
}
#container {
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:first-child {
border-left : 0;
}
ul#i18nMenu li ul li {
border : 0;
display : block;
padding : 0;
}
ul#i18nMenu li.more a {
background-image:url(../../img/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: 2em;
}
@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;
}