Redizine

public/css/mystyle.css

+body { background: url(/img/linen-gray.png); }
+.box { 
+	background-color: #eee; 
+	box-shadow: 5px; 
+	border-radius: 5px 5px 5px 5px; 
+	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
+    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
+    box-shadow: 0 0 10px rgba(0,0,0,0.5); 
+}
+.box-header { 
+	/* height: 40px; */
+	background-color: #ccc;
+	padding-left: 10px;
+	padding-top: 5px;
+	padding-bottom: 5px; 
+	color: #eee;
+	border-radius: 5px 5px 0px 0px; 
+	background: -moz-linear-gradient(center top , rgb(73, 72, 82), rgb(42, 42, 48)) repeat scroll 0% 0% / 100% auto rgb(42, 42, 48);
+}
+.box-body { padding: 1%; }
\ No newline at end of file

templates/download.html.ep

@@ -6,7 +6,9 @@
 </div>
 -->
 
-<div>
+<div class="box">
+<div class="box-header">Файлы для загрузки:</div>
+<div class="box-body">
 	% foreach my $i (@{$folders}){
 		% my ($path, $file) = split (/\//, $i);
 		% my ($game, $ver, $sys) = split (/-/, $file);
@@ -14,3 +16,5 @@
 		<a href="/<%= $i %>">Клиент для <%= $sys %> (версия <%= $ver %>)</a><br>
 	% }
 </div>
+</div>
+</div>

templates/index.html.ep

 
-Добро пожаловать нах
+<div class="row">
+<div class="span5">
+<div class="box">
+	<div class="box-header">Welcome</div>
+	<div class="box-body">
+		<h1>Добро пожаловать</h1>
+	</div>
+</div>
+</div>
+</div>
\ No newline at end of file

templates/layouts/default.html.ep

@@ -4,6 +4,7 @@
 	<title>Minecraft style | <%= title %></title>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link href="/css/style.css" rel="stylesheet" media="screen">
+	<link href="/css/mystyle.css" rel="stylesheet" media="screen">
 	<script src="http://code.jquery.com/jquery.js"></script>
 	<script src="/js/bootstrap.min.js"></script>
 </head>

templates/wiki.html.ep

-<div class="well">
-	<h2>Установка игры:</h2>
 
+<div class="box">
+<div class="box-header">Установка игры:</div>
+<div class="box-body">
 	<p>Архив представляет собой две вложенные папки:
 		<code>minecraft</code> и <code>.minecraft</code> (с точкой):
 	</p>
@@ -19,3 +20,5 @@
 
 	</p>
 </div>
+</div>
+</div>