From d1c524118245c91f904eca414dafd231d33727c7 Mon Sep 17 00:00:00 2001
From: Eric Rasmussen <ericrasmussen1@gmail.com>
Date: Thu, 7 May 2015 17:39:43 -0500
Subject: [PATCH] Begin work on Educational Programs page

---
 style.css  | 84 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 style.less | 83 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 167 insertions(+)
 create mode 100644 style.css
 create mode 100644 style.less

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..4973cdd
--- /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 0000000..3c32945
--- /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;}
+  }
+}
-- 
GitLab