First Commit

_static/assets/plugins/styleswitcher/styleswitcher.css

@@ -0,0 +1,154 @@
+#switcher {
+	background: #fff;
+	position: fixed;
+	display: none;
+	top: 30px;
+	z-index: 1001;
+	width:220px;
+	margin-left: 0;
+	border-radius: 0;
+	font-family: 'Open Sans', Arial, sans-serif;
+	-webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
+	box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.2);
+
+}
+
+#switcher label {
+	padding-right:20px;
+	font-weight:normal;
+	cursor:pointer;
+	color:#333;
+}
+#switcher hr {
+	border:0;
+	border-bottom:#ccc 1px solid;
+	margin:10px 0;
+}
+#switcher h4 {
+	padding: 5px 0; 
+	border-bottom:#ccc 1px solid; 
+	text-transform:uppercase;
+	font-size:15px;
+	font-weight:bold;
+	color:#333;
+}
+
+#switcher ul {
+	padding:0!important;
+	margin:0!important;
+}
+#switcher ul li {
+	text-transform:uppercase;
+	margin-bottom:0;
+	font-size:12px; 
+	display:inline-block;
+}
+
+#showSwitcher {
+	z-index: 1001;
+	margin-left:0px;
+	position:fixed;
+	left:0;
+	top:100px;
+	color:#fff;
+	background: #333;
+	border:#666 1px solid;
+	box-shadow:#ccc 0 0 2px;
+	border-left:0;
+	font-size:18px;
+	display: block;
+
+	-webkit-border-bottom-right-radius: 0;
+	   -webkit-border-top-right-radius: 0;
+		-moz-border-radius-bottomright: 0;
+		   -moz-border-radius-topright: 0;
+		    border-bottom-right-radius: 0;
+			   border-top-right-radius: 0;
+
+	padding: 10px 16px 10px 14px;
+	cursor: pointer;
+}
+#hideSwitcher {
+	cursor:pointer;
+	line-height:43px;
+	font-size: 38px;
+	margin-bottom: 0px; 
+	color:#999;
+	position:absolute;
+	background-color:#fff;
+	width:40px;
+	height:40px;
+	top:7px;
+	right:16px;
+	text-align:right;
+	-webkit-border-bottom-right-radius: 3px;
+	   -webkit-border-top-right-radius: 4px;
+		-moz-border-radius-bottomright: 3px;
+		   -moz-border-radius-topright: 4px;
+		    border-bottom-right-radius: 3px;
+			   border-top-right-radius: 4px;
+}
+
+
+#switcher .content-switcher {
+	padding: 16px;
+	overflow: hidden;
+}
+#switcher .content-switcher label {
+	max-width:100px;
+	float:left;
+}
+#switcher .content-switcher hr {
+	border:0;
+	background:0;
+	border-bottom:#eee 1px solid;
+}
+#switcher a.color {
+	border-radius: 2px;
+    cursor: pointer;
+    display: inline-block;
+    margin:4px 2px;
+    width: 30px;
+	height: 30px;
+}
+
+#switcher p small {
+	font-size:10px;
+}
+#switcher p {
+	margin:15px 0 10px 0;
+	font-size:12px;
+	font-weight:400;
+	color:#2E363F;
+}
+
+#switcher .styled-select select {
+   background:#f5f5f5;
+   width: 100%;
+   font-size: 13px;
+   line-height: 13px;
+   outline:none;
+
+   -webkit-appearance: none;
+   cursor:pointer;
+}
+
+/** ============ **/
+#switcher .switcher_thumb {
+	display:inline-block;
+	margin:4px 3px;
+}
+#switcher .switcher_thumb.selected {
+	box-shadow:#666 0 0 5px;;
+}
+
+@media only screen and (max-width: 479px) {
+	#switcher {
+		top:6px;
+		z-index:1000;
+	}
+	#showSwitcher {
+		top:8px;
+		z-index:1000;
+	}
+}