UConn Branding Styles

jmr06005 · Jun 24, 2014 · a4af5a0 · a4af5a0
1 parent 97d124e
commit a4af5a0
Show file tree

Hide file tree

Showing 5 changed files with 331 additions and 78 deletions.
diff --git a/header.php b/header.php
@@ -6,13 +6,16 @@
  *
  */
 
-$secondary = get_option( 'parentSiteTitle','');
-$secondarylink = get_option( 'parentSiteLink','');
+$secondary 		= get_option( 'parentSiteTitle','');
+$secondarylink 	= get_option( 'parentSiteLink','');
+$headingColor 		= get_theme_mod( 'headingColor');
+$parentColor 		= get_theme_mod( 'parentColor');
+
 //$nav1 = get_theme_mod( 'navoption1','textnav');
 //$nav2 = get_theme_mod( 'navoption2','with-drop');
 
 ?>
-<!DOCTYPE html>
+<!DOCTYPE html>	
 <html <?php language_attributes(); ?>>
 <head>
 <meta charset="<?php bloginfo( 'charset' ); ?>">
@@ -25,6 +28,7 @@
 </head>
 
 <body <?php body_class(); ?> >
+
 <nav id="skiplinks">
 	<a href="#site-navigation">Skip to Navigation</a>
 	<a href="#uc-search">Skip to UConn Search</a>
@@ -35,28 +39,27 @@
 <div id="page" class="hfeed site">
 	<?php 
 		$headerImg = get_header_image();
-
 	?>
 	<header id="masthead" class="site-header container <?php if ($headerImg != ''){echo 'header-image';} ?>" role="banner">
 			<?php if ($headerImg != ''){ echo '<div id="header-image-wrap"><img src="' . get_header_image() . '" height="' . get_custom_header()->height . '" width="' . get_custom_header()->width . '" id="header-image" alt="Decorative header image of '. get_bloginfo('name') .'" /></div> ';}?>
-			<div class="site-branding hidden-xs">
-				<h1 class="site-title">
-					<a href="<?php echo esc_url( home_url( '/' ) ); ?>
-						" rel="home">
-						<?php bloginfo( 'name' ); ?></a>
-						<?php
-				            if(strlen($secondary) > 0 && strlen($secondarylink) > 0){
-								if(substr($secondarylink,0,4) != 'http'){
-									$secondarylink = 'http://'.$secondarylink;
-								}
-				                echo '<a href="'.$secondarylink.'">'.$secondary.'</a>';
-				            }
-				        ?>
-				</h1>
-				<h2 class="site-description">
-					<?php bloginfo( 'description' ); ?></h2>
-			</div>
+			<div class="site-branding hidden-xs" id="uc-site-header">
+					<?php
+						if(strlen($secondary) > 0 && strlen($secondarylink) > 0){
+							if(substr($secondarylink,0,4) != 'http'){
+								$secondarylink = 'http://'.$secondarylink;
+							}
+							echo '<p id="uc-site-parent" class="'.$parentColor.'"><a href="'.$secondarylink.'">'.$secondary.'</a></p>';
+						}
+
+
+					?>
+
+					<h1 id="uc-site-title" class="<?php echo $headingColor; ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></a></h1>
 
+			</div>
+			<!--
+				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
+-->
 			<nav id="site-navigation" class="navbar navbar-default" role="navigation">
 				<div class="navbar-header">
 					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#primary-nav">

