From 21c1e42a7bf8a82009500c0dfec1ed7dd3b276ed Mon Sep 17 00:00:00 2001 From: oleonard Date: Wed, 1 Mar 2006 20:12:05 +0000 Subject: [PATCH] Moving all color declarations (font, border, and backgrounds) into separate stylesheet --- .../opac-tmpl/npl/en/includes/colors.npl.css | 404 ++++++++++++++++++ koha-tmpl/opac-tmpl/npl/en/includes/opac.css | 189 +------- 2 files changed, 405 insertions(+), 188 deletions(-) create mode 100644 koha-tmpl/opac-tmpl/npl/en/includes/colors.npl.css diff --git a/koha-tmpl/opac-tmpl/npl/en/includes/colors.npl.css b/koha-tmpl/opac-tmpl/npl/en/includes/colors.npl.css new file mode 100644 index 0000000000..786316ec5b --- /dev/null +++ b/koha-tmpl/opac-tmpl/npl/en/includes/colors.npl.css @@ -0,0 +1,404 @@ +/* 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; +} + diff --git a/koha-tmpl/opac-tmpl/npl/en/includes/opac.css b/koha-tmpl/opac-tmpl/npl/en/includes/opac.css index 9478827e22..5f01d0e9dd 100644 --- a/koha-tmpl/opac-tmpl/npl/en/includes/opac.css +++ b/koha-tmpl/opac-tmpl/npl/en/includes/opac.css @@ -1,23 +1,8 @@ a { - color : #006699; font-weight : bold; } -a:active { - color : #990033; -} - -a:visited { - color : #006699; -} - -a:hover { - color : #990033; -} - a:link.current { - background-color : transparent; - color : #3366CC; font-size : 12px; font-weight : bold; padding : 1px 5px 1px 5px; @@ -25,8 +10,6 @@ a:link.current { } a:hover.current { - background-color : #CCFF00; - color : #CC3333; font-size : 12px; font-weight : bold; padding : 1px 5px 1px 5px; @@ -34,8 +17,6 @@ a:hover.current { } a:visited.current { - background-color : transparent; - color : #3366CC; font-size : 12px; font-weight : bold; padding : 1px 5px 1px 5px; @@ -43,8 +24,6 @@ a:visited.current { } a:active.current { - background-color : #99CC00; - color : #FFFF99; font-size : 12px; font-weight : bold; padding : 1px 5px 1px 5px; @@ -52,8 +31,6 @@ a:active.current { } a:link.nav { - background-color : #FFFFCC; - color : #3366CC; font-size : 12px; font-weight : bold; padding : 1px 5px 1px 5px; @@ -61,8 +38,6 @@ a:link.nav { } a:hover.nav { - background-color : #CCFF00; - color : #CC3333; font-size : 12px; font-weight : bold; padding : 1px 5px 1px 5px; @@ -70,8 +45,6 @@ a:hover.nav { } a:active.nav { - background-color : #99CC00; - color : #FFFF99; font-size : 12px; font-weight : bold; padding : 1px 5px 1px 5px; @@ -79,8 +52,6 @@ a:active.nav { } a:visited.nav { - background-color : #FFFFCC; - color : #3366CC; font-size : 12px; font-weight : bold; padding : 1px 5px 1px 5px; @@ -88,16 +59,12 @@ a:visited.nav { } .menu a:link.logout { - background-color : #FFDD75; - color : Black; font-weight : bold; padding : 3px 15px 3px 15px; text-decoration : none; } .menu a:active.logout { - background-color : #FFDD75; - color : Black; font-weight : bold; padding : 3px 15px 3px 15px; text-decoration : none; @@ -105,30 +72,24 @@ a:visited.nav { .menu a:visited.logout { - background-color : #FFDD75; - color : Black; font-weight : bold; padding : 3px 15px 3px 15px; text-decoration : none; } .menu a:hover.logout { - background-color : #FFCC33; - color : Black; font-weight : bold; padding : 3px 15px 3px 15px; text-decoration : none; } body { - background-color : #339999; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; margin : 0; padding : 0; } caption { - color : #000066; font-family : arial,helvetica; font-size : 140%; font-weight : bold; @@ -138,8 +99,6 @@ caption { } div.form, div.details { - background-color : #FFFFCC; - border : 0px dotted #333333; margin : 0 auto; padding : 5px; width : 95%; @@ -168,7 +127,6 @@ form { } h1,h2,h3,h4,h5,h6 { - color : #000066; font-family : arial, geneva, helvetica, sans-serif; margin : 0; } @@ -179,7 +137,6 @@ h1 { } h1.logo { - color : #D3DFAD; display : inline; margin : 10px 0 0 10px; } @@ -240,8 +197,6 @@ p { } p.error, div.error { - background-color : #FFFFCC; - border : 1px dashed #cc6600; font-size : 1.05em; font-weight : normal; margin : auto; @@ -258,76 +213,50 @@ p.error+p.error, div.error+div.error { margin-top : 5px; } -div.error h3 { - color : #990000; -} - div.error li { margin-bottom : .5em; } table { - background-color : #FFFFCC; - border-bottom : 0 solid #000000; border-collapse : collapse; - border-left : 0 solid #000000; margin : 5px 0 5px 0; padding : 0; - width : 100%; w\idth:auto; + width : 100%; } td { - border-bottom : 1px solid #E7E7CA; - border-right : 1px solid #E7E7CA; font-size : .90em; padding : 5px 5px 5px 5px; } th { - background-color : #D8DEB8; - border-bottom : 1px solid #000000; - border-right : 1px solid #000000; font-size : 12px; font-weight : bold; padding : 5px 5px 5px 5px; } th:last-child { - background-color : #D8DEB8; - border-bottom : 1px solid #000000; - border-right : 0 solid #000000; font-size : 14px; font-weight : bold; padding : 5px 5px 5px 5px; } th[scope="row"] { - background-color : #E7E7CA; font-size : 60%; font-weight : normal; text-align : right; } -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; padding : 2px 2px 2px 4px; text-align : right; } td.label, div.form th, div.details th { - background-color : #FFC; - border-bottom : 1px solid #E7E7CA; - border-left : 1px solid #E7E7CA; border-right : 0; border-top : 0; - color : #000088; font-weight : bold; padding : 2px 2px 2px 4px; text-align : left; @@ -339,25 +268,16 @@ div.details td.details { } td.label { - border-bottom : 1px solid #E7E7CA; - border-left : 1px solid #E7E7CA; - color : #000088; font-weight : bold; line-height : 1.5em; padding : 4px; } td:last-child { - border-bottom : 1px solid #E7E7CA; - border-right : 0 solid #E7E7CA; font-size : 12px; padding : 5px 5px 5px 5px; } -tr.highlight { - background-color : #FFFFFF; -} - .rejected { text-decoration: line-through; } @@ -367,7 +287,6 @@ tr.highlight { } .content-block { - background-color : #FFFFCC; margin : 15px; padding : 5px; width : 90%; @@ -379,8 +298,6 @@ tr.highlight { } .current { - background-color : #FFFFFF; - color : #3366CC; font-size : 12px; font-weight : bold; padding : 1px 5px 1px 5px; @@ -396,17 +313,13 @@ div.bookcover { } .further { - color: #CCCC99; float: right; font-size : 80%; - border: 2px solid #D8DEB8; margin : 5px; width : 30%; - background-color : #E7E7CA; } .further h4 { - background-color : #D8DEB8; padding : 2px; } @@ -416,7 +329,6 @@ div.bookcover { } .further li { - border-bottom : 1px solid #CCCC99; padding : 2px 0; } @@ -424,7 +336,6 @@ div.bookcover { float: right; padding: 5px; margin-left : 15px; - background-color : #E7E7CA; text-align: center; width : 35%; } @@ -436,7 +347,6 @@ div.bookcover { } .operations { - border : 0px solid aqua; font-size: 90%; text-align: center; margin-top: 7px; @@ -445,7 +355,6 @@ div.bookcover { } .operations ul { - border: 0px solid lime; margin: 0; padding : 0; width: 90%; @@ -458,25 +367,15 @@ div.bookcover { } .operations li a, .operations li a:visited { - border: 2px solid #D8DEB8; border-style: outset; - color: #E7E7CA; display: block; - background-color : #CC6600; background-repeat : no-repeat; background-position : top left; padding: 3px 3px 3px 26px; text-decoration: none; } -.operations li a:hover { - color: #FFFFCC; - background-color: #FF9933; -} - .operations li a:active { - color: : #FFFFCC; - background-color: #FF9933; border-style: inset; } @@ -486,45 +385,37 @@ div.bookcover { } .loggedin { - color : #D8DEB8; font-weight : bold; } .marctag { font-family : Arial, Geneva, sans-serif; - color : #000000; - background-color : #E7E7CA; margin : 1px; padding : 3px; } .marcsubfieldletter { font-family : Arial, Geneva, sans-serif; - background-color: #EFF1DC; padding : 3px; } .marcsubfieldname { font-family : Arial, Geneva, sans-serif; - background-color: #FFFFCC; padding : 3px; } .subfield { font-family : Arial, Geneva, sans-serif; - background-color: #FFFFCC; padding : 3px; } .subfieldvalue { font-family : Arial, Geneva, sans-serif; font-weight : bold; - background-color : #FFFFFF; padding : 3px; } .menu { - color : #CCCC99; margin-bottom : 5px; margin-left : 15px; margin-right : 10px; @@ -535,22 +426,18 @@ div.bookcover { } .menu a:link, #members a:link { - color : #CCFF66; padding : 2px; } .menu a:visited, #members a:visited { - color : #CCFF66; padding : 2px; } .menu a:hover, #members a:hover { - color : #FFFFCC; padding : 2px; } .menu a:active, #members a:active { - color : #FFFFCC; padding : 2px; } @@ -580,12 +467,10 @@ div.bookcover { } .opac-detail { - background-color : #FFFFCC; padding : 4px; } em.new { - color : #CC3333; font-weight : bold; font-style : normal; } @@ -595,11 +480,6 @@ em.new { } .note { - background-color : #E7E7CA; - border-left : 1px solid #FFFFCC; - border-top : 1px solid #FFFFCC; - border-right : 1px solid #999900; - border-bottom : 1px solid #999900; font-size : 12px; margin : 10px auto; padding : 4px 4px 4px 4px; @@ -611,8 +491,6 @@ div.notes { } .opac-detail dd { - border-bottom : 1px solid #E7E7CA; - color : #000000; display : block; line-height : 1.5em; padding : 4px; @@ -620,8 +498,6 @@ div.notes { } .submit { - background-color : #CC6600; - color : #FEEDDB; font-family : verdana,arial,hevetica; font-size : small; font-weight : bold; @@ -637,8 +513,6 @@ div.notes { input.icon { background-position: left; background-repeat: no-repeat; - background-color : #CC6600; - color : #FEEDDB; font-family : verdana,arial,hevetica; font-size : small; font-weight : bold; @@ -723,13 +597,10 @@ input.edit, a.edit { } #footer { - border-top : 1px solid #000000; clear : both; } #main { - background-color : #CCCC99; - border-left : 1px solid #CCCC99; margin-left : 20%; margin-right : 2%; margin-top : 2%; @@ -738,8 +609,6 @@ input.edit, a.edit { } #window { - background-color : #CCCC99; - border-left : 1px solid #CCCC99; margin-left : 2%; margin-right : 2%; margin-top : 2%; @@ -757,12 +626,10 @@ input.edit, a.edit { } #masthead { - background-color : #339999; margin : 0 0 0 5px; } #nav { - background-color : #CCCC99; float : left; margin : 2% 0% 0% 1%; padding : 0; @@ -782,11 +649,6 @@ input.edit, a.edit { } #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; font-family : Arial, Geneva, Helvetica, sans-serif; font-size : .8em; list-style : none; @@ -796,18 +658,10 @@ input.edit, a.edit { } #nav ul li+li { - border-bottom : 1px solid #CCCC99; - border-left : 0 solid #FFFFCC; - border-right : 0 solid #006699; margin : 0; } #nav li ul li { - background-color : #E7E7CA; /*width : 100%;*/ - border-bottom : 1px solid #D8DEB8; - border-left : 0 solid #FFFFCC; - border-right : 0 solid #006699; - border-top : 0 solid #FFFFCC; font-family : Arial, Helvetica, sans-serif; font-size : 1.1em; list-style : none; @@ -817,27 +671,13 @@ input.edit, a.edit { } #nav li ul li a { - color: Blue; font-family : Tahoma; font-size : .99em; font-weight : bold; text-decoration : none; } -#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; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 80%; margin : 0; @@ -845,9 +685,7 @@ input.edit, a.edit { } #sidebar { - background-color : #EFF1DC; width : 20%; - border : 1px dashed #CCCC99; margin : 20px; padding : 5px; float : right; @@ -855,7 +693,6 @@ input.edit, a.edit { } #sidebar h3 { - color : #000066; font-family : arial,helvetica; font-size : 110%; margin : 0; @@ -863,8 +700,6 @@ input.edit, a.edit { } #sidebar .submit { - background-color : #CC6600; - color : #FEEDDB; font-family : verdana,arial,hevetica; font-size : 80%; font-weight : bold; @@ -872,7 +707,6 @@ input.edit, a.edit { } #search-sidebar { - background-color : #FFFFCC; width : 33%; margin : 10px; padding : 3px; @@ -881,7 +715,6 @@ input.edit, a.edit { } .sidebar-box { - border : 1px dashed #CCCC99; margin-bottom : 15px; } @@ -898,12 +731,7 @@ input.edit, a.edit { padding : 0; } -.issued { - color : #999999; -} - .overdue { - color : #cc0000; font-weight : bold; } @@ -914,12 +742,8 @@ span.print { } #members { -/* background-color : transparent;*/ - background-color : #339999; - border : 0px dashed #666666; font-size : .85em; font-weight : bold; - color : #000066; position : absolute; top : 0; right : 0; @@ -931,21 +755,11 @@ span.print { } #members a.logout { - background-color : #FFDD75; - color : Black; font-weight : bold; padding : 0 .3em 0 .3em; text-decoration : none; } -#members a:hover.logout { - background-color : #FFCC33; -} - -.loggedinusername { - color : #D8DEB8; -} - .clear { clear : both; line-height : .1em; @@ -962,7 +776,6 @@ span.print { } #itemReviews dt { width: 8em; - border-bottom: 1px solid #ddd; } #starMT { -- 2.39.5