/*Home Page styles */ .contentWrapper {padding-bottom:0;} /* Wrapper for promotion features ---------------------------------*/ .WrapperPromoInner { position: relative; margin: auto; width: 950px; } .wrapperPromo {background-color:#e2e2e2;} .boxGrey { background-color: #e9eaea; border:none; margin-right:9px; } .contentHome { padding-top: 20px; } .contentHome .col2of5 .boxGrey {margin-right:10px;margin-left:45px;} .contentHome .boxGrey .title{ margin-top:10px;} .contentHome .boxGrey .boxInner{ padding:0;margin-left:0;} .contentHome .col2of5 .boxGrey .colInner {margin-left:30px;} .contentHome .col2of5 .colInner {margin-left: 75px;} .PromoInner .colWrap .colInner{ margin: 20px 9px 20px 9px; } .PromoInner .colWrap .col1of2 .colInner{ margin: 20px 0px 20px 9px; } .PromoInner .colWrap .col1of4 .colInner{ margin: 20px 0px 20px 10px; } .PromoInner .colWrap .col1of4 .colInner .boxGrey{ margin-right: 0; } .PromoInner .colWrap .col1of3 .colInner{margin: 20px 10px 20px 0;} .mainFeatureBox, .featureBoxes .box{ border-radius: 1em 0 1em 0; } .PromoInner .featureBoxes .box .title {line-height: 18px; } .PromoInner .featureBoxes .box .inner { padding: 10px 10px 10px 0; text-shadow:none; } .PromoInner .featureBoxes .col1of4 .box .inner { min-height: 50px; } .pageWrapper .contentHome .title { color: #412878; font-size: 1.923em; font-family: "AQAChevinMedium", "Helvetica Neue", "Helvetica", Arial, sans-serif; } .PromoInner .featureBoxes .mainFeatureBox .inner { width: 50%; left: 20px; border-radius:0; text-shadow:none; } .PromoInner .featureBoxes .col2of3 .mainFeatureBox img { height:356px; width: 604px; } .PromoInner .featureBoxes .col1of2 .mainFeatureBox img { height: 347px; width: 464px; } .PromoInner .featureBoxes .col1of3 img { height: 173px; width: 293px; } .PromoInner .featureBoxes .col1of4 img { height: 168px; width: 225px; } .PromoInner .featureBoxes .mainFeatureBox .inner { width: 50%; padding:10px 10px 10px 0; } .PromoInner .featureBoxes .col1of3 .box { margin-bottom: 10px; } .PromoInner .featureBoxes .col1of2 .colInner .mainFeatureBox.box.boxGrey {margin-right:0;} .PromoInner .featureBoxes .mainFeatureBox .inner.width10 {width:10%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width20 {width:20%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width30 {width:30%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width40 {width:40%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width60 {width:60%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width70 {width:70%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width80 {width:80%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width90 {width:90%;} .PromoInner .featureBoxes .mainFeatureBox .title { font-family: "AQAChevinMedium", "Helvetica Neue", "Helvetica", Arial, sans-serif; } .Middle {top:60px;} .PromoInner .featureBoxes .mainFeatureBox .inner p a { margin-bottom: 20px; margin-top: 20px; } .PromoInner .featureBoxes .inner.boxContentPurple p a:active, .PromoInner .featureBoxes .boxContentPurple p a:active, .PromoInner .featureBoxes .boxContentPurple p a:focus, .PromoInner .featureBoxes .inner.boxContentPurple p a:focus { background-color:#412878; color:#fff; } .PromoInner .featureBoxes .inner p a { margin-bottom: 20px; margin-top: 20px; } .PromoInner .featureBoxes .mainFeatureBox .inner .title{ margin:0 0 70px 0; line-height:1.0em; } .PromoInner .featureBoxes { border: none; } .PromoInner .featureBoxes a:after { /*content: " >";*/ content: url('http://www.aqa.org.uk/__data/assets/image/0005/76055/Arrow.png?v=0.4.1'); margin: 0 0 -15px 5px; } .homePage .content {border:none;} .contentHome .title {margin-bottom:0;margin-top: 0;} .contentHome .innerMiddle { margin-right:0; margin-left:0; } /* Secure site links --------------------------------------*/ .secureSite {background-color:#fff;} .secureSite:link { margin: 20px 10px; } .secureSite:hover{ border-color: #2f71ac; box-shadow:none; -webkit-box-shadow:none; } .secureSites .innerFirst {margin-left:115px;} .secureSites .innerLast {margin-right:115px;} /* SEARCH (used on Blank search page) ---------------------------------------- */ .contentHome .searchBoxWrap { border-bottom: 1px solid #8488b7; border-left: 1px solid #8488b7; border-right: 1px solid #8488b7; border-top: 1px solid #8488b7; border-radius: 1em 0 1em 0; margin-right: 5px; margin-bottom: 5px; margin-top: 1px; background-color: #8488b7; min-height: 149px; width:auto; } .contentHome .searchBoxWrap .formSearch { width: 250px; margin-left:15px; margin-top:50px; background-color: #fff; } .contentHome .box {border:none;} .homeBoxWrap { border-radius: 1em 0 1em 0; margin-right: 0px; margin-bottom:5px; margin-left: 0px; min-height: 150px; } .noMargin {margin:0;} hr.dotted {height:4px; background: url('http://www.aqa.org.uk/__data/assets/image/0019/76060/dottedLine.png?v=0.4.1'); border:none; margin:0 10px 0 10px; } .sixDeep {border-bottom:6px solid #e9eaea;margin:0 10px 0 10px;} .twitterLink { background: url('http://www.aqa.org.uk/__data/assets/image/0006/76074/twitter.png?v=0.4.1') no-repeat 0 0; margin-bottom: 1em; } .contentHome .latestTwitter .box { margin-bottom: 1.5em; border: 1px solid #e9eaea; /* overflow:hidden;*/ padding: 1em; } .contentHome .latestTwitter .colInner { margin-left:45px; margin-right:10px; } .latestTwitter .tweet {color:#412878; font-size:1.3em; margin-left:15px;overflow:hidden;} .contentHome .latestTwitter .boxP { border-radius: 0.5em 0 0 0; min-height: 150px; border: none; overflow:hidden; } .contentHome .latestTwitter .boxP .title{ color: #fff; } .contentHome .latestTwitter .boxP .bttn{ margin-top:10px; } .contentHome .latestTwitter .boxP .fieldText {width:98%;} .timePosted {margin:0 0 0 15px ;} .contentHome .notification .title {color: #c84b32;} .contentHome .colInner .innerLast {margin-right: 10px;} .contentHome .colInner .innerLast{margin:0;} .contentHome .colInner .innerFirst{margin-left:10px;} .latestNews .summary {margin-right: 30px;} .latestNews p, .latestNews .listing .title { margin: 0px 35px 0px 135px; } .homeNews img {border: 1px solid #ddd;} .latestNews p.right{margin-bottom:20px;} .latestNews p.news{margin:0 0 20px 0;} .latestNews .listing .title { font-weight: bold; font-size: 1.077em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .pastPapersIconLarge .boxContent {background-image: url('http://www.aqa.org.uk/__data/assets/image/0007/76066/Home_icons_notepad.png?v=0.4.1') ;} .umsConverterIconLarge .boxContent {background-image: url('http://www.aqa.org.uk/__data/assets/image/0006/76065/Home_icons_graphs.png?v=0.4.1') ;} .PromoInner .featureBoxes .box.linkified{ border:1px solid #e2e2e2; } .PromoInner .featureBoxes .box.linkie-hover{ border:1px solid #2f71ac; } .bttnSearch { background-image: url('http://www.aqa.org.uk/__data/assets/image/0004/99292/SearchBtn.png?v=0.3.1') ;} .searchBoxWrap .formSearch .bttnSearch{ top:18px; } /* tablet (portrait) -----------------------------------------------*/ @media all and (max-width:996px){ .pageBody .WrapperPromoInner { width: 720px; } .wrapperPromo { padding-left: 10px; padding-right: 10px; } .contentHome .searchBoxWrap .formSearch{ width:auto; margin-left:15px; margin-right:15px; } .contentHome .colInner h2.title.colHomeWrap { font-size:1.4em; } .featureBoxes .mainFeatureBox img{ width:100%;height:100%; } .featureBoxes .mainFeatureBox .col2of3 img{ width:100%;height:100%; } .featureBoxes .box img{ width:100%;height:100%; } .PromoInner .featureBoxes .col1of3 img { width: 100%; height:100%; } .PromoInner .featureBoxes .col1of4 img { width: 100%; height:100%; } .featureBoxes .box img { width: 100%;height:100%; } .featureBoxes .mainFeatureBox .box img{ width:100%;height:100%; } .PromoInner .featureBoxes .col1of2 .mainFeatureBox img {width:100%; height:100%;} .PromoInner .featureBoxes .col2of3 .mainFeatureBox img {width:100%; height: 100%;} .PromoInner .colWrap .col1of4 .colInner{margin: 20px 5px 20px 5px;} .PromoInner .colWrap .colInner .col1of2{margin: 20px 5px 20px 5px;} .PromoInner .featureBoxes .box .title .size16{font-size:.8em;} .PromoInner .featureBoxes .mainFeatureBox .boxNone p{font-size:1.8em;} .PromoInner .featureBoxes .mainFeatureBox .inner .title {margin-bottom:85px;} .PromoInner .featureBoxes .col1of2 .mainFeatureBox .inner { width:100%; } .PromoInner .featureBoxes .box .title .size14{font-size:.8em;} .PromoInner .featureBoxes .col1of4 .box .inner {min-height: 30px;} .PromoInner .featureBoxes .col1of4 .box{margin-bottom:20px;} .PromoInner .featureBoxes .col1of4 .box .title { margin:0.2em 0.4em;} .latestTwitter .tweet {font-size:1.4em;} .secureSites .innerFirst {margin-left:20px;} .secureSites .innerLast {margin-right:20px;} .Middle {top:20px;} } /* Small tablet (portrait) -----------------------------------------------*/ @media only all and (max-width: 667px) { /* main layout reset */ .WrapperPromoInner {width: 550px;} .pageBody .PromoInner { width: auto; margin-left: 0; margin-right: 0; } .wrapperPromo { padding-left: 10px; padding-right: 10px; padding-top: 10px; } /* reset columns */ .pageBody .WrapperPromoInner { float: none; width: 100%; } .pageBody .wrapperPromo .colInner { margin-left: 0; margin-right: 0; } .pageBody .wrapperPromo .colWrap .col1of3 .colInner { margin-left: 0; margin-right: 0; } .pageBody .wrapperPromo .col{ float: none; width:100%; } .contentHome .colInner h2.title.colHomeWrap { font-size: 1.923em; } .contentHome .col2of5 .boxGrey {margin-left:5px;} .contentHome .col2of5 .colInner {margin-left: 5px;} .PromoInner .featureBoxes .mainFeatureBox .inner { width:100%; left:0; margin:0; bottom:0; padding: 10px 0 0 0; } .PromoInner .featureBoxes .mainFeatureBox .inner p{line-height:18px;} .PromoInner .featureBoxes .col1of3 img { width: 100%; height:100%; } .PromoInner .featureBoxes .col1of4 img { width: 100%; height:100%; } .featureBoxes .box img { width: 100%;height:100%; } .featureBoxes .mainFeatureBox .box img{ width:100%;height:100%; } .PromoInner .featureBoxes .col1of2 img {width:100%; height:100%;} .PromoInner .featureBoxes .col2of3 img {width:100%; height: 100%;} .PromoInner .featureBoxes .mainFeatureBox .inner .title {margin-bottom:70px;} .contentHome .colInner .innerFirst { margin-left:0; margin-top:10px;} .contentHome .searchBoxWrap {margin:0;} .contentHome .boxGrey .boxInner {padding :0 10px;} .PromoInner .featureBoxes { padding:0; margin:0;} .secureSites .innerFirst {margin-left:150px;} .secureSites .innerLast {margin-right:150px;} } /*----------------------------------------------*/ @media only screen and (max-width: 480px) { .PromoInner .featureBoxes .mainFeatureBox .inner,.PromoInner .featureBoxes .col1of2 .mainFeatureBox .inner { width:100%; } li.Photo .left { float:left; margin:0 10px 0 0; } .PromoInner .featureBoxes .col2of3 .mainFeatureBox img { height: 100%; width: 100%; } .latestNews .summary, .latestNews p {margin:0;} .secureSites .innerFirst {margin-left:100px;} .secureSites .innerLast {margin-right:100px;} } /*----------------------------------------------*/ @media only screen and (max-width: 320px) { .PromoInner .featureBoxes .mainFeatureBox .inner.width60 {width:90%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width50 {width:90%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width40 {width:90%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width30 {width:90%;} .PromoInner .featureBoxes .mainFeatureBox .inner.width20 {width:90%;} .PromoInner .featureBoxes .col2of3 .mainFeatureBox img {width:100%; height:100%;} .PromoInner .featureBoxes .col1of2 .mainFeatureBox img {width:100%; height:100%;} .secureSites .innerFirst {margin-left:20px;} .secureSites .innerLast {margin-right:20px;} }