Refs #2693 walled garden code is functional. Push back a thorough clean up until Elgg 1.9

git-svn-id: http://code.elgg.org/elgg/trunk@8614 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 52 insertions, 17 deletions

diff --git a/views/default/css/walled_garden.php b/views/default/css/walled_garden.php
index 7ba6141d4..75bf0f29e 100644
--- a/views/default/css/walled_garden.php
+++ b/views/default/css/walled_garden.php
@@ -2,29 +2,64 @@
 /**
  * Walled garden CSS
  */
+
+$url = elgg_get_site_url();
+
 ?>
-.elgg-grid-walledgarden {
-	margin:100px auto 0 auto;
-	padding:0;
-	width:600px;
-	text-align: left;
-	word-wrap:break-word;
-	background: gray;
+#elgg-walledgarden {
+	margin: 100px auto 0 auto;
+	width: 563px;
+	min-height: 230px;
+	background: url(<?php echo $url; ?>_graphics/walled_garden_background_top.gif) no-repeat left top;
+	padding: 0;
+	position: relative;
+}
+
+#elgg-walledgarden-bottom {
+	margin:0 auto;
+	background: url(<?php echo $url; ?>_graphics/walled_garden_background_bottom.gif) no-repeat left bottom;
+	width:563px;
+	height:54px;
+}
+
+#elgg-walledgarden-intro {
+	width: 230px;
+	float: left;
+	margin: 35px 15px 15px 35px;
 }
 
-.elgg-grid-walledgarden > .elgg-col {
-	background: white;
+#elgg-walledgarden-login {
+	width: 230px;
+	float: left;
+	margin: 30px 15px 45px 19px;
 }
 
 .elgg-heading-walledgarden {
-	color:#666666;
-	margin-top:80px;
+	color: #666666;
+	margin-top: 60px;
 	line-height: 1.1em;
 }
 
-.walledgardenlogin h2 {
-	color:#666666;
-	border-bottom:1px solid #CCCCCC;
-	margin-bottom:5px;
-	padding-bottom:5px;
-}
\ No newline at end of file
+#elgg-walledgarden-lostpassword,
+#elgg-walledgarden-registration {
+	position: absolute;
+	right: 0;
+	top: 0;
+	width: 563px;
+	background-color: white;
+	padding: 0;
+	background: url(<?php echo $url; ?>_graphics/walled_garden_backgroundfull_top.gif) no-repeat left top;
+	height: auto;
+}
+
+.elgg-hiddenform-body {
+	padding: 30px 40px 0 40px;
+	height: auto;
+}
+.elgg-hiddenform-bottom {
+	margin: 0 auto;
+	background: url(<?php echo $url; ?>_graphics/walled_garden_backgroundfull_bottom.gif) no-repeat left bottom;
+	width: 563px;
+	height: 54px;
+	position: relative;
+}