New programmer templates for the OPAC. Markup has been pared down, but structure...

[koha.git] / koha-tmpl / opac-tmpl / prog / en / includes / colors.npl.css

/* COLORS, BACKGROUNDS, AND BORDERS */

a {
        color : #006699;
}

a:active {
        color : #990033;
}

a:visited {
        color : #006699;
}

a:hover {
        color : #990033;
}

a:link.current {
        background-color : transparent;
        color : #3366CC;
}

a:hover.current {
        background-color : #CCFF00;
        color : #CC3333;
}

a:visited.current {
        background-color : transparent;
        color : #3366CC;
}

a:active.current {
        background-color : #99CC00;
        color : #FFFF99;
}

a:link.nav {
        background-color : #FFFFCC;
        color : #3366CC;
}

a:hover.nav {
        background-color : #CCFF00;
        color : #CC3333;
}

a:active.nav {
        background-color : #99CC00;
        color : #FFFF99;
}

a:visited.nav {
        background-color : #FFFFCC;
        color : #3366CC;
}

.menu a:link.logout {
        background-color : #FFDD75;
        color : Black;
}

.menu a:active.logout {
        background-color : #FFDD75;
        color : Black;
}


.menu a:visited.logout {
        background-color : #FFDD75;
        color : Black;
}

.menu a:hover.logout {
        background-color : #FFCC33;
        color : Black;
}

body {
        background-color : #339999;
}

caption {
        color : #000066;
}

div.form, div.details {
        background-color : #FFFFCC;
}

h1,h2,h3,h4,h5,h6 {
        color : #000066;
}


h1.logo {
        color : #D3DFAD;
}

p.error, div.error {
        background-color : #FFFFCC;
        border : 1px dashed #cc6600;
}

div.error h3 {
        color : #990000;
}

table {
        background-color : #FFFFCC;
        border-collapse : collapse;
}

td {
        border-bottom : 1px solid #E7E7CA;
        border-right : 1px solid #E7E7CA;
}

th {
        background-color : #D8DEB8;
        border-bottom : 1px solid #000000;
        border-right : 1px solid #000000;
}

th:last-child {
        background-color : #D8DEB8;
        border-bottom : 1px solid #000000;
}

th[scope="row"] {
        background-color : #E7E7CA;
}

tr.highlight th[scope="row"] {
        background-color : #EFF1DC;
}

td.input, div.form td, div.details td {
        border-bottom : 1px solid #E7E7CA;
        border-left : 0;
        border-right : 0;
        color : #000000;
}

td.label, div.form th, div.details th {
        background-color : #FFC;
        border-bottom : 1px solid #E7E7CA;
        border-left : 1px solid #E7E7CA;
        color : #000088;
}

td.label {
        border-bottom : 1px solid #E7E7CA;
        border-left : 1px solid #E7E7CA;
        color : #000088;
}

td:last-child {
        border-bottom : 1px solid #E7E7CA;
        border-right : 0 solid #E7E7CA;
}

tr.highlight {
        background-color : #FFFFFF;
}

.content-block {
        background-color : #FFFFCC;
}

.current {
        background-color : #FFFFFF;
        color : #3366CC;
}


.further {
        color: #CCCC99;
        border: 2px solid #D8DEB8;
        background-color : #E7E7CA;
}

.further h4 {
        background-color : #D8DEB8;
}

.further li {
        border-bottom : 1px solid #CCCC99;
        }

.detail-sidebar {
        background-color : #E7E7CA;
}

.operations li a, .operations li a:visited {
        border: 2px solid #D8DEB8;
        color: #E7E7CA;
        background-color : #CC6600;
}

.operations li a:hover {
        color: #FFFFCC;
        background-color: #FF9933;
}

.operations li a:active {
        color: : #FFFFCC;
        background-color: #FF9933;
}

.loggedin {
        color : #D8DEB8;
}

.marctag {
        color : #000000;
        background-color : #E7E7CA;
}

.marcsubfieldletter {
        background-color: #EFF1DC;
}

.marcsubfieldname {
        background-color: #FFFFCC;
}

.subfield {
        background-color: #FFFFCC;
}

.subfieldvalue {
        background-color : #FFFFFF;
}

.menu {
        color : #CCCC99;
}

.menu a:link, #members a:link {
        color : #CCFF66;
}

.menu a:visited, #members a:visited {
        color : #CCFF66;
}

.menu a:hover, #members a:hover {
        color : #FFFFCC;
}

.menu a:active, #members a:active {
        color : #FFFFCC;
}

.opac-detail {
        background-color : #FFFFCC;
}

em.new {
        color : #CC3333;
}

.note {
        background-color : #E7E7CA;
        border-left : 1px solid #FFFFCC;
        border-top : 1px solid #FFFFCC;
        border-right : 1px solid #999900;
        border-bottom : 1px solid #999900;
}

.opac-detail dd {
        border-bottom : 1px solid #E7E7CA;
        color : #000000;
}

.submit {
        background-color : #CC6600;
        color : #FEEDDB;
}

input.icon {
        background-color : #CC6600;
        color : #FEEDDB;
}

#footer {
        border-top : 1px solid #000000;
}

#main {
        background-color : #CCCC99;
        border-left : 1px solid #CCCC99;
}

#window {
        background-color : #CCCC99;
        border-left : 1px solid #CCCC99;
}

#masthead {
        background-color : #339999;
}

#nav {
        background-color : #CCCC99;
}

#nav ul li {
        background-color : #D8DEB8; /*width : 100%;*/
        border-bottom : 1px solid #CCCC99;
        border-left : 0 solid #FFFFCC;
        border-right : 0 solid #006699;
        border-top : 0 solid #FFFFCC;
}

#nav ul li+li {
        border-bottom : 1px solid #CCCC99;
        border-left : 0 solid #FFFFCC;
        border-right : 0 solid #006699;
}

#nav li ul li {
        background-color : #E7E7CA;
        border-bottom : 1px solid #D8DEB8;
        border-left : 0 solid #FFFFCC;
        border-right : 0 solid #006699;
        border-top : 0 solid #FFFFCC;
}

#nav li ul li a {
        color: Blue;
}

#nav li ul li a:link {
        color: #359;
}

#nav li ul li a:visited {
        color: #359;
}

#nav li ul li a:hover {
        color: #CC3333;
}

#results, .results {
        color : #000066;
}

#sidebar {
        background-color : #EFF1DC;
        border : 1px dashed #CCCC99;
}

#sidebar h3 {
        color : #000066;
}

#sidebar .submit {
        background-color : #CC6600;
        color : #FEEDDB;
}

#search-sidebar {
        background-color : #FFFFCC;
}

.sidebar-box {
        border : 1px dashed #CCCC99;
}

.issued {
        color : #999999;
}

.overdue {
        color : #cc0000;
}
        
#members {
        background-color : #339999;
        border : 0px dashed #666666;
        color : #000066;
        }

#members a.logout {
        background-color : #FFDD75;
        color : Black;
}

#members a:hover.logout {
        background-color : #FFCC33;
}

.loggedinusername {
        color : #D8DEB8;
}       

#itemReviews dt {
        border-bottom: 1px solid #ddd;
}