Koha/koha-tmpl/opac-tmpl/prog/en/css/opac.css
Owen Leonard a8ed713e60 Minor style tweak to lists menu; Trying to show public lists to non-logged-in users. Calling for help from atz.
Signed-off-by: Chris Cormack <crc@liblime.com>
Signed-off-by: Joshua Ferraro <jmf@liblime.com>
2008-02-03 07:22:52 -06:00

1225 lines
No EOL
20 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;
padding : 0 0 2.5em 0;
}
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;
}
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;*/
background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
background-color : #b8d0e6;
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], input[type=reset] {
border: 1px inset #666666;
}
td.resultscontrol {
background-color : #EFF1DC;
vertical-align : middle;
padding : 3px 3px 5px 5px;
}
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;
}
#search-facets ul {
margin : 0;
padding : .3em;
}
#search-facets {
border : 1px solid #e8e8e8;
}
#search-facets h4 {
background-color : #EFF1DC;
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;
}
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 */
}
#basket {
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;
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;
}
.resultscontrol, .resultscontrol select {
font-size: 90%;
}
.cartlist {
margin-top : 5px;
}
.cartlist input.submit {
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;
padding-top : .6em;
}
td.resultscontrol img {
vertical-align: middle;
}
.searchresults table td {
}
.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 : 85%;
}
.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;
}
#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 .bd {
background-color : #f3f3f3;
border : 1px solid #739acf;
background-image : url("../../images/listmenu-container-bg.gif");
background-position : top right;
background-repeat : repeat-y;
padding-right: 1em;
// 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 : #fff;
}
#opac-main-search #listsmenu ul {
border-color : #b8d0e6;
m
}
#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 a {
text-decoration : none;
}
ul#i18nMenu li:first-child {
border-left : 0;
}
ul#i18nMenu li ul li {
border : 0;
display : block;
}
ul#i18nMenu li.more a {
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;
font-weight : normal;
}
#cartDetails {
background-color : #FFF;
border: 1px solid #739acf;
color : black;
padding : .1em;
text-align : center;
}
a#listsmenulink, a#listsmenulink:hover {
color : #006699;
}
a#cartmenulink, a#cartmenulink:hover {
color : #336600;
}
#login #userid, #login #password {
width : 98%;
}
#opac-main-search input.submit {
background : #b8d0e6 url(../../images/submit-bg.gif) no-repeat 0 0;
background-color : #b8d0e6;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
color : #333;
font-weight : normal;
font-size : 80%;
padding : 2px;
}
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url('../../images/button-background.png'); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #6699FF; }
.btn.blue:hover { background-color: #6699FF; background-image: none; }
.btn.green { background: #98CB58; }
.btn.green:hover { background-color: #98CB58; background-image: none; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url('../../images/button-background-gradient.png'); background-position: 0 0; }
.btn[class]:hover { background-image: url('../../images/button-background-gradient.png'); background-position: 0 -200px; }
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn:hover { border-color: #a00; }
#cartmenulink { margin-right : 1em; }