fd072528d2
* Narrative web: Some improvements - Event type, Date and place in bold - Family events shifted one column on the left - ancestortree css file before narrative-screen to allow modification - Adaptation for all themes Fixes #11393 * Narrative web: forgot a comma during last merge * Allow scrolling if the ancestor tree is too large * Translation of alternate stylesheets name * Crash when using the family map * Translate only the css title, not the file name * Some minor corrections to css files * Narrative web: open layers optimizations * Narrative web: open layers and link in popup * Narrative web: some events missing in popup * Narrative web: Reference date column too large. Allow the place title to use the maximum of width * NarrativeWeb: shift children from one column - adapt the css files to the new table - some inconsistencies between the source and the css * Make the drop down menu button size usable * NarrativeWeb: Incorrect rendering when use of alternate place name * NarWeb: removing the unused image heigth option * Click on image link gives a not found URL. If the image used in home, introduction or contact page is not already associated by a filtered object, we have a 404 error * NarWeb: Index images and thumbnails pages optional * Narweb: Improper Notes subtitle in web pages * Narweb: List index truncated after 999 * Narweb: NarrativeWeb usage enhancements * Narweb: avoid duplicate files in archive. * Narweb: Add an optional news and updates page: When you have a big database and you make intensive updates, it's useful to have a list of the last modified objects. you can select the period to show and how many records to see per object type. * Narweb: forgot to add the module updates.py * Narweb: some minor changes (pylint, img index bug) * Popups don't work with the last openlayers version It only needs to move the scripts at the end of the html body. Use addEventListener instead of onload in the html body statement. * Narweb: some popup problems * Narweb: better score for pylint
131 lines
3.9 KiB
CSS
131 lines
3.9 KiB
CSS
/*
|
|
#
|
|
# Gramps - a GTK+/GNOME based genealogy program
|
|
#
|
|
# Copyright (C) 2012 Rob G. Healey <robhealey1@gmail.com>
|
|
#
|
|
# This program is free software; you can redistribute it and/or modify
|
|
# it under the terms of the GNU General Public License as published by
|
|
# the Free Software Foundation; either version 2 of the License, or
|
|
# (at your option) any later version.
|
|
#
|
|
# This program is distributed in the hope that it will be useful,
|
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
# GNU General Public License for more details.
|
|
#
|
|
# You should have received a copy of the GNU General Public License
|
|
# along with this program; if not, write to the Free Software
|
|
# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
|
#
|
|
#
|
|
*************************************************
|
|
GRAMPS Cascading Style Sheet
|
|
Style Name: Fade-Menus Style Sheet
|
|
*************************************************
|
|
|
|
Body Element
|
|
------------------------------------------------------ */
|
|
body {
|
|
background-color: #00029D;
|
|
color: #00029D;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Header
|
|
------------------------------------------------------ */
|
|
div#header {
|
|
border-bottom: solid 8px #13A926;
|
|
}
|
|
|
|
/* Fade Horizontal Navigation Menu
|
|
------------------------------------------------------ */
|
|
div.wrapper {
|
|
width: 100%;
|
|
height: 50px;
|
|
background : #464646;
|
|
background : -webkit-gradient(linear, left top, left bottombottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
|
|
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
|
|
border-top: 2px solid #939393;
|
|
position: relative;
|
|
}
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
ul.menu {
|
|
height: 80px;
|
|
border-left: 1px solid rgba(0,0,0,0.3);
|
|
border-right: 1px solid rgba(255,255,255,0.3);
|
|
float: left;
|
|
}
|
|
ul.menu li {
|
|
list-style-type: none;
|
|
float: left;
|
|
height: 45px;
|
|
text-align: center;
|
|
background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
|
|
background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
|
|
}
|
|
ul li a {
|
|
font: bold .9em "Helvetica, Courier, Arial, sans-serif, sans";
|
|
display: block;
|
|
padding: 0 6px;
|
|
border-left: 1px solid rgba(255,255,255,0.1);
|
|
border-right: 1px solid rgba(0,0,0,0.1);
|
|
text-align: center;
|
|
line-height: 45px;
|
|
background : -webkit-gradient(linear, left top, left bottombottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
|
|
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
|
|
-webkit-transition-property: background;
|
|
-webkit-transition-duration: 700ms;
|
|
-moz-transition-property: background;
|
|
-moz-transition-duration: 700ms;
|
|
text-decoration: none;
|
|
}
|
|
ul li a:hover {
|
|
background: transparent none;
|
|
color: #FFF;
|
|
}
|
|
ul li.CurrentSection a {
|
|
background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
|
|
background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
|
|
Color: #FFF;
|
|
}
|
|
|
|
/* Alphabet Navigation Menu
|
|
------------------------------------------------------ */
|
|
div#alphanav {
|
|
clear: both;
|
|
padding-top: 1px;
|
|
font: bold 1.2em/1.4 "sans, sans-serif";
|
|
}
|
|
div#alphanav ul {
|
|
float: left;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
background: #00029D;
|
|
border-top: 2px solid #13A926;
|
|
border-bottom: 2px solid #13A926;
|
|
}
|
|
div#alphanav li {
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#alphanav a {
|
|
display: block;
|
|
float: left;
|
|
padding: 6px 12px;
|
|
border-right: 1px solid #13A926;
|
|
border-left: 1px solid #13A926;
|
|
color: #FFF;
|
|
text-decoration: none;
|
|
}
|
|
div#alphanav a:hover, div#alphanav a:focus {
|
|
background: #FFF;
|
|
color: #000;
|
|
}
|