After some tweaking => no.
Original Love forum at 1600x900 Original Love forum at 800x600 Original Love forum at 600x800 You see the difference?
Make up your mind about what you really want to do ...
Code: Select all
.wrap {
border: 1px solid transparent;
border-radius: 0 0 8px 8px;
margin: -5px auto;
max-width: 1152px;
min-width: 625px;
padding: 15px;
}
Code: Select all
.wrap {
padding: 15px;
}
Code: Select all
.wrap {
background-color: #FFF;
border-color: #E6E9ED;
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
}
Code: Select all
<div class="theme-wrap">
<!-- INCLUDE theme_navbar.html -->
<div class="theme-contents">
<div class="wrap">
</div>
</div>
</div>
Code: Select all
<div>
<a id="bottom" class="anchor" accesskey="z"></a>
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
Code: Select all
</div>
</div>
Code: Select all
<div id="wrap" class="wrap">
Code: Select all
<header class="theme-header"></header>
<div class="theme-wrap">
<!-- INCLUDE theme_navbar.html -->
<div class="theme-contents">
theme_navbar.html
Code: Select all
<nav class="theme-topnav">
<a href="/">Home</a>
<a href="/wiki">Wiki</a>
<a href="/forums">Forums</a>
<a href="http://bitbucket.org/rude/love/issues">Issue tracker</a>
<div id="search-box" class="search-box search-header" role="search">
<form action="./search.php?sid=d78a574729e8dd0bcc2f3b928a459a5c" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="search" maxlength="128" title="Search for keywords" class="inputbox search tiny" size="20" value="" placeholder="Search…">
<button class="button button-search" type="submit" title="Search">
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Search</span>
</button>
<a href="./search.php?sid=d78a574729e8dd0bcc2f3b928a459a5c" class="button button-search-end" title="Advanced search">
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">Advanced search</span>
</a>
<input type="hidden" name="sid" value="d78a574729e8dd0bcc2f3b928a459a5c">
</fieldset>
</form>
</div>
</nav>
Code: Select all
@import url("theme.css");
Code: Select all
nav {
padding: 1em;
background-color: #dcefff;
border-bottom: 1px solid #cadceb;
border-radius: 5px 5px 0 0;
}
nav a {
display: inline-block;
padding: 0.5em 1em 0.5em 1em;
text-transform: uppercase;
font-weight: bold;
border-radius: 5px;
}
nav a:active,
nav a:link,
nav a:visited {
color: white;
}
nav a:hover {
text-decoration: underline;
}
.dark { background-color: #154451; }
.green { background-color: #25b786; }
.blue { background-color: #1e86be; }
.pink { background-color: #da5d86; }
nav a:nth-child(1) { background-color: #154451; }
nav a:nth-child(2) { background-color: #25b786; }
nav a:nth-child(3) { background-color: #1e86be; }
nav a:nth-child(4) { background-color: #da5d86; }
.theme-wrap, .theme-header {
margin: 0 auto 0 auto;
max-width: 1100px;
}
.theme-wrap {
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 150, 0.20);
}
.theme-contents {
background-color: #f8fcff;
border-radius: 0px 0px 5px 5px;
border: 1px solid transparent;
}
.theme-header {
height: 129px;
background-image: url("./images/love_right.png");
background-position: bottom right, top left;
background-repeat: no-repeat, no-repeat;
}
Try this
.page-body {
Code: Select all
.page-body {
margin: 0 auto 0 auto;
clear: both;
width: 82%;}
.navbar {
Code: Select all
.navbar {
margin: 0 auto 0 auto;
width: 80%;
}
Code: Select all
<div class="theme-wrap">
<nav class="theme-topnav">
<a href="/">Home</a>
<a href="/wiki">Wiki</a>
<a href="/forum">Forum</a>
<a href="http://bitbucket.org/rude/love/issues">Issue tracker</a>
<div id="search-box" class="search-box search-header" role="search">
<form action="./search.php?sid=d78a574729e8dd0bcc2f3b928a459a5c" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="search" maxlength="128" title="Search for keywords" class="inputbox search tiny" size="20" value="" placeholder="Search…">
<button class="button button-search" type="submit" title="Search">
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Search</span>
</button>
<a href="./search.php?sid=d78a574729e8dd0bcc2f3b928a459a5c" class="button button-search-end" title="Advanced search">
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">Advanced search</span>
</a>
<input type="hidden" name="sid" value="d78a574729e8dd0bcc2f3b928a459a5c">
</fieldset>
</form>
</div>
</nav>
<div class="theme-contents">
<div id="wrap">
</div>
</div>
</div>
</div>
need removed from this file they belong in the overall_footer its hard to recommend where now without access to some sort of git repo for your theme.Code: Select all
.theme-topnav-search {
border-radius: 4px;
display: block;
float: right;
margin-right: 5px;
}
Code: Select all
<div id="search-box" class="search-box search-header" role="search">
search-header
with theme-topnav-search
margin-top: 30px;