Initial commit

pressroom/www/php/style_selector/style_selector.css

@@ -0,0 +1,203 @@
+body
+{
+	overflow-x: hidden;
+}
+.style_selector 
+{
+    position: fixed;
+	right: 0;
+    top: 10%;
+	width: 45px;
+    z-index: 10;
+}
+.style_selector.opened
+{
+	width: 246px;
+}
+.style_selector.opened .style_selector_content
+{
+	display: block;
+	width: 200px;
+}
+.style_selector_icon
+{
+	float: left;
+	background: url("images/config.png") no-repeat scroll center center rgba(0, 0, 0, 0.5);
+	cursor: pointer;
+    display: block;
+	width: 45px;
+    height: 45px;
+}
+.style_selector_content
+{
+	float: left;
+	width: 0;
+	display: none;
+	background: #FFF;
+	box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.1);
+	-moz-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.1);
+	-webkit-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.1);
+	border-left: 1px solid rgba(0,0,0,0.1);
+	border-bottom: 1px solid rgba(0,0,0,0.1);
+}
+.style_selector_content h4
+{
+	font-family: 'Roboto';
+	font-size: 16px;
+	color: #25282A;
+	background: #F0F0F0;
+	padding-top: 10px;
+	padding-bottom: 12px;
+	text-align: center;
+}
+.style_selector_content ul li
+{
+	border-top: 1px solid #E9E9E9;
+	padding: 10px 15px;
+}
+.style_selector_content ul li:first-child
+{
+	border-top: none;
+}
+.style_selector_content ul li label
+{	
+	display: block;
+	font-family: 'Arial';
+	font-size: 12px;
+	color: #7C7C7C;
+}
+.style_selector_content ul li select
+{
+	width: 170px;
+	font-size: 14px;
+	color: #3E3E3E;
+	border: 1px solid #E9E9E9;
+	padding: 7px 10px;
+	margin-top: 10px;
+	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); 
+	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); 
+	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
+}
+.style_selector_content ul.layout_chooser
+{
+	clear: both;
+}
+.style_selector_content ul.layout_chooser li
+{
+	float: left;
+	border: none;
+	padding: 0;
+	margin-left: 5px;
+	margin-top: 5px;
+}
+.style_selector_content ul.layout_chooser li:first-child,
+.style_selector_content ul.layout_chooser li.first
+{
+	margin-left: 0;
+}
+.style_selector_content ul.layout_chooser li a
+{
+	display: block;
+	width: 23px;
+	height: 23px;
+	padding-top: 7px;
+	padding-left: 7px;
+	text-align: center;
+}
+.style_selector_content ul.layout_chooser li a.pattern_1
+{
+	background: url("../style_selector/images/pattern_1.png");
+}
+.style_selector_content ul.layout_chooser li a.pattern_2
+{
+	background: url("../style_selector/images/pattern_2.png");
+}
+.style_selector_content ul.layout_chooser li a.pattern_3
+{
+	background: url("../style_selector/images/pattern_3.png");
+}
+.style_selector_content ul.layout_chooser li a.pattern_4
+{
+	background: url("../style_selector/images/pattern_4.png");
+}
+.style_selector_content ul.layout_chooser li a.pattern_5
+{
+	background: url("../style_selector/images/pattern_5.png");
+}
+.style_selector_content ul.layout_chooser li a.pattern_6
+{
+	background: url("../style_selector/images/pattern_6.png");
+}
+.style_selector_content ul.layout_chooser li a.pattern_7
+{
+	background: url("../style_selector/images/pattern_7.png");
+}
+.style_selector_content ul.layout_chooser li a.pattern_8
+{
+	background: url("../style_selector/images/pattern_8.png");
+}
+.style_selector_content ul.layout_chooser li a.pattern_9
+{
+	background: url("../style_selector/images/pattern_9.png");
+}
+.style_selector_content ul.layout_chooser li a.pattern_10
+{
+	background: url("../style_selector/images/pattern_10.png");
+}
+.style_selector_content ul.layout_chooser li a.image_1
+{
+	background: url("../style_selector/images/image_1.png");
+}
+.style_selector_content ul.layout_chooser li a.image_2
+{
+	background: url("../style_selector/images/image_2.png");
+}
+.style_selector_content ul.layout_chooser li a.image_3
+{
+	background: url("../style_selector/images/image_3.png");
+}
+.style_selector_content ul.layout_chooser li a.image_4
+{
+	background: url("../style_selector/images/image_4.png");
+}
+.style_selector_content ul.layout_chooser li a.image_5
+{
+	background: url("../style_selector/images/image_5.png");
+}
+.style_selector_content ul.layout_chooser li a:hover
+{
+	text-decoration: none;
+}
+.style_selector_content ul.layout_chooser li a .tick
+{
+	display: none;
+	width: 16px;
+	height: 16px;
+	background: #ED1C24 url("../style_selector/images/tick.png") no-repeat center center;
+	border-radius: 50%;
+	-moz-border-radius: 50%;
+	-webkit-border-radius: 50%;
+}
+.style_selector_content ul.layout_chooser li a:hover .tick,
+.style_selector_content ul.layout_chooser li.selected a .tick
+{
+	display: block;
+}
+.style_selector_content ul.layout_chooser #overlay
+{
+	margin: 5px 0 0;
+}
+.style_selector_content ul.layout_chooser .overlay_label
+{
+	float: right;
+	margin-left: 5px;
+	margin-top: 6px;
+	cursor: pointer;
+}
+@media screen and (max-width:767px)
+{
+	.hide_on_mobile
+	{
+		display: none;
+	}
+}

