diff --git a/src/data/Web_Basic-Blue.css b/src/data/Web_Basic-Blue.css index ec1ce45d7..7cb4ba4d3 100644 --- a/src/data/Web_Basic-Blue.css +++ b/src/data/Web_Basic-Blue.css @@ -1,3 +1,4 @@ +/* # # Gramps - a GTK+/GNOME based genealogy program # @@ -47,25 +48,41 @@ Females Web_Gender_Female.png NarrativeWeb Styles -------------------------------------------------------------------------------------------- */ body { - background-color :#FFF; - color: #000; + background-color: #000; + color: #FFF; } -div#alphabet ul li a, div#navigation ul li a, div#subnavigation ul li a { - color: #000; + +/* Menu Elements +-------------------------------------------------------------------------------------------- */ +div#alphabet ul, div#navigation ul, div#subnavigation ul { + background-color: #000; +} +div#alphabet ul li, div#navigation ul li, div#subnavigation ul li { + border-color: #13A926; +} +div#alphabet ul li a { + color: #FFF; + font: normal 16px/100% sans; +} +div#navigation ul li a, div#subnavigation ul li a { + color: #FFF; + font: normal 12px serif; } div#navigation ul li.CurrentSection a { - background-color: #00029D; + background-color: #13A926; color: #FFF; + font-weight: bold; + font-style: italic; } div#navigation ul li.CurrentSection a:hover { background-color: #BCEAF6; color: #000; } div#subnavigation ul li.CurrentSection a { - font-weight: bold; - font-style: italic; background-color: #BCEAF6; color: #000; + font-weight: bold; + font-style: italic; } div#subnavigation ul li.CurrentSection a:hover { background-color: #000; @@ -99,6 +116,8 @@ img { background:none; } .content { + background-color: #FFF; + color: #000; overflow: auto; width:965px; margin:0 auto; @@ -246,11 +265,11 @@ div#footer { clear:both; overflow:hidden; width:100%; + height: 60px; font-size:12px; line-height:130%; color:#FFF; - margin:0; - padding:15px 0 0 0; + margin-top: 0.5cm; background-color:#00029D; border-top:solid 8px #13A926; } diff --git a/src/data/Web_Navigation-Horizontal.css b/src/data/Web_Navigation-Horizontal.css index 935dc8b41..2edc0ff57 100755 --- a/src/data/Web_Navigation-Horizontal.css +++ b/src/data/Web_Navigation-Horizontal.css @@ -31,7 +31,7 @@ Style Name: Web_Navigation-Horizontal Stylesheet ----------------------------------------------------- */ body { margin: 0 auto; - padding: 0 14px 0 14px; + padding: 0px 14px 0px 14px; width: 965px; } @@ -51,53 +51,49 @@ div#alphabet ul { border-style: solid; } div#alphabet ul li { - border-right: solid 1px #000; + border-width: 0px 2px 0px 2px; + border-style: solid; margin: 0; float: left; } +div#alphabet ul li:first-child { + margin-left: 4px; + border-left: none; +} div#alphabet ul li a { display: block; padding: 4px 8px 4px 8px; float: left; - font: normal 16px/100% sans; margin: 0; - text-decoration: none; -} -div#alphabet ul li a:hover { - font-weight: bold; } -/* Navigation +/* Navigation/ Subnavigation ----------------------------------------------------- */ div#navigation, div#subnavigation { width: 100%; margin: 0; - padding: 0; } div#navigation ul, div#subnavigation ul { list-style: none; min-width: 900px; height: 24px; margin: 0; - padding: 0px 0px 0px 9px; + padding: 0px 0px 0px 18px; border-width: 2px 0px 2px 0px; border-style: solid; } div#navigation ul li, div#subnavigation ul li { + border-width: 0px 2px 0px 2px; + border-style: solid; float: left; } div#navigation ul li:first-child, div#subnavigation ul li:first-child { margin-left: 4px; - content: "| "; -} -div#navigation ul li:after, div#subnavigation ul li:after { - content: "| "; + border-left: none; } div#navigation ul li a, div#subnavigation ul li a { display: block; - padding: 4px; + padding: 4px 6px 4px 6px; float: left; - font: .8em bold italic small-caps verdana, serif; - text-decoration: none; margin: 0; }