# HG changeset patch # User robcast # Date 1352483746 -3600 # Node ID a5699754288befbdfe209035724c953bab19e870 # Parent f14220f939d522667ab4f437d1427ca2fc81b340 use css standard color names (from http://en.wikipedia.org/wiki/Web_colors). new colors for area annotation. diff -r f14220f939d5 -r a5699754288b webapp/src/main/webapp/jquery/jquery.digilib.css --- a/webapp/src/main/webapp/jquery/jquery.digilib.css Fri Nov 09 18:53:13 2012 +0100 +++ b/webapp/src/main/webapp/jquery/jquery.digilib.css Fri Nov 09 18:55:46 2012 +0100 @@ -21,7 +21,7 @@ } div.dl-digilib div.dl-scaler { - background-color: grey; + background-color: gray; z-index: 0; width: 0px; height: 0px; @@ -78,12 +78,26 @@ z-index: 10; } +div.dl-digilib div.dl-annotationregion { + background-color: rgba(255, 255, 10, 0.3); + /* border: 1px solid black; */ + padding: 2px 4px; + color: black; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 11px; +} +div.dl-digilib div.dl-annotationregion:hover { + background-color: transparent; + border: 2px solid yellow; +} + div.dl-digilib div.dl-about { position: absolute; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; - border: 2px solid lightcyan; - background-color: lightgrey; + border: 2px solid aqua; + background-color: silver; text-align: center; display: none; z-index: 100; @@ -159,7 +173,7 @@ div.dl-digilib #dl-calibration { background: url('img/blue.png'); position: absolute; - border: 2px solid lightcyan; + border: 2px solid aqua; width: 400px; display: none; z-index: 100; @@ -173,19 +187,10 @@ font-size: 12px; font-weight: bold; text-align: center; - color: lightcyan; + color: aqua; background: url('img/ruler-top.gif') 0px -1px repeat-x; } -/* annotations */ -div.dl-digilib div.dl-annotationregion { - background-color: rgba(255, 255, 10, 0.3); - border-radius: 5px; - border: 1px solid black; - padding: 2px 4px; - font-weight: bold; -} - div.dl-digilib #dl-cm { padding: 5px; } @@ -202,7 +207,7 @@ div.dl-digilib .dl-error { color: red; - background-color: darkred; + background-color: maroon; } div.dl-digilib button.dl-button { @@ -217,13 +222,13 @@ div.dl-digilib table.dl-rgbslider td.dl-rgb { width: 40%; padding: 6px; - border: 2px solid lightcyan; + border: 2px solid aqua; } div.dl-digilib div.dl-rgbslider { display: none; - border: 2px solid lightcyan; - background-color: lightgrey; + border: 2px solid aqua; + background-color: silver; width: 400px; padding: 10px; position: absolute; @@ -231,7 +236,7 @@ } div.dl-digilib div.dl-rgbsliderpreview, div.dl-digilib div.dl-singlesliderpreview { - border: 2px solid lightcyan; + border: 2px solid aqua; margin: 10px 0px; } @@ -253,8 +258,8 @@ } div.dl-digilib td.dl-color div { - color: lightcyan; - border: 2px solid lightcyan; + color: aqua; + border: 2px solid aqua; text-align: center; padding: 20px 0px; margin: 0px 20px 20px 0px; @@ -274,8 +279,8 @@ div.dl-digilib div.dl-singleslider { display: none; - border: 2px solid lightcyan; - background-color: lightgrey; + border: 2px solid aqua; + background-color: silver; width: 300px; padding: 10px; position: absolute; @@ -283,7 +288,7 @@ } div.dl-digilib div.dl-slider { - border: 1px solid lightcyan; + border: 1px solid aqua; margin: 30px; z-index: 100; height: 6px; @@ -296,9 +301,9 @@ padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; - border: 2px solid lightcyan; + border: 2px solid aqua; color: black; - background-color: lightgrey; + background-color: silver; width: 300px; z-index: 100; } @@ -312,8 +317,8 @@ } .dl-infobutton { - background-color: lightcyan; - color: grey; + background-color: aqua; + color: gray; padding: 0px 4px; } @@ -385,7 +390,7 @@ right: 0px; top: 0px; padding: 1px; - background-color: grey; + background-color: gray; opacity: 0.5; z-index: 100; } @@ -395,7 +400,7 @@ } div.dl-digilib.dl-embedded div.dl-button-on { - background-color: darkgreen; + background-color: green; } div.dl-digilib.dl-embedded div.dl-birdview {