/* Screen cascading style sheet for YECS website */ /* **** HTML STYLES **** */ /* --------------------- */ body { background: #FBFAEA; color: #606060; font-family: Arial; font-size: 16px; margin: 0; padding: 0; text-align: center; width: 100%; } a {color: #157A9F; font-weight: normal; text-decoration: none} a:hover {color: #B30000; text-decoration: none} h1 {color: #BA0F18; font-size: 30px; font-weight: normal; margin: 0 0 10px 0} h2 {color: #BA0F18; font-size: 22px; font-weight: normal; margin: 30px 0 10px 0} h2.block-title {display: block; float: left; border-color: #F1ECE3; border-style: solid; border-width: 2px 0; margin: 0 0 10px 0; padding: 5px} h2.block-title a {color: #BA0F18} h2.block-title a:hover {color: #157A9F} h3.book {font-style: italic} ul {list-style-type: square} .page-node-14 #content > h1 {display: none} /* **** LAYOUT STYLES **** */ /* ----------------------- */ * {box-sizing: border-box} .col-0 {display: none} .col-1 {width: 8.33%} .col-2 {width: 16.66%} .col-3 {width: 25%} .col-4 {width: 33.33%} .col-5 {width: 41.66%} .col-6 {width: 50%} .col-7 {width: 58.33%} .col-8 {width: 66.66%} .col-9 {width: 75%} .col-10 {width: 83.33%} .col-11 {width: 91.66%} .col-12 {width: 100%} [class*="col-"] {float: left} .centered {margin: 0 auto; text-align: left; width: 100%; max-width: 1300px} #banner {position: relative; border-top: 5px solid #E7DBCF; max-width: 1920px} .not-front #banner {display: none} #content {float: left; padding: 40px 20px; min-height: 500px} #content-container-back {float: left; background: #FFF} #header {position: relative; background: #C21019 url(images/header-back.jpg) no-repeat left} #nav {float: left; background: #E4E0CB; margin-top: 4px; width: 100%} #post-footer {background: #000} #pre-header {position: relative; background: #000; height: 40px} #right {padding: 40px 20px} /* GENERAL ANTIQUITY STYLES */ .antiquity-authors {color: #888; font-size: 14px; font-weight: bold} .antiquity-button {display: block; float: left; font-size: 18px; margin-right: 20px; padding: 10px; text-align: center} .antiquity-button:hover {background: #053B33} .antiquity-button.full-width {width: 100%} .antiquity-button.margin-top {margin-top: 10px} .antiquity-button.beige {background: #E4E0CB; color: #9F6E3D} .antiquity-button.beige:hover {background: #9F6E3D; color: #FFF} .antiquity-button.red {background: #A52127; color: #FFF} .antiquity-button.red:hover {background: #D71720} .antiquity-button.yellow {background: #B19E70; color: #FFF} .antiquity-button.yellow:hover {background: #81724D} .antiquity-button.open-access {display: flex; align-items: center; justify-content: center; padding: 7px 10px; margin-top: 10px} .antiquity-button.open-access img {margin-right: 10px} .antiquity-edit-link {float: right; font-size: 12px} .antiquity-feed-container h2 {margin-top: 10px} .antiquity-feed-container h3 {display: block; float: left; background: #F3F2EE; color: #C21019; font-size: 20px; margin: 10px 0 0; padding: 5px; width: 100%} .antiquity-feed-container .authors {font-size: 0.9em} .antiquity-feed-container .details {overflow: hidden} .antiquity-feed-container .featured .views-field-nothing a {font-size: 21px} .antiquity-feed-container .standard {float: left; clear: both; width: 100%} .antiquity-feed-container .standard .image {float: left; margin-right: 10px} .antiquity-feed-container .views-row {float: left; margin: 10px 0; width: 100%} .antiquity-feed-content {display: block; overflow: hidden} .antiquity-feed-image {float: left; margin-right: 10px} .antiquity-feed-row {float: left; padding: 8px 0; width: 100%} .antiquity-link, .antiquity-link a {color: #C21019} .antiquity-link:hover, .antiquity-link a:hover {color: #157A9F} .antiquity-results-container {border-style: solid; border-width: 1px 0; margin-bottom: 10px; padding: 10px} .antiquity-results-container ul {margin: 0} .antiquity-results {background: #E1F8E3; border-color: #5F9E66} .antiquity-results .antiquity-results-count {color: #286A30; font-size: 20px} .antiquity-no-results {background: #FBE0E0; border-color: #924D4D} .antiquity-no-results .antiquity-results-count {color: #833C3C; font-size: 20px} .view-more a {display: block; float: left; background: #BA0F18; color: #FFF; font-size: 20px; margin-top: 10px; padding: 10px 0; text-align: center; width: 100%} .view-more a:hover {background: #810C12} /* ALL ISSUES */ #block-views-issues-block-1 .views-field a {font-size: 14px} #block-views-issues-block-3 {background: #F6F5EE; padding: 20px; text-align: center} #block-views-issues-block-3 .view-issues {clear: both} #block-views-issues-block-3 .view-issues p {text-align: left} #block-views-issues-block-3 .view-issues .cover {margin: 10px 0} #block-views-issues-block-3 .view-issues .issue {font-size: 18px} #quicktabs-issue_archive #quicktabs-container-issue_archive {float: left; margin-top: 20px; width: 100%} #quicktabs-issue_archive .quicktabs-tabs {display: block; float: left; border-bottom: 1px solid #DCD7C0; margin: 0; padding: 0; width: 100%} #quicktabs-issue_archive .quicktabs-tabs li {display: block; float: left; margin-left: 10px; padding: 0} #quicktabs-issue_archive .quicktabs-tabs li a {display: block; float: left; background: #E4E4E4; color: #808080; padding: 10px 30px} #quicktabs-issue_archive .quicktabs-tabs li.active a {background: #DCD7C0; color: #BA0F18} .view-issues .attachment {float: left; background: #F6F5EE; margin: 10px 0; padding: 20px} .view-issues .views-view-grid {border-spacing: 10px; border-collapse: separate; clear: both; margin-top: 20px} .view-issues .views-view-grid td {border: 1px solid #C0C0C0; padding: 10px; text-align: center; vertical-align: top; width: 25%} .view-issues .views-view-grid td img {border: 1px solid #C0C0C0; margin: 0 auto 5px; padding: 2px} .view-issues .views-view-grid td .antiquity-link {font-size: 15px} .view-issues .views-view-grid td .views-field-field-issue-volnum {color: #AAA} .view-issues .table-responsive {float: left; margin: 0 1%; width: 18%} .view-issues .table-responsive:nth-child(5n + 6) {clear: left} .view-issues .table-responsive caption {color: #808080; font-weight: bold} .view-issues .table-responsive .views-field-title {padding: 5px 10px} /* ANTIQUITY OPEN */ /* Antiquity Archive */ #block-block-12 {float: left; margin-left: 1.5%; width: 32.3%} #block-block-12 h2 {margin-top: 10px} #block-block-12 img {margin-bottom: 10px; height: auto; width: 100%} /* Books and Reviews */ .antiquity-books-feed img {float: left; margin-right: 10px} /* Divider */ #block-block-13 {float: left; border-bottom: 1px dashed #E4E4E4; clear: both; margin: 40px 0; width: 100%} #block-block-13 p {display: none} /* Open Access feed */ #block-antiquity-open-access {float: left; margin-top: 20px; width: 100%} /* Prize Winners */ #block-views-prize-winners-block {float: left; border: 0; clear: both} /* TAG Archive */ #block-views-tag-block-1 {float: left; border: 0} #block-views-tag-block-1 .details {float: left; margin-right: 10px} #block-views-tag-block-1 .media {float: left; margin: 0} #block-views-tag-block-1 .title {color: #6C4C41; font-size: 18px} #block-views-tag-block-1 .view-footer {float: left; border-top: 1px dashed #C0C0C0; margin-top: 10px; padding-top: 10px} #block-views-tag-block-1 .views-field-field-cover-image {float: left; width: 160px} /* BOOKS */ #block-antiquity-books-admin {float: right; border-bottom: 1px dashed #E4E4E4; margin: 10px 0 20px; padding: 0 0 20px 20px; width: 66.6%} #block-antiquity-books-admin select {float: left; margin-right: 10px; width: 100px} #block-antiquity-books-admin .antiquity-button {float: left} #block-antiquity-books-admin .clear {clear: left} #block-antiquity-books-admin .export {background: #F4F4F4; padding: 5px 10px; width: 300px} #block-antiquity-books-admin .export .form-group {margin: 0} #block-antiquity-books-admin .tool {float: left; margin-right: 20px} .node-type-antiquity-book .buttons {clear: left; margin-top: 20px} .node-type-antiquity-book .details {clear: left; margin-top: 10px} .node-type-antiquity-book .field-name-field-book-received {float: left; margin-bottom: 20px} .node-type-antiquity-book .field-name-field-images {float: right; margin-left: 20px} .node-type-antiquity-book .review {font-size: 20px; margin-top: 20px} .view-books .antiquity-button {float: left; font-size: 14px; margin-top: 10px} .view-books .views-field-edit-node {float: right; font-size: 12px} .view-books .views-field-nothing {overflow: hidden} /* CONTACT */ #block-block-16 {background: #F4F4F4; padding: 20px} #block-block-16 p {clear: both; font-size: 20px} .page-contact #contact-categories {float: left; border-bottom: 1px dashed #E4E4E4; margin-bottom: 20px; width: 100%} .page-contact .contact-category .details {clear: both; font-size: 20px; padding: 5px} #contact-site-form {float: left; background: #E4E0CB; margin-top: 20px; padding: 10px; width: 100%} #contact-site-form .member-name-textfield {display: none} /* CONTRIBUTE */ .contribute-break {clear: both; width; 100%} .contribute-col {float: left; margin-left: 2%; width: 48%} .contribute-col.left {margin: 0 2% 0 0} .contribute-category {float: left; background: #F6F5EE; border: 2px solid #BA0F18; border-radius: 20px; margin: 20px 0} .contribute-category h2 {background: #BA0F18; border-radius: 16px 16px 0 0; color: #FFF; padding: 5px 10px; margin: 0} .contribute-category .contribute-body {padding: 10px} #block-block-17 {background: #F6F5EE; padding: 20px} #block-block-17 p {clear: both} /* EDITORIAL ADVISORY BOARD */ .node-antiquity-advisory-board ul.action-links-field-collection-add {margin: 10px 0 0; padding: 0} .node-antiquity-advisory-board .field-collection-container {border-bottom: 0} .node-antiquity-advisory-board .field-items .field-item {margin: 0} .node-antiquity-advisory-board .field-items .field-item .field-collection-view {margin: 0; padding: 10px 0} /* EXPOSED FILTERS */ .view-filters {background: #F6F5EE; border-bottom: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; clear: both; margin: 20px 0 10px; padding: 10px} .view-filters .form-type-textfield {max-width: 230px} /* FOOTER */ #footer {position: relative; background: #191919; color: #B2B2B2; padding: 20px 40px} #block-block-3 {float: right} #block-block-3 a {color: #B2B2B2} #block-block-3 a:hover {color: #FFCC33} #block-block-3 p {line-height: 1.8em; font-size: 18px; text-align: right} #block-block-5 p {color: #B2B2B2; font-size: 12px} #footer .block-menu-block, #footer .block-menu {float: left; margin-right: 20px; width: 140px} #footer .block-menu-block .nav a, #footer .block-menu .nav a {display: block; border-bottom: 1px solid #373737; color: #B2B2B2; font-size: 12px; padding: 8px 5px} #footer .block-menu-block .nav a:hover, #footer .block-menu .nav a:hover {background: #202020; color: #FFCC33} /* (PRE-)HEADER */ #block-block-4 {position: absolute; top: 5px; right: 20px; z-index: 10} #block-block-4 .image {float: left} #block-block-4 .label {float: right; line-height: 180%; margin-top: 50px; text-align: left} #block-block-4 .label a {font-weight: normal} #block-block-4 .label-a {color: #CCDB10; font-size: 22px} #block-block-4 .label-b {color: #D3CFA5; font-size: 18px} /* HEADER */ #block-block-20 {width: 100%; max-width: 650px} #block-block-20 img {height: auto; width: 100%} /* HOMEPAGE */ .front #block-system-main {display: none} #block-views-homepage-block {float: left} .view-homepage {position: relative} .view-homepage .details {float: left; background: #F1ECE3; overflow: hidden; margin-bottom: 10px; padding: 5px 10px; width: 100%} .view-homepage .details .author {color: #926611} .view-homepage .details .desc {font-size: 15px} .view-homepage .details .title a {color: #BA0F18; font-size: 18px} .view-homepage .view-content {float: left; clear: left} .view-homepage .views-slideshow-controls-top {position: absolute; padding: 5px; width: 100%; z-index: 100} .view-homepage .views-slideshow-controls-text-next a {display: block; float: right; background: url(images/arrow-right.png) no-repeat; overflow: hidden; padding-top: 50px; height: 0; width: 50px} .view-homepage .views-slideshow-controls-text-previous a {display: block; float: left; background: url(images/arrow-left.png) no-repeat; overflow: hidden; padding-top: 50px; height: 0; width: 50px} .view-homepage .views-slideshow-controls-text-pause {display: none} .view-homepage .attachment-after {float: left} .view-homepage .attachment-after img {float: left} .view-homepage .attachment-after .view-content {margin-bottom: 10px} #block-menu-block-3 {float: right; width: 100%} #block-block-11 {float: right; margin-top: 25px; width: 100%} #block-block-11 .icons {clear: both} #block-block-11 .icons .icon {margin-right: 10px} #block-block-14 {float: left; background: #F1ECE3; margin: 35px 0 15px; padding: 10px; text-align: center; width: 100%} #block-block-14 p {line-height: 120%; margin: 0} #block-block-14 .factor {font-size: 32px; margin: 10px 0} #block-block-14 .small {font-size: 12px} /* IMAGES */ .image-center {margin: 20px 0; text-align: center; width: 100%} img.border {border: 2px solid #CAB47B; padding: 2px} img.left, .image-caption-container-left {float: left; margin: 0 20px 10px 0} img.right, .image-caption-container-right {float: right; margin: 0 0 10px 20px} .image-caption-container .image-caption {color: #999; font-size: 0.9em; text-align: left} .node-page img {height: auto; max-width: 100%} /* LATEST ISSUE */ #block-antiquity-latest-toc h1 {margin-bottom: 20px} #block-antiquity-latest-toc h3 {color: #8B6E3D} #block-antiquity-latest-toc .abstract-frame {background: #F8F8F8; font-size: 14px; margin-top: 5px; padding: 5px 8px} #block-antiquity-latest-toc .abstract-frame a {color: #1D7FB7} #block-antiquity-latest-toc .access {margin-top: 5px} .latest-header {float: left; border-bottom: 1px dashed #E4E4E4; margin-bottom: 20px; padding-bottom: 20px; width: 100%} .latest-header .cover {float: left} .latest-header .cover img {width: 100%; max-width: 300px} .toc-article {float: left; clear: both; border-bottom: 1px dashed #E4E4E4; padding: 20px 0; width: 100%} .toc-article .authors {font-size: 14px} .toc-article .details {width: 100%} .toc-article .image {float: left; width: 20%} .toc-article .image img {width: 100%} /* LEFT-HAND ICONS */ #block-block-9 {position: fixed; background: #000; left: 0; top: 200px} #block-block-9 .icon {position: relative; clear: both; margin: 5px} #block-block-9 .icon:hover .overlay {opacity: 1} #block-block-9 .overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .2s linear} /* MENUS */ ul.nav li a:active, ul.nav li a:focus {background: none} #block-superfish-2 {float: left} #block-superfish-2 #superfish-2 li {float: left} #block-superfish-2 #superfish-2 li a {float: left; color: #8B6E3D; font-size: 16px; padding: 10px 15px; text-transform: uppercase} #block-superfish-2 #superfish-2 li a:active, #block-superfish-2 #superfish-2 li a:focus, #block-superfish-2 #superfish-2 li a:hover {background: #DCD7C0} #block-superfish-2 #superfish-2 li a.active, #block-superfish-2 #superfish-2 > li.active-trail > a {background: #B19E70; color: #FFF} #block-superfish-2 #superfish-2 li > ul {background: #E4E0CB; top: 35px} #block-superfish-2 #superfish-2 li > ul li a {color: #9D7D45; font-size: 13px; width: 100%} #block-superfish-2 #superfish-2 li.last a {border: 0} #block-superfish-2 #superfish-2 li a.menuparent {padding-right: 30px} #block-superfish-2 .sf-sub-indicator {background: url(images/menu-arrow.png); right: 15px} #block-superfish-2 .active-trail .sf-sub-indicator {background: url(images/menu-arrow-active.png); right: 15px} /* About and TAG section menus */ #block-menu-menu-tag-menu, #block-superfish-3 {background: #F6F5EE; padding: 20px 20px 10px; margin-top: 10px} #block-superfish-3 #superfish-3 {width: 100%} #block-menu-menu-tag-menu .menu {clear: both} #block-menu-menu-tag-menu .menu a, #block-superfish-3 #superfish-3 a {display: block; color: #6C4C41; font-size: 18px; padding: 10px 5px} #block-menu-menu-tag-menu .menu a:hover, #block-superfish-3 #superfish-3 a:hover {background: #F2EBE5} #block-menu-menu-tag-menu .menu li, #block-superfish-3 #superfish-3 li {width: 100%} #block-menu-menu-tag-menu .menu li.active-trail a, #block-superfish-3 #superfish-3 li.active-trail a {background: #E7DBCF} #block-superfish-1 {float: left; padding: 15px 20px} #block-superfish-1 #superfish-1 li a {border-right: 1px solid #C0C0C0; color: #C0C0C0; font-size: 14px; margin-right: 10px; padding-right: 10px; text-transform: uppercase} #block-superfish-1 #superfish-1 li a:hover {color: #FFCC33} #block-superfish-1 #superfish-1 li.last a {border: 0; margin: 0; padding: 0} /* Header menu */ #block-menu-menu-right-hand-menu {float: right; margin: 10px 10px 0 0} #block-menu-menu-right-hand-menu .nav li {float: left} #block-menu-menu-right-hand-menu .nav li a {border-right: 1px solid #FFF; color: #FFF; font-size: 16px; padding: 0 8px} #block-menu-menu-right-hand-menu .nav li a:hover {background: none; color: #FFCC33} #block-menu-menu-right-hand-menu .nav li.last a {border: 0} /* Homepage right menu */ #block-menu-block-3 {border-bottom: 1px solid #E4E4E4; margin-top: 42px} #block-menu-block-3 .nav li {border-top: 1px solid #E4E4E4; font-size: 18px} /* PODCAST */ .view-podcast .attachment {float: left; background: #F6F5EE; margin: 10px 0; padding: 20px; width: 100%} .view-podcast .attachment img {float: left; margin-right: 20px} .view-podcast .attachment .header {color: #6C4C41; font-size: 24px} .view-podcast .attachment .desc {margin: 10px 0} .view-podcast .views-view-grid {border-spacing: 10px; border-collapse: separate; clear: both; margin-top: 20px} .view-podcast .views-view-grid td {border: 1px solid #C0C0C0; font-size: 15px; font-weight: bold; padding: 10px; text-align: center; vertical-align: top; width: 25%} /* PRE-HEADER */ #block-block-6 {float: left; margin: 5px} #block-block-6 img {margin-right: 5px} #block-search-form {float: right; padding: 6px 20px 0} #block-search-form input {padding: 0 10px; width: 200px} #block-search-form .btn, #block-search-form .form-control {height: 28px; padding: 0 10px} #block-search-form #edit-actions {margin: 0} /* PRIZE WINNERS */ #block-block-19 {margin-bottom: 20px} .page-open-prizes .antiquity-feed-container {border: 0; padding: 0; width: 100%} .page-open-prizes .antiquity-feed-container .views-field-field-book-year {background: #F6F5EE; font-size: 18px; font-weight: bold; vertical-align: middle} .page-open-prizes .antiquity-feed-container {font-size: 18px} .page-open-prizes .antiquity-feed-container.view-display-id-page_1 {margin: 0} .page-open-prizes .antiquity-feed-container.view-display-id-page_1 > .view-content {border-top: 1px dashed #E4E4E4; clear: both; margin-top: 20px; padding-top: 20px} .page-open-prizes .antiquity-feed-container.view-display-id-page_1 > .view-header {margin-left: -20px} .page-open-prizes .antiquity-feed-container .view-display-id-attachment_6 > .view-content > .views-row {float: left; width: 50%} .page-open-prizes .antiquity-feed-container .view-header > .view-prize-winners {float: left; padding-left: 20px; width: 50%} .page-open-prizes .antiquity-feed-container .view-header > .view-prize-winners .details {clear: both} .page-open-prizes .antiquity-feed-container .view-header > .view-prize-winners .image {margin: 0} .page-open-prizes .antiquity-feed-container .view-header > .view-prize-winners .image img {height: auto; width: 100%} /* PROJECT GALLERY ARCHIVE */ .page-open-projgall .antiquity-feed-content .antiquity-authors {font-size: 16px; font-weight: normal} .page-open-projgall .antiquity-feed-content .antiquity-link a {font-size: 20px; font-weight: normal} /* TAG */ .page-tag #node-8 h2 {display: none} .page-tag .view-TAG .views-row {float: left; border-bottom: 1px dashed #C0C0C0; margin-bottom: 20px; padding-bottom: 20px; width: 100%} .page-tag .view-TAG .views-row .info {float: left} .page-tag .view-TAG .views-row .info .date-display-range {float: left; margin: 5px 0} .page-tag .view-TAG .views-row .info .documents {margin-top: 10px} .page-tag .view-TAG .views-row .info .documents ul {list-style-type: none; margin: 0; padding: 0} .page-tag .view-TAG .views-row .info .links {clear: left} .page-tag .view-TAG .views-row .info .title {color: #6C4C41; font-size: 24px} .page-tag .view-TAG .views-row .views-field-field-cover-image {float: left; margin-right: 20px; text-align: center; width: 220px} .page-tag .view-TAG .views-row .views-field-field-cover-image img {margin: 0 auto} .page-tag .view-TAG .views-row .views-field-edit-node {float: right; clear: both; font-size: 14px} .page-tag .view-TAG .views-row-last {border: 0} /* TEAM */ #block-block-21 {background: #F4F4F4; padding: 10px} .view-display-id-reorder .tabledrag-handle .handle {margin: 0 0.5em} .view-display-id-reorder .view-content {margin-top: 20px} .view-team {float: left; margin-bottom: 20px} .view-team .views-row {float: left; clear: both; margin-top: 20px} .view-team .views-row .name {color: #C21019; font-size: 24px} .view-team .views-row .role {color: #C21019; font-size: 18px} .view-team .views-row .views-field-picture img {float: left; border: 2px solid #C21019; margin-right: 20px; padding: 2px} .view-team .views-row .views-field-edit-node {float: right; font-size: 12px} .view-team .views-row .views-field-field-user-biography {overflow: hidden} /* TWITTER */ #block-twitter-block-1 {float: right; background: #F6F5EE; padding: 20px; overflow-x: hidden; overflow-y: scroll; height: 430px; width: 350px} #latest-tweets .views-row {float: left; border-bottom: 1px dashed #C0C0C0; clear: both; font-size: 14px; margin-bottom: 10px; padding: 0 0 10px 0; width: 100%} #block-multiblock-1 .views-row .tweet-image, .#block-views-tweets-block .views-row .tweet-image {float: right; border: 2px solid #305911; margin: 10px 0; padding: 2px} #block-multiblock-1 .views-row .views-field-created-time, #block-views-tweets-block .views-row .views-field-created-time {color: #C0C0C0} /* **** BOOTSTRAP OVERRIDE STYLES **** */ /* ----------------------------------- */ .btn-primary {background-color: } /* @MEDIA SCREEN SIZE STYLES */ /* ========================= */ /* SCREENS UP TO 600PX */ @media only screen and (max-width: 600px) { [class*="col-"] {width: 100%} #content {padding: 20px} #right {padding-top: 0} /* GENERAL */ .antiquity-feed-container h2 {margin-top: 30px} .view .pagination a, .view .pagination span {margin: 5px 0} .view .pagination .next a, .view .pagination .prev + li a, .view .pagination .prev + li span {clear: both} .views-submit-button {clear: both} /* ABOUT */ .view-team .views-row {border-bottom: 1px dashed #E4E4E4; padding-bottom: 20px} .view-team .views-row .views-field-picture img {float: none; margin: 0 auto 10px} .view-team .views-row .views-field-field-user-biography {clear: both} /* ANTIQUITY OPEN */ #block-block-12 .antiquity-button, #block-views-prize-winners-block .antiquity-button, #block-views-tag-tag-block .antiquity-button {margin-top: 10px} #block-block-12, #block-views-prize-winners-block, #block-views-tag-tag-block, #block-views-antiquity-open-journal-block-1, #block-views-antiquity-open-journal-block-2 {border-top: 1px dashed #E4E4E4; margin-top: 30px} #block-block-12 {margin-left: 0; padding-top: 20px; width: 100%} #block-block-13 {display: none} #block-views-tag-tag-block .info {float: right; width: 50%} /* BOOKS AND REVIEWS */ .page-open-books .view-books {border-top: 1px dashed #E4E4E4; margin-top: 10px; padding-top: 20px} .page-open-books .view-books .views-row {float: left; border-top: 1px dashed #E4E4E4; margin-top: 20px; padding-top: 20px; width: 100%} /* CONTACT */ .page-contact .contact-category {float: left; margin: 10px 0; width: 100%%} /* FOOTER */ #footer {padding: 20px} #block-block-3 p {margin: 20px 0; text-align: left} /* HEADER */ #header #block-menu-menu-right-hand-menu {display: none} /* HOMEPAGE */ #block-block-11 {text-align: center} #block-block-11 h2 {display: none} #block-block-11 .icon {margin: 0 10px} #block-menu-block-3 {margin: 0} .view-homepage .attachment-after {margin-top: 20px; text-align: center; width: 100%} .view-homepage .attachment-after img {margin: 0 auto} .view-homepage .view-content {width: 100%} .view-homepage .views-slideshow-controls-top {top: 60px} /* LATEST ISSUE */ .latest-header {margin-bottom: 0} .latest-header .cover {text-align: center; width: 100%} .latest-header .cover img {margin: 0 auto} .latest-header .editorial {float: left; margin-top: 20px; width: 100%} .latest-header .editorial img {height: auto; width: 100%} .latest-header .editorial .title a {color: #C21019; font-size: 24px} .latest-header .editorial .antiquity-button {margin-top: 10px; width: 100%} /* PROJECT GALLERY */ .page-open-projgall .antiquity-feed-image {width: 100px} } /* SCREENS UP TO 768PX */ @media only screen and (max-width: 768px) { /* LATEST ISSUE */ #latest-tweets {display: none} /* MAIN MENU */ .block-superfish .sf-accordion li a {display: block; color: #BD0D16; font-size: 20px; padding: 10px 20px 10px 40px} .block-superfish .sf-accordion li a.active {background: #BD0D16; color: #FFF} .block-superfish .sf-accordion .sf-depth-2 {font-size: 16px; padding-left: 25px} .block-superfish .sf-accordion-toggle a {display: block; color: #BD0D16; font-size: 20px; padding: 10px 20px} .block-superfish .sf-accordion-toggle a.sf-expanded {background: #BD0D16; color: #FFF} .block-superfish .sf-accordion-toggle a .icon {display: block; float: left; font-size: 26px; margin: -5px 5px 0 0} } /* SCREENS ABOVE 1024PX */ @media only screen and (min-width: 1024px) { /* GENERAL */ .antiquity-feed-container {float: left; border-right: 1px dashed #E4E4E4; margin-left: 1.5%; padding-right: 1.5%; width: 32.3%} .left-container {clear: both; margin-left: 0} .right-container {border: 0; padding-right: 0} /* ABOUT */ .node-type-antiquity-advisory-board .field-collection-container > .field > .field-items > .field-item {float: left; width: 50%} /* ANTIQUITY OPEN */ #block-block-12, #block-views-prize-winners-block, #block-views-tag-block-1 {position: relative; min-height: 430px} #block-block-12 .antiquity-button, #block-views-prize-winners-block .antiquity-button, #block-views-tag-block-1 .antiquity-button {position: absolute; bottom: 0} /* BOOKS AND REVIEWS */ .page-open-books #block-system-main {float: right; padding-left: 1.5%; width: 66.6%} .page-open-books .view-books {padding-top: 10px} .page-open-books .view-books .text-center {clear: both} .page-open-books .view-books .view-content div:nth-child(odd) {clear: both} .page-open-books .view-books .views-row {float: left; border: 1px solid #E4E4E4; margin: 10px 1%; padding: 15px; min-height: 210px; width: 48%} .page-open-books #block-views-antiquity-open-journal-block-3 {float: left; margin: 0; padding-right: 1.5%; width: 33.3%} .page-open-books-export #block-system-main {padding: 0; width: 100%} .view-books.view-display-id-attachment_1 {clear: both; margin-left: 10px} .view-books.view-display-id-attachment_1 .views-row {border: 0; margin: 0; padding: 0; min-height: auto; width: 100%} .view-books.view-display-id-attachment_1 .views-row .antiquity-button {font-size: 22px} /* CONTACT */ .page-contact #contact-categories {padding-bottom: 20px} .page-contact .contact-category {float: left; margin: 20px 2% 0 0; min-height: 150px; width: 31.3%} .page-contact .contact-category.border {border-right: 1px solid #E4E4E4} /* FOOTER */ #block-block-5 {position: absolute; bottom: 20px; right: 40px} /* HOMEPAGE */ .view-homepage .attachment-after {margin-left: 30px; width: 300px} .view-homepage .view-content {width: 600px} .view-homepage .views-slideshow-controls-top {top: 130px} .view-homepage .details {height: 130px} /* LATEST ISSUE */ .latest-header .cover {padding-right: 55px} .latest-header .editorial {position: relative; float: left; margin-bottom: 20px; height: 430px; width: 500px} .latest-header .editorial .title a {color: #C21019; font-size: 24px} .latest-header .editorial .antiquity-button {position: absolute; bottom: 0; float: left; margin-top: 20px; width: 500px} }