diff --git a/assets/manholdingchild.jpg b/assets/manholdingchild.jpg new file mode 100644 index 0000000000000000000000000000000000000000..1c36b10293b5f5dd4702539cae0ddbaee49be9dd Binary files /dev/null and b/assets/manholdingchild.jpg differ diff --git a/style.css b/style.css index 5b4f1e77d65bd1de993f778f1604f44cd8638aa7..69f39ca827bcecaa743aa9310e5e099c24e016d5 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,124 @@ -/** +.front #pagetitle { + display: none; +} +h2.wdn-brand { + text-transform: uppercase; +} +/****************************************************************************************************** + * Home + ******************************************************************************************************/ +.featured-promo { + background-color: rgba(0, 0, 0, 0.43); + color: #fff; + font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif; + font-weight: 400; + font-style: normal; + padding: 1em 2em; + position: absolute; + bottom: 2em; +} +.featured-promo .field-name-field-related-program { + position: absolute; + top: -30px; + left: 0; + background-color: #d00000; + width: 100%; + padding: .3em 1em; + text-transform: uppercase; + font-size: .8em; +} +.featured-promo .field-name-field-related-program .field-item:before { + content: 'Latest '; +} +.featured-promo .field-name-field-related-program .field-item:after { + content: ' News'; +} +.featured-promo .wdn-brand { + color: #fff; + margin-bottom: 0; +} +.featured-promo .field-name-field-summary { + margin: .7em 0 1em; + font-size: .7em; +} +.featured-promo .wdn-button { + width: 100%; +} +.view-ianr-news .views-field-field-news-image { + float: left; + max-width: 43%; + margin-right: 1em; +} +.view-ianr-news .views-field-body { + display: flex; + font-size: .7em; + line-height: 1.6em; +} +.view-ianr-news .views-field-body h6 { + font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif; + font-weight: 400; + font-style: normal; + font-size: 1.3em; + line-height: 1.4em; + margin: 0 0 .2em; +} +.view-ianr-news .views-field-body h6 a { + color: black; +} +/****************************************************************************************************** + * About Us + ******************************************************************************************************/ +.page-impact #pagetitle { + display: none; +} +.page-impact #maincontent { + background-color: #fff; +} +.page-impact #node-484 section { + border-bottom: 1px solid #bbb; + position: relative; +} +.page-impact #node-484 .field-name-field-images img { + position: absolute; + bottom: 0; + right: 0; + max-width: 160px; +} +.view-impact .field-name-field-impact-statement { + font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif; + font-weight: 400; + font-style: normal; +} +.view-impact .field-name-field-impact-reports { + font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif; + font-weight: 400; + font-style: normal; +} +.view-impact .field-name-field-impact-reports a { + padding: 1em; + background-color: #d00000; + color: #fff; + border-radius: 4px; + text-transform: uppercase; + letter-spacing: 0.02em; + display: inline-block; +} +.view-impact .views-row:not(:last-child) { + border-bottom: 1px solid #bbb; + padding-bottom: 2em; +} +/****************************************************************************************************** + * Find An Answer + ******************************************************************************************************/ +.view-featured-questions-answers .field-name-body { + font-size: .8em; +} +.view-featured-questions-answers .field-name-body p { + margin-top: 0; +} +/****************************************************************************************************** * Educational Programs - */ + ******************************************************************************************************/ body.page-educational-programs #wdn_content_wrapper { background-image: url(images/educational-programs-bg.jpg); background-repeat: no-repeat; @@ -109,9 +227,9 @@ body.page-educational-programs #views-form-program-areas-block-sort .handle { height: 22px; width: 22px; } -/** -* Careers -*/ +/****************************************************************************************************** + * Careers + ******************************************************************************************************/ .page-careers #pagetitle { display: none; } diff --git a/style.less b/style.less index d6fb8307a7a676a7711cb1004c72a90000b0209f..a171c67ef061297a57c383ab1f8625a802fb0a34 100644 --- a/style.less +++ b/style.less @@ -1,8 +1,145 @@ -@import "../../workspace/wdntemplates/wdn/templates_4.0/less/_mixins/all"; +@import "../wdntemplates/wdn/templates_4.0/less/_mixins/all"; -/** +.front { + #pagetitle { + display: none; + } +} + +h2.wdn-brand { + text-transform: uppercase; +} + + +/****************************************************************************************************** + * Home + ******************************************************************************************************/ +.featured-promo { + background-color: rgba(0,0,0,.43); + color: #fff; + .sans-serif-font(); + padding: 1em 2em; + position: absolute; + bottom: 2em; + + .field-name-field-related-program { + position: absolute; + top: -30px; + left: 0; + background-color: @brand; + width: 100%; + padding: .3em 1em; + text-transform: uppercase; + font-size: .8em; + + .field-item:before {content:'Latest '} + .field-item:after {content:' News'} + } + .wdn-brand { + color: #fff; + margin-bottom: 0; + } + .field-name-field-summary { + margin: .7em 0 1em; + font-size: .7em; + } + .wdn-button { + width: 100%; + } +} + +.view-ianr-news { + .views-field-field-news-image { + float: left; + max-width: 43%; + margin-right: 1em; + } + .views-field-body { + display: flex; + font-size: .7em; + line-height: 1.6em; + + h6 { + .sans-serif-font(); + font-size: 1.3em; + line-height: 1.4em; + margin: 0 0 .2em; + + a { + color: black; + } + } + } +} + + +/****************************************************************************************************** + * About Us + ******************************************************************************************************/ +.page-impact { + #pagetitle { + display: none; + } + #maincontent { + background-color: #fff; + } + + #node-484 { //Impacting All of Nebraska + section { + border-bottom: 1px solid #bbb; + position: relative; + } + .field-name-field-images img { + position: absolute; + bottom: 0; + right: 0; + max-width: 160px; + } + } +} + +.view-impact { + .field-name-field-impact-statement { + .sans-serif-font(); + } + .field-name-field-impact-reports { + .sans-serif-font(); + a { + padding: 1em; + background-color: @scarlet; + color: #fff; + border-radius: 4px; + text-transform: uppercase; + letter-spacing: 0.02em; + display: inline-block; + } + } + .views-row:not(:last-child) { + border-bottom: 1px solid #bbb; + padding-bottom: 2em; + } +} + + + +/****************************************************************************************************** + * Find An Answer + ******************************************************************************************************/ +.view-featured-questions-answers { + .field-name-body { + font-size: .8em; + + p { + margin-top: 0; + } + } +} + + + +/****************************************************************************************************** * Educational Programs - */ + ******************************************************************************************************/ body.page-educational-programs { #wdn_content_wrapper { background-image: url(images/educational-programs-bg.jpg); @@ -113,9 +250,9 @@ body.page-educational-programs { } } -/** -* Careers -*/ +/****************************************************************************************************** + * Careers + ******************************************************************************************************/ .page-careers { #pagetitle { display: none; @@ -197,3 +334,6 @@ body.page-educational-programs { max-width: 186px; } } + + +