pressroom/www/php/style_selector/style_selector.js

@@ -0,0 +1,511 @@
+function getCookie(c_name)
+{
+	"use strict";
+	var i,x,y,ARRcookies=document.cookie.split(";");
+	for (i=0;i<ARRcookies.length;i++)
+	{
+		x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
+		y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
+		x=x.replace(/^\s+|\s+$/g,"");
+		if (x==c_name)
+		{
+			return unescape(y);
+		}
+	}
+}
+function setCookie(c_name,value,exdays)
+{
+	"use strict";
+	var exdate=new Date();
+	exdate.setDate(exdate.getDate() + exdays);
+	var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
+	document.cookie=c_name + "=" + c_value;
+}
+jQuery.fn.removeClassPrefix = function(prefix) 
+{
+	"use strict";
+    this.each(function(i, el) {
+        var classes = el.className.split(" ").filter(function(c) {
+            return c.lastIndexOf(prefix, 0) !== 0;
+        });
+        el.className = jQuery.trim(classes.join(" "));
+    });
+    return this;
+};
+jQuery(document).ready(function($){
+	"use strict";
+	$(".style_selector select option[selected]").prop("selected", true);
+	$(".style_selector select input[checked]").prop("checked", true);
+	$(".style_selector_icon").click(function(){
+		$(this).parent().toggleClass("opened");
+		setCookie("pr_style_selector", ($(this).parent().hasClass("opened") ? "opened" : ""));
+	});
+	$(".style_selector_content a").click(function(event, param){
+		event.preventDefault();
+		$(".style_selector_content .layout_chooser li").removeClass("selected");
+		$(this).parent().addClass("selected");
+		if(parseInt(param)!=1)
+			$(".style_selector [name='layout_style']").val("boxed").trigger("change");
+		$("body").attr("class", ($(this).attr("class").substr(0,5)=="image" ? $(this).attr("class") + ($("#overlay").is(":checked") ? " overlay" : "") : $(this).attr("class")));
+		setCookie("pr_layout_style", $(this).attr("class"));
+		if($(this).attr("class").substr(0,5)=="image" && $("#overlay").is(":checked"))
+			setCookie("pr_image_overlay", "overlay");
+		else
+			setCookie("pr_image_overlay", "");
+	});
+	$(".style_selector_content #overlay").change(function(){
+		if($(this).is(":checked"))
+		{
+			if($("body").is('[class*="image_"]'))
+			{
+				$("body").addClass("overlay");
+				setCookie("pr_image_overlay", "overlay");
+			}
+			else
+				setCookie("pr_image_overlay", "");
+		}
+		else
+		{
+			$("body").removeClass("overlay");
+			setCookie("pr_image_overlay", "");
+		}
+	});
+	
+	$(".style_selector [name='layout_style']").change(function(){
+		if($(this).val()=="boxed")
+		{
+			$(".site_container").addClass("boxed");
+			setCookie("pr_layout", "boxed");
+			$(".style_selector_content .selected a").trigger("click", [1]);
+		}
+		else
+		{
+			$(".site_container").removeClass("boxed");
+			setCookie("pr_layout", "");
+			$("body").removeClassPrefix("image");
+			$("body").removeClassPrefix("pattern");
+			$("body").removeClass("overlay");
+		}
+		$(".slider").trigger('configuration', ['debug', false, true]);
+	});
+	
+	$(".style_selector [name='menu_type']").change(function(){
+		if($(this).val()=="sticky")
+		{
+			$(".menu_container").addClass("sticky");
+			setCookie("pr_menu_type", "sticky");
+			if(menu_position==null)
+				menu_position = $(".menu_container").offset().top;
+			$(document).scroll();
+		}
+		else
+		{
+			$(".menu_container").removeClass("sticky");
+			setCookie("pr_menu_type", "");
+		}
+	});
+	
+	if(marker!=null)
+	{
+		var color_skin = getCookie("pr_color_skin");
+		if(color_skin=="light")
+			marker.set("icon", new google.maps.MarkerImage("images/icons/other/map_pointer.png", new google.maps.Size(38, 45), null, new google.maps.Point(18, 44)));
+		else if(color_skin=="dark")
+			marker.set("icon", new google.maps.MarkerImage("images/icons/other/dark_bg/map_pointer.png", new google.maps.Size(38, 45), null, new google.maps.Point(18, 44)));
+		else if(color_skin=="high_contrast")
+			marker.set("icon", new google.maps.MarkerImage("images/icons/other/high_contrast/map_pointer.png", new google.maps.Size(38, 45), null, new google.maps.Point(18, 44)));
+	}
+	$(".style_selector [name='color_skin']").change(function(){
+		setCookie("pr_color_skin", $(this).val());
+		if($(this).val()=="high_contrast")
+			$(".style_selector [name='header_style']").val("style_high_contrast");
+		else
+			$(".style_selector [name='header_style']").val("style_1");
+		$(".style_selector [name='header_style']").trigger("change", [1]);
+		location.reload();
+	});
+	$(".style_selector [name='header_style']").change(function(event, param){
+		setCookie("pr_header_style", $(this).val());
+		if(parseInt(param)!=1)
+		{
+			$(".header_top_bar_container").removeClass("border");
+			$(".header_top_bar .social_icons").removeClass("dark colors");
+			$(".header_container").removeClass("small");
+			$(".header_top_bar_container, .header_container, .menu_container").removeClassPrefix("style");
+		}
+		setCookie("pr_header_top_bar_container", "");
+		setCookie("pr_header_container", "");
+		setCookie("pr_social_icons", "");
+		setCookie("pr_menu_container", "");
+		if($(this).val()=="style_1")
+		{
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_container").addClass("style_2");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_header_container", "style_2");
+			}
+			if(parseInt(param)!=1)
+				$(".header_top_bar .social_icons").addClass("dark");
+			setCookie("pr_social_icons", "dark");
+		}
+		else if($(this).val()=="style_2")
+		{
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_container").addClass("style_2");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_header_container", "style_2");
+			}
+			if(parseInt(param)!=1)
+			{
+				$(".header_top_bar .social_icons").addClass("dark");
+				$(".menu_container").addClass("style_2");
+			}
+			setCookie("pr_social_icons", "dark");
+			setCookie("pr_menu_container", "style_2");
+		}
+		else if($(this).val()=="style_3")
+		{
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_container").addClass("style_2");
+					$(".header_top_bar .social_icons").addClass("dark");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_header_container", "style_2");
+				setCookie("pr_social_icons", "dark");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_2 border");
+				setCookie("pr_header_top_bar_container", "style_2 border");
+			}
+			if(parseInt(param)!=1)
+				$(".menu_container").addClass("style_3");
+			setCookie("pr_menu_container", "style_3");
+		}
+		else if($(this).val()=="style_4")
+		{
+			if(parseInt(param)!=1)
+				$(".header_container").addClass("small");
+			setCookie("pr_header_container", "small");
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_container").addClass("style_2");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_header_container", "style_2 small");
+			}
+			if(parseInt(param)!=1)
+			{
+				$(".header_top_bar .social_icons").addClass("dark");
+				$(".menu_container").addClass("style_4");
+			}
+			setCookie("pr_social_icons", "dark");
+			setCookie("pr_menu_container", "style_4");
+		}
+		else if($(this).val()=="style_5")
+		{
+			
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_container").addClass("style_2");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_header_container", "style_2");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_3");
+				setCookie("pr_header_top_bar_container", "style_3");
+			}
+			if(parseInt(param)!=1)
+			{
+				$(".header_top_bar .social_icons").addClass("colors");
+				$(".menu_container").addClass("style_9");
+			}
+			setCookie("pr_social_icons", "colors");
+			setCookie("pr_menu_container", "style_9");
+		}
+		else if($(this).val()=="style_6")
+		{
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_container").addClass("style_2");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_header_container", "style_2");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_3");
+				setCookie("pr_header_top_bar_container", "style_3");
+			}
+			if(parseInt(param)!=1)
+			{
+				$(".header_top_bar .social_icons").addClass("colors");
+				$(".menu_container").addClass("style_6");
+			}
+			setCookie("pr_social_icons", "colors");
+			setCookie("pr_menu_container", "style_6");
+		}
+		else if($(this).val()=="style_7")
+		{
+			if(parseInt(param)!=1)
+				$(".header_container").addClass("small");
+			setCookie("pr_header_container", "small");
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_container").addClass("style_2");
+					$(".header_top_bar .social_icons").addClass("dark");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_header_container", "style_2 small");
+				setCookie("pr_social_icons", "dark");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_2 border");
+				setCookie("pr_header_top_bar_container", "style_2 border");
+			}
+			if(parseInt(param)!=1)
+				$(".menu_container").addClass("style_7");
+			setCookie("pr_menu_container", "style_7");
+		}
+		else if($(this).val()=="style_8")
+		{
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_4");
+				setCookie("pr_header_top_bar_container", "style_4");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("border");
+				setCookie("pr_header_top_bar_container", "border");
+			}
+			if(parseInt(param)!=1)
+			{
+				$(".header_top_bar .social_icons").addClass("dark");
+				$(".header_container").addClass("style_2");
+				$(".menu_container").addClass("style_8");
+			}
+			setCookie("pr_social_icons", "dark");
+			setCookie("pr_header_container", "style_2");
+			setCookie("pr_menu_container", "style_8");
+		}
+		else if($(this).val()=="style_9")
+		{
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_4");
+				setCookie("pr_header_top_bar_container", "style_4");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("border");
+				setCookie("pr_header_top_bar_container", "border");
+			}
+			if(parseInt(param)!=1)
+			{
+				$(".header_top_bar .social_icons").addClass("dark");
+				$(".header_container").addClass("style_2 small");
+				$(".menu_container").addClass("style_7");
+			}
+			setCookie("pr_social_icons", "dark");
+			setCookie("pr_header_container", "style_2 small");
+			setCookie("pr_menu_container", "style_7");
+		}
+		else if($(this).val()=="style_10")
+		{
+			if(parseInt(param)!=1)
+				$(".header_container").addClass("style_2");
+			setCookie("pr_header_container", "style_2");
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_top_bar .social_icons").addClass("dark");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_social_icons", "dark");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_2");
+				setCookie("pr_header_top_bar_container", "style_2");
+			}
+			if(parseInt(param)!=1)
+				$(".menu_container").addClass("style_9");
+			setCookie("pr_menu_container", "style_9");
+		}
+		else if($(this).val()=="style_11")
+		{
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_4");
+				setCookie("pr_header_top_bar_container", "style_4");
+			}
+			if(parseInt(param)!=1)
+			{
+				$(".header_top_bar .social_icons").addClass("dark");
+				$(".header_container").addClass("small");
+			}
+			setCookie("pr_social_icons", "dark");
+			setCookie("pr_header_container", "small");
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+					$(".header_container").addClass("style_2");
+				setCookie("pr_header_container", "style_2");
+			}
+		}
+		else if($(this).val()=="style_12")
+		{
+			if(parseInt(param)!=1)
+				$(".header_container").addClass("small");
+			setCookie("pr_header_container", "small");
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_container").addClass("style_2");
+					$(".header_top_bar .social_icons").addClass("dark");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_header_container", "style_2 small");
+				setCookie("pr_social_icons", "dark");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_2 border");
+				setCookie("pr_header_top_bar_container", "style_2 border");
+			}
+			if(parseInt(param)!=1)
+				$(".menu_container").addClass("style_2");
+			setCookie("pr_menu_container", "style_2");
+		}
+		else if($(this).val()=="style_13")
+		{
+			if(parseInt(param)!=1)
+				$(".header_top_bar .social_icons").addClass("colors");
+			setCookie("pr_social_icons", "colors");
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_container").addClass("style_2");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_header_container", "style_2");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_3");
+				setCookie("pr_header_top_bar_container", "style_3");
+			}
+			if(parseInt(param)!=1)
+				$(".menu_container").addClass("style_8");
+			setCookie("pr_menu_container", "style_8");
+		}
+		else if($(this).val()=="style_14")
+		{
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+				{
+					$(".header_top_bar_container").addClass("style_4");
+					$(".header_container").addClass("style_2");
+					$(".header_top_bar .social_icons").addClass("dark");
+				}
+				setCookie("pr_header_top_bar_container", "style_4");
+				setCookie("pr_header_container", "style_2");
+				setCookie("pr_social_icons", "dark");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_2 border");
+				setCookie("pr_header_top_bar_container", "style_2 border");
+			}
+			if(parseInt(param)!=1)
+				$(".menu_container").addClass("style_5");
+			setCookie("pr_menu_container", "style_5");
+		}
+		else if($(this).val()=="style_15")
+		{
+			if($(".style_selector [name='color_skin']").val()=="dark")
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("style_4");
+				setCookie("pr_header_top_bar_container", "style_4");
+			}
+			else
+			{
+				if(parseInt(param)!=1)
+					$(".header_top_bar_container").addClass("border");
+				setCookie("pr_header_top_bar_container", "border");
+			}
+			if(parseInt(param)!=1)
+			{
+				$(".header_top_bar .social_icons").addClass("dark");
+				$(".header_container").addClass("style_2 small");
+				$(".menu_container").addClass("style_10");
+			}
+			setCookie("pr_social_icons", "dark");
+			setCookie("pr_header_container", "style_2 small");
+			setCookie("pr_menu_container", "style_10");
+		}
+		else if($(this).val()=="style_high_contrast")
+		{
+			if(parseInt(param)!=1)
+			{
+				$(".header_top_bar_container").addClass("style_5 border");
+				$(".header_top_bar .social_icons").addClass("dark");
+				$(".header_container").addClass("style_3");
+			}
+			setCookie("pr_header_top_bar_container", "style_5 border");
+			setCookie("pr_social_icons", "dark");
+			setCookie("pr_header_container", "style_3");
+		}
+	});
+});

