Add responsive CSS

Author: Crizz0

styles/prosilver/template/pastebin_body.html

@@ -6,7 +6,7 @@ <h2>{{ lang('PASTEBIN') }}</h2>
 
 	<div id="extras">
 		{% if S_AUTH_POST or S_MODE eq 'view' %}
-		<div class="newentry mini-panel navbar">
+		<div class="new-entry mini-panel navbar">
 			<h3>{{ lang('PASTEBIN') }}</h3>
 			<ul>
 				{% if S_AUTH_POST %}<li><a href="{{ U_PASTEBIN }}">{{ lang('SNIPPET_NEW') }}</a></li>{% endif %}
@@ -58,7 +58,7 @@ <h3>{{ lang('MODERATE_SNIPPET') }}</h3>
 	</div>
 
 	{% if S_AUTH_VIEW %}
-	<div class="lastsnippets mini-panel navbar">
+	<div class="last-snippets mini-panel navbar">
 		<h3>{{ lang('LATEST_SNIPPETS') }}</h3>
 
 		{% if loops.latest_snippets|length %}

styles/prosilver/theme/pastebin.css

@@ -13,28 +13,28 @@
 	font-size: 0.8em;
 	font-weight: bold;
 	display:block;
-	padding: 3px 0 1px 2px;
+	padding: 3px 0 0.5% 2px;
 }
 
 .pastebin .mini-panel {
 	display: block;
 	font-size: 110%;
-	padding: 12px ;
+	padding: 1% ;
 	margin-top: 12px;
 	margin-bottom: 12px;
 }
 
-.pastebin .newentry {
+.pastebin .new-entry {
 	float: right;
 	line-height: 1.5;
 	margin-right: 10px;
 	width: 30%
 }
 
-.pastebin .lastsnippets {
+.pastebin .last-snippets {
 	float: right;
 	line-height: 1.5;
-	margin-right: 10px;
+	margin: 20px 10px 0 0;
 	width: 30%;
 }
 
@@ -73,3 +73,15 @@
 	margin-bottom: 10px;
 	margin-top: 10px;
 }
+
+/* Responsive */
+@media (max-width: 860px) {
+	.pastebin .last-snippets,
+	.pastebin .mod-panel,
+	.pastebin .new-entry,
+	.pastebin #content {
+		float: none;
+		margin: 10px 0;
+		width: auto;
+	}
+}