badmanners/shimmie2
badmanners/shimmie2
Archived
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

danbooru theme updates by zshall <http://seemslegit.com>

Browse source
This commit is contained in:
Shish 2009-08-13 19:41:35 +01:00
parent b53cc65958
commit d6b3da3461
2 changed files with 209 additions and 194 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
themes/danbooru/layout.class.php
View file

@ -8,7 +8,8 @@
* look more like danbooru as well as adding a custom links * look more like danbooru as well as adding a custom links
* bar and title to the top of every page. * bar and title to the top of every page.
*/ */
//Small changes added by zshall <http://seemslegit.com>
//Changed CSS and layout to make shimmie look even more like danbooru
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Danbooru Theme - Notes (Bzchan) Danbooru Theme - Notes (Bzchan)
@ -143,7 +144,7 @@ class Layout {
//$title_link = "<h1><a href='".make_link($main_page)."'>$site_name</a>/$this->heading</h1>"; //$title_link = "<h1><a href='".make_link($main_page)."'>$site_name</a>/$this->heading</h1>";
// bzchan: prepare main title link // bzchan: prepare main title link
$title_link = "<h1><a href='".make_link($main_page)."'>$site_name</a></h1>"; $title_link = "<h1 id='site-title'><a href='".make_link($main_page)."'>$site_name</a></h1>";
if($page->left_enabled) { if($page->left_enabled) {
$left = "<div id='nav'>$left_block_html</div>"; $left = "<div id='nav'>$left_block_html</div>";
@ -151,7 +152,7 @@ class Layout {
} }
else { else {
$left = ""; $left = "";
$withleft = ""; $withleft = "noleft";
} }
print <<<EOD print <<<EOD
@ -169,10 +170,10 @@ $header_html
<body> <body>
<div id="header"> <div id="header">
$title_link $title_link
<ul class="flat-list"> <ul id="navbar" class="flat-list">
$custom_links $custom_links
</ul> </ul>
<br><ul class="flat-list"> <ul id="subnavbar" class="flat-list">
$custom_sublinks $custom_sublinks
</ul> </ul>
</div> </div>
@ -182,13 +183,14 @@ $header_html
<div id="body" class="$withleft">$main_block_html</div> <div id="body" class="$withleft">$main_block_html</div>
<div id="footer"> <div id="footer">
<hr> <em>
Images &copy; their respective owners, Images &copy; their respective owners,
<a href="http://code.shishnet.org/shimmie2/">$version</a> &copy; <a href="http://code.shishnet.org/shimmie2/">$version</a> &copy;
<a href="http://www.shishnet.org/">Shish</a> 2007-2009, <a href="http://www.shishnet.org/">Shish</a> 2007-2009,
based on the Danbooru concept. based on the Danbooru concept.
$debug $debug
$contact $contact
</em>
</div> </div>
</body> </body>
</html> </html>

273
themes/danbooru/style.css
View file

@ -1,29 +1,63 @@
.noleft{
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * padding-left:20px;
* things common to all pages *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* bzchan: BODY tags font changed, margin set */
BODY {
background-color:#FFFFFF;
font: 80% verdana, sans-serif;
padding: 1em 3em;
} }
div#header {
/* bzchan: All H* tags tweaked */ margin-bottom:1em;
H1 { }
div#header #site-title {
padding:10px 20px 0;
}
div#header ul#navbar {
margin:0;
padding:5px 20px 2px 10px;
}
div#header ul#navbar li {
font-size:120%;
margin:0;
padding:0 10px 2px;
}
div#header ul#navbar li.current-page {
background-color:#F7F7FF;
}
div#header ul#navbar li.current-page a {
font-weight:bold;
}
div#header ul#subnavbar {
background-color:#F7F7FF;
margin:0 0 1em;
padding:5px 20px 5px 15px;
}
div#header ul#subnavbar li {
padding:0 5px;
}
div#header #site-title {
padding:10px 20px 0;
}
body {
-x-system-font:none;
background-color:#FFFFFF;
font-family:verdana,sans-serif;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
h1 {
font-size:2em; font-size:2em;
margin-top: 0px; margin-bottom:0;
margin-bottom: 0px; margin-top:0;
padding:2px; padding:2px;
} }
H1 A { h1 a {
color:black; color:black;
} }
H3 { h3 {
font-size:1.2em; font-size:1.2em;
margin-bottom:0;
margin-top:0.5em; margin-top:0.5em;
margin-bottom: 0px;
padding:1px; padding:1px;
} }
h4 { h4 {
@ -32,229 +66,208 @@ h4 {
h5 { h5 {
font-size:1.2em; font-size:1.2em;
} }
thead {
THEAD { -moz-background-clip:border;
background: #DEDEDE; -moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DEDEDE none repeat scroll 0 0;
font-weight:bold; font-weight:bold;
} }
TD { td {
text-align:center;
vertical-align:top; vertical-align:top;
} }
/* bzchan: subtitle black border removed */
#subtitle { #subtitle {
width: 256px; border-top:medium none;
font-size:0.75em; font-size:0.75em;
margin:auto; margin:auto;
text-align:center; text-align:center;
border-top: none; width:256px;
}
#body select {
width:150px;
}
td > input {
width:100%;
}
td > select {
width:100%;
} }
#body SELECT {width: 150px;}
TD>INPUT[type="submit"] {width: 100%;}
TD>INPUT[type="text"] {width: 100%;}
TD>INPUT[type="password"] {width: 100%;}
TD>SELECT {width: 100%;}
#footer { #footer {
clear:both; clear:both;
color:#CCCCCC;
font-size:0.9em;
padding-left:10px;
padding-top:8px; padding-top:8px;
font-size: 0.7em;
text-align: center;
} }
[onclick] {
*[onclick] {cursor: pointer;} cursor:pointer;
IMG {border: none;} }
FORM {margin: 0px;} img {
A {text-decoration: none;} border:medium none;
A:hover {text-decoration: underline;} }
form {
margin:0;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * a {
* the navigation bar, and all it's blocks * text-decoration:none;
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ }
/* bzchan: nav made to be left blocked */ a:hover {
text-decoration:underline;
}
#nav { #nav {
width: 150px;
float:left; float:left;
text-align:left; text-align:left;
width:150px;
padding:5px 20px 2px 10px;
} }
#nav TABLE { #nav table {
width:150px; width:150px;
} }
#nav TD { #nav td {
vertical-align:middle; vertical-align:middle;
} }
#nav INPUT { #nav input {
padding:0;
width:100%; width:100%;
padding: 0px;
} }
#nav SELECT { #nav select {
padding:0;
width:100%; width:100%;
padding: 0px;
} }
/* bzchan: nav H3 made to be left blocked */ #nav h3 {
#nav H3 {
text-align:left; text-align:left;
} }
#comments p {
#comments P {
text-align: left;
width: 150px;
max-width:150px; max-width:150px;
overflow:hidden; overflow:hidden;
text-align:left;
width:150px;
} }
.tag_count { .tag_count {
color: #AAA; color:#AAAAAA;
} }
.more { .more {
content: "More »"; content:"More <20>â";
} }
.comment { .comment {
margin-bottom:8px; margin-bottom:8px;
} }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* the main part of each page *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.withleft { .withleft {
margin-left:160px; margin-left:160px;
} }
/*Shuugo: more danboorish*/
div#paginator { div#paginator {
display: block;
padding: 2em 0 1em 0;
font-size: 1em;
text-align: center;
font-weight: bold;
clear:both; clear:both;
display:block;
font-size:1em;
font-weight:bold;
padding:2em 0 1em;
text-align:center;
} }
.paginator { .paginator {
margin:16px; margin:16px;
text-align:center; text-align:center;
} }
div#paginator B { div#paginator b {
padding: 4px 8px 4px 8px;
margin:3px; margin:3px;
padding:4px 8px;
} }
div#paginator A { div#paginator a {
padding: 4px 8px 4px 8px; border:1px solid #EEEEEE;
margin:3px; margin:3px;
border: 1px solid #EEE; padding:4px 8px;
} }
div#paginator A:hover { div#paginator a:hover {
border: 1px solid #EEE; -moz-background-clip:border;
background: blue; -moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:blue none repeat scroll 0 0;
border:1px solid #EEEEEE;
color:white; color:white;
} }
span.thumb { span.thumb {
height: 220px;
width: 220px;
display:inline-block; display:inline-block;
float:left; float:left;
height:220px;
text-align:center; text-align:center;
vertical-align: center; width:220px;
} }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* specific page types *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#pagelist { #pagelist {
margin-top:32px; margin-top:32px;
} }
#tagmap a {
#tagmap A { padding:8px 4px;
padding: 8px 4px 8px 4px;
} }
#large_upload_form { #large_upload_form {
width:600px; width:600px;
} }
.setupblock { .setupblock {
border: 1px solid #AAA; border:1px solid #AAAAAA;
padding: 8px;
margin:16px; margin:16px;
padding:8px;
width:350px; width:350px;
} }
.helpable { .helpable {
border-bottom:1px dashed gray; border-bottom:1px dashed gray;
} }
.ok { .ok {
background: #AFA; -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#AAFFAA none repeat scroll 0 0;
} }
.bad { .bad {
background: #FAA; -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFAAAA none repeat scroll 0 0;
} }
.comment .username { .comment .username {
font-size:1.5em; font-size:1.5em;
font-weight:bold; font-weight:bold;
} }
div#header {
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * text-align:left;
* bzchan added * }
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ div#header h1 {
text-align:left;
div#header {text-align: left;} }
div#header H1{text-align: left;}
* { * {
font-family:verdana,sans-serif; font-family:verdana,sans-serif;
margin:0; margin:0;
padding:0; padding:0;
} }
a:link { a:link {
color:#006FFA; color:#006FFA;
text-decoration:none; text-decoration:none;
} }
a:visited { a:visited {
color:#006FFA; color:#006FFA;
text-decoration:none; text-decoration:none;
} }
a:hover { a:hover {
color:#33CFFF; color:#33CFFF;
text-decoration:none; text-decoration:none;
} }
a:active { a:active {
color:#006FFA; color:#006FFA;
text-decoration:none; text-decoration:none;
} }
ul.flat-list { ul.flat-list {
display: inline; display:block;
margin:0 0 0 0; margin:0;
padding:0 0 0 0; padding:0;
} }
ul.flat-list * { ul.flat-list * {
display:inline; display:inline;
text-align:left; text-align:left;
} }
ul.flat-list li { ul.flat-list li {
text-align:left;
list-style-type: none;
font-weight:bold; font-weight:bold;
list-style-type:none;
margin:0 1.3em 0 0; margin:0 1.3em 0 0;
text-align:left;
} }
ul.flat-list li a { ul.flat-list li a {
font-weight:normal; font-weight:normal;
} }