pressroom/www/php/style_selector/style_selector.php

@@ -0,0 +1,143 @@
+<link rel="stylesheet" type="text/css" href="style_selector/style_selector.css">
+<script type="text/javascript" src="style_selector/style_selector.js"></script>
+<div class="style_selector<?php echo (isset($_COOKIE['pr_style_selector']) ? ' ' . $_COOKIE['pr_style_selector'] : ' opened'); ?>">
+	<div class="style_selector_icon">
+		&nbsp;
+	</div>
+	<div class="style_selector_content">
+		<h4>Style Selector</h4>
+		<ul>
+			<li class="style_selector_header hide_on_mobile"<?php if(isset($_COOKIE['pr_color_skin']) && $_COOKIE['pr_color_skin']=="high_contrast") echo " style='display: none;'";?>>
+				<label>Header Style</label>
+				<select name="header_style">
+					<option value="style_1"<?php echo (!isset($_COOKIE['pr_header_style']) || $_COOKIE['pr_header_style']=="style_1" ? ' selected="selected"' : ''); ?>>Style 1</option>
+					<option value="style_2"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_2" ? ' selected="selected"' : ''); ?>>Style 2</option>
+					<option value="style_3"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_3" ? ' selected="selected"' : ''); ?>>Style 3</option>
+					<option value="style_4"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_4" ? ' selected="selected"' : ''); ?>>Style 4</option>
+					<option value="style_5"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_5" ? ' selected="selected"' : ''); ?>>Style 5</option>
+					<option value="style_6"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_6" ? ' selected="selected"' : ''); ?>>Style 6</option>
+					<option value="style_7"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_7" ? ' selected="selected"' : ''); ?>>Style 7</option>
+					<option value="style_8"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_8" ? ' selected="selected"' : ''); ?>>Style 8</option>
+					<option value="style_9"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_9" ? ' selected="selected"' : ''); ?>>Style 9</option>
+					<option value="style_10"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_10" ? ' selected="selected"' : ''); ?>>Style 10</option>
+					<option value="style_11"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_11" ? ' selected="selected"' : ''); ?>>Style 11</option>
+					<option value="style_12"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_12" ? ' selected="selected"' : ''); ?>>Style 12</option>
+					<option value="style_13"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_13" ? ' selected="selected"' : ''); ?>>Style 13</option>
+					<option value="style_14"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_14" ? ' selected="selected"' : ''); ?>>Style 14</option>
+					<option value="style_15"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_15" ? ' selected="selected"' : ''); ?>>Style 15</option>
+					<option value="style_high_contrast"<?php echo (isset($_COOKIE['pr_header_style']) && $_COOKIE['pr_header_style']=="style_high_contrast" ? ' selected="selected"' : ''); ?>>Style high contrast</option>
+				</select>
+			</li>
+			<li class="hide_on_mobile">
+				<label>Menu Type</label>
+				<select name="menu_type">
+					<option value="default"<?php echo (!isset($_COOKIE['pr_menu_type']) || $_COOKIE['pr_menu_type']=="default" ? ' selected="selected"' : ''); ?>>Default</option>
+					<option value="sticky"<?php echo (isset($_COOKIE['pr_menu_type']) && $_COOKIE['pr_menu_type']=="sticky" ? ' selected="selected"' : ''); ?>>Sticky</option>
+				</select>
+			</li>
+			<li class="hide_on_mobile">
+				<label>Layout Style</label>
+				<select name="layout_style">
+					<option value="wide"<?php echo (!isset($_COOKIE['pr_layout']) || $_COOKIE['pr_layout']=="" ? ' selected="selected"' : ''); ?>>Wide</option>
+					<option value="boxed"<?php echo ($_COOKIE['pr_layout']=="boxed" ? ' selected="selected"' : ''); ?>>Boxed</option>
+				</select>
+			</li>
+			<li>
+				<label>Color Skin</label>
+				<select name="color_skin">
+					<option value="light"<?php echo (!isset($_COOKIE['pr_color_skin']) || $_COOKIE['pr_color_skin']=="light" ? ' selected="selected"' : ''); ?>>Light</option>
+					<option value="dark"<?php echo (isset($_COOKIE['pr_color_skin']) && $_COOKIE['pr_color_skin']=="dark" ? ' selected="selected"' : ''); ?>>Dark</option>
+					<option value="high_contrast"<?php echo (isset($_COOKIE['pr_color_skin']) && $_COOKIE['pr_color_skin']=="high_contrast" ? ' selected="selected"' : ''); ?>>Hight Contrast</option>
+				</select>
+			</li>
+			<li class="clearfix hide_on_mobile">
+				<label>Boxed Layout Pattern</label>
+				<ul class="layout_chooser">
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='pattern_1' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="pattern_1">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='pattern_2' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="pattern_2">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='pattern_3' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="pattern_3">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='pattern_4' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="pattern_4">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='pattern_5' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="pattern_5">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li class="first<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='pattern_6' ? ' selected' : ''); ?>">
+						<a href="#" class="pattern_6">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='pattern_7' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="pattern_7">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='pattern_8' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="pattern_8">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='pattern_9' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="pattern_9">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='pattern_10' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="pattern_10">
+							<span class="tick"></span>
+						</a>
+					</li>
+				</ul>
+			</li>
+			<li class="clearfix hide_on_mobile">
+				<label>Boxed Layout Image</label>
+				<ul class="layout_chooser">
+					<li<?php echo (!isset($_COOKIE['pr_layout_style']) || (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='image_1') ? ' class="selected"' : ''); ?>>
+						<a href="#" class="image_1">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='image_2' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="image_2">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='image_3' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="image_3">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='image_4' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="image_4">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li<?php echo (isset($_COOKIE['pr_layout_style']) && $_COOKIE['pr_layout_style']=='image_5' ? ' class="selected"' : ''); ?>>
+						<a href="#" class="image_5">
+							<span class="tick"></span>
+						</a>
+					</li>
+					<li class="first">
+						<input type="checkbox"<?php echo ((isset($_COOKIE['pr_image_overlay']) && $_COOKIE['pr_image_overlay']=='overlay') || !isset($_COOKIE['pr_image_overlay']) ? ' checked="checked"' : ''); ?> id="overlay"><label class="overlay_label" for="overlay">overlay</label>
+					</li>
+				</ul>
+			</li>
+		</ul>
+	</div>
+</div>