From b74df217f003e940dbdf6c0613c22474908af646 Mon Sep 17 00:00:00 2001
From: Nao <nao@wedge>
Date: Sun, 27 Jul 2014 16:28:02 +0200
Subject: [PATCH] * Wuthering is now even more Curvesque. (Wuthering/extra.css,
 Wuthering/skin.xml)

@ Those who want to smoothly transition from SMF 2.0 to Wedge will now be in known territory! The conversion isn't pixel-to-pixel, but it's not because I can't do it, it's simply because Curve is far from being perfect, and I'm not going to add even more CSS bytes just to make Wedge look worse... Anyway, improvements to this 'reproduction' are welcome, if you can get it to be on the shorter side.
---
 core/skins/Wuthering/extra.css | 41 ++++++++++++++++++++--------------
 core/skins/Wuthering/skin.xml  |  1 +
 2 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/core/skins/Wuthering/extra.css b/core/skins/Wuthering/extra.css
index e18cccc5..9e830afb 100644
--- a/core/skins/Wuthering/extra.css
+++ b/core/skins/Wuthering/extra.css
@@ -6,14 +6,15 @@
 
 body
 	text-align: center
-	background: #faefe6
+	background: #e9eef2
+	background: linear-gradient(to bottom, #37597c, #e9eef2 500px), #e9eef2
 	color: #333
 	padding: 15px
 
 #helf
 	text-align: $left
 
-$lightgrad = #faf8f6
+$lightgrad = #fff
 $darkgrad = #f3f2f0
 
 .lightgrad virtual
@@ -27,8 +28,12 @@ $darkgrad = #f3f2f0
 
 #wedge
 	text-align: $left
-	box-shadow: 0 0 6px #777
+	box-shadow: 0 0 5px #777
 	border: 1px solid #999
+	background: #fff
+	background: linear-gradient(to bottom, #c9d7e8, #fff 30%, #fff 92%, #e1e9f3)
+	padding: 0 5px 15px
+	border: 3px solid #fff
 
 #navi
 	background: $lightgrad
@@ -42,8 +47,12 @@ $darkgrad = #f3f2f0
 		background-color: rgb(235,225,215)
 		color: #000
 
-#content
-	background: #faf8f6
+#banner
+	border-radius: $radius
+	gradient: #c3cfde, #fff
+
+#header
+	background: linear-gradient(to bottom, #c3cfde, #fff)
 
 #edge
 	padding: 8px 0 0
@@ -56,7 +65,7 @@ $darkgrad = #f3f2f0
 	border: 0
 
 h1
-	font: italic 700 3em "Segoe UI", sans-serif
+	font: 700 3em "Segoe UI", sans-serif
 	letter-spacing: -2px
 	text-shadow: white 0 1px 2px
 	a
@@ -66,14 +75,10 @@ h1
 	letter-spacing: -1px
 	text-shadow: #ddd 1px 1px 2px
 
-#banner
-	gradient: #ccc, #fff
-
 #linktree li unextends .horizontal-arrow
 
 // The navigation list
 #linktree
-	background: #faf8f6
 	margin: 0
 	padding: 15px 20px 5px // The linktree is one level up, so it needs to compensate its increased width.
 	ul
@@ -113,8 +118,9 @@ h1
 			padding-left: 8px
 			border-radius: 8px 0 0 8px
 
-#linktree_bt
+#wedge > div:last-child
 	padding: 0 20px 20px
+	border-radius: 0 0 $radius $radius
 
 @media $responsive
 	body
@@ -124,12 +130,11 @@ h1
 
 // The footer with copyright links etc.
 #footer extends .lightgrad
-	background-color: #f4f2f3
-	border-top: 1px solid #ccc
-	border-radius: 0 0 20px 20px
+	background: none
+	border: 0
 	color: #333
 	> div
-		padding: 10px 20px
+		padding: 20px 20px 10px
 	a
 		color: #679
 
@@ -184,7 +189,8 @@ $window_bg2 = #f0f4f7
 	padding: 4px 8px
 	margin-top: 8px
 	text-shadow: none
-	font: italic 1.15em/1.2 $head_font
+	letter-spacing: -.2px
+	font: 1.15em/1.2 $head_font
 
 .cat final
 	background-color: #e5ece5
@@ -297,7 +303,8 @@ $subcat_font = normal 1.1em $main_font
 $post_font = $main_font
 $post_font_size = 10pt/140%
 $board_col = #d97b33
-$radius = 20px
+$radius = 10px
+$main_bg = #fff
 
 @remove
 	border-top: .54em double #ccc
diff --git a/core/skins/Wuthering/skin.xml b/core/skins/Wuthering/skin.xml
index 65a95327..8b0a3c13 100644
--- a/core/skins/Wuthering/skin.xml
+++ b/core/skins/Wuthering/skin.xml
@@ -22,6 +22,7 @@
 
 	<move block="linktree" to="menu" where="after" />
 	<move block="linktree:bottom" to="content_wrap" where="after" />
+	<move block="footer" to="wrapper" where="after" />
 
 	<script for="ie6" include="ie6hover.js"><![CDATA[
 	$('input[type=checkbox], input[type=radio]').addClass('ie_check');