/* This css file contains code that is used on every page on the website */ /* ===================================================================== */ /* ==== */ /* BODY */ /* ==== */ body { background : url(../images/style_photos/tree_crown1.jpg) no-repeat top left ; background-attachment:fixed ; } /* ========= */ /* CONTAINER */ /* ========= */ #container { border : solid 3px navy ; width : 1034px ; background-color : silver ; margin : 0 auto 0 auto ; } /* ================= */ /* MAIN HEADER PANEL */ /* ================= */ #mainheadpanel { width : 1012px ; margin : 10px 0 5px 10px ; border-width : 1px ; border-style : solid ; border-color : navy ; background : url(../images/style_photos/sky_heading.jpg) ; } /* =============== */ /* MAIN MENU PANEL */ /* =============== */ /* ------------ */ /* Create panel */ /* ------------ */ #main_menu { width : 1012px ; height : 90px ; margin : 10px 0 5px 10px ; border-width : 1px ; border-style : solid ; border-color : navy ; background-color : #3366ff ; font-weight : bold ; } /* ------------------- */ /* Create menu buttons */ /* ------------------- */ ul.main_menu_1_items, ul.main_menu_2_items { padding : 0 0 0 0 ; list-style : none ; } ul.main_menu_1_items li, ul.main_menu_2_items li { float : left ; } ul.main_menu_1_items a, ul.main_menu_2_items a { display : block ; border-top : navy solid 1px ; border-bottom : navy solid 1px ; border-left : navy solid 1px ; background-color : #ccccff ; color : black ; text-align : center ; margin : 0 0 5px 0 ; text-decoration : none ; width : 120px ; } ul.main_menu_1_items li a:hover, ul.main_menu_2_items li a:hover { background-color : #ccffcc ; color: black ; } ul.main_menu_1_items .line_start, ul.main_menu_2_items .line_start { margin-left : 20px ; } ul.main_menu_1_items .line_end, ul.main_menu_2_items .line_end { border-right : navy solid 1px ; height : 21.5px ; } /* ----------------------------------------------------------------------------------- */ /* Set the background colour of the current location (For both main menu and sub-menu) */ /* ----------------------------------------------------------------------------------- */ #index #title_page_link, #introduction #introduction_link, #introduction_data_sources #introduction_link, #introduction_data_reliability #introduction_link, #introduction_dates #introduction_link, #introduction_copyright #introduction_link, #introduction_external_links_info #introduction_link, #contents #contents_link, #family_tree #family_tree_link, #surnames_notes #surnames_notes_link, #reports_intro_page #reports_intro, #reports_personal #reports_intro, #reports_general #reports_intro, #narratives_woolwich_family #narratives_link, #places_introduction #places_introduction_link, #places_list #places_introduction_link, #places_berkshire_introduction #places_introduction_link, #places_berkshire_ardington #places_introduction_link, #places_berkshire_fyfield #places_introduction_link, #places_berkshire_kingston_bagpuize_introduction #places_introduction_link, #places_berkshire_kingston_bagpuize_ancestors #places_introduction_link, #places_berkshire_kingston_bagpuize_post_office #places_introduction_link, #places_berkshire_kingston_bagpuize_newspapers #places_introduction_link, #places_berkshire_others #places_introduction_link, #places_hertfordshire_introduction #places_introduction_link, #places_london_introduction #places_introduction_link, #places_london_others #places_introduction_link, #places_london_stepney #places_introduction_link, #places_london_woolwich_introduction #places_introduction_link, #places_london_woolwich_common #places_introduction_link, #places_london_woolwich_old_cemetery #places_introduction_link, #places_london_woolwich_garrison_church #places_introduction_link, #places_london_woolwich_ra_barracks #places_introduction_link, #places_maps_berkshire_ardington #places_introduction_link, #places_maps_berkshire_others #places_introduction_link, #places_maps_berkshire_kingston_bagpuize #places_introduction_link, #places_maps_london_others #places_introduction_link, #places_maps_london_stepney #places_introduction_link, #places_maps_london_woolwich #places_introduction_link, #places_maps_scotland_banffshire #places_introduction_link, #places_maps_scotland_south_ronaldsay #places_introduction_link, #places_maps_suffolk #places_introduction_link, #places_maps_suffolk_views_a_to_c #places_introduction_link, #places_maps_suffolk_views_d_to_l #places_introduction_link, #places_maps_suffolk_views_m_to_z #places_introduction_link, #places_maps_surrey #places_introduction_link, #places_scotland_introduction #places_introduction_link, #places_scotland_banffshire #places_introduction_link, #places_scotland_south_ronaldsay #places_introduction_link, #places_suffolk_introduction #places_introduction_link, #places_surrey_introduction #places_introduction_link, #places_gazetteers #places_introduction_link, #places_others #places_introduction_link, #occupations_introduction #occupations_introduction_link, #occupations_list #occupations_introduction_link, #occupations_rn_introduction #occupations_introduction_link, #occupations_rn_ships #occupations_introduction_link, #occupations_rn_ships_misc #occupations_introduction_link, #occupations_rn_field_gun #occupations_introduction_link, #occupations_rn_medals_and_docs #occupations_introduction_link, #occupations_rn_uniform #occupations_introduction_link, #occupations_ra_introduction #occupations_introduction_link, #occupations_light_dragoons #occupations_introduction_link, #occupations_others #occupations_introduction_link, #stories #stories_link, #stories_1849 #stories_link, #stories_ww2 #stories_link, #stories_scouting_intro #stories_link, #stories_scouting_cubs #stories_link, #stories_scouting_scouts #stories_link, #stories_schools #stories_link, #stories_religion #stories_link, #stories_fox #stories_link, #stories_bowls #stories_link, #stories_visiting_grandparents #stories_link, #stories_transport #stories_link, #stories_harry_jeffries #stories_link, #stories_xmas #stories_link, #stories_maps #stories_link, #narratives_introduction #narratives_link, #narratives_jeffries_henry_parentage #narratives_link, #narratives_jeffries_henry_intro #narratives_link, #narratives_jeffries_henry_ancestors #narratives_link, #narratives_jeffries_ann_ancestors #narratives_link, #narratives_jeffries_henry_sons #narratives_link, #narratives_jeffries_henry_sons_james #narratives_link, #narratives_jeffries_henry_sons_john #narratives_link, #narratives_jeffries_henry_sons_william #narratives_link, #narratives_jeffries_henry_sons_jonathan #narratives_link, #narratives_jeffries_henry_sons_henry #narratives_link, #narratives_jeffries_henry_sons_benjamin #narratives_link, #narratives_jeffries_henry_sons_moses #narratives_link, #narratives_lakedale_road #narratives_link, #photos #photographs_link, #certs #certificates_link, #census_information #census_information_link, #census_1821 #census_information_link, #census_records #census_information_link, #links #links_link, #acknowledgements #acknowledgements_link, #amendments #amendments_link, #sub_menu #sub_menu_link { background-color : white ; } /* ============ */ /* SEARCH PANEL */ /* ============ */ /* ------------ */ /* Create panel */ /* ------------ */ div#search { float : left ; width : 186px ; height : 50px ; margin : 8px 8px 0 10px ; padding : 8px 0 8px 14px ; border-width : 1px ; border-style : solid ; border-color : navy ; background-color : #3366ff ; } /* ----------------- */ /* Set entry details */ /* ----------------- */ div#search p#enter { margin : 0 0 0 10px ; } div#search p#enter input { background-color : silver ; color : black ; } div#search p#send { margin : 5px 0 0 15px ; } div#search p#send input { background-color : #ccccff ; margin : 0 0 0 15px ; color : black ; } /* ================== */ /* SIDEBAR (SUB-MENU) */ /* ================== */ /* ------------ */ /* Create panel */ /* ------------ */ div#sidebar { float : left ; width : 199px ; margin : 90px 8px 0 -211px ; padding : 8px 0 8px 0 ; border-width : 1px ; border-style : solid ; border-color : navy ; background-color : #3366ff ; } /* ----------------------- */ /* Create Sub-Menu buttons */ /* ----------------------- */ /* Top Level */ #sub_menu, #sub_menu ul { /* all lists */ padding: 0 ; margin : 0 0 0 1px; list-style : none ; } #sub_menu ul li { /* all list items */ margin : 0 0 0 2px ; } #sub_menu li a { display : block ; width: 180px ; border : 1px solid black ; color : black ; background-color : #ccccff ; font-weight : bold ; text-decoration : none ; font-size : 85% ; line-height : 25px ; text-align : left ; padding-left : 5px ; font-family : Arial, "Times New Roman", san-serif ; margin : 0 0 0 5px ; } /* 2nd Level */ #sub_menu li li a { width: 160px ; margin : -1px 0 0 22px ; background-color : #ccccff ; } /*3rd Level */ #sub_menu li li li a { width: 145px ; margin : -1px 0 0 34px ; background-color : #ccccff ; } /*4th Level */ #sub_menu li li li li a { width: 128px ; margin : -1px 0 0 48px ; background-color : #ccccff ; } /* All levels - hover */ #sub_menu li a:hover { background-color : #ccffcc ; color: black ; } /* Set dividing line between sub-menu and validation buttons */ #sub_menu_divider { color : white ; } /* HTML and CSS validation icons at bottom of sidebar */ table#validation img { margin : 0 0 0 5px ; height : 31px ; width : 88px ; border : 0 ; } /* ----------------- */ /* No sub-menu panel */ /* ----------------- */ p#no_sub_menu { color : black ; background-color : #ccccff ; margin : 0 0 0 40px ; font-size : 16px ; border : solid black 2px ; width : 110px ; text-align : center ; } /* ----------------------------------------------------------------------------------- */ /* Background colour of the current location (For both main menu and sub-menu) */ /* ----------------------------------------------------------------------------------- */ /* See above in main menu section /* ============== */ /* CONTENTS PANEL */ /* ============== */ /* ------------ */ /* Create panel */ /* ------------ */ #contentspanel { width : 802px ; margin : 13px 0 10px 220px ; border-width : 1px ; border-style : solid ; border-color : navy ; color : black ; background-color : silver ; font-family : Arial , "Times New Roman", sans-serif ; font-weight : normal ; font-size : 16px ; background : url(../images/style_photos/hpsky2.jpg) no-repeat center center ; background-attachment:fixed ; } /* ------------ */ /* Set Headings */ /* ------------ */ /* ---------------- */ /* H1 - Title Panel */ /* ---------------- */ h1 { color : black ; text-align : center ; font-size : 45px ; font-family : "Vladimir Script", Arial, "Times New Roman", san-serif ; margin : -1px 0 4px 0 ; } /* ---------------------------------- */ /* H2 - H5 Headings in Contents Panel */ /* ---------------------------------- */ h2, h3, h4, h5 { color : black ; text-align : left ; line-height : 30px ; margin : 15px 0 15px 20px ; } /* --------------------------------------------- */ /* Text margins for paragraphs in Contents Panel */ /* --------------------------------------------- */ #contentspanel p { margin : 0 20px 8px 20px ; } /* ----------------------------------------------------------------- */ /* Set margins and remove bullet points for lists in Contents Panel */ /* ----------------------------------------------------------------- */ #contentspanel ul { margin-right : 20px ; list-style-type : none; } /* ----------------------------------------------- */ /* Span settings for Bold, Italics and Superscript */ /* ----------------------------------------------- */ span.italic { font-style : italic ; } span.bold { font-weight : bold ; } span.superscript { vertical-align:super ; font-size : 12px ; } /* ---------- */ /* Thumbnails */ /* ---------- */ p.thumbnails a img { border : 3px solid blue ; } p.thumbnails a:hover img { border : 3px solid yellow ; } /* ------- */ /* Buttons */ /* ------- */ /* -------------------*/ /* Top of Page Button */ /* -------------------*/ #pagetop a { width : 92px ; border : 2px solid navy ; color : black ; background-color : #ccccff ; font-weight : bold ; font-size : 80% ; line-height : 10px ; text-decoration : none ; text-align : center ; } #pagetop a:hover { background-color : white ; border-width : 2px ; border-style : solid ; border-color : blue ; color : black ; } /* ------------ */ /* Link Buttons */ /* ------------ */ /* No width is set - this is done in subsisiary files where required */ #button a { display : block ; border-width : 1px ; border-style : solid ; border-color : navy ; background-color : #ccccff ; text-decoration : none ; font-size : 90% ; line-height : 150% ; color : black ; padding-left : 3px ; margin : 0 0 3px 0 ; } #button a:hover { border-width : 1px ; border-style : solid ; border-color : navy ; background-color : #ccffcc ; color : black ; } /* ---------------- */ /* Non-Button Links */ /* ---------------- */ p a { text-decoration : none ; color : blue ; } p a:hover { color : maroon ; } /* ------ */ /* Quotes */ /*------- */ .quote { margin : 0 0 0 20px ; color : teal ; } .quote_author { margin : 0 0 0 20px ; color : gray ; }