Updated general header color overlay styling and slideshow color overlay styling

Author: zorp

sites/all/themes/osto_web/css/global.css

@@ -65,8 +65,11 @@ img {
 	background: $gray-lightest;
 }
 #zone-header-wrapper {
-	background: linear-gradient(to right, $blue 0%,$blue 35%,rgba(10,112,227,0.7) 50%,$blue 65%,$blue 100%),url("../img/header-bg.png");
-	background-size: auto 293px;
+	//background: linear-gradient(to right, $blue 0%,$blue 35%,rgba(10,112,227,0.7) 50%,$blue 65%,$blue 100%),url("../img/header-bg.png");
+	background: url("../img/header-bg_2.png");
+	background-color: $gray-light;
+	//background-size: auto 293px;
+	background-size: auto 100%;
 	background-repeat: no-repeat;
 	background-position-y: center;
 	background-position-x: center;

sites/all/themes/osto_web/css/osto-web-alpha-default-narrow.css

@@ -5,6 +5,10 @@
  *  apply to the normal and widescreen layouts. You may override these styles in the normal 
  *  and widescreen CSS files as appropriate. */
 
+ #zone-header-wrapper {
+	background-size: 100%;
+}
+
  /*
 ========================================================================== 
 	Specific Pages
@@ -145,7 +149,7 @@
 			}
 		}
 		.background-overlay {
-			background: linear-gradient(to right, $blue 0%,$blue 10%,rgba(10,112,227,0.5) 50%,$blue 90%,$blue 100%);
+			//background: linear-gradient(to right, $blue 0%,$blue 10%,rgba(10,112,227,0.5) 50%,$blue 90%,$blue 100%);
 			height: 100%;
 			width: 100%;
 			position: absolute;

sites/all/themes/osto_web/css/osto-web-alpha-default-normal.css

@@ -3,7 +3,11 @@
 /* This file will hold styles that are loaded using the same media query as the normal grid. */
 /* If you are using the default media queries provided by Omega, these styles will also
  *  apply to the widescreen layout unless they are overridden by the widescreen styles. */
- 
+
+#zone-header-wrapper {
+	background-size: 100%;
+}
+
 /*
 ========================================================================== 
 	Views

sites/all/themes/osto_web/css/osto-web-alpha-default.css

@@ -3,7 +3,6 @@
 /* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */
 
 
-
 /* Zone User - Full Width */
 #zone-user-wrapper #zone-user {
 	width: 100%;
@@ -77,7 +76,7 @@
 			width: 60%;
 		}
 		.background-overlay {
-			background: linear-gradient(to right, $blue 0%,$blue 10%,rgba(10,112,227,0.5) 50%,$blue 90%,$blue 100%);
+			//background: linear-gradient(to right, $blue 0%,$blue 10%,rgba(10,112,227,0.5) 50%,$blue 90%,$blue 100%);
 			height: 100%;
 			width: 100%;
 			position: absolute;
@@ -103,7 +102,7 @@
 				font-size: 3.33em;
 				line-height: $line-height-std;
 				margin: 0 0 25px 0;
-				padding: 0;
+				padding: 5px;
 				text-align: left;
 			}
 			.slide-body {
@@ -121,6 +120,8 @@
 				transition-delay: $anim-speed;
 				opacity: 0;
 				text-shadow: 2px 2px 0 rgba(0,0,0,0.20);
+				background-color: $black;
+				padding: 5px;
 			}
 			.item-list {
 				li {

sites/all/themes/osto_web/img/header-bg_2.png

@@ -43,7 +43,7 @@
 ========================================================================== 
 */
 #zone-header {
-	padding: 65px 0;
+	padding: 35px 0;
 }
 .region-header-first,
 .region-header-second {
@@ -59,7 +59,12 @@
 			font-size: 1.85em;
 			margin-bottom: 10px;
 			font-weight: $font-weight-bold;
-			color: $blue-light;
+			color: $blue;
+		}
+		.field-item {
+			display: inline-block;
+			background-color: $black;
+			padding: 5px;
 		}
 	}
 }