Added message to defaultcustom skin

Also removed robots.txt file Signed-off-by: Daniel Chatfield <[email protected]>
volcanicpixels · Mar 11, 2012 · 5a41f28 · 5a41f28
1 parent 18b693c
commit 5a41f28
Show file tree

Hide file tree

Showing 4 changed files with 69 additions and 53 deletions.
diff --git a/robots.txt b/robots.txt
diff --git a/skins/defaultcustom/skin.php b/skins/defaultcustom/skin.php
@@ -11,9 +11,15 @@
         ->setName( __( "Logo", $thePlugin->_slug() ) )
         ->setType( "image" )
         ->setDefault( $skinUrl . 'static/images/logo.png' )
-    ->addSkinSetting( "background_color" )
-        ->setName( __( "Background Colour", $thePlugin->_slug() ) )
-        ->setType( "color" )
-        ->setDefault( "#F9F9F9" )
+    ->addSkinSetting( "enable_message" )
+        ->setName( __( "Display a message", $thePlugin->_slug() ) )
+        ->setType( "checkbox" )
+        ->setDefault( "off" )
+        ->settingToggle( "message" )
+    ->addSkinSetting( "message" )
+        ->setType( "textarea" )
+        ->addTag( "no-margin" )
+        ->addTag( "align-center" )
+    ->addPresetSkinSetting( "custom_css" )
 ;
 ?>
diff --git a/skins/defaultcustom/static/styles.css b/skins/defaultcustom/static/styles.css
@@ -33,46 +33,53 @@ body {
 
 	background: white;
 }
+
+	.login-message {
+		text-align:center;
+		color: #888;
+		font: 12px courier;
+		padding: 0px 0px 20px 0px;
+	}
 
-label {
-	color: #777;
-	font-family: sans-serif;
-	font-size: 14px;
-	cursor: pointer;
-}
+	label {
+		color: #777;
+		font-family: sans-serif;
+		font-size: 14px;
+		cursor: pointer;
+	}
 
-input.input {
-	width: 290px;
-	margin-top: 2px;
-	margin-right: 6px;
-	margin-bottom: 16px;
-	padding: 5px;
-
-	border: 1px solid #E5E5E5;
-	outline: none;
-
-	-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
-	   -moz-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
-	    -ms-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
-		 -o-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
-	        box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
-
-	background: #FBFBFB;
-
-	font-size: 24px;
-	font-weight: 200;
-	line-height: 1;
-}
+	input.input {
+		width: 290px;
+		margin-top: 2px;
+		margin-right: 6px;
+		margin-bottom: 16px;
+		padding: 5px;
+		
+		border: 1px solid #E5E5E5;
+		outline: none;
+		
+		-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
+		   -moz-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
+		    -ms-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
+			 -o-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
+		        box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
+		
+		background: #FBFBFB;
+		
+		font-size: 24px;
+		font-weight: 200;
+		line-height: 1;
+	}
 
-input.input:hover, input.input:focus {
-	border-color: #b5b5b5;
-
-	-webkit-box-shadow: inset 1px 1px 3px rgba(200,200,200,0.8);
-	   -moz-box-shadow: inset 1px 1px 3px rgba(200,200,200,0.8);
-	    -ms-box-shadow: inset 1px 1px 3px rgba(200,200,200,0.8);
-		 -o-box-shadow: inset 1px 1px 3px rgba(200,200,200,0.8);
-	        box-shadow: inset 1px 1px 3px rgba(200,200,200,0.8);
-}
+	input.input:hover, input.input:focus {
+		border-color: #b5b5b5;
+		
+		-webkit-box-shadow: inset 1px 1px 3px rgba(200,200,200,0.8);
+		   -moz-box-shadow: inset 1px 1px 3px rgba(200,200,200,0.8);
+		    -ms-box-shadow: inset 1px 1px 3px rgba(200,200,200,0.8);
+			 -o-box-shadow: inset 1px 1px 3px rgba(200,200,200,0.8);
+		        box-shadow: inset 1px 1px 3px rgba(200,200,200,0.8);
+	}
 
 .notice {
 	display: none;

diff --git a/skins/defaultcustom/templates/loginpage.html b/skins/defaultcustom/templates/loginpage.html
@@ -1,15 +1,20 @@
 <!DOCTYPE html>
 
 <html lang="en">
-    <head>
+	<head>
 		{{ watermark }}
-        <meta charset="utf-8" />
-        <title>{{ environment.blog_name }} | Login</title>
+		<meta charset="utf-8" />
+		<title>{{ environment.blog_name }} | Login</title>
 		<link rel="stylesheet" type="text/css" href="{{ environment.static_url }}/styles.css" />
 		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 		{{ skin_actions.head }}
-    </head>
-    <body class="{{ body_class }}" >
+		{% if settings.enable_custom_css == "on" %}
+		<style type="text/css">
+		{{ settings.custom_css | safe }}
+		</style>
+		{% endif %}
+	</head>
+	<body class="{{ body_class }}" >
 		<div class="notice logout-message">
 			<div class="inner">
 			{{ plugin_translation.logout_message }}
@@ -21,8 +26,11 @@
 			</div>
 		</div>
 		{{ skin_actions.notices }}
-        <div class="logo" style="background-image:url({{ settings.logo }})"></div>
+		<div class="logo" style="background-image:url({{ settings.logo }})"></div>
 		<div class="login-form">
+			{% if settings.enable_message == "on" %}
+				<div class="login-message">{{ settings.message | urlize }}</div>
+			{% endif %}
 			<form method="post" action="">
 				{% for input in plugin_vars.form_inputs %}
 					{% if input.label %}
@@ -41,5 +49,5 @@
 		<script type="text/javascript">
 			jQuery("#password").focus();
 		</script>
-    </body>
+	</body>
 </html>