/* --- [ History Files stylesheet ] --- */ p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, "MS sans serif"; } div { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, "MS sans serif"; } /* --[Media settings]-- */ /* #### Mobile Phones Portrait #### */ @media screen and (max-device-width: 480px) and (orientation: portrait) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 812px; } } /* #### Mobile Phones Landscape #### */ @media screen and (max-device-width: 640px) and (orientation: landscape) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 812px; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* This has to be set manually in BritishChurchesChecklist, RomanNotitiaEast, RomanNotitiaWest, ItalyPopes, ItalyRome, ItalyKingdom */ /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } } /* #### Mobile Phones Portrait and Landscape #### */ @media screen and (max-device-width: 640px) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 812px; } } /* #### iPhone 4+ Portrait #### */ @media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 812px; } } /* #### iPhone 4+ Landscape #### */ @media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) (orientation: landscape) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 812px; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* This has to be set manually in BritishChurchesChecklist, RomanNotitiaEast, RomanNotitiaWest, ItalyPopes, ItalyRome, ItalyKingdom */ /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } } /* #### iPhone 5 Portrait #### */ @media (orientation: portrait) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 812px; } } /* #### iPhone 5 Landscape #### */ @media (orientation: landscape) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 812px; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* This has to be set manually in BritishChurchesChecklist, RomanNotitiaEast, RomanNotitiaWest, ItalyPopes, ItalyRome, ItalyKingdom */ /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } } /* #### iPhone 6 and 6 plus Portrait #### */ @media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 812px; } } /* #### iPhone 6 and 6 plus Landscape #### */ @media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 812px; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* This has to be set manually in BritishChurchesChecklist, RomanNotitiaEast, RomanNotitiaWest, ItalyPopes, ItalyRome, ItalyKingdom */ /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } } /* #### Tablets Portrait #### */ @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 90%; } .Panel { width: 900px; } } /* #### Tablets Landscape #### */ @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 95%; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* This has to be set manually in BritishChurchesChecklist, RomanNotitiaEast, RomanNotitiaWest, ItalyPopes, ItalyRome, ItalyKingdom */ /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } } /* #### Desktops #### */ @media screen and (min-width: 1024px){ /* Main table - width of page layout was 782px. Changed to 812px. 2012 revamp changed to 900px */ /* This figure also has to be reset in header and footer tables and in 'Support' header */ /* Footer toolbar given edge-cell padding of 44px */ .hfwid { width: 812px; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* This has to be set manually in BritishChurchesChecklist, RomanNotitiaEast, RomanNotitiaWest, ItalyPopes, ItalyRome, ItalyKingdom */ /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } } /* Features & King List headers */ table { text-align: left; } /* Footer black bar*/ .hfwidf { width: 900px; } .hfbdrL { border-top:0px solid #000000; border-bottom:0px solid #000000; border-left:1px solid #000000; border-right:0px solid #000000; } .hfbdrR { border-top:0px solid #000000; border-bottom:0px solid #000000; border-left:0px solid #000000; border-right:1px solid #000000; } .bdhere { background-image:url('../images/topbanners/historyFiles_HomeBacking01.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; } .hftop { width: 766px; } .hfedge { width: 23px; } .hfmain { width: 539px; } .hfmaincol1 { width: 112px; } .hfmaincol2 { width: 425px; } .hfmainst1 { width: 268px; } .hfmainst2 { width: 269px; } .hfctr { width: 23px; } .hfside { width: 206px; } /* Help page variables*/ .hfmain_tint { width: 524px; background-color: #F2E92D; } /* ---- IE width fixes ---- */ /* Photobox display */ .pbwidth { width: 740px; } /* Overall width hack */ .hfwid { _width:812px; } /* Page border on all pages and in footer */ .panel { _background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* This has to be set manually in BritishChurchesChecklist, RomanNotitiaEast, RomanNotitiaWest, ItalyPopes, ItalyRome, ItalyKingdom */ /* Page border for Bloody British History pages */ .panelbbh { _background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /*un-clicked link - red - all padding and margin values rem'd as they interfere with popup box numbers*/ a:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, "MS sans serif"; text-decoration: none; font-size: 12px; color: #960307; font-weight: normal; font-style: normal; } /*clicked link - orange*/ a:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, "MS sans serif"; text-decoration: none; font-size: 12px; color: #D55500; font-weight: normal; font-style: normal; } /*mouse pointer hovers over link - orange*/ a:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, "MS sans serif"; text-decoration: underline; font-size: 12px; color: #D55500; font-weight: normal; font-style: normal; } /*user goes BACK to hyperlink pages so hyperlink is still active - red*/ a:active { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, "MS sans serif"; text-decoration: none; font-size: 12px; color: #960307; font-weight: normal; font-style: normal; } /*Navigation bar - minor extra settings in substyles - also used for multi-page feature box-out index tables in sidebar*/ .navlink { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: normal; text-align: left; text-decoration: none; line-height: 14px; _padding-top: 2px; _padding-bottom: 4px; } .navlink a:link{ font-size: 10px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 10px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 10px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 10px; color: #FFFFFF; font-weight: normal; text-decoration: none; } /*Nav for black links on grey or white in footer - also used for dynasty dates on main index pages*/ .navneg { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-align: right; text-decoration: none; line-height: 13px; margin-left: 0px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; } .navneg a:link{ font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; } .navneg a:visited{ font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; } .navneg a:hover{ font-size: 11px; color: #000000; font-weight: normal; text-decoration: underline; } .navneg a:active{ font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; } .navnegm { _padding-right: 16px; } /*Hack for IE7 positioning to align it with 'Share'*/ .navcellg { background-color: #E7E6E5; } /*NavnoJava is used for all JavaScript is off messages, including in Churches pages with media */ .navnoJava { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; } .navnoJava a:link{ font-size: 12px; color: #960307; font-weight: normal; text-decoration: none; } .navnoJava a:visited{ font-size: 12px; color: #D55500; font-weight: normal; text-decoration: none; } .navnoJava a:hover{ font-size: 12px; color: #D55500; font-weight: normal; text-decoration: underline; } .navnoJava a:active{ font-size: 12px; color: #960307; font-weight: normal; text-decoration: none; } /*Nav for white links on black in footer*/ .navftr { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: normal; align: center; text-align: center; text-decoration: none; line-height: 14px; margin-top: 5px; margin-right: 5px; } .navftr a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navftr a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navftr a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navftr a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } /* --- [ Feed2js insert on index pages ] --- */ .boxlink2js { font-size: 12px; line-height: 18px; margin-top: 3px; margin-bottom: 0px; padding-bottom: 4px; border-bottom: 1px solid #E3E2E1; } .boxlink2js a:link{ font-size: 12px; font-weight: normal; text-decoration: none; } .boxlink2js a:visited{ font-size: 12px; font-weight: normal; text-decoration: none; } .boxlink2js a:hover{ font-size: 12px; font-weight: normal; text-decoration: underline; } .boxlink2js a:active{ font-size: 12px; font-weight: normal; text-decoration: none; } /*And this must be added to the section - write the title strng - in the feed2js.php file*/ /*p class=\"boxlink2js\" style=\"margin-left:0px; padding-left:7px; word-spacing:-0.10em;\"*/ /*a class=\"rss-item\" style=\"font-size:12px; line-height:15px;\" href=\""*/ /*find a display font that the user has available*/ CODE { font-family: verdana, Geneva, arial, helvetica, sans-serif; } body { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: bold; background-color: #FFFFFF; text-align: Justify; border: 0px solid #004665; margin-top: 0px; margin-left: 0px; margin-right: 0px; background-position: 0%; } /* --- [ Home page ] --- */ /* all in substyles or hfstyle: */ /* [ In Detail... ] section pictures*/ .cellpic { hspace: 0; margin-right: 0px; margin-left: 10px; float: right; text-align: right; valign: middle; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; width: 170px; height: 118px; margin-top: 9px; margin-bottom: 10px; } /* [ Feed2js ] header font for Features / Lists links - should match with UDbox in hfstyles01 & UDbox2jsF, below */ .UDbox2js { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 15px; font-weight: normal; text-align: left; text-decoration: none; line-height: 15px; color: #000000; margin-left: 6px; margin-right: 6px; margin-top: 6px; margin-bottom: 10px; } .UDbox2js a:link{ font-size: 15px; font-weight: normal; text-decoration: none; line-height: 15px; color: #960307; } .UDbox2js a:visited{ font-size: 15px; font-weight: normal; text-decoration: none; line-height: 15px; color: #D55500; } .UDbox2js a:hover{ font-size: 15px; font-weight: normal; text-decoration: underline; line-height: 15px; color: #D55500; } .UDbox2js a:active{ font-size: 15px; font-weight: normal; text-decoration: none; line-height: 15px; color: #960307; } .UDbox2jsF { font-size: 15px; } /* --- [ Features ] --- */ /* Title - old margin-right was 10*/ h1 { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 22px; color: #231F20; font-weight: normal; padding-bottom: 2px; padding-top: 14px; text-align: right; text-decoration: none; margin-left: 10px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; } /* Title strapline - old margin-right was 10*/ h2 { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 14px; color: #565759; font-weight: normal; font-style: normal; padding-bottom: 3px; padding-top: 0px; text-align: right; text-decoration: none; margin-left: 10px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; } /* Title author - old margin-right was 10*/ h2.author { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #565759; font-weight: normal; font-style: normal; padding-bottom: 70px; padding-top: 0px; text-align: right; text-decoration: none; margin-left: 10px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; } /* Main body text for feature pages, upload.php, search pages, etc*/ .textm { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; font-style: normal; text-decoration: none; line-height: 16px; text-align: justify; text-justify: auto; padding-left: 0px; padding-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-bottom: 12px; } .plum { font-family: verdana, Geneva, arial, helvetica, sans-serif; color: #880045; } .grey { font-family: verdana, Geneva, arial, helvetica, sans-serif; color: #555555; } /* Main text on home page and indices, plus main headings*/ .texthome { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 16px; padding-left: 0px; padding-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 12px; text-align: justify; text-justify:auto; } /* Main text non-justified, used in feature-lists and indices*/ .textleft { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 15px; padding-left: 0px; padding-bottom: 0px; margin-left: 10px; } /* Main text non-justified small, used in feature-lists*/ .textsml { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 13px; padding-left: 0px; padding-bottom: 0px; margin-left: 10px; margin-bottom: 11px; word-spacing: -1px; } /* Bullets*/ .textbulleted { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; text-indent: 0px; line-height: 16px; list-style-title: circle; padding-left: 0px; padding-bottom: 0px; margin-left: -15px; margin-top: 12px; margin-right: 0px; margin-bottom: 16px; } /* Quotes*/ .textquote { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 15px; padding-top: 5px; padding-bottom: 5px; margin-left: 10px; margin-bottom: 11px; } /* References and bibliographies*/ .textbiblio { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 13px; padding-left: 0px; padding-bottom: 2px; margin-left: 10px; margin-top: -6px; } .textbiblio a:link{ font-size: 11px; font-weight: normal; text-decoration: none; line-height: 13px; } .textbiblio a:visited{ font-size: 11px; font-weight: normal; text-decoration: none; line-height: 13px; } .textbiblio a:hover{ font-size: 11px; font-weight: normal; text-decoration: underline; line-height: 13px; } .textbiblio a:active{ font-size: 11px; font-weight: normal; text-decoration: none; line-height: 13px; } /*Page photo container - first used on revamped Hominid Chronology in 2016*/ .bodyImage { align: center; margin-left: 10px; margin-right: 0px; } .bodyImagecell { max-width: 530px; _width: 530px; } .bodyImagep { max-width: 530px; _height: 96px; _width: 530px; } /* Links in sidebar*/ /* Text above links is charcoal/grey. Colour on all pages controlled here (except for Multipage bar)*/ .sidelink { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: left; text-decoration: none; line-height: 14px; _line-height: 12px; color: #585858; } .sidelink a:link{ font-size: 10px; font-weight: normal; text-decoration: none; line-height: 14px; } .sidelink a:visited{ font-size: 10px; font-weight: normal; text-decoration: none; line-height: 14px; } .sidelink a:hover{ font-size: 10px; font-weight: normal; text-decoration: underline; line-height: 14px; } .sidelink a:active{ font-size: 10px; font-weight: normal; text-decoration: none; line-height: 14px; } /* Picture links with text underneath or alongside on main index page only - separate version in hfstyles*/ .sidelinkp { margin-right: 4px; } .sidelinkp a:link{ font-size: 10px; font-weight: normal; text-decoration: none; line-height: 13px; } .sidelinkp a:visited{ font-size: 10px; font-weight: normal; text-decoration: none; line-height: 13px; } .sidelinkp a:hover{ font-size: 10px; font-weight: normal; text-decoration: underline; line-height: 13px; } .sidelinkp a:active{ font-size: 10px; font-weight: normal; text-decoration: none; line-height: 13px; } .sidelinkt { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; text-align: left; text-decoration: none; line-height: 13px; } .sidelinkc { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; text-align: left; text-decoration: none; line-height: 13px; padding-right: 0px; } /* Used in Church Index */ .sidepic { hspace: 0px; margin-right: 4px; margin-top: 2px; margin-bottom: -1px; } .sidepicT { hspace: 0px; margin-right: 0px; margin-top: 2px; margin-bottom: -1px; } /* 'Latest' virtual include links*/ /* in substyles*/ /* Boxouts & popups in sidebar - all forms of boxout - red title bars are controlled in .sidetitle*/ /* in substyles*/ /* Reference boxouts in sidebar - used in conjunction with .pts in substyles*/ .sidebarft { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: normal; text-align: left; text-decoration: none; line-height: 13px; background-color: #AE1819; border-top: 0px solid #AE1819; border-bottom: 0px solid #AE1819; border-left: 0px solid #AE1819; border-right: 0px solid #AE1819; width: 200px; padding-left: 5px; padding-right: 5px; padding-top: 6px; padding-bottom: 6px; margin-bottom: 5px; } .sidebarno { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #DAA7A8; font-weight: normal; text-align: left; letter-spacing: 2px; padding-right: 2px; } .sidebarftlink a:link{ font-size: 10px; font-weight: 800; text-decoration: underline; margin: 0 0 0 0px; color: #FFFFFF; } .sidebarftlink a:visited{ font-size: 10px; font-weight: 800; text-decoration: underline; margin: 0 0 0 0px; color: #FFFFFF; } .sidebarftlink a:hover{ font-size: 10px; font-weight: 800; text-decoration: none; margin: 0 0 0 0px; color: #FFFFFF; } .sidebarftlink a:active{ font-size: 10px; font-weight: 800; text-decoration: underline; margin: 0 0 0 0px; color: #FFFFFF; } /* Reference boxouts in main body (especially Native North American Compendium)*/ .sidebarmb { background-color: #AE1819; border-top: 0px solid #AE1819; border-bottom: 0px solid #AE1819; border-left: 0px solid #AE1819; border-right: 0px solid #AE1819; width: 525px; padding-left: 5px; padding-right: 5px; padding-top: 6px; padding-bottom: 6px; margin-bottom: 5px; } .sidebarmbt { font-size: 22px; font-weight: bold; margin-left: 10px; } /* Multipage bar for features - replacement version in substyles*/ .mptable { margin-left: 10px; border-collapse: collapse; width: 527px; } .mpcell1 { background-color: #AE1819; padding-top: 1px; text-align: left; background-image:url('../images/support/historyFiles_redbar01.jpg'); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; } /*Background repeated from .cell */ .mpcell2 { font-family: verdana, Geneva, arial, helvetica, sans-serif; padding-right: 0px; background-color: #AE1819; padding-top: 1px; text-align: left; font-size: 10px; font-weight: normal; color: #F0DCDC; background-image:url('../images/support/historyFiles_redbar01.jpg'); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; } /*Background repeated from .cell */ .mpcell2 a:link{ background-color: #AE1819; padding-top: 1px; font-size: 10px; font-weight: bold; color: #FFFFFF; } .mpcell2 a:visited{ background-color: #AE1819; padding-top: 1px; font-size: 10px; font-weight: bold; color: #FFFFFF; } .mpcell2 a:hover{ background-color: #AE1819; padding-top: 1px; font-size: 10px; font-weight: bold; color: #FFFFFF; } .mpcell2 a:active{ background-color: #AE1819; padding-top: 1px; font-size: 10px; font-weight: bold; color: #FFFFFF; } .mpnumber { width: 57px; height: 18px; border: 0px none; } .mpsidelink { padding-left: 0px; padding-right: 0px; white-space: nowrap; } .mpspacer1 { width: 5px; height: 1px; border: 0px none; image:url('../images/NavMiniSpacer.gif'); } .mpspacer2 { width: 74px; height: 1px; border: 0px none; image:url('../images/NavMiniSpacer.gif'); } /* mplink is the same as sidelink except for bottom padding */ .mplink { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: left; text-decoration: none; line-height: 14px; color: #585858; padding-bottom: 5px; padding-top: 3px; padding-left: 0px; } .mplink a:link{ font-size: 10px; font-weight: bold; text-align: left; text-decoration: none; line-height: 14px; padding-bottom: 5px; padding-top: 3px; } .mplink a:visited{ font-size: 10px; font-weight: bold; text-align: left; text-decoration: none; line-height: 14px; padding-bottom: 5px; padding-top: 3px; } .mplink a:hover{ font-size: 10px; font-weight: bold; text-align: left; text-decoration: none; line-height: 14px; padding-bottom: 5px; padding-top: 3px; } .mplink a:active{ font-size: 10px; font-weight: bold; text-align: left; text-decoration: none; line-height: 14px; padding-bottom: 5px; padding-top: 3px; } /* Copyright disclaimer in footer zone, plus some footnotes in features, and GalleryLoading message*/ h6 { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; margin-left: 10px; margin-right: 10px; } h6 a:link{ font-size: 10px; } h6 a:visited{ font-size: 10px; } h6 a:hover{ font-size: 10px; } h6 a:active{ font-size: 10px; } /* Same as h6 apart from hyperlink font size for error messages where JavaScript isn't working & media error messages */ .jsoff { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #585858; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; margin-left: 10px; margin-right: 10px; } .jsoff a:link{ font-size: 11px; text-decoration: none; } .jsoff a:visited{ font-size: 11px; text-decoration: none; } .jsoff a:hover{ font-size: 11px; text-decoration: underline; } .jsoff a:active{ font-size: 11px; text-decoration: none; } /* Archives page selector text */ .arch { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; margin-left: 10px; margin-right: 0px; } .arch a:link{ font-size: 11px; text-decoration: none; } .arch a:visited{ font-size: 11px; text-decoration: none; } .arch a:hover{ font-size: 11px; text-decoration: underline; } .arch a:active{ font-size: 11px; text-decoration: none; } /* --- [ Sources ] --- */ /* Main text*/ .readinglists{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 12px; margin-bottom: 12px; padding-left: 0px; margin-right: 2px; } .readinglists a:link{ font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; line-height: 12px; } .readinglists a:visited{ font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; line-height: 12px; } .readinglists a:hover{ font-size: 11px; font-weight: normal; font-style: normal; text-decoration: underline; line-height: 12px; } .readinglists a:active{ font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; line-height: 12px; } /* --- [ General ] --- */ /* Tables within main text, ie. England's Oldest Town, brings them into alignment with margined text*/ .featuretable { margin-left: 10px; margin-top: 10px; text-align: left; } .featuretableB { margin-left: 10px; margin-top: 10px; margin-bottom: 0px; text-align: left; } /* Strip pictures within main text, ie. Northern Britain top pic, brings them into alignment with margined text*/ .featurestrip { margin-left: 10px; margin-right: 0px; text-align: center; } /* To select a kingdom, etc, text and maps to give them a left margin in line with normal text*/ .maptext { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; margin-left: 10px; } /* Bulleted List*/ .bulleted { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; list-style-type: disc } /* --- [ King List tables ] --- */ /*Table positioning and style*/ /* kinglist margin-left was 23px & then 17px - background-color: #ffffff; */ /* Long kinglists that need to have the background written into the page itself are: ItalyPopes, ItalyRome, GreeceAthens */ .kinglist { border-bottom:1px solid #F4F5F0; border-top:1px solid #F4F5F0; border-left:2px solid #585858; border-right:2px solid #585858; color: #000000; font-style: normal; text-align: left; text-decoration: none; margin-left: 6px; width: 751px; background-image:url('../images/support/historyBackgroundTexture.jpg'); border-collapse: collapse; } .kinglist a:link{ font-style: normal; text-align: left; } .kinglist a:visited{ font-style: normal; text-align: left; } .kinglist a:hover{ font-style: normal; text-align: left; } .kinglist a:active{ font-style: normal; text-align: left; } .klspacer { line-height: 100px; } /*List titles*/ .kingtitle { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 18px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; text-transform: normal; color: #231F20; } .kingtitlesml { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 15px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; text-transform: normal; color: #231F20; } .kingdates { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; text-transform: none; color: #565759; } .kingintro { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 16px; margin-bottom: 10px; } .kingintro a:link{ font-family: arial, helvetica, verdana, Geneva, sans-serif; } .kingintro a:visited{ font-family: arial, helvetica, verdana, Geneva, sans-serif; } .kingintro a:hover{ font-family: arial, helvetica, verdana, Geneva, sans-serif; text-decoration: underline; } .kingintro a:active{ font-family: arial, helvetica, verdana, Geneva, sans-serif; } /*List data*/ .kdText { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; text-align: right; text-decoration: none; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } /*was -7px and 8px and 0px and 0px*/ .kdPlum { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #5B002E; font-weight: normal; font-style: normal; text-align: right; text-decoration: none; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } /*was -7px and 8px and 0px and 0px*/ .kdGrn { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #006600; font-weight: bold; font-style: normal; text-align: right; text-decoration: none; } .kdRed { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #CC0000; font-weight: bold; font-style: normal; text-align: right; text-decoration: none; } .kdLtintro { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: right; text-decoration: none; line-height: 16px; margin-bottom: 10px; } .kdLt { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-align: right; text-decoration: none; } .kdLtGrey { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #808080; font-weight: bold; font-style: normal; text-align: right; text-decoration: none; } .klText { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #000000; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; background-image:url('../images/support/historyShadedLine.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin-left: -7px; padding-left: 7px; margin-top: -7px; padding-top: 8px; margin-bottom: -7px; padding-bottom: 6px; } /*was -7px and 8px and -12px and 12px*/ .klText a:link{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; } .klText a:visited{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; } .klText a:hover{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; text-align: left; text-decoration: underline; } .klText a:active{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; } .ksPlum { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #5B002E; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; } .klPlum { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #5B002E; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; background-image:url('../images/support/historyShadedLine.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin-left: -7px; padding-left: 7px; margin-top: -7px; padding-top: 8px; margin-bottom: -9px; padding-bottom: 10px; } /*was -7px and 8px and -12px and 14px*/ .klPlum a:link{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; } .klPlum a:visited{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; } .klPlum a:hover{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-align: left; text-decoration: underline; } .klPlum a:active{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; } .ksRed { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #CC0000; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; } .klRed { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #CC0000; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; background-image:url('../images/support/historyShadedLine.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin-left: -7px; padding-left: 7px; margin-top: -7px; padding-top: 8px; margin-bottom: -12px; padding-bottom: 8px; } .ksGrn { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #006600; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; } .klGrn { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #006600; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; background-image:url('../images/support/historyShadedLine.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin-left: -7px; padding-left: 7px; margin-top: -7px; padding-top: 8px; margin-bottom: -12px; padding-bottom: 8px; } .ksLtGrey { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #808080; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; } .klLtGrey { font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; color: #808080; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; background-image:url('../images/support/historyShadedLine.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin-left: -7px; padding-left: 7px; margin-top: -7px; padding-top: 8px; margin-bottom: -12px; padding-bottom: 8px; } .klLtGrey a:link{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: none; } .klLtGrey a:visited{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: none; } .klLtGrey a:hover{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: underline; } .klLtGrey a:active{ font-family: arial, helvetica, verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: none; } .klftable { margin-top: 16px; } /*Must remain intact for picture table positioning. Margin value is for IE only */ .kltble { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-align: left; font-weight: bold; text-decoration: none; line-height: 15px; margin-top: -7px; margin-left: -7px; margin-bottom: -15px; margin-right: -375px; } .klline { border-top: 1px solid #585858; border-bottom: 1px solid #585858; border-left: 1px solid #585858; border-right: 1px solid #585858; } .kltitle { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #E7E6E5; font-weight: normal; text-align: left; text-decoration: none; background-color: #AE1819; line-height: 16px; padding-top: 4px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #585858; border-left: 1px solid #585858; border-right: 1px solid #585858; width: 515px; } .kltitle a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; font-style: normal; text-decoration: none; } .kltitle a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; font-style: normal; text-decoration: none; } .kltitle a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; font-style: normal; text-decoration: underline; } .kltitle a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; font-style: normal; text-decoration: none; } .klspacer { font-size: 2px; padding-bottom: 8px; } /*Works in conjunction with .kltble margin-bottom for spacing*/ /* --- [ Popup windows ] --- */ /* all in substyles*/ /* --- [ Email a friend/Contact us ] --- */ /* all in substyles*/ /* --- [ Error Handling ] --- */ .vigaNo { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; line-height: 16px; padding-left: 0px; padding-bottom: 7px; padding-top: 3px; margin-left: 10px; margin-right: 0px; letter-spacing: 1px; } /* --- [ Guide ] --- */ /*Page & programme titles*/ .gdtitle { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 16px; color: #000000; font-weight: bold; padding-bottom: 0px; padding-top: 50px; padding-left: 0px; padding-right: 0px; text-align: center; } /*Body text*/ .gdtext { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: normal; padding-top: 0px; padding-left: -3px; padding-right: 0px; text-align: justify; } /*Cast text*/ .gdcast { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: normal; padding-top: 0px; padding-left: 0px; padding-right: 0px; text-align: center; margin-right: 0px; margin-left: 0px; } /*Guide Copyright Text*/ .gdcopyright { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-align: center; padding-right: 0px; margin-right: 0px; padding-bottom: 50px; } /*Guide links with no link yet*/ .gdnolink { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; margin: 0px; padding: 0px; text-align: left; } /*Guide quotes*/ .gdquote { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; } /*Jupiter Moon List Text*/ .gdlist { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-align: left; } /*Programme description text*/ .gddesc { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: normal; padding-top: 0px; padding-left: 40px; padding-right: 40px; text-align: justify; } /*Writer & Broadcast details*/ .gdbroad { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; padding-top: 0px; padding-left: 0px; padding-right: 0px; text-align: left; } /*Main text button text*/ .gdbutton { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; padding-top: 7px; padding-left: 0px; padding-right: 0px; } /*Episode Title plus borders*/ .gdeptitle { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-align: left; padding: 0px; border-top: 1px solid; border-bottom: 1px solid; margin-left: 0px; margin-right: 0px; margin-top: 40px; } /*Section titles*/ .gdsectitle { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 15px; color: #000000; font-weight: bold; padding-bottom: 0px; padding-top: 13px; padding-left: 10px; padding-right: 10px; text-align: left; } /*Footer text*/ .gdfooter { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; } /* --- [ Social bookmarking ] --- */ /* Share with icons in footer toolbar and help text */ .de_icon { margin-bottom:-2px; margin-top: 0px; border: 0px; width: 32px; height: 32px; margin-right: 0.06em; margin-left: 2px; } .dg_icon { margin-bottom:-2px; margin-top: 0px; border: 0px; width: 32px; height: 32px; margin-right: 0.06em; margin-left: 4px; } .fb_icon { margin-bottom:-2px; margin-top: 0px; border: 0px; width: 32px; height: 32px; margin-right: 0.06em; margin-left: 6px; } .my_icon { margin-bottom:-2px; margin-top: 0px; border: 0px; width: 32px; height: 32px; margin-right: 0.06em; margin-left: 6px; } .rd_icon { margin-bottom:-2px; margin-top: 0px; border: 0px; width: 32px; height: 32px; margin-right: 0.06em; margin-left: 6px; } .su_icon { margin-bottom:-4px; margin-top: 0px; border: 0px; width: 32px; height: 32px; margin-right: 0.06em; margin-left: 4px; } .tw_icon { margin-bottom:-4px; margin-top: 0px; border: 0px; width: 32px; height: 32px; margin-right: 0.06em; margin-left: 4px; } /* --- [ Gallery ] --- */ .hide { display: none; visibilty: hidden; } .galImg { margin-left: 5px; } .galSpacer { width: 5px; } /* Print Settings*/ /* Page backgound white while printing*/ @media print { BODY {background-color: white} } /* Page margin*/ @page{ margin: 5% }