diff --git a/style.css b/style.css new file mode 100644 index 0000000000000000000000000000000000000000..4973cdd7bb8373d071ff96926b7a6e1a4590cf57 --- /dev/null +++ b/style.css @@ -0,0 +1,84 @@ +body.page-educational-programs #wdn_content_wrapper { + background-image: url(images/educational-programs-bg.jpg); + background-repeat: no-repeat; + background-position: top center; + background-size: cover; +} +body.page-educational-programs #pagetitle { + text-align: center; + margin: 0 auto 2em; +} +body.page-educational-programs #pagetitle h1 { + display: inline-block; + background-color: #c5001e; + 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; + font-weight: 400; + font-style: normal; + text-transform: uppercase; +} +body.page-educational-programs #pagetitle span { + display: block; + margin-top: 10px; + padding: 0 20px; + color: #554721; + background-color: #f4f3f0; + 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: 0.3em; + line-height: 2.1em; +} +body.page-educational-programs .view-program-areas { + margin-bottom: 3em; +} +body.page-educational-programs .node-educational-program { + background-color: rgba(255, 255, 255, 0.88); + margin-bottom: 3em; + border-top: 14px solid #554721; + position: relative; +} +body.page-educational-programs .node-educational-program h2 { + color: #554721; +} +body.page-educational-programs .node-educational-program .field-name-field-icon { + border-radius: 40px; + left: 49%; + 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; +} +body.page-educational-programs .node-educational-program .field-name-field-icon .field-item img { + width: 100%; + display: block; +} +body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program { + border-color: #137cbd; +} +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 { + background-color: #137cbd; +} +body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program .wdn-button { + background-color: #137cbd; +} +body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .node-educational-program { + border-color: #008a2c; +} +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 { + background-color: #008a2c; +} +body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .node-educational-program .wdn-button { + background-color: #008a2c; +} diff --git a/style.less b/style.less new file mode 100644 index 0000000000000000000000000000000000000000..3c3294516d6906be126eac893a7022f024eb6bda --- /dev/null +++ b/style.less @@ -0,0 +1,83 @@ +@import "../../workspace/wdntemplates/wdn/templates_4.0/less/_mixins/all"; + +body.page-educational-programs { + #wdn_content_wrapper { + background-image: url(images/educational-programs-bg.jpg); + background-repeat: no-repeat; + background-position: top center; + background-size: cover; + } + + #pagetitle { + text-align: center; + margin: 0 auto 2em; + + h1 { + display: inline-block; + background-color: #c5001e; + padding-top: 10px; + color: #fefefd; + .brand-font(); + text-transform: uppercase; + } + span { + display: block; + margin-top: 10px; + padding: 0 20px; + color: #554721; + background-color: #f4f3f0; + .sans-serif-font(); + font-size: 0.3em; + line-height: 2.1em; + } + } + + .view-program-areas { + margin-bottom: 3em; + } + + .node-educational-program { + background-color: rgba(255, 255, 255, .88); + margin-bottom: 3em; + border-top: 14px solid #554721; + position: relative; + + 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; + + img { + width: 100%; + display: block; + } + } + } + } + + // Alternate colors + .view-program-areas .views-row:nth-child(3n+2) .node-educational-program { + border-color: #137cbd; + + h2 {color: #137cbd;} + .field-name-field-icon {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;} + .wdn-button {background-color: #008a2c;} + } +}