diff --git a/js/cs.js b/js/cs.js
@@ -16,16 +16,13 @@ jQuery(document).ready(function($) {
 
 	$('#page a').each(function(){
 		//console.log('------------a')
-		var href 	= $(this).attr('href')
+		var href 	= $(this).attr('href').toLowerCase()
 		var img		= $(this).children('img').length
 		var base 	= null
 		var last 	= null
 		var ext 	= null
 		var flag 	= null
 
-
-		//console.log('img: '+img)
-
 		if (href.charAt(0) != '#' && img == 0 ){
 
 			var hrefExploded = href.split('/')
@@ -106,7 +103,7 @@ jQuery(document).ready(function($) {
 		})
 		
 	}
-	
+	/**/
 	/*
 	
 	Need some kind of a way to... 

diff --git a/js/min/cs.min.js b/js/min/cs.min.js
diff --git a/style.css b/style.css
@@ -22,6 +22,114 @@ Text Domain: cs
 	CORNERSTONE
 
 --------------------------------------------------------------*/
+/*	Variables
+--------------------------------------------------------------*/
+/*	Mixins
+--------------------------------------------------------------*/
+/*	Fonts
+--------------------------------------------------------------*/
+@font-face {
+  font-family: 'Proxima Nova';
+  src: url("../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot");
+  src: url("../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"), url("../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.woff") format("woff"), url("../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Proxima Nova';
+  src: url("../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot");
+  src: url("../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.woff") format("woff"), url("../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.ttf") format("truetype");
+  font-weight: 500;
+  font-style: normal;
+}
+
+/*	Custom Header Image
+--------------------------------------------------------------*/
+#masthead.header-image {
+  position: relative;
+}
+
+#header-image-wrap {
+  overflow: hidden;
+  max-height: 250px;
+}
+
+#header-image {
+  min-height: 100px;
+  width: 100%;
+}
+
+#masthead.header-image .site-branding {
+  position: absolute;
+  top: 30px;
+  left: 30px;
+}
+
+/*	UConn Branding
+--------------------------------------------------------------*/
+#uc-site-header {
+  padding-top: 30px;
+}
+
+#masthead.header-image #uc-site-header {
+  padding-top: 0;
+}
+
+#uc-site-header h1,
+#uc-site-header p,
+#uc-site-header a {
+  padding: 0;
+  margin: 0;
+  font-size: 1em;
+  line-height: 1em;
+  color: black;
+  font-style: normal;
+  font-weight: normal;
+  border: 0;
+  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
+}
+
+#uc-site-header .blue a {
+  color: #0b1860;
+}
+
+#uc-site-header .grey a {
+  color: #7C878E;
+}
+
+#uc-site-header .white a {
+  color: #FFF;
+}
+
+#uc-site-header .black a {
+  color: #000;
+}
+
+#uc-site-header .glyphicon {
+  display: none;
+}
+
+#uc-site-header #uc-site-parent {
+  margin-bottom: 5px;
+}
+
+#uc-site-header #uc-site-parent a {
+  font-sie: 13px;
+  letter-spacing: 1px;
+}
+
+#uc-site-header #uc-site-title {
+  padding-bottom: 30px;
+}
+
+#uc-site-header #uc-site-title a {
+  font-weight: 500;
+  font-size: 24px;
+  word-wrap: break-word;
+  max-width: 100%;
+}
+
 img {
   height: auto;
   max-width: 100%;
@@ -58,31 +166,13 @@ img {
   width: 50%;
 }
 
-/*	Custom Header Image
---------------------------------------------------------------*/
-#masthead.header-image {
-  position: relative;
-}
-
-#header-image-wrap {
-  overflow: hidden;
-  max-height: 250px;
-}
-
-#header-image {
-  min-height: 100px;
-  width: 100%;
-}
-
-#masthead.header-image .site-branding {
-  position: absolute;
-  top: 30px;
-  left: 30px;
-}
-
 /*	NAV
 --------------------------------------------------------------*/
 /*
+#primary-nav {
+	background-color: #ccc;
+}
+
 #primary-nav.neverwrap .nav {
 	width:100%;
 	}		
@@ -92,11 +182,17 @@ img {
 		white-space:nowrap;
 		text-align:center;
 		}
+		#primary-nav.neverwrap > ul > li > a {
+			border-right:1px solid rgba(255,255,255, .33);	
+			}
+			#primary-nav.neverwrap > ul > li:last-child > a {
+				border-right:none;	
+				}
 		#primary-nav.neverwrap > ul > li+li > a {
-			border-left:1px solid rgba(0,0,0, .2);	
+			border-left:1px solid rgba(0,0,0, .33);	
 			font-size:.9em;
 			}
-	
+*/
 /**/
 .menu-icon,
 .menu-label {
@@ -319,7 +415,20 @@ object {
   max-width: 11.11%;
 }
 
-/* Accessibility Tests */
+/* 
+		
+		Accessibility Features
+
+ */
+#skiplinks {
+  position: absolute;
+  left: 0;
+  top: 0;
+  visibility: hidden;
+  height: 0;
+  width: 0;
+}
+
 .accessibility-fail {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
@@ -342,7 +451,7 @@ object {
 }
 
 /* Table stripper - removes all styles from elements within tables. */
-html, table body, table div, table span, table applet, table object, table iframe, table
+table div, table span, table applet, table object, table iframe, table
 h1, table h2, table h3, table h4, table h5, table h6, table p, table blockquote, table pre, table
 a, table abbr, table acronym, table address, table big, table cite, table code, table
 del, table dfn, table em, table img, table ins, table kbd, table q, table s, table samp, table
@@ -385,3 +494,9 @@ q:before, table q:after {
   content: "" !important;
   content: none !important;
 }
+
+/* 
+	
+	End Accessibility
+
+*/