Knah-Tsaeb/Minigalnano
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

board : fix height bug

Browse source
This commit is contained in:
Tom Canac 2014-01-09 21:21:27 +01:00
parent c95fad6e0c
commit 71bfd6154f
1 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
templates/board.html
View file

@ -7,13 +7,15 @@
<link rel="alternate" type="application/rss+xml" title="<% title %>" href="rss/" /><link> <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/mootools.js"></script>
<script src="<% gallery_root %>js/mediaboxAdv-1.3.4b.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" /> <link rel="stylesheet" href="<% gallery_root %>css/mediaboxAdvWhite.css" type="text/css" media="screen" />
<style type="text/css"> <style type="text/css">
html{ html{
font-size: 62.5%; font-size: 62.5%;
} }
.clear{clear:both;}
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -23,6 +25,7 @@
background: #E7E6E0; background: #E7E6E0;
color: #333333; color: #333333;
} }
a { a {
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
@ -36,12 +39,13 @@
h1 a{ h1 a{
color: #CC2027; color: #CC2027;
} }
body > header{ body > header{
background-color:#FFF; background-color:#FFF;
padding: 1px; padding: 1px;
margin-bottom: 15px; margin-bottom: 15px;
} }
#container, body > header > div{ #container, #innerheader{
max-width: <% gallery_width %>; max-width: <% gallery_width %>;
margin: 0px auto; margin: 0px auto;
} }
@ -62,8 +66,8 @@
#folder_comment a { #folder_comment a {
color: #FFCC11; color: #FFCC11;
text-decoration: none; text-decoration: none;
} }
#gallery { #gallery {
list-style: none; list-style: none;
margin: 0; margin: 0;
@ -83,23 +87,19 @@
box-shadow: 0px 0px 2px -1px #000; box-shadow: 0px 0px 2px -1px #000;
*/ */
} }
#gallery img { #gallery li img{
background: #000; width: 100%;
color: #666;
} }
#gallery em { #gallery em {
background: #FFF; background: #FFF;
text-align: center; text-align: center;
font-style: normal; font-style: normal;
font-weight: bold;
padding: 8px 0px; padding: 8px 0px;
display: block; display: block;
position: absolute; position: absolute;
bottom:0px; bottom:0px;
left: 0px;
width: 100%; width: 100%;
} }
.clear{clear:both;}
footer { footer {
margin: 25px 0px; margin: 25px 0px;
text-align: center; text-align: center;
@ -112,23 +112,25 @@
/*----responsive----*/ /*----responsive----*/
#gallery li { #gallery li {
width: 24%; width: 24%;
} height: 0;
#gallery li img{ padding-bottom: 24%;
width: 100%;
} }
@media (max-width: 1000px) { @media (max-width: 1000px) {
#gallery li { #gallery li {
width: 32%; width: 32%;
padding-bottom: 32%;
} }
} }
@media (max-width: 800px) { @media (max-width: 800px) {
#gallery li { #gallery li {
width: 48%; width: 48%;
padding-bottom: 48%;
} }
} }
@media (max-width: 450px) { @media (max-width: 450px) {
#gallery li { #gallery li {
width: 100%; width: 100%;
padding-bottom: 100%;
} }
} }
</style> </style>
@ -136,7 +138,7 @@
<body> <body>
<header> <header>
<div> <div id="innerheader">
<h1><a href="<% gallery_root %>"><% title %></a></h1> <h1><a href="<% gallery_root %>"><% title %></a></h1>
<% messages %> <% messages %>
<nav><% breadcrumb_navigation %></nav> <nav><% breadcrumb_navigation %></nav>