Updates to Program Areas and start of Careers

.gitignore

+.DS_Store
+.idea

style.css

+/**
+ * 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;
+}

style.less

 @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 {
+
+      .field-item {
+        margin: 0;
+        background-color: #554721;
         border-radius: 40px;
-      left: 49%;
+        left: 47%;
         padding: 14px;
         position: absolute;
         right: 50%;
         top: -35px;
         width: 60px;
-
-      .field-item {
-        margin: 0;
+        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;
+  }
 }