From bd05123cfce250c214dbbec48158433f769f12fb Mon Sep 17 00:00:00 2001
From: Marcin Kurczewski <mkurczew@gmail.com>
Date: Thu, 31 Oct 2013 13:14:09 +0100
Subject: [PATCH] Post view: safety marked with color

---
 public_html/media/css/post-view.css | 11 +++++++++++
 public_html/media/css/upload.css    |  8 ++++----
 src/Views/post-upload.phtml         |  4 ++--
 src/Views/post-view.phtml           |  2 +-
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/public_html/media/css/post-view.css b/public_html/media/css/post-view.css
index 7aedfefc..96292564 100644
--- a/public_html/media/css/post-view.css
+++ b/public_html/media/css/post-view.css
@@ -55,6 +55,17 @@ embed {
 	background-image: url('http://www.gravatar.com/avatar/0?f=y&d=mm&s=16');
 }
 
+#sidebar .safety-safe {
+	color: #43aa43;
+}
+#sidebar .safety-sketchy {
+	color: #d4a627;
+}
+#sidebar .safety-unsafe {
+	color: #df4b0d;
+}
+
+
 i.icon-prev {
 	background-position: -12px -1px;
 }
diff --git a/public_html/media/css/upload.css b/public_html/media/css/upload.css
index 13e1c4d9..4e6abc8b 100644
--- a/public_html/media/css/upload.css
+++ b/public_html/media/css/upload.css
@@ -131,13 +131,13 @@
 	line-height: 33px;
 }
 
-.safety-sfw {
-	color: #63ca63;
+.safety-safe {
+	color: #43aa43;
 }
 .safety-sketchy {
-	color: #f4c657;
+	color: #d4a627;
 }
-.safety-nsfw {
+.safety-unsafe {
 	color: #df4b0d;
 }
 
diff --git a/src/Views/post-upload.phtml b/src/Views/post-upload.phtml
index 9aae2a6f..d71cc6f7 100644
--- a/src/Views/post-upload.phtml
+++ b/src/Views/post-upload.phtml
@@ -6,8 +6,8 @@
 		<div class="unit">
 			<h1>file upload</h1>
 			<p>Use tags to describe uploaded images. Try to specify characters, their look and shows they are from.</p>
-			<p>Set proper visibility setting if the image isn&rsquo;t safe for work or you&rsquo;re not sure it&rsquo;s 100% <span class="safety-sfw">safe</span>.</p>
-			<p>Only registered users can view <span class="safety-sketchy">sketchy</span> or <span class="safety-nsfw">NSFW</span> content.</p>
+			<p>Set proper visibility setting if the image isn&rsquo;t safe for work or you&rsquo;re not sure it&rsquo;s 100% <span class="safety-safe">safe</span>.</p>
+			<p>Only registered users can view <span class="safety-sketchy">sketchy</span> or <span class="safety-unsafe">NSFW</span> content.</p>
 			<p>Click submit when you&rsquo;re done.</p>
 		</div>
 	</div>
diff --git a/src/Views/post-view.phtml b/src/Views/post-view.phtml
index 087ce66e..9cc937bd 100644
--- a/src/Views/post-view.phtml
+++ b/src/Views/post-view.phtml
@@ -63,7 +63,7 @@
 
 		<div class="key-value safety">
 			<span class="key">Safety:</span>
-			<span class="value" title="<?php echo $val = TextHelper::camelCaseToHumanCase(PostSafety::toString($this->context->transport->post->safety)) ?>">
+			<span class="value safety-<?php echo $val = TextHelper::camelCaseToHumanCase(PostSafety::toString($this->context->transport->post->safety)) ?>" title="<?php echo $val ?>">
 				<?php echo $val ?>
 			</span>
 		</div>