styles for new pages

css/grey.css

@@ -132,6 +132,25 @@ html {
 }
 
 
+section.coloured,
+section.coloured:before,
+section.coloured:after {
+	background-color: #f5f5f5;
+	color: #333333;
+	border-top-width: 1px;
+	border-bottom-width: 1px;
+	border-top-style: solid;
+	border-bottom-style: solid;
+	border-top-color: #e5e5e5;
+	border-bottom-color: #e5e5e5;
+}
+section.coloured:before,
+section.coloured:after {
+	top:-1px;
+	bottom:-1px;
+}
+
+
 .button-bar ul,
 .button-bar ul:before,
 .button-bar ul:after {

css/okfn-wordpress.css

@@ -112,6 +112,11 @@ blockquote small {
 }
 
 
+a.more {
+	font-weight:bold;
+}
+
+
 /* ================ */
 /* Wordpress Layout */
 /* ================ */
@@ -2298,6 +2303,15 @@ section.black-banner.full-width:after {
 	-o-background-size: auto;
 	background-size: auto;
 }
+.banner.black-banner.solid,
+section.black-banner.solid,
+.banner.black-banner.full-width.solid:before,
+.banner.black-banner.full-width.solid:after,
+section.black-banner.full-width.solid:before,
+section.black-banner.full-width.solid:after {
+	background-image:none;
+	background-color:#000;
+}
 
 .banner.lined,
 section.lined,
@@ -2316,6 +2330,46 @@ section.lined.full-width:after {
 	background-repeat:repeat;
 }
 
+
+.banner.squared,
+section.squared,
+.banner.squared.full-width:before,
+.banner.squared.full-width:after,
+section.squared.full-width:before,
+section.squared.full-width:after {
+	background-color: #f7f7f9;
+	background-image: url(../images/squared-paper.png);
+	background-position: left top;
+	color:#1d193d;
+	box-shadow: 0 -5px 5px -5px rgba(204, 210, 220, 1.0) inset;
+}
+.banner.squared h1,
+section.squared h1,
+.banner.squared h2,
+section.squared h2 {
+	font-family:'CabinSketchRegular', 'Open Sans', Helvetica, Arial, sans-serif;
+}
+.banner.squared a,
+section.squared a,
+.banner.squared a:visited,
+section.squared a:visited {
+  color: #1d193d;
+  text-decoration: underline;
+}
+.banner.squared a:hover,
+section.squared a:hover {
+  color: #000;
+}
+.banner.squared.full-width:before,
+section.squared.full-width:before {
+	background-position: right top;
+}
+.banner.squared.full-width:after,
+section.squared.full-width:after  {
+	background-position: 20px top;
+}
+
+
 .static-banner {
 	padding: 20px 165px 20px 400px;
 	display: table;
@@ -2329,6 +2383,14 @@ section.lined.full-width:after {
 	line-height:26px;
 	font-family:OpenSansLight, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
+
+
+section.coloured,
+section.coloured:before,
+section.coloured:after {
+	background-color:#1C1C1C;
+	color:#FFF;
+}
 
 
 .button-bar {
@@ -2508,6 +2570,30 @@ body > .corner.ribbon img {
 }
 
 
+/* Pull Quote */
+/* ========== */
+
+.pull-quote {
+	font-family: OpenSansLight, "Helvetica Neue", Helvetica,Arial,sans-serif;
+	font-size:22px;
+	line-height:22px;
+	padding-left:15px;
+}
+.pull-quote:before,
+.pull-quote:after {
+	font-size:38px;
+	position:absolute;
+}
+.pull-quote:before {
+  content: '\201C';
+	margin-left:-15px;
+}
+.pull-quote:after {
+  content: '\201D';
+	padding-left:5px;
+}
+
+
 /* Mag Homepage */
 /* ============ */
 

fonts/stylesheet.css

@@ -1,7 +1,5 @@
 /* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 26, 2012 10:27:28 AM America/New_York */
 
-
-
 @font-face {
     font-family: 'EraserRegular';
     src: url('EraserRegular-webfont.eot');
@@ -14,3 +12,27 @@
 
 }
 
+
+@font-face {
+    font-family: 'CabinSketchRegular';
+    src: url('CabinSketch-Regular-webfont.eot');
+    src: url('CabinSketch-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('CabinSketch-Regular-webfont.woff') format('woff'),
+         url('CabinSketch-Regular-webfont.ttf') format('truetype'),
+         url('CabinSketch-Regular-webfont.svg#CabinSketchRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'CabinSketchBold';
+    src: url('CabinSketch-Bold-webfont.eot');
+    src: url('CabinSketch-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('CabinSketch-Bold-webfont.woff') format('woff'),
+         url('CabinSketch-Bold-webfont.ttf') format('truetype'),
+         url('CabinSketch-Bold-webfont.svg#CabinSketchBold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}

shortcodes.php

@@ -373,4 +373,44 @@ function pippin_login_form_shortcode( $atts, $content = null ) {
 add_shortcode('loginform', 'pippin_login_form_shortcode');
 
 
+/*********************************************************************************************
+* Name:        Menu Pod
+* Author:      Sam Smith
+* Description: Expanding menu
+* Example:     [menupod icon="cog/bubble/heart" link="http://link.com" heading="Heading Here" subheading="Subheading Here"]
+               [menupoditem text="Text here" link="http://link.com"]
+               [/menupod]
+**********************************************************************************************/
+
+function menupod_shortcode( $atts, $content = null ) {
+	 extract( shortcode_atts( array(
+			'icon' => 'cog',
+			'link' => '#',
+			'heading' => 'Heading Here',
+			'subheading' => '',
+		), $atts ) );
+   return '<div class="okfn-dropdown">
+		 <a href="'.$link.'" class="background-'.$icon.'">
+			<h5>'.$heading.'</h5>
+			<p>'.$subheading.'</p>
+		</a>
+		<div class="okfn-dropdown-items">' 
+		.do_shortcode($content). 
+		'</div>
+	</div>';
+} 
+add_shortcode( 'menupod', 'menupod_shortcode' );
+
+function menupoditem_shortcode( $atts ) {  
+	extract( shortcode_atts( array(
+			'text' => 'Text here',
+			'link' => '#',
+		), $atts ) );
+
+		return '<a href="'.$link.'">'.$text.'</a>'; 
+		}
+
+add_shortcode('menupoditem', 'menupoditem_shortcode'); 
+
+
 ?>