/* --- [ History Files stylesheet ] --- */ /*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: 0px; background-position: 0%; } p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, "MS sans serif"; } div { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, "MS sans serif"; } /* --- [ History Files general settings - pre-loaded before media enquiries ] --- */ /* Site set up for the following widths for mobile displays : /* Narrow (to 450px) */ /* Wider (to 799px) */ /* Very wide (to 999px) */ /* General feature/index page settings - others are in the media settings, below */ .hftop { width: 100%; max-width: 766px; } .hfedge { width: 3%; } /* Feature side edges - max-width: 23px; */ .hfmain { width: 66%; } /* Feature main column - max-width: 539px; */ .hfmainidx { width: 66%; } /* max-width: 530px; */ .hfmainidxtint { width: 66%; background-color: #FBF696; } /* Yellow tint */ .hfmaincol1 { width: 12%; max-width: 112px; } /* Feature page date column */ .hfmaincol2 { width: 53%; max-width: 425px; } /* Feature page text column */ .hfmainst1 { width: 33%; max-width: 268px; } /* Notitia Dignitatum column 1 */ .hfmainst2 { width: 33%; max-width: 269px; } /* Notitia Dignitatum column 2 */ .hfctr { width: 3%; } /* max-width: 21px; Hidden for -499px displays */ .hfctridx { width: 3%; } /* max-width: 30px; Hidden for -499px displays */ .hfside { width: 25%; } /* max-width: 206px; Hidden for -499px displays */ #hfcont { display: none; } /* Hide 'continued' in hfmain */ .cellfocus { max-width: 265px; background-color: #E7E6E5; padding-bottom: 2px; } /* Grey tint for indices */ #mob_Show5 { display: none; } /* Hide front-page mobile footer */ #mob_Hide5 { } /* Show front-page desktop footer */ #desk_Foot { } /* Show desktop footer */ #mob_Foot { display: none; } /* Hide mobile footer */ .sidepic { width: 100%; height: auto; padding-bottom: 4px; } /* Controls pic responsiveness */ .sidepicol { width: 100%; height: auto; border: 1px solid #585858; } /* Controls pic with border */ /* HF front-page and general mobile and desktop switchover settings */ #mob_FrontShow1 { display: none; } /* Extra options for mobile */ /* Help page variables*/ .hfmain_tint { width: 524px; background-color: #FBF696; } /* Yellow tint */ /* Features & King List specials */ table { text-align: left; } .texthome { font-size: 12px; } .boxpicsmall { margin-left: 12px; margin-right: 0px; hspace: 0; border: 1px solid #000000; } .boxpicCell { padding-left: 14px; margin-left: 0px; } .boxdivpic1 { margin-left: 13px; margin-right: 0px; } /* Left was 28px */ .boxlink { margin-left: 0px; } #churchlabelx { display: none; } /* Hide alternative text for narrow mobiles */ /* Footer black bar - hfwidf is set for individual media devices above */ .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; } /* Churches pages 'full tour' badge main setup */ .fulltour { background-image:url('../../images/support/historyFiles_fullTour.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: 7px 33px; background-size: 55px 55px; } @media only screen and (max-width: 399px) { .fulltour { background-size: 35px 35px; } } /* --- [ Gallery pages - default setting changed by only the smallest device screen settings below ] --- */ /* Margin-right is padding for multiple numbers on one line - other Gallery settings in mediastyles */ .popupnavBox a { color: #FFFFFF; font-weight: bold; background: #FFFFFF; margin: 0px; padding: 5px; text-align: center; line-height: 10px; vertical-align: middle; } a.popupStyle{ font-weight: bold; font-style: normal; font-size: 11px; color: #FFFFFF; background: #FFFFFF; margin-right: 1px; } a.popupStyle:link{ font-weight: bold; font-size: 11px; color: #FFFFFF; background: #FFFFFF; } a.popupStyle:visited{ font-weight: bold; font-size: 11px; color: #FFFFFF; background: #FFFFFF; } a.popupStyle:hover{ font-weight: bold; font-size: 11px; color: #FFFFFF; background: #FFFFFF; } a.popupStyle:active{ font-weight: bold; font-size: 11px; color: #FFFFFF; background: #FFFFFF; } /* Position gallery navigation numbers */ .popupnavPos { text-align: center; padding-top: 24px; padding-bottom: 0px; } /* Margin-right is padding for multiple numbers on one line - other Gallery settings in mediastyles */ .popupnavBoxB a { font-weight: bold; margin: 0px; padding: 0px; text-align: center; line-height: 0px; vertical-align: middle; } a.popupStyleB{ font-weight: bold; font-style: normal; font-size: 11px; color: #333333; margin-right: 0px; } a.popupStyleB:link { font-weight: bold; font-size: 11px; color: #333333; } a.popupStyleB:visited{ font-weight: bold; font-size: 11px; color: #333333; } a.popupStyleB:hover { font-weight: bold; font-size: 11px; color: #333333; } a.popupStyleB:active{ font-weight: bold; font-size: 11px; color: #333333; } /* --- [ Media settings ] --- */ /* ############ Desktops - Larger Screens Landscape (Optimised!) ############ */ /* Including: Laptops (Firefox, Google Chrome, IE), Samsung Galaxy Note 4 (Dolphin browser) */ @media screen and (min-device-width: 1366px){ /* Main table - width of page 900px */ .hfwid { width: 812px; } body { overflow-x: hidden; overflow-y: scroll !important; } /* Stop moving around! */ body.modal-open { overflow: hidden; } /* Remove right-hand whitespace */ body.viewport-lg{ overflow: hidden; position: absolute; } /* Remove right-hand whitespace */ /* General page layout settings */ .hfwidt { } /* Leave blank or it moves header left */ .hfwidf { width: 100%; } /* Footer black bar */ .hfwids { width: 900px; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } #mob_Hide8 { } /* Show bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Show1 { display: none; } /* 'Find us' icons in header */ #mob_Show2 { display: none; } /* Header end padding */ #mob_Hide3 { } /* Padding in header & footer navigation */ #mob_Show4 { display: none; } /* Mobile search box 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 60%; background-color: #E7E6E5; } .toolctr { width: 2%; } .toolside { width: 23%; } .tooledgeR { width: 7%; } /* HF front-page and general mobile and desktop switchover settings */ #mob_FrontShow { display: none; } /* Hide front-page mobile layout & footer */ /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 11px; color: #FFFFFF; line-height: 14px; } .navlink a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Feature text width - required here as tablets need the vw setting for feature text width */ .textm { font-size: 12px; } .textleft { font-size: 12px; } .sidepic { width: 202px; } /* Controls pic responsiveness */ .sidepicol { width: 202px; } /* Controls pic with border */ /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { width: 100%; height: auto; } /* Allow map hotspots for desktop screens, including larger tablets */ #img_Mobile { display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #mob_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { } /* Show the desktop version */ #mob_Arch { display: none; } /* Hide the mobile version */ .galPicB { margin-left: -5px; } } /* ############ Mobile Phones - Portrait ############ */ /* Including: iPhone 3/4/4s/6s (375px), Nokia 8110, Nokia Lumia 930, */ /* Samsung Galaxy 4 & S9 (Opera, FB browser, & Samsung Android) */ @media screen and (max-device-width: 320px) and (orientation: portrait) { /* Main table - width of page 900px */ .hfwid { width: 100%; } /* Full size is 812px */ html { width: 100%; } /* Overflow: hidden removed */ body { overflow-x: hidden; overflow-y: scroll !important; } /* Stop moving around! */ body.modal-open { overflow-x: hidden; } /* Remove right-hand whitespace */ body.viewport-lg{ position: absolute; } /* Remove right-hand whitespace */ /* General page layout settings */ .hfwidt { max-width: 320px; } .hfwidf { width: 100%; } /* Footer black bar */ .hfwids { width: 100%; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } .hfmain { width: 95%; } /* Feature main column - max-width: 539px; */ .hfmainidx { width: 95%; } /* max-width: 530px; */ .hfmainidxtint { width: 95%; background-color: #FBF696; } /* Yellow tint */ .hfctr { display: none; } /* Hidden for -499px displays */ .hfctridx { display: none; } /* Hidden for -499px displays */ .hfside { opacity: 0; width: 1px; position: absolute; } /* Effectively hidden for -499px displays */ #hfcont { display: block; } /* Show 'continued' in hfmain */ .UDlink { display: none; } /* Hide 'please contribute' text */ .boxpicsmall { display: none; } /* Hide small pics in indices */ .boxpicCell { padding-left: 0px; } /* Remove small pic padding */ .boxspan { display: none; } /* Hide bullets in indices */ .boxtitle { margin-left: 0px; } /* Reset margin without bullets */ .boxlink { margin-left: 4px; } /* Reset margin without bullets */ .boxdivpic1 { margin-left: 4px; margin-right: 4px; } /* Change index small pic margins - also see below */ #churchfull { display: none; } /* Hide 'of churches' in full list caption - and below */ #mob_Hide6 { display: none; } /* Hide feature & king list DD for mobiles */ #mob_Hide8 { display: none; } /* Hide bottom-of-index banner adverts */ #desk_Foot { display: none; } /* Hide desktop footer */ #mob_Foot { display: block; } /* Show mobile footer */ .findusimg { width: 25px; height: 25px; } /* Reduce size of 'find us' icons in header */ @media screen and (max-device-width: 280px) and (orientation: portrait) { .boxdivpic1 { margin-left: 2px; margin-right: 0px; } /* Change index small pic margins */ #churchlabelfull{ display: none; } /* Hide parts of longer church names */ #churchlabelx { display: block; } /* Shown alternative text version */ } /* HF header & footer formation */ #mob_Hide1 { display: none; } /* 'Find us' icons in header */ #mob_Hide2 { display: none; } /* Header end padding */ #mob_Hide3 { display: none; } /* Padding in header & footer navigation */ #mob_Show4 { } /* Mobile search box 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 87%; background-color: #E7E6E5; } .toolctr { width: 0%; } .toolside { width: 0%; } .tooledgeR { width: 5%; } /* HF front-page and general mobile and desktop switchover settings */ #desk_FrontShow { display: none; } /* Hide front-page desktop layout & footer */ #mob_FrontShow1 { display: block; } /* Extra options for mobile */ .maincaption { display: none; } /* Hide mainstory caption */ .fillerhide { display: none; } /* Shorten filler story titles */ /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 10.5px; color: #FFFFFF; line-height: 24px; margin-top: 10px; } .navlink a:link{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Index page fixes for mobile */ .boxpicsmall2 { width: 96%; height: auto; margin-bottom: 5px; background-color: #000000; } /* Feature text width - required to ensure that vertical text flow matches PCs */ .textm { font-size: 13px; word-spacing: 3px; } .textleft { font-size: 13px; word-spacing: 3px; } .texthome { font-size: 11px; } /* Page border on all pages and in footer - NOT NEEDED IN PORTRAIT VIEW */ .panel { } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { width: 320px; position: absolute; left: 50%; margin-left: -160px; } /* Remove map hotspots for mobiles by switching to non-usermap image version */ #img_ID { display: none; } /* Minor resetting of default css at the top of the page */ .popupnavBox a { } a.popupStyle{ display: none; } a.popupStyle:link{ display: none; } a.popupStyle:visited{ display: none; } a.popupStyle:hover{ display: none; } a.popupStyle:active{ display: none; } .popupnavBoxB a { display: none; } a.popupStyleB{ display: none; } a.popupStyleB:link{ display: none; } a.popupStyleB:visited{ display: none; } a.popupStyleB:hover{ display: none; } a.popupStyleB:active{ display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #desk_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { display: none; } /* Hide the desktop version */ #mob_Arch { } /* Show the mobile version */ } /* ############ Mobile Phones - Portrait (Optimised!) ############ */ /* Including: iPhone 5s/8, Lenovo TB3-73DF, Moto Z Droid */ /* Samsung Galaxy Note 4 (Samsung Mobile & Chrome)/S6/S9 (360px)/Tab A6 (600px - Samsung Mobile & Firefox), */ /* Xiaomi Pocophone F1 (showing -450px), & Google Mobile Test */ @media screen and (max-device-width: 768px) and (orientation: portrait) { /* Main table - width of page 900px */ .hfwid { width: 100%; } /* Full size is 812px */ html { width: 100%; } /* Overflow: hidden removed for Tab A 6.0 */ body { overflow-x: hidden; overflow-y: scroll !important; } /* Stop moving around! */ body.modal-open { overflow-x: hidden; } /* Remove right-hand whitespace */ body.viewport-lg{ position: absolute; } /* Remove right-hand whitespace */ /* General page layout settings */ .hfwidt { max-width: 768px; } .hfwidf { width: 100%; } /* Footer black bar */ .hfwids { width: 100%; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } .boxpicsmall { display: none; } /* Hide small pics in indices */ .boxpicCell { padding-left: 0px; } /* Remove small pic padding */ @media only screen and (min-width: 321px) and (max-width: 499px) and (orientation: portrait) { .hfmain { width: 95%; } /* Feature main column - max-width: 539px; */ .hfmainidx { width: 95%; } /* max-width: 530px; */ .hfmainidxtint { width: 95%; background-color: #FBF696; } /* Yellow tint */ .hfctr { display: none; } /* Hidden for -499px displays */ .hfctridx { display: none; } /* Hidden for -499px displays */ .hfside { opacity: 0; width: 1px; position: absolute; } /* Effectively hidden for -499px displays */ #hfcont { display: block; } /* Show 'continued' in hfmain */ .UDlink { display: none; } /* Hide 'please contribute' text */ .boxspan { display: none; } /* Hide bullets in indices */ .boxtitle { margin-left: 3px; } /* Reset margin without bullets */ .boxlink { margin-left: 4px; } /* Reset margin without bullets */ .boxdivpic1 { margin-left: 4px; margin-right: 4px; } /* Change index small pic margins */ #churchfull { display: none; } /* Hide 'of churches' in full list caption */ #desk_Foot { display: none; } /* Hide desktop footer */ #mob_Foot { display: block; } /* Show mobile footer */ } #mob_Hide6 { display: none; } /* Hide feature & king list DD for mobiles */ #mob_Hide8 { display: none; } /* Hide bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Hide1 { display: none; } /* 'Find us' icons in header */ #mob_Hide2 { display: none; } /* Header end padding */ #mob_Hide3 { } /* Padding in header & footer navigation */ #mob_Show4 { } /* Mobile search box 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 87%; background-color: #E7E6E5; } .toolctr { width: 0%; } .toolside { width: 0%; } .tooledgeR { width: 5%; } @media only screen and (min-width: 450px) and (max-width: 766px) and (orientation: portrait) { .sidepic { max-width: 150px; } /* Controls pic responsiveness */ .sidepicol { max-width: 150px; } /* Controls pic with border */ } /* HF front-page and general mobile and desktop switchover settings */ #desk_FrontShow { display: none; } /* Hide front-page desktop layout & footer */ #mob_FrontShow1 { display: block; } /* Extra options for mobile */ .fillerhide { display: none; } /* Shorten filler story titles */ /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 10.5px; color: #FFFFFF; line-height: 24px; margin-top: 10px; } .navlink a:link{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Index page fixes for mobile */ .boxpicsmall2 { width: 96%; height: auto; margin-bottom: 5px; background-color: #000000; } /* Feature text width - required to ensure that vertical text flow matches PCs */ .textm { font-size: 13px; word-spacing: 3px; } .textleft { font-size: 13px; word-spacing: 3px; } /* Page border on all pages and in footer - NOT NEEDED IN PORTRAIT VIEW */ .panel { } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes - with display fix for 240px screens */ .popupdiv { max-width: 768px; height: auto; position: absolute; left: 50%; margin-left: -50%; } @media only screen and (max-width: 260px) and (orientation: portrait) { .popupdiv { width: 240px; } } @media only screen and (min-width: 261px) and (max-width: 280px) and (orientation: portrait) { .popupdiv { width: 260px; } } @media only screen and (min-width: 281px) and (max-width: 300px) and (orientation: portrait) { .popupdiv { width: 280px; } } @media only screen and (min-width: 301px) and (max-width: 319px) and (orientation: portrait) { .popupdiv { width: 300px; } } /* Remove map hotspots for mobiles by switching to non-usermap image version */ #img_ID { display: none; } /* Minor resetting of default css at the top of the page */ .popupnavBox a { } a.popupStyle{ display: none; } a.popupStyle:link{ display: none; } a.popupStyle:visited{ display: none; } a.popupStyle:hover{ display: none; } a.popupStyle:active{ display: none; } .popupnavBoxB a { display: none; } a.popupStyleB{ display: none; } a.popupStyleB:link{ display: none; } a.popupStyleB:visited{ display: none; } a.popupStyleB:hover{ display: none; } a.popupStyleB:active{ display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #desk_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { display: none; } /* Hide the desktop version */ #mob_Arch { } /* Show the mobile version */ } /* ############ Mobile Phones - Landscape (Optimised!) ############ */ /* Including: iPhone 5s/6s (667px)/8, Nokia 8110, Samsung Galaxy Note 4 (Samsung Mobile & Chrome)/S9 (740px) */ /* Max width should be 768px, but changed for LG V60 Thin */ @media screen and (max-device-width: 812px) and (orientation: landscape) { /* Main table - width of page 900px */ .hfwid { width: 100%; } /* Full size is 812px */ html { width: 100%; overflow-x: hidden; } /* Full size is 900px */ body { overflow-x: hidden; overflow-y: scroll !important; } /* Stop moving around! */ body.modal-open { overflow: hidden; } /* Remove right-hand whitespace */ body.viewport-lg{ position: absolute; } /* Remove right-hand whitespace */ /* General page layout settings */ .hfwidt { width: 100%; } .hfwidf { width: 100%; } /* Footer black bar */ .hfwids { width: 100%; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } @media only screen and (max-width: 319px) and (orientation: landscape) { .findusimg { width: 25px; height: 25px; } /* Reduce size of 'find us' icons in header */ } @media only screen and (max-width: 499px) and (orientation: landscape) { .hfmain { width: 95%; } /* Feature main column - max-width: 539px; */ .hfmainidx { width: 95%; } /* max-width: 530px; */ .hfmainidxtint { width: 95%; background-color: #FBF696; } /* Yellow tint */ .hfctr { display: none; } /* Hidden for -499px displays */ .hfctridx { display: none; } /* Hidden for -499px displays */ .hfside { opacity: 0; width: 1px; position: absolute; } /* Effectively hidden for -499px displays */ #hfcont { display: block; } /* Show 'continued' in hfmain */ .UDlink { display: none; } /* Hide 'please contribute' text */ .boxpicsmall { display: none; } /* Hide small pics in indices */ .boxpicCell { padding-left: 0px; } /* Remove small pic padding */ .boxspan { display: none; } /* Hide bullets in indices */ .boxtitle { margin-left: 4px; } /* Reset margin without bullets */ .boxlink { margin-left: 4px; } /* Reset margin without bullets */ .boxdivpic1 { margin-left: 4px; margin-right: 4px; } /* Change index small pic margins */ #churchfull { display: none; } /* Hide 'of churches' in full list caption */ #desk_Foot { display: none; } /* Hide desktop footer */ #mob_Foot { display: block; } /* Show mobile footer */ } @media only screen and (min-width: 450px) and (max-width: 766px) and (orientation: landscape) { .sidepic { max-width: 150px; } /* Controls pic responsiveness */ .sidepicol { max-width: 150px; } /* Controls pic with border */ } #mob_Hide6 { display: none; } /* Hide feature & king list DD for mobiles */ #mob_Hide8 { display: none; } /* Hide bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Hide1 { display: none; } /* 'Find us' icons in header */ #mob_Hide2 { display: none; } /* Header end padding */ #mob_Hide3 { display: none; } /* Padding in header & footer navigation */ #mob_Show4 { } /* Mobile search box 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 87%; background-color: #E7E6E5; } .toolctr { width: 0%; } .toolside { width: 0%; } .tooledgeR { width: 5%; } @media only screen and (max-width: 360px) and (orientation: landscape) { .boxtitle { margin-left: 3px; } /* Reset margin without bullets */ } /* HF front-page and general mobile and desktop switchover settings */ #desk_FrontShow { display: none; } /* Hide front-page desktop layout & footer */ #mob_FrontShow1 { display: block; } /* Extra options for mobile */ .fillerhide { display: none; } /* Shorten filler story titles */ /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 10.5px; color: #FFFFFF; line-height: 24px; margin-top: 10px; } .navlink a:link{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 10.5px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Index page fixes for mobile */ .boxpicsmall2 { width: 96%; height: auto; margin-bottom: 5px; background-color: #000000; } /* Feature text width - required to ensure that vertical text flow matches PCs */ .textm { font-size: 12px; word-spacing: 3px; } /* font-size: 1.03vw; removed */ .textleft { font-size: 12px; word-spacing: 3px; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { max-width: 768px; height: auto; position: absolute; left: 50%; margin-left: -50%; } /* Remove map hotspots for mobiles by switching to non-usermap image version */ #img_ID { display: none; } /* Minor resetting of default css at the top of the page */ .popupnavBox a { } a.popupStyle{ display: none; } a.popupStyle:link{ display: none; } a.popupStyle:visited{ display: none; } a.popupStyle:hover{ display: none; } a.popupStyle:active{ display: none; } .popupnavBoxB a { } a.popupStyleB{ display: none; } a.popupStyleB:link{ display: none; } a.popupStyleB:visited{ display: none; } a.popupStyleB:hover{ display: none; } a.popupStyleB:active{ display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #desk_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { display: none; } /* Hide the desktop version */ #mob_Arch { } /* Show the mobile version */ } /* ############ Small Devices 1 of 3 - Portrait ############ */ /* Including: Smaller Tablets - iPad Air 2 (768px) */ @media screen and (min-device-width: 768px) and (max-device-width: 790px) and (orientation: portrait) { /* Main table - width of page 900px */ .hfwid { width: 100%; } /* Full size is 812px */ html { width: 100%; } /* Full size is 900px */ body { overflow-x: hidden; overflow-y: scroll !important; } /* Stop moving around! */ body.modal-open { overflow: hidden; } /* Remove right-hand whitespace */ body.viewport-lg{ position: absolute; } /* Remove right-hand whitespace */ /* General page layout settings */ .hfwidt { max-width: 790px; } .hfwidf { width: 100%; } /* Footer black bar */ .hfwids { width: 100%; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } #mob_Hide8 { display: none; } /* Hide bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Hide1 { display: none; } /* 'Find us' icons in header */ #mob_Hide2 { display: none; } /* Header end padding */ #mob_Hide3 { display: none; } /* Padding in header & footer navigation */ #mob_Show4 { } /* Mobile search box 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 86%; background-color: #E7E6E5; } .toolctr { width: 0%; } .toolside { width: 0%; } .tooledgeR { width: 6%; } /* HF front-page and general mobile and desktop switchover settings */ #desk_FrontShow { display: none; } /* Hide front-page desktop layout & footer */ #mob_FrontShow1 { display: block; } /* Extra options for mobile */ .fillerhide { display: none; } /* Shorten filler story titles */ /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 11px; color: #FFFFFF; line-height: 24px; margin-top: 10px; } .navlink a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Feature text width - required to ensure that vertical text flow matches PCs */ .textm { font-size: 13px; word-spacing: 3px; } .textleft { font-size: 13px; word-spacing: 3px; } /* Page border on all pages and in footer - NOT NEEDED IN PORTRAIT VIEW */ .panel { } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { max-width: 790px; height: auto; position: absolute; left: 50%; margin-left: -50%; } /* Remove map hotspots for mobiles by switching to non-usermap image version */ #img_ID { display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #desk_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { display: none; } /* Hide the desktop version */ #mob_Arch { } /* Show the mobile version */ } /* ############ Small Devices 2 of 3 - Portrait (Optimised!) ############ */ /* Including: Smaller Tablets - Kindle Fire (800px), Samsung Galaxy Tab 7.7 (?px) & 10 (800px - Firefox only - see below)) */ @media screen and (min-device-width: 790px) and (max-device-width: 810px) and (orientation: portrait) { /* Main table - width of page 900px */ .hfwid { width: 100%; max-width: 812px; } html { width: 100%; } /* Full size is 900px */ body { overflow-y: scroll !important; } /* Stop moving around! Overflow-x removed for Tab 7.7 */ body.modal-open { overflow: hidden; } /* Remove right-hand whitespace */ body.viewport-lg{ position: absolute; } /* Remove right-hand whitespace */ /* General page layout settings */ .hfwidt { width: 100%; } .hfwidf { width: 100%; } /* Footer black bar */ .hfwids { width: 100%; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } #mob_Hide8 { display: none; } /* Hide bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Show1 { display: none; } /* 'Find us' icons in header */ #mob_Hide2 { display: none; } /* Header end padding */ #mob_Hide3 { } /* Padding in header & footer navigation */ #mob_Show4 { display: none; } /* Mobile search box and 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 77%; background-color: #E7E6E5; } .toolctr { width: 0%; } .toolside { width: 10%; } .tooledgeR { width: 7%; } /* HF front-page and general mobile and desktop switchover settings */ #desk_FrontShow { display: none; } /* Hide front-page desktop layout & footer */ #mob_FrontShow1 { display: block; } /* Extra options for mobile */ .fillerhide { display: none; } /* Shorten filler story titles */ /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 11px; color: #FFFFFF; line-height: 24px; margin-top: 10px; } .navlink a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Feature text width - required to ensure that vertical text flow matches PCs */ .textm { font-size: 13px; word-spacing: 3px; } .textleft { font-size: 13px; word-spacing: 3px; } /* Page border on all pages and in footer - NOT NEEDED IN PORTRAIT VIEW */ .panel { } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { max-width: 810px; height: auto; position: absolute; left: 50%; margin-left: -50%; } /* Remove map hotspots for mobiles by switching to non-usermap image version */ #img_ID { display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #mob_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { display: none; } /* Hide the desktop version */ #mob_Arch { } /* Show the mobile version */ } /* ############ Small Devices 3 of 3 - Portrait ############ */ /* Including: Smaller Tablets */ @media screen and (min-device-width: 810px) and (max-device-width: 992px) and (orientation: portrait) { /* Main table - width of page 900px */ .hfwid { width: 100%, max-width: 812px; } html { width: 100%; max-width: 900px; } body { overflow-x: hidden; overflow-y: scroll !important; } /* Stop moving around! */ body.modal-open { overflow: hidden; } /* Remove right-hand whitespace */ body.viewport-lg{ position: absolute; } /* Remove right-hand whitespace */ /* General page layout settings */ .hfwidt { max-width: 900px; } .hfwidf { width: 100%; max-width: 900px; } /* Footer black bar */ .hfwids { width: 100%; max-width: 900px; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } #mob_Hide8 { display: none; } /* Hide bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Show1 { display: none; } /* 'Find us' icons in header */ #mob_Hide2 { display: none; } /* Header end padding */ #mob_Hide3 { display: none; } /* Padding in header & footer navigation */ #mob_Show4 { display: none; } /* Mobile search box and 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 70%; background-color: #E7E6E5; } .toolctr { width: 2%; } .toolside { width: 13%; } .tooledgeR { width: 7%; } /* HF front-page and general mobile and desktop switchover settings */ #desk_FrontShow { display: none; } /* Hide front-page desktop layout & footer */ #mob_FrontShow1 { display: block; } /* Extra options for mobile */ .fillerhide { display: none; } /* Shorten filler story titles */ /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 11px; color: #FFFFFF; line-height: 24px; margin-top: 10px; } .navlink a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Feature text width - required to ensure that vertical text flow matches PCs */ .textm { font-size: 13px; word-spacing: 3px; } .textleft { font-size: 13px; word-spacing: 3px; } /* Page border on all pages and in footer - NOT NEEDED IN PORTRAIT VIEW */ .panel { } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { max-width: 992px; height: auto; position: absolute; left: 50%; margin-left: -50%; } /* Remove map hotspots for mobiles by switching to non-usermap image version */ #img_ID { display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #mob_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { } /* Show the desktop version */ #mob_Arch { display: none; } /* Hide the mobile version */ } /* ############ Small Devices - Landscape (Optimised!) ############ */ /* Including: Smaller Tablets - Samsung Galaxy Tab A 6.0 (900px), & Xiaomi Pocophone F1 */ /* Plus Laptop with HiDPI Screen (900px): min width should be 768px, but changed for LG V60 Thin */ @media screen and (min-device-width: 813px) and (max-device-width: 992px) and (orientation: landscape) { /* Main table - width of page 900px */ .hfwid { width: 100%; max-width: 812px; } html { width: 100%; max-width: 900px; } body { overflow-x: hidden; overflow-y: scroll !important; } /* Stop moving around! */ body.modal-open { overflow: hidden; } /* Remove right-hand whitespace */ body.viewport-lg{ overflow: hidden; position: absolute; } /* Remove right-hand whitespace */ /* General page layout settings */ .hfwidt { } /* Leave blank or it moves header left */ .hfwidf { width: 900px; position: center; } /* Footer black bar */ .hfwids { width: 100%; max-width: 900px; } /* 'Support' header bar */ .hfpad1 { width: 1px; } /* 76px if needed */ .hfpad2 { width: 1px; } /* 60px if needed */ #mob_Hide8 { display: none; } /* Hide bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Show1 { display: none; } /* 'Find us' icons in header */ #mob_Hide2 { display: none; } /* Header end padding */ #mob_Hide3 { } /* Padding in header & footer navigation */ #mob_Show4 { display: none; } /* Mobile search box and 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 70%; background-color: #E7E6E5; } .toolctr { width: 0%; } .toolside { width: 15%; } .tooledgeR { width: 7%; } /* HF front-page and general mobile and desktop switchover settings */ #desk_FrontShow { display: none; } /* Hide front-page desktop layout & footer */ #mob_FrontShow1 { display: block; } /* Extra options for mobile */ /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 11px; color: #FFFFFF; line-height: 24px; margin-top: 10px; } .navlink a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Feature text width - required to ensure that vertical text flow matches PCs */ .textm { font-size: 13px; word-spacing: 3px; } .textleft { font-size: 13px; word-spacing: 3px; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { max-width: 992px; height: auto; position: absolute; left: 50%; margin-left: -50%; } /* Remove map hotspots for mobiles by switching to non-usermap image version */ #img_ID { display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #mob_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { display: none; } /* Hide the desktop version */ #mob_Arch { } /* Show the mobile version */ } /* ############ Medium Devices - Portrait (Optimised!) ############ */ /* Including: Samsung Galaxy Tab 10 (800px - Samsung Android only - see above) */ @media screen and (min-device-width: 992px) and (max-device-width: 1366px) and (orientation: portrait) { /* Main table - width of page 900px */ .hfwid { max-width: 812px; } html { width: 100%; } /* Full size is 900px */ /* General page layout settings */ .hfwidt { } /* Leave blank or it moves header left */ .hfwidf { width: 900px; position: center; } /* Footer black bar */ .hfwids { width: 100%; max-width: 900px; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } #mob_Hide8 { display: none; } /* Hide bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Show1 { display: none; } /* 'Find us' icons in header */ #mob_Hide2 { display: none; } /* Header end padding */ #mob_Hide3 { } /* Padding in header & footer navigation */ #mob_Show4 { display: none; } /* Mobile search box and 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 60%; background-color: #E7E6E5; } .toolctr { width: 2%; } .toolside { width: 23%; } .tooledgeR { width: 7%; } /* HF front-page and general mobile and desktop switchover settings */ /* Show desktop front-page for larger displays */ @media screen and (min-width: 1000px) { #mob_FrontShow { display: none; } /* Hide front-page mobile layout & footer */ } @media screen and (max-width: 999px) { #desk_FrontShow { display: none; } /* Hide front-page desktop layout & footer */ #mob_FrontShow1 { display: block; } /* Extra options for mobile */ } /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 11px; color: #FFFFFF; line-height: 14px; } .navlink a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Feature text width - required to ensure that vertical text flow matches PCs */ .textm { font-size: 13px; word-spacing: 4px; } .textleft { font-size: 13px; word-spacing: 4px; } /* Page border on all pages and in footer - NOT NEEDED IN PORTRAIT VIEW */ .panel { } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { max-width: 1366px; height: auto; position: absolute; left: 50%; margin-left: -50%; } /* Remove map hotspots for mobiles by switching to non-usermap image version */ #img_ID { display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #mob_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { } /* Show the desktop version */ #mob_Arch { display: none; } /* Hide the mobile version */ } /* ############ Medium Devices - Landscape (Optimised!) ############ */ /* Including: Larger Tablets - iPad Air 2 (1024px), Kindle Fire (1280px) & Samsung Galaxy Tab 7.7 (?px) & 10 (1232px) */ @media screen and (min-device-width: 992px) and (max-device-width: 1366px) and (orientation: landscape) { /* Main table - width of page 900px */ .hfwid { width: 812px; } /* General page layout settings */ .hfwidt { width: 900px; } /* Set to help with Samsung Android browser probs */ .hfwidf { width: 900px; } /* Footer black bar */ .hfwids { width: 900px; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } #mob_Hide8 { display: none; } /* Hide bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Show1 { display: none; } /* 'Find us' icons in header */ #mob_Show2 { display: none; } /* Header end padding */ #mob_Hide3 { } /* Padding in header & footer navigation */ #mob_Show4 { display: none; } /* Mobile search box and 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 60%; background-color: #E7E6E5; } .toolctr { width: 2%; } .toolside { width: 23%; } .tooledgeR { width: 7%; } /* HF front-page and general mobile and desktop switchover settings */ /* Show desktop front-page for larger displays */ @media screen and (min-width: 1000px) { #mob_FrontShow { display: none; } /* Hide front-page mobile layout & footer */ } @media screen and (max-width: 999px) { #desk_FrontShow { display: none; } /* Hide front-page desktop layout & footer */ #mob_FrontShow1 { display: block; } /* Extra options for mobile */ } /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 11px; color: #FFFFFF; line-height: 14px; } .navlink a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Feature text width - required to ensure that vertical text flow matches PCs */ .textm { font-size: 12px; word-spacing: 3px; } .textleft { font-size: 12px; word-spacing: 3px; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { max-width: 1366px; height: auto; position: absolute; left: 50%; margin-left: -50%; } /* Allow map hotspots for desktop screens, including larger tablets */ #img_Mobile { display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #mob_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { } /* Show the desktop version */ #mob_Arch { display: none; } /* Hide the mobile version */ } /* ############ Desktops - Non-Retina Screens ############ */ /* Including: Samsung Galaxy Tab 10 (but see Medium Devices too) */ @media screen and (min-device-width: 1280px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { /* Main table - width of page 900px */ .hfwid { width: 812px; } /* General page layout settings */ .hfwidt { } /* Leave blank or it moves header left */ .hfwidf { width: 900px; } /* Footer black bar */ .hfwids { width: 900px; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } #mob_Hide8 { } /* Show bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Show1 { display: none; } /* 'Find us' icons in header */ #mob_Show2 { display: none; } /* Header end padding */ #mob_Hide3 { } /* Padding in header & footer navigation */ #mob_Show4 { display: none; } /* Mobile search box and 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 60%; background-color: #E7E6E5; } .toolctr { width: 2%; } .toolside { width: 23%; } .tooledgeR { width: 7%; } /* HF front-page and general mobile and desktop switchover settings */ #mob_FrontShow { display: none; } /* Hide front-page mobile layout & footer */ /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 11px; color: #FFFFFF; line-height: 14px; } .navlink a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Feature text width - required here as tablets need the vw setting for feature text width */ .textm { font-size: 12px; } .textleft { font-size: 12px; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { width: 100%; height: auto; position: absolute; left: 50%; margin-left: -50%; } /* Allow map hotspots for desktop screens, including larger tablets */ #img_Mobile { display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #mob_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { } /* Show the desktop version */ #mob_Arch { display: none; } /* Hide the mobile version */ } /* ############ Desktops - Retina Screens ############ */ /* Including: ? */ @media screen and (min-device-width: 1280px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { /* Main table - width of page 900px */ .hfwid { width: 812px; } body { overflow-x: hidden; overflow-y: scroll !important; } /* Stop moving around! */ body.modal-open { overflow: hidden; } /* Remove right-hand whitespace */ body.viewport-lg{ overflow: hidden; position: absolute; } /* Remove right-hand whitespace */ /* General page layout settings */ .hfwidt { } /* Leave blank or it moves header left */ .hfwidf { width: 900px; } /* Footer black bar */ .hfwids { width: 900px; } /* 'Support' header bar */ .hfpad1 { width: 1px; } .hfpad2 { width: 1px; } #mob_Hide8 { } /* Show bottom-of-index banner adverts */ /* HF header & footer formation */ #mob_Show1 { display: none; } /* 'Find us' icons in header */ #mob_Show2 { display: none; } /* Header end padding */ #mob_Hide3 { } /* Padding in header & footer navigation */ #mob_Show4 { display: none; } /* Mobile search box and 'find us' */ /* HF toolbar layout settings */ .tooledgeL { width: 8%; background-color: #E7E6E5; } .toolmain { width: 60%; background-color: #E7E6E5; } .toolctr { width: 2%; } .toolside { width: 23%; } .tooledgeR { width: 7%; } /* HF front-page and general mobile and desktop switchover settings */ #mob_FrontShow { display: none; } /* Hide front-page mobile layout & footer */ /* Responsive navlinks in header - with IE hack below media section */ .navlink { font-weight: normal; font-size: 11px; color: #FFFFFF; line-height: 14px; } .navlink a:link{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:visited{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navlink a:hover{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .navlink a:active{ font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .navpad { width: 5px; } /* Feature text width - required here as tablets need the vw setting for feature text width */ .textm { font-size: 12px; } .textleft { font-size: 12px; } /* Page border on all pages and in footer */ .panel { background:url('../images/historyFilesBorder.gif') repeat-y center top; margin-bottom: 0px; } /* Page border for Bloody British History pages */ .panelbbh { background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Full page pictures - see popup general settings for notes */ .popupdiv { width: 100%; height: auto; position: absolute; left: 50%; margin-left: -50%; } /* Allow map hotspots for desktop screens, including larger tablets */ #img_Mobile { display: none; } /* Select full 'In Depth' virtual include except for smallest displays */ #mob_InDepth { display: none; } /* Select which version of the archives is displayed */ #desk_Arch { } /* Show the desktop version */ #mob_Arch { display: none; } /* Hide the mobile version */ } /* ------------ End of media device settings ------------ */ /* --- [ 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; } /* Page border for front page only - with vertical border */ .panelhff { _background:url('../images/historyFilesBorderFrontPageLined.gif') no-repeat center top; margin-bottom: 0px; } /* Page border for Bloody British History pages */ .panelbbh { _background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') repeat-y center top; margin-bottom: 0px; } /* Responsive links in HF header */ .navlink { _padding-top: 2px; _padding-bottom: 4px; } /* --- [ Navigation ] --- */ /* Links - 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; transition-delay: 0.5s; } /*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-outs in sidebar*/ .navtext { font-weight: normal; font-size: 11px; color: #FFFFFF; line-height: 14px; } /* Navigation for black links on grey or white in footer - also used for dynasty dates on main index pages*/ .navneg { 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'*/ /* ################### DELETE NAVCELLG WHEN 2019 TOOLBAR IN PLACE? IS THIS USED NOW? #################### */ .navcellg { background-color: #E7E6E5; } /* NavnoJava is used for all JavaScript is off messages, including in Churches pages with media */ .navnoJava { 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 text links on black in footer*/ .navftr { 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; } /* Increase font size and spacing for small mobiles only */ @media screen and (max-width: 799px) { .navftr { font-size: 13px; line-height: 28px; } .navftr a:link { font-size: 13px; } .navftr a:visited{ font-size: 13px; } .navftr a:hover { font-size: 13px; } .navftr a:active{ font-size: 13px; } } /* --- [ Home page ] --- */ /* All in substyles or hfstyles: */ /* [ In Detail... ] section pictures*/ .cellpic { hspace: 0; margin-right: 0px; margin-left: 10px; float: right; text-align: right; valign: middle; border: 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; } /* --- [ Index pages ] --- */ /* 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 #E7E6E5; } .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=\""*/ /* Main story links - title under 2018 in-depth links - same as mainstory on index except for colour */ .mainstorytop { font-family: verdana, Geneva, arial, helvetica, sans-serif; text-decoration:none; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; line-height: 18px; color: #000000; margin-left: 0px; margin-right: 0px; margin-bottom: 12px; margin-top: 0px; } .mainstorytop a:link{ font-size: 13px; font-weight: normal; text-decoration: none; color: #960307; } .mainstorytop a:visited{ font-size: 13px; font-weight: normal; text-decoration: none; color: #D55500; } .mainstorytop a:hover{ font-size: 13px; font-weight: normal; text-decoration: underline; color: #D55500; } .mainstorytop a:active{ font-size: 13px; font-weight: normal; text-decoration: none; color: #960307; } .mainstorytext { font-size: 11px; line-height: 16px; margin-top: -8px; padding-bottom: 4px; } .mainstorycell { background-color: #EBEAE9; max-width: 200px; } .mainstoryidx1 { background-color: #E7E6E5; } .mainstoryidx2 { margin-left: 16px; margin-right: 16px; margin-top: 10px; margin-bottom: 10px; } @media only screen and (max-width: 540px) { .mainstoryidx2 { margin-left: 6px; margin-right: 6px; } } @media only screen and (min-width: 541px) and (max-width: 699px) { .mainstoryidx2 { margin-left: 12px; margin-right: 12px; } } /* 'Latest' virtual include links */ /* in substyles*/ /* --- [ Features ] --- */ /* Title - extra right-hand padding is set up in substyles and kinglists.css */ h1 { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 22px; color: #231F20; font-weight: normal; padding-bottom: 2px; padding-top: 34px; text-align: right; text-decoration: none; margin-left: 10px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; } /* Title strapline - extra right-hand padding is set up in substyles and kinglists.css */ 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 - extra right-hand padding is set up in substyles.css */ 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, search pages, etc */ /* Font size is set in media settings - tablets need a slightly larger size than PCs */ .textm { font-family: verdana, Geneva, arial, helvetica, sans-serif; color: #000000; font-weight: normal; font-style: normal; text-decoration: none; line-height: 18px; 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 - font size set in media settings */ .texthome { font-family: verdana, Geneva, arial, helvetica, sans-serif; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 18px; padding-left: 0px; padding-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 12px; } /* Main text, non-justified, used in feature text, church page titles, and indices */ /* Font size is set in media settings - tablets need a slightly larger size than PCs */ .textleft { font-family: verdana, Geneva, arial, helvetica, sans-serif; color: #000000; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 18px; 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-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-size: 13px; color: #000000; font-weight: normal; font-style: italic; text-align: justify; text-decoration: none; line-height: 18px; padding-top: 15px; padding-bottom: 5px; margin-left: 30px; margin-right: 30px; margin-bottom: 5px; word-spacing: 3px; } /* 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: 15px; 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 */ /* Pictures and text in sidebar - normal and picture Outline img class */ /* Sidebarol is mirrored in popupimgline */ .sidebar { font-size: 11px; color: #333333; font-weight: normal; text-align: left; text-decoration: none; line-height: 15px; width: 100%; max-width: 204px; } .sidepad { width: 100%; max-width: 204px; } /* sidepic width is set at top of this page and then adjusted for desktop and Tab A only */ /* Text above links is charcoal/grey. Colour on all pages controlled here (except for Multipage bar) */ .sidelink { font-size: 10px; font-weight: bold; text-align: left; text-decoration: none; line-height: 12px; _line-height: 16px; color: #585858; } .sidelink a:link{ font-size: 10px; font-weight: normal; text-decoration: none; line-height: 15px; } .sidelink a:visited{ font-size: 10px; font-weight: normal; text-decoration: none; line-height: 15px; } .sidelink a:hover{ font-size: 10px; font-weight: normal; text-decoration: underline; line-height: 15px; } .sidelink a:active{ font-size: 10px; font-weight: normal; text-decoration: none; line-height: 15px; } /* IN DEPTH sidebar links with text underneath */ .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 and Dev indices */ .sidedepth { hspace: 0px; margin-right: 4px; margin-top: 2px; margin-bottom: -1px; } .sidedepthT { hspace: 0px; margin-right: 0px; margin-top: 2px; margin-bottom: -1px; } /* 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 style below */ .sidebarft { font-size: 10px; color: #FFFFFF; font-weight: normal; text-align: left; text-decoration: none; line-height: 15px; background-color: #AE1819; border: 0px solid #AE1819; padding-left: 5px; padding-right: 5px; padding-top: 6px; padding-bottom: 6px; margin-bottom: 5px; width: 100%; max-width: 204px; } .sidebarno { 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: 0px solid #AE1819; width: 98%; max-width: 525px; padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 6px; margin-bottom: 5px; } .sidebarmbt { font-size: 22px; font-weight: bold; margin-left: 10px; } /* In use on error pages and folder blank index pages */ /* Multi-page replacement for the old feature page multibar is below */ .mptable { margin-left: 10px; border-collapse: collapse; width: 95%; max-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/nav-spacer.gif'); } .mpspacer2 { width: 74px; height: 1px; border: 0px none; image:url('../images/nav-spacer.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; } /* Multi-page features - formatting banner image - ie. see NorthNativeCompendium01.htm */ .ptsImgBox { width: 98%; max-width: 525px; height: auto; margin-left: 10px; padding-bottom: 4px; _padding-bottom: 16px; } .ptsImgBack { width: 100%; max-width: 525px; height: auto; } /* Same formatting for bio pages */ .ptsImgBio { width: 100%; max-width: 600px; height: auto; padding-bottom: 4px; _padding-bottom: 16px; } .ptsImgBioBack { width: 100%; max-width: 600px; height: auto; } .ptsBorder { border-left: 1px solid #004665; border-right: 1px solid #004665; } @media only screen and (max-width: 599px) { .ptsBorder { border-left: 0px; border-right: 0px; } } /* Multi-page features - new version red box-out index for all parts of a feature in sidebar */ /* Used with sidebarft, above */ .pts { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: normal; text-align: left; text-decoration: none; line-height: 16px; } .pts a:link{ font-size: 10px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .pts a:visited{ font-size: 10px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .pts a:hover{ font-size: 10px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .pts a:active{ font-size: 10px; color: #FFFFFF; font-weight: normal; text-decoration: none; } /* Multi-page features - Native American Compendium letters boxout in main body */ .ptsmain { font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 16px; color: #FFFFFF; font-weight: normal; text-align: center; text-decoration: none; word-spacing: 24px; line-height: 2.7; } .ptsmain a:link{ font-size: 16px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .ptsmain a:visited{ font-size: 16px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .ptsmain a:hover{ font-size: 16px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .ptsmain a:active{ font-size: 16px; color: #FFFFFF; font-weight: normal; text-decoration: none; } .ptssub { font-size: 12px; word-spacing: 0px; line-height: 14px; } /* 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; line-height: 15px; 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: 11px; text-decoration: none; } h6 a:visited{ font-size: 11px; text-decoration: none; } h6 a:hover{ font-size: 11px; text-decoration: underline; } h6 a:active{ font-size: 11px; text-decoration: none; } /* Same as h6 apart from hyperlink font size for JavaScript is off messages and also 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 ] --- */ /* Full-width picture boxouts in main feature text and gallery pages, aligning them with margined text */ .featuretable { margin-left: 10px; margin-top: 10px; text-align: left; max-width: 525px; } /* Full-width Photobox boxouts in main feature text, aligning them with margined text */ .featuretableB { margin-left: 10px; margin-top: 10px; margin-bottom: 0px; text-align: left; max-width: 525px; } /* 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 } /* --- [ 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; } /* --- [ 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; } /* --- [ Print settings ] --- */ /* Page backgound white while printing */ @media print { BODY {background-color: white} } /* Page margin */ @page{ margin: 5% }