opdavies/drupalcampbristol
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Theming for schedule

Browse source
This commit is contained in:
Rob Davies 2017-04-18 11:42:47 +01:00
parent cd7a898e66
commit 1cfe5a4190
14 changed files with 232 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

91
web/themes/dcb2017/css/style.css
View file

@ -10,6 +10,9 @@ a:visited {
a:visited:focus {
color: black; }
h1, h2, h3, h4 {
font-weight: 600; }
.region-header {
margin: 0 auto;
max-width: 72rem;
@ -42,6 +45,9 @@ a:visited {
max-width: 72rem;
padding: 1rem; }
.region-content-top {
overflow: hidden; }
.region-footer {
margin: 0 auto;
max-width: 72rem;
@ -100,15 +106,96 @@ nav.menu--main {
max-width: 30rem;
padding: 3rem 1rem;
text-align: center; }
@media screen and (min-width: 37.5rem) {
@media screen and (min-width: 56.25rem) {
#block-homepagehero {
padding: 6rem 1rem; } }
@media screen and (min-width: 75rem) {
#block-homepagehero {
padding: 10rem 1rem; } }
#block-homepagehero img {
max-width: 100%; }
#block-dcbschedule {
overflow: hidden;
position: relative; }
#block-dcbschedule .field {
box-sizing: border-box;
padding: 2rem 2rem 2rem;
position: relative;
text-align: center;
text-transform: uppercase; }
@media screen and (min-width: 56.25rem) {
#block-dcbschedule .field {
float: left;
padding: 3rem 3rem 3rem;
position: static;
width: 33.333%; } }
@media screen and (min-width: 75rem) {
#block-dcbschedule .field {
padding: 5rem 4rem 4rem; } }
#block-dcbschedule .field:before {
bottom: 0;
content: '';
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
background-position: center;
background-size: cover; }
@media screen and (min-width: 56.25rem) {
#block-dcbschedule .field:before {
width: 33.333%; } }
#block-dcbschedule .field.field--name-field-cxo-text:before {
background-image: url("../images/cxo.jpg"); }
@media screen and (min-width: 56.25rem) {
#block-dcbschedule .field.field--name-field-cxo-text:before {
left: 0; } }
#block-dcbschedule .field.field--name-field-dev-text:before {
background-image: url("../images/dev.jpg"); }
@media screen and (min-width: 56.25rem) {
#block-dcbschedule .field.field--name-field-dev-text:before {
left: 33.333%; } }
#block-dcbschedule .field.field--name-field-sprint-text:before {
background-image: url("../images/sprint.jpg"); }
@media screen and (min-width: 56.25rem) {
#block-dcbschedule .field.field--name-field-sprint-text:before {
left: 66.666%; } }
#block-dcbschedule p, #block-dcbschedule h2 {
margin: 0; }
#block-dcbschedule h2 {
font-size: 5rem;
font-weight: 700;
line-height: 1; }
@media screen and (min-width: 56.25rem) {
#block-dcbschedule h2 {
font-size: 3rem; } }
@media screen and (min-width: 75rem) {
#block-dcbschedule h2 {
font-size: 5rem; } }
#block-dcbschedule .schedule-day {
font-size: 2.5rem;
font-weight: bold; }
@media screen and (min-width: 56.25rem) {
#block-dcbschedule .schedule-day {
font-size: 2rem; } }
@media screen and (min-width: 75rem) {
#block-dcbschedule .schedule-day {
font-size: 2.5rem; } }
#block-dcbschedule .schedule-location {
font-size: 1.6rem;
font-weight: 600;
padding-top: 2rem; }
@media screen and (min-width: 56.25rem) {
#block-dcbschedule .schedule-location {
font-size: 1.2rem; } }
@media screen and (min-width: 75rem) {
#block-dcbschedule .schedule-location {
font-size: 1.6rem; } }
.form-item > label {
display: block;
font-weight: bold; }
font-weight: 600; }
.form-item > label.option {
display: inline;
font-weight: normal; }

2
web/themes/dcb2017/css/style.css.map
View file

File diff suppressed because one or more lines are too long