Reordering of settings

couchpotato/static/style/main.css

@@ -175,7 +175,7 @@ body > .spinner, .mask{
 }
 	.header .navigation {
 		display: inline-block;
-		width: 75%;
+		width: 66.7%;
 	}
 	.header .navigation ul {
 		margin: 0;
@@ -196,10 +196,12 @@ body > .spinner, .mask{
 		}
 			.header .navigation li:first-child a { padding-left: 10px; }
 			.header .navigation li a.logLink { font-size: 13px; padding: 23px 20px 15px; }
-			.header .navigation li a#showConfig { 
-				background: url('../../media/images/gear.png') no-repeat center;
-				height: 35px;
-				width: 10px;
+			.header .navigation li.tab_settings {
+			}
+			.header .navigation li.tab_settings a { 
+				background: url('../images/gear.png') no-repeat center;
+				width: 35px;
+				text-indent: -1000px;
 			}
 
 			.header .navigation li span {
@@ -236,6 +238,14 @@ body > .spinner, .mask{
 		}
 			.header:hover .navigation .backtotop { color: #fff; }
 	
+	.header .more_menu {
+		float: right;
+		margin-top: 20px;
+	}
+		
+		.header .more_menu .red { color: red; }
+		.header .more_menu .orange { color: orange; }
+	
 	.header .message.update {
 		text-align: center;
 		position: relative;
@@ -436,3 +446,70 @@ body > .spinner, .mask{
 			margin-top: 20px;
 			background-color: #4c5766;
 		}
+
+
+	.more_menu > a {
+		display: block;
+		background: url('../images/sprite.png') no-repeat center -137px;
+		height: 25px;
+		width: 25px;
+		border: 1px solid rgba(0,0,0,0.3);
+	}
+	
+	.more_menu ul {
+		display: none;
+		border: 1px solid #333;
+		background: rgba(0,0,0,0.8);
+		border-radius: 3px;
+		padding: 4px !important;
+		position: absolute;
+		z-index: 9;
+		margin: 32px 0 0 -145px;
+		width: 185px;
+		box-shadow: 0 10px 20px -10px rgba(0,0,0,0.4);
+		list-style: none;
+		text-align: center;
+	}
+	
+		.more_menu ul:before {
+			content: ' ';
+			height: 0;
+			position: relative;
+			width: 0;
+			border: 6px solid transparent;
+			border-bottom-color: rgba(0,0,0,0.8);
+			display: block;
+			top: -16px;
+			left: 146px;
+		}
+		.more_menu ul.show {
+			display: block;
+		}
+		.more_menu ul li {
+			width: 100%;
+			height: auto;
+		}
+		
+			.more_menu ul li a {
+				display: block;
+				border-bottom: 1px solid rgba(255,255,255,0.2);
+				box-shadow: none;
+				font-weight: normal;
+				font-size: 11px;
+				text-transform: uppercase;
+				letter-spacing: 1px;
+				padding: 3px 0;
+				color: #fff;
+			}
+			
+			.more_menu ul li:first-child {
+				margin-top: -12px;
+			}
+		
+			.more_menu ul li:last-child a {
+				border: none;
+				color: #fff;
+			}
+			.more_menu ul li a:hover {
+				background: rgba(255,255,255,0.1);
+			}

couchpotato/static/style/page/settings.css

@@ -16,7 +16,7 @@
 	.page.settings .tabs {
 		float: left;
 		width: 20%;
-		font-size: 25px;
+		font-size: 20px;
 		text-align: right;
 		list-style: none;
 		padding: 40px 0;
@@ -39,11 +39,41 @@
 		.page.settings .tabs a {
 			display: block;
 			padding: 11px 15px;
-			color: #fff;
+			font-weight: normal;
+			transition: all 0.1s ease-in-out;
+			color: rgba(255, 255, 255, 0.8);
 		}
-		.page.settings .tabs .active a {
-			background: #4e5969;
+			.page.settings .tabs a:hover, .page.settings .tabs .active a {
+				background: rgb(78, 89, 105);
+				font-weight: bold;
+				font-size: 25px;
+				color: #fff;
+			}
+			
+		.page.settings .tabs .subtabs {
+			list-style: none;
+			padding: 0;
+			overflow: hidden;
+			transition: all 1s ease-in-out;
+			max-height: 0;
 		}
+			.page.settings .tabs > .active .subtabs {
+				max-height: 300px;
+			}
+			
+			.page.settings .tabs .subtabs a {
+				font-size: 15px;
+				padding: 1px 15px;
+				font-weight: normal;
+				color: rgba(255, 255, 255, 0.8);
+				background: rgba(78, 89, 105, 0.4);
+			}
+			
+				.page.settings .tabs .subtabs .active a {
+					font-weight: bold;
+					color: #fff;
+					background: rgb(78, 89, 105);
+				}
 
 	
 	.page.settings .containers {