diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000000000000000000000000000000000000..4befed30a1c63e1cd7071109bbaae5f687c583f4 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.DS_Store +.idea diff --git a/assets/120605_Baenziger_110.JPG b/assets/120605_Baenziger_110.JPG new file mode 100644 index 0000000000000000000000000000000000000000..ff34bd7dd89a15dd7f2c14fc0064163f1717406f Binary files /dev/null and b/assets/120605_Baenziger_110.JPG differ diff --git a/assets/americorps-logo.png b/assets/americorps-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..9c23eab9ede941a6491e374fee5c50a771e9ac93 Binary files /dev/null and b/assets/americorps-logo.png differ diff --git a/assets/careers-graduate.jpg b/assets/careers-graduate.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3903530dce46db10c64f7baf09f68e155c4e8bdd Binary files /dev/null and b/assets/careers-graduate.jpg differ diff --git a/assets/careers-internship.jpg b/assets/careers-internship.jpg new file mode 100644 index 0000000000000000000000000000000000000000..8fad9eec1d13cfb033ad613427cf3314eff51666 Binary files /dev/null and b/assets/careers-internship.jpg differ diff --git a/assets/icons/4h.png b/assets/icons/4h.png new file mode 100644 index 0000000000000000000000000000000000000000..0104b50ac8f032e8edaf967e49ac17e992b60d24 Binary files /dev/null and b/assets/icons/4h.png differ diff --git a/assets/icons/ascendant.png b/assets/icons/ascendant.png new file mode 100644 index 0000000000000000000000000000000000000000..0769addbeec76a56fcbf46f41091b56032aca22e Binary files /dev/null and b/assets/icons/ascendant.png differ diff --git a/assets/icons/cow.png b/assets/icons/cow.png new file mode 100644 index 0000000000000000000000000000000000000000..d8044dfeeffd893ce15af58d096edc78d083cea0 Binary files /dev/null and b/assets/icons/cow.png differ diff --git a/assets/icons/cutlery.png b/assets/icons/cutlery.png new file mode 100644 index 0000000000000000000000000000000000000000..f41fdce2b7f85e8e02f270d415651e64aca9ee62 Binary files /dev/null and b/assets/icons/cutlery.png differ diff --git a/assets/icons/female.png b/assets/icons/female.png new file mode 100644 index 0000000000000000000000000000000000000000..70183c1353ed53eb4c308d26f5621558e32c0891 Binary files /dev/null and b/assets/icons/female.png differ diff --git a/assets/icons/river.png b/assets/icons/river.png new file mode 100644 index 0000000000000000000000000000000000000000..d9a9c619834961eab6492c4a6d145123744aaef1 Binary files /dev/null and b/assets/icons/river.png differ diff --git a/assets/icons/tree.png b/assets/icons/tree.png new file mode 100644 index 0000000000000000000000000000000000000000..455772a19cce55bfa7e17baea89052a9396d234d Binary files /dev/null and b/assets/icons/tree.png differ diff --git a/assets/river3.png b/assets/river3.png new file mode 100644 index 0000000000000000000000000000000000000000..1237aa6ccfe6cfb90243e80dbdb068abed704e85 Binary files /dev/null and b/assets/river3.png differ diff --git a/assets/serve-nebraska-logo.png b/assets/serve-nebraska-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..8e8e20136c06e3ca84c41b6535647c05cb11db53 Binary files /dev/null and b/assets/serve-nebraska-logo.png differ diff --git a/images/educational-programs-bg.jpg b/images/educational-programs-bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..30c626424dbe5fdf3bec13132d1750aefd202813 Binary files /dev/null and b/images/educational-programs-bg.jpg differ diff --git a/style.css b/style.css index 4973cdd7bb8373d071ff96926b7a6e1a4590cf57..5b4f1e77d65bd1de993f778f1604f44cd8638aa7 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,6 @@ +/** + * Educational Programs + */ body.page-educational-programs #wdn_content_wrapper { background-image: url(images/educational-programs-bg.jpg); background-repeat: no-repeat; @@ -10,7 +13,7 @@ body.page-educational-programs #pagetitle { } body.page-educational-programs #pagetitle h1 { display: inline-block; - background-color: #c5001e; + background-color: #d00000; padding-top: 10px; color: #fefefd; font-family: "Tungsten A", "Tungsten B", "HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "Arial Narrow", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; @@ -36,27 +39,44 @@ body.page-educational-programs .view-program-areas { body.page-educational-programs .node-educational-program { background-color: rgba(255, 255, 255, 0.88); margin-bottom: 3em; + padding: 2em 0; border-top: 14px solid #554721; position: relative; + 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; } body.page-educational-programs .node-educational-program h2 { color: #554721; } -body.page-educational-programs .node-educational-program .field-name-field-icon { +body.page-educational-programs .node-educational-program .field-name-field-icon .field-item { + margin: 0; + background-color: #554721; border-radius: 40px; - left: 49%; + left: 47%; padding: 14px; position: absolute; right: 50%; top: -35px; width: 60px; -} -body.page-educational-programs .node-educational-program .field-name-field-icon .field-item { - margin: 0; + height: 60px; + text-align: center; } body.page-educational-programs .node-educational-program .field-name-field-icon .field-item img { + display: inline-block; + margin: 0 auto; + max-height: 100%; + max-width: 100%; + width: auto; + vertical-align: middle; +} +body.page-educational-programs .node-educational-program .field-name-body { + font-size: 0.9em; + line-height: 1.7em; +} +body.page-educational-programs .node-educational-program .wdn-button { width: 100%; - display: block; + margin-top: 2em; } body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program { border-color: #137cbd; @@ -64,7 +84,7 @@ body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .n body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program h2 { color: #137cbd; } -body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program .field-name-field-icon { +body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program .field-name-field-icon .field-item { background-color: #137cbd; } body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program .wdn-button { @@ -76,9 +96,95 @@ body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .n body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .node-educational-program h2 { color: #008a2c; } -body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .node-educational-program .field-name-field-icon { +body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .node-educational-program .field-name-field-icon .field-item { background-color: #008a2c; } body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .node-educational-program .wdn-button { background-color: #008a2c; } +body.page-educational-programs #views-form-program-areas-block-sort table { + background-color: #fff; +} +body.page-educational-programs #views-form-program-areas-block-sort .handle { + height: 22px; + width: 22px; +} +/** +* Careers +*/ +.page-careers #pagetitle { + display: none; +} +.page-careers #maincontent { + background-color: #fff; +} +.page-careers .wdn-promo-container .wdn-promo-content .wdn-promo-text { + font-weight: 400; + line-height: 1em; +} +.page-careers #node-243 { + text-align: center; +} +.page-careers .jobs-wrapper h3 { + text-align: center; + background-color: #d00000; + padding: 10px; + margin-bottom: 0; + color: #fefefd; + font-family: "Tungsten A", "Tungsten B", "HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "Arial Narrow", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; + font-weight: 400; + font-style: normal; + text-transform: uppercase; + font-size: 1.7em; +} +.page-careers .jobs-list { + background-color: #dbdbdb; + padding: 14px; + 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: .9em; + line-height: 1.4em; +} +.page-careers .jobs-list > div { + padding: 4px 0; + border-bottom: 1px solid #cecece; +} +.page-careers .jobs-list > div:last-of-type { + border: none; +} +.page-careers .jobs-list > div a { + color: #555; +} +.page-careers .jobs-list .wdn-button { + display: block; + margin-top: 18px; +} +.page-careers .jobs-list .wdn-button span { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; +} +.careers-band { + background-position: center center; + background-size: cover; +} +.careers-band-internship { + background-image: url(http://unlcms.unl.edu/ianr/nebraska-extension/images/careers-internship.jpg); +} +.careers-band-graduate { + background-image: url(http://unlcms.unl.edu/ianr/nebraska-extension/images/careers-graduate.jpg); + background-position: -62px center; +} +.careers-band-graduate [class*="wdn-col"] { + float: right; +} +.careers-band-corps { + background-color: #f4f3f0; +} +.careers-band-corps img { + max-width: 186px; +} diff --git a/style.less b/style.less index 3c3294516d6906be126eac893a7022f024eb6bda..d6fb8307a7a676a7711cb1004c72a90000b0209f 100644 --- a/style.less +++ b/style.less @@ -1,5 +1,8 @@ @import "../../workspace/wdntemplates/wdn/templates_4.0/less/_mixins/all"; +/** + * Educational Programs + */ body.page-educational-programs { #wdn_content_wrapper { background-image: url(images/educational-programs-bg.jpg); @@ -14,7 +17,7 @@ body.page-educational-programs { h1 { display: inline-block; - background-color: #c5001e; + background-color: @scarlet; padding-top: 10px; color: #fefefd; .brand-font(); @@ -39,30 +42,47 @@ body.page-educational-programs { .node-educational-program { background-color: rgba(255, 255, 255, .88); margin-bottom: 3em; + padding: 2em 0; border-top: 14px solid #554721; position: relative; + .sans-serif-font(); h2 { color: #554721; } .field-name-field-icon { - border-radius: 40px; - left: 49%; - padding: 14px; - position: absolute; - right: 50%; - top: -35px; - width: 60px; .field-item { margin: 0; + background-color: #554721; + border-radius: 40px; + left: 47%; + padding: 14px; + position: absolute; + right: 50%; + top: -35px; + width: 60px; + height: 60px; + text-align: center; img { - width: 100%; - display: block; + display: inline-block; + margin: 0 auto; + max-height: 100%; + max-width: 100%; + width: auto; + vertical-align: middle; } } } + .field-name-body { + font-size: 0.9em; + line-height: 1.7em; + } + .wdn-button { + width: 100%; + margin-top: 2em; + } } // Alternate colors @@ -70,14 +90,110 @@ body.page-educational-programs { border-color: #137cbd; h2 {color: #137cbd;} - .field-name-field-icon {background-color: #137cbd;} + .field-name-field-icon .field-item {background-color: #137cbd;} .wdn-button {background-color: #137cbd;} } .view-program-areas .views-row:nth-child(3n+3) .node-educational-program { border-color: #008a2c; h2 {color: #008a2c;} - .field-name-field-icon {background-color: #008a2c;} + .field-name-field-icon .field-item {background-color: #008a2c;} .wdn-button {background-color: #008a2c;} } + + // Admin drag and drop block + #views-form-program-areas-block-sort { + table { + background-color: #fff; + } + .handle { + height: 22px; + width: 22px; + } + } +} + +/** +* Careers +*/ +.page-careers { + #pagetitle { + display: none; + } + #maincontent { + background-color: #fff; + } + .wdn-promo-container .wdn-promo-content .wdn-promo-text { + font-weight: 400; + line-height: 1em; + } + #node-243 { + text-align: center; + } + .jobs-wrapper { + h3 { + text-align: center; + background-color: @scarlet; + padding: 10px; + margin-bottom: 0; + color: #fefefd; + .brand-font(); + text-transform: uppercase; + font-size: 1.7em; + } + } + .jobs-list { + background-color: #dbdbdb; + padding: 14px; + .sans-serif-font(); + font-size: .9em; + line-height: 1.4em; + + > div { + padding: 4px 0; + border-bottom: 1px solid #cecece; + &:last-of-type {border: none;} + + a { + color: #555; + } + } + + .wdn-button { + display: block; + margin-top: 18px; + + span { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; + } + } + } +} +// Individual Career pages +.careers-band { + background-position: center center; + background-size: cover; +} +.careers-band-internship { + background-image: url(http://unlcms.unl.edu/ianr/nebraska-extension/images/careers-internship.jpg); +} +.careers-band-graduate { + background-image: url(http://unlcms.unl.edu/ianr/nebraska-extension/images/careers-graduate.jpg); + background-position: -62px center; + + [class*="wdn-col"] { + float: right; + } +} +.careers-band-corps { + background-color: #f4f3f0; + + img { + max-width: 186px; + } }