new theme

2014-01-09 19:16:40 +01:00 · 2014-01-09 19:16:40 +01:00 · 7273eaede4
parent f9174bd807
commit 7273eaede4
1 changed files with 161 additions and 0 deletions
--- a/templates/board.html
+++ b/templates/board.html
@ -0,0 +1,161 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title><% title %></title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="alternate" type="application/rss+xml" title="<% title %>" href="rss/" /><link>	
+		<script src="<% gallery_root %>js/mootools.js"></script>
+		<script src="<% gallery_root %>js/mediaboxAdv-1.3.4b.js"></script>
+		<link rel="stylesheet" href="<% gallery_root %>css/board-white.css" type="text/css" media="screen" />
+
+
+	<style type="text/css">
+		body {
+			margin: 0;
+			padding: 0;
+			width: 100%;
+			font: 14px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
+			background: #E7E6E0;
+			color: #333333;
+		}
+		a {
+			color: #333333;
+			font-weight: bold;
+			text-decoration: none;
+		}
+		h1 {
+			font: italic 250%/100% Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
+			margin: 20px 0 5px 0;
+			
+		}
+		h1 a{
+			color: #CC2027;	
+		}
+		body > header{
+			background-color:#FFF;
+			padding: 1px;
+			margin-bottom: 15px;
+		}
+		#container, body > header > div{
+			max-width: <% gallery_width %>;
+			margin: 0px auto;
+		}
+		img {
+			border: none;
+		}
+		nav {
+			font-size: 1.3em;
+			padding: 15px 0px;
+		}
+		#folder_comment
+		{
+			margin-bottom:10px;
+		}
+		#folder_comment a {
+			color: #FFCC11;
+			text-decoration: none;
+
+		}
+		#gallery {
+			list-style: none;
+			margin: 0;
+			padding: 0;
+		}
+		#gallery li, #gallery li img {
+			-webkit-border-radius: 4px;
+			border-radius: 4px;
+		}
+		#gallery li {
+			float: left;
+			position: relative;
+			overflow:hidden;
+			margin: .5%;
+			-webkit-box-shadow:  0px 0px 2px -1px #000;
+			box-shadow:  0px 0px 2px -1px #000;
+		}
+		#gallery img {
+			background: #000;
+			color: #666;
+		}
+		#gallery em {
+			background: #FFF;
+			text-align: center;
+			font-style: normal;
+			font-weight: bold;
+			padding: 8px 2px;
+			display: block;
+			position: absolute;
+			bottom:0px;
+			left: 0px;
+			width: 100%;
+		}
+		.clear{clear:both;}
+		footer {
+			margin: 25px 0px;
+			text-align: center;
+		}
+		footer a {
+			font-size: 10px;
+			text-decoration: none;
+			color: #666;
+		}
+
+		/*----responsive----*/
+		#gallery li {
+			width: 24%;
+		}
+		#gallery li img{
+			width: 100%;
+		}
+		@media (max-width: 1000px) {
+			#gallery li {
+				width: 32%;
+			}
+		}
+		@media (max-width: 800px) {
+			#gallery li {
+				width: 48%;
+			}
+		}
+		@media (max-width: 450px) {
+			#gallery li {
+				width: 100%;
+			}
+		}
+	</style>
+</head>
+
+<body>
+	<header>
+		<div>
+			<h1><a href="<% gallery_root %>"><% title %></a></h1>
+			<% messages %>
+			<aside>by: <% author %></aside>
+			<nav><% breadcrumb_navigation %></nav>
+		</div>
+	</header>
+	<main id="container">
+		<header><% folder_comment %></header>
+		<ul id="gallery">
+			<% thumbnails %>
+		</ul>
+	</main>
+	<nav><% page_navigation %></nav>
+	<!-- CREDITS - DO NOT REMOVE OR YOU WILL VOID MiniGal Nano TERMS OF USE -->
+	<div class="clear"></div>
+	<footer>
+		<a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">
+			Made with MiniGal Nano
+		</a>
+		 | 
+		<a href="http://tomcanac.com" title="Tom Canac" target="_blank">
+			Board theme by Tom Canac
+		</a>
+		 | 
+		<a  title="<% title %> RSS" href="rss/" />
+			RSS
+		<a>
+	</footer>
+</body>
+</html>