Initial commit
This commit is contained in:
Péntek Sándor
19
themes/wooden/components/entries.php
Normal file
19
themes/wooden/components/entries.php
Normal file
@ -0,0 +1,19 @@
|
||||
<?php
|
||||
if ($blog->entries)
|
||||
{
|
||||
while ($data = $blog->entries())
|
||||
{
|
||||
$entry_init = entry_show_init($data['entryContent'], $data['entrySlug']);
|
||||
echo "<article".($data['entryPinned'] ? ' class="pinned"' : '').(strlen(strip_tags($entry_init)) <= 210 ? ' class="tweet"' : '')." title='".show_date($data['entryPublished'])."'>
|
||||
<header>
|
||||
<h2><a href='".get_entry_link($data['entrySlug'])."'>$data[entryTitle]</a></h2>
|
||||
<p class='meta'><time class='date' title='{locale:published_on}'>".show_date($data['entryPublished'])."</time><a href='".get_profile_link($data['userName'])."' class='by' title='{locale:entry_by}'>$data[publicName]</a></p>
|
||||
</header>
|
||||
<div class='content'>".$entry_init."</div>
|
||||
</article>\n";
|
||||
unset($entry_init);
|
||||
}
|
||||
echo "<p class='paginator'>".(isset($seo[1]) && isnum($seo[1]) ? "<a href='/p/".($seo[1]-1)."' class='prev'>{locale:prev_page}</a><a href='/p/".($seo[1]+1)."' class='next'>{locale:next_page}</a>" : "<a href='/p/2' class='next'>{locale:next_page}</a>")."</p>";
|
||||
} else
|
||||
echo "<h1>$_locale[entry_not_found_title]</h1>"
|
||||
."<p>$_locale[entry_not_found]</p>\n";
|
||||
18
themes/wooden/components/entry.php
Normal file
18
themes/wooden/components/entry.php
Normal file
@ -0,0 +1,18 @@
|
||||
<?php
|
||||
|
||||
if ($blog->entries)
|
||||
while ($data = $blog->entry())
|
||||
{
|
||||
addTitle($data['entryTitle']);
|
||||
addDescription(trimlink($data['entryContent']));
|
||||
addImage((preg_match('/< *img[^>]*src *= *["\']?([^"\']*)/i', $data['entryContent'], $images) ? $images[1] : 0));
|
||||
echo "<article class='full'>
|
||||
".(strlen($data['entryTitle']) > 28 ? "<h2>$data[entryTitle]</h2>" : '')."
|
||||
<p class='meta'><time class='date' title='{locale:published_on}'>".show_date($data['entryPublished'])."</time><a href='".get_profile_link($data['userName'])."' class='by' title='{locale:entry_by}'>$data[publicName]</a>
|
||||
<div class='content'>".entry_show_all($data['entryContent'])."</div>
|
||||
<p clasS='meta'>".get_entry_admin($data)."</p>
|
||||
</article>\n";
|
||||
}
|
||||
else
|
||||
echo "<h1>$_locale[entry_not_found_title]</h1>"
|
||||
."<p>$_locale[entry_not_found]</p>\n";
|
||||
7
themes/wooden/components/page.php
Normal file
7
themes/wooden/components/page.php
Normal file
@ -0,0 +1,7 @@
|
||||
<?php
|
||||
|
||||
if ($page->readable())
|
||||
{
|
||||
addTitle($page->data['pageTitle']);
|
||||
echo "<article>".$page->data['pageContent']."</article>";
|
||||
}
|
||||
45
themes/wooden/components/profile.php
Normal file
45
themes/wooden/components/profile.php
Normal file
@ -0,0 +1,45 @@
|
||||
<div class="profile">
|
||||
<h3><?=$userData['userName'].($me ? ' <a href="'.get_current_link().'/edit" class="edit">{locale:profile_edit}</a>' : '')?></h3>
|
||||
|
||||
<div id="profile_pic" style="background-image: url('<?=get_profile_picture($userData)?>')">
|
||||
<?php if ($me) : ?>
|
||||
<form action="<?=get_current_link()?>" method="post" name="userpic-upload" enctype="multipart/form-data">
|
||||
<input type="file" name="userPic" id="userPicInput" style="display: none" />
|
||||
<button type="button" onclick="$('#userPicInput').focus().click()">{locale:browse}</button><button type="submit" id="userPicSaveBtn" class="orange">{locale:delete}</button>
|
||||
</form>
|
||||
<script>
|
||||
$("#userPicInput").change(function() {
|
||||
$("#userPicSaveBtn").html('{locale:save}').removeClass('orange');
|
||||
});
|
||||
</script>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php if (LOGGEDIN) : ?>
|
||||
<div class='box contact'>
|
||||
<p><strong>{locale:name}:</strong> <?=$userData['userRealName']?></p>
|
||||
<p><strong>{locale:email}:</strong> <?=$userData['userEmail']?></p>
|
||||
<p><strong>{locale:web}:</strong> <?=$userData['userWeb']?></p>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<?php
|
||||
$recent = $_sql->query("SELECT entrySlug, entryTitle FROM entries WHERE entryBy = $userData[userId] AND entryPublished <= ".time()." ORDER BY entryPublished DESC LIMIT 5");
|
||||
if ($recent->num_rows) : ?>
|
||||
<div class='box recent'>
|
||||
<?php
|
||||
while ($data = $recent->fetch_assoc())
|
||||
echo "<p><a href='".get_entry_link($data['entrySlug'])."'>".trimlink($data['entryTitle'], 42)."</a></p>\n";
|
||||
?>
|
||||
</div>
|
||||
<?php endif; unset($recent); ?>
|
||||
<div style="clear: both"></div>
|
||||
|
||||
<?php if ($userData['userIntroduction']) : ?>
|
||||
<div class='box introduction'>
|
||||
<p><?=$userData['userIntroduction']?></p>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
19
themes/wooden/components/tag.php
Normal file
19
themes/wooden/components/tag.php
Normal file
@ -0,0 +1,19 @@
|
||||
<?php
|
||||
|
||||
if ($tagged->num_rows)
|
||||
{
|
||||
$tag = $tagged->fetch_assoc();
|
||||
addTitle($tag['tagName']);
|
||||
if ($entries->num_rows)
|
||||
{
|
||||
echo "<table class='pro'>";
|
||||
while ($data = $entries->fetch_assoc())
|
||||
echo "<tr><td><a href='".get_entry_link($data['entrySlug'])."'>".htmlspecialchars(trimlink($data['entryTitle'],90))."</a></td><td>".show_date($data['entryPublished'])."</td></tr>";
|
||||
echo "</table>";
|
||||
}
|
||||
} else
|
||||
redirect();
|
||||
|
||||
unset($tag);
|
||||
unset($tagged);
|
||||
unset($entries);
|
||||
256
themes/wooden/default.css
Normal file
256
themes/wooden/default.css
Normal file
@ -0,0 +1,256 @@
|
||||
html, body { margin: 0; padding: 0; }
|
||||
|
||||
body {
|
||||
font: 14px open-sans, 'Segoe UI', sans-serif;
|
||||
|
||||
background: #fff url(img/stripe.png);
|
||||
color: #8d8d8d;
|
||||
}
|
||||
|
||||
a { color: #1ecc88; text-decoration: none; }
|
||||
|
||||
h1 { font: 32px bebas-neue, sans-serif; letter-spacing: 10px; }
|
||||
h2 { font: 28px bebas-neue, sans-serif; letter-spacing: 4px; color: #40a5e3; }
|
||||
|
||||
img { border: 0; }
|
||||
|
||||
textarea { resize: none; height: 100px; }
|
||||
|
||||
input, button, textarea {
|
||||
font: 14px open-sans, 'Segoe UI', sans-serif;
|
||||
box-shadow: 0 0 0.4em #f0f0f0;
|
||||
border: 1px solid #b6b6b6;
|
||||
background-color: #FFF;
|
||||
margin: 1em 0 0 0;
|
||||
padding: 0.6em 10px;
|
||||
width: 210px;
|
||||
|
||||
transition: 0.25s ease-in background;
|
||||
}
|
||||
input, textarea { display: block; }
|
||||
button {
|
||||
color: #FFF;
|
||||
border: 0;
|
||||
background-color: #0776d8;
|
||||
cursor: pointer;
|
||||
width: 232px;
|
||||
}
|
||||
|
||||
|
||||
/* ENTRY EDITOR */
|
||||
form[name="entry-edit"] input { width: 978px; }
|
||||
form[name="entry-edit"] button { width: 1000px; }
|
||||
|
||||
|
||||
/* COLORED THINGS */
|
||||
button.orange { background-color: #dd823b; }
|
||||
input:hover, input:focus, textarea:hover, textarea:focus { background-color: #f0f0f0; }
|
||||
button:hover { background-color: #0560b1; }
|
||||
|
||||
|
||||
|
||||
.clear { clear: both; }
|
||||
|
||||
p.phantom {
|
||||
padding: 1.4em 0;
|
||||
text-align: center;
|
||||
background-color: #fffef2;
|
||||
}
|
||||
|
||||
#errors, #infos {
|
||||
background-color: #ff0000;
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
}
|
||||
#infos { background-color: #fffed9; color: #222222; }
|
||||
#errors ul, #infos ul { margin: 0; padding: 0; }
|
||||
#errors li, #infos li { margin: 0; padding: 0.5em 0; list-style: none; }
|
||||
|
||||
#page,
|
||||
#footer {
|
||||
min-width: 1000px;
|
||||
width: 1000px;
|
||||
|
||||
background: #FFF;
|
||||
|
||||
margin: 20px auto;
|
||||
padding: 14px;
|
||||
|
||||
box-shadow: 0 0 0.4em #999999;
|
||||
}
|
||||
|
||||
/*#main { float: left; width: 70%; }
|
||||
#sidebar { float: right; width: 28%; }*/
|
||||
|
||||
#header {
|
||||
padding: 20px;
|
||||
background: #020202;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#title {
|
||||
float: left;
|
||||
|
||||
color: #FFF;
|
||||
border-right: 1px dotted #fff;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#title h1 {
|
||||
color: #FFF;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#title p { padding: 0; margin: 0; }
|
||||
|
||||
#menu {
|
||||
float: right;
|
||||
list-style: none;
|
||||
|
||||
margin: 20px 0 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
#menu li {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#menu a {
|
||||
padding: 10px 20px;
|
||||
|
||||
color: #FFF;
|
||||
background: #020202;
|
||||
border: 1px solid transparent;
|
||||
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#menu a:hover,
|
||||
#menu a.active {
|
||||
border: 1px solid #c6c6c6;
|
||||
background: #1f1f1f;
|
||||
}
|
||||
|
||||
#content {
|
||||
padding-top: 20px;
|
||||
text-align: justify;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
#content ul { list-style-type: hebrew; margin: 0; padding: 0 0 0 1.4em; }
|
||||
#content ul li { padding: 0.4em 0; }
|
||||
|
||||
#content h1 { font-size: 28px; margin: 0.2em 0 0 0; padding: 0; letter-spacing: 0.12em; }
|
||||
#content h2 { margin: 0; padding: 0; }
|
||||
#content h3 { color: #009dff; text-transform: uppercase; margin: 0; padding: 0; }
|
||||
|
||||
#content div.profile { margin-top: 1em; }
|
||||
|
||||
#content div.profile.pic {
|
||||
float: left;
|
||||
width: 290px;
|
||||
}
|
||||
|
||||
#content div.profile p,
|
||||
#content div.profile h2 { margin: 0; padding: 6px; }
|
||||
|
||||
#content div.profile.details {
|
||||
float: right;
|
||||
width: 699px;
|
||||
}
|
||||
|
||||
div.profile.details div.box {
|
||||
float: left;
|
||||
box-shadow: 0 0 0.4em #dbdbdb;
|
||||
background-color: #f5f5f5;
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
div.profile.details div.spacer { float: left; width: 10px; height: 1px; }
|
||||
|
||||
div.box { width: 340px; min-height: 100px; border-left: 4px solid #7ad03a; }
|
||||
div.box.recent { text-transform: uppercase; }
|
||||
div.box.contact { border-left-color: #52accc; }
|
||||
div.box.introduction { border-left-color: #dd823b; width: 693px; }
|
||||
|
||||
#profile_pic {
|
||||
width: 252px;
|
||||
height: 252px;
|
||||
background-size: cover;
|
||||
border-radius: 0.4em;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#profile_pic button {
|
||||
width: 48%;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
opacity: 0;
|
||||
|
||||
transition: 0.25s ease-in opacity;
|
||||
}
|
||||
#profile_pic:hover button { opacity: 1; }
|
||||
|
||||
|
||||
/* ARTICLES, POSTS */
|
||||
|
||||
article { margin: 0 0 2em 0; background-color: #f3f3f3; padding: 0.4em; }
|
||||
article.full { background-color: #FFF; }
|
||||
article p.meta a,
|
||||
article p.meta time { margin: 0 1em 0 0; }
|
||||
article p.meta a:before,
|
||||
article p.meta time:before { font: 18px typicons; padding-right: 0.2em; }
|
||||
|
||||
article p.meta time:before { content: '\e120'; }
|
||||
article p.meta a.by:before { content: '\e12c'; }
|
||||
article p.meta a.pin:before { content: '\e0c9'; }
|
||||
article p.meta span.admin a.edit:before { content: '\e067'; }
|
||||
article p.meta span.admin a.delete:before { content: '\e058'; }
|
||||
|
||||
article div.content a { color: #222222; }
|
||||
article div.content a:hover { text-decoration: underline; }
|
||||
|
||||
article p.paginator a { margin: 1em 1em 0 0; }
|
||||
|
||||
/* PROFILE */
|
||||
|
||||
div.box.recent p a:before { font: 18px typicons; padding-right: 0.2em; content: '\e0bf'; }
|
||||
|
||||
#content div.profile h3 a.edit { padding-left: 1em; }
|
||||
#content div.profile h3 a.edit:before { font: 28px typicons; padding-right: 0.2em; content: '\e067'; }
|
||||
|
||||
|
||||
/* DESIGNED TABLE */
|
||||
|
||||
table.designed {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table button { padding: 0.2em; margin: 0; width: 120px; }
|
||||
|
||||
table.designed td { padding: 0.4em; }
|
||||
table.designed tr:nth-child(3n+0) { background: #eaeaea; }
|
||||
table.designed tr:first-child { background: #202434; color: #FFF; font-weight: bold; }
|
||||
table.designed tr td:first-child { font-weight: bold; }
|
||||
|
||||
|
||||
#sidebar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
|
||||
background: rgba(0,0,0,0.8);
|
||||
text-align: center;
|
||||
}
|
||||
#sidebarSw { float: left; background-color: #000; width: 20px; height: 100%; cursor: pointer; }
|
||||
#sidebarCt { float: right; display: none; padding: 1em; }
|
||||
|
||||
#sidebar ul { margin: 0; padding: 0; }
|
||||
#sidebar ul li { list-style: none; margin: 0; padding: 0; }
|
||||
BIN
themes/wooden/font/typicons.eot
Normal file
BIN
themes/wooden/font/typicons.eot
Normal file
Binary file not shown.
1
themes/wooden/font/typicons.min.css
vendored
Normal file
1
themes/wooden/font/typicons.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1180
themes/wooden/font/typicons.svg
Normal file
1180
themes/wooden/font/typicons.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 182 KiB |
BIN
themes/wooden/font/typicons.ttf
Normal file
BIN
themes/wooden/font/typicons.ttf
Normal file
Binary file not shown.
BIN
themes/wooden/font/typicons.woff
Normal file
BIN
themes/wooden/font/typicons.woff
Normal file
Binary file not shown.
12
themes/wooden/footer.php
Normal file
12
themes/wooden/footer.php
Normal file
@ -0,0 +1,12 @@
|
||||
<!-- end #sidebar -->
|
||||
<div style="clear: both;"> </div>
|
||||
</div>
|
||||
<!-- end #page -->
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>© <?=date('Y')?> <?=$_set['title']?>. All rights reserved. Powered by <a href="http://sandros.hu/">Insanely</a>.</p>
|
||||
</div>
|
||||
<!-- end #footer -->
|
||||
<?php get_page_extra_body(); ?>
|
||||
</body>
|
||||
</html>
|
||||
39
themes/wooden/header.php
Normal file
39
themes/wooden/header.php
Normal file
@ -0,0 +1,39 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title><?php get_page_title(); ?></title>
|
||||
<meta charset="utf-8" />
|
||||
<link href="/includes/css/ui-lightness/jquery-ui.custom.min.css" rel="stylesheet" />
|
||||
<link href="/<?=get_theme_lib()?>/font/typicons.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="/<?=get_theme_lib()?>/style.css" type="text/css" media="screen" />
|
||||
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700|Open+Sans:400,300&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
|
||||
<script src="/includes/js/jquery.js"></script>
|
||||
<script src="/includes/js/jquery-ui.custom.min.js"></script>
|
||||
<script src="/includes/js/functions.js"></script>
|
||||
<meta name="keywords" content="<?=($description ? $description : $_set['description'])?>" />
|
||||
<meta name="description" content="<?=($description ? $description : $_set['description'])?>" />
|
||||
<?php get_page_extra_head(); ?>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="header-wrapper">
|
||||
<div id="header" class="container">
|
||||
<div id="logo">
|
||||
<h1><a href="<?=get_current_link()?>"><?=(isset($_title[0]) ? trimlink($_title[0], 28) : $_set['title'])?></a></h1>
|
||||
<p><?=$_set['tagline']?></p>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<?php get_navigation(); ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="clear: both"></div>
|
||||
<div id="header-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="page">
|
||||
<?php
|
||||
get_errors();
|
||||
get_infos();
|
||||
?>
|
||||
<div id="content">
|
||||
BIN
themes/wooden/images/dango.jpg
Normal file
BIN
themes/wooden/images/dango.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
themes/wooden/images/darkwood.jpg
Normal file
BIN
themes/wooden/images/darkwood.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 307 KiB |
BIN
themes/wooden/images/img01.jpg
Normal file
BIN
themes/wooden/images/img01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
themes/wooden/images/img02.jpg
Normal file
BIN
themes/wooden/images/img02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
themes/wooden/images/img03.png
Normal file
BIN
themes/wooden/images/img03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
themes/wooden/images/img04.jpg
Normal file
BIN
themes/wooden/images/img04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 316 B |
BIN
themes/wooden/images/img05.jpg
Normal file
BIN
themes/wooden/images/img05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
BIN
themes/wooden/images/trollface.png
Normal file
BIN
themes/wooden/images/trollface.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
655
themes/wooden/style.css
Normal file
655
themes/wooden/style.css
Normal file
@ -0,0 +1,655 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #050505 url(images/darkwood.jpg) fixed;
|
||||
/*background-size: cover;*/
|
||||
font-family: 'Helvetica', 'Open Sans', sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #FEFFDC;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-transform: uppercase;
|
||||
font-family: 'Archivo Narrow', sans-serif;
|
||||
font-weight: normal;
|
||||
font-weight: 200;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.2em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.6em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
p, ul, ol {
|
||||
margin-top: 0;
|
||||
line-height: 180%;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
}
|
||||
|
||||
a {
|
||||
color: #3C94D3;
|
||||
text-decoration: none;
|
||||
transition: 0.25s ease-in color;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #FEFFDC;
|
||||
}
|
||||
|
||||
img { border: 0; }
|
||||
|
||||
b, strong { font-weight: 700; }
|
||||
|
||||
blockquote {
|
||||
margin: 10px 10px 10px 50px;
|
||||
padding-left: 15px;
|
||||
border-left: 3px solid #ccc;
|
||||
}
|
||||
|
||||
textarea { resize: none; height: 100px; }
|
||||
|
||||
input, button, textarea {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
font: 14px Helvetica, 'Segoe UI', sans-serif;
|
||||
border: 0;
|
||||
color: #222222;
|
||||
background-color: rgba(255,255,255,0.6);
|
||||
margin: 0 0 0.4em 0;
|
||||
padding: 0.4em 10px;
|
||||
width: 100%;
|
||||
|
||||
transition: 0.25s ease-in background;
|
||||
}
|
||||
button { background-color: #2C75A9; color: #FFF; }
|
||||
input:hover, input:focus { background-color: #FFF; }
|
||||
|
||||
div.cke { margin-bottom: 0.4em; }
|
||||
|
||||
#wrapper {
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 1000px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
#header-wrapper {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#header {
|
||||
width: 1000px;
|
||||
margin: 0 auto;
|
||||
padding: 0px 0px;
|
||||
background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.2) 100%);
|
||||
}
|
||||
|
||||
#header a {
|
||||
color: #FEFFDC;
|
||||
}
|
||||
|
||||
/* Logo */
|
||||
|
||||
#logo {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
#logo h1, #logo p {
|
||||
}
|
||||
|
||||
#logo h1 {
|
||||
text-transform: lowercase;
|
||||
letter-spacing: -2px;
|
||||
font-size: 3.8em;
|
||||
text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
|
||||
}
|
||||
|
||||
#logo h1 a {
|
||||
cursor: url(images/trollface.png), auto;
|
||||
}
|
||||
|
||||
#logo p {
|
||||
margin: 0;
|
||||
padding: 0px 0 0 0px;
|
||||
letter-spacing: -1px;
|
||||
font: normal 18px Georgia, "Times New Roman", Times, serif;
|
||||
font-style: italic;
|
||||
color: #8E8E8E;
|
||||
}
|
||||
|
||||
#logo p a {
|
||||
}
|
||||
|
||||
#logo a {
|
||||
border: none;
|
||||
background: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Menu */
|
||||
|
||||
#menu {
|
||||
float: right;
|
||||
height: 50px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 20px 0px 0px 0px;
|
||||
list-style: none;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
#menu li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#menu a {
|
||||
display: block;
|
||||
line-height: 60px;
|
||||
margin-right: 1px;
|
||||
padding: 0px 20px 0px 20px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px 0px rgba(0,0,0,.2);
|
||||
text-transform: uppercase;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#menu a:hover, #menu a.active {
|
||||
background: rgba(255,255,255,0.4);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#menu a.active {
|
||||
}
|
||||
|
||||
#header-line {
|
||||
border-radius: 3px;
|
||||
background-color: #FEFFDC;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
|
||||
/* Page */
|
||||
|
||||
#page {
|
||||
width: 1000px;
|
||||
margin: 28px auto 0 auto;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
|
||||
#content {
|
||||
float: left;
|
||||
width: 730px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
article {
|
||||
overflow: hidden;
|
||||
padding: 20px;
|
||||
margin-bottom: 40px;
|
||||
border: 1px solid #656565;
|
||||
border-radius: 4px;
|
||||
background-color: rgba(20,20,20,0.4);
|
||||
color: #FFF;
|
||||
}
|
||||
article.pinned { margin-bottom: 60px; background-color: #F4F3F4; }
|
||||
|
||||
article h2 {
|
||||
padding: 7px 0px 0px 0px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
article h2 a {
|
||||
border: none;
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
article .meta {
|
||||
padding: 10px 0px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-weight: 300;
|
||||
color: #3C94D3;
|
||||
}
|
||||
|
||||
article .meta a {
|
||||
margin-left: 18px;
|
||||
text-decoration: none;
|
||||
}
|
||||
article .meta a:first-child { margin-left: 0; }
|
||||
article .content { text-align: justify; }
|
||||
|
||||
article .content button {
|
||||
background-color: #FAFAFA;
|
||||
color: #3D3D3A;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
cursor: pointer;
|
||||
|
||||
transition: 0.25s ease-in background-color;
|
||||
}
|
||||
article .content button:hover { background-color: #F8F8F8; }
|
||||
|
||||
|
||||
article .content .spoiler_c {
|
||||
padding: 0.4em 0;
|
||||
|
||||
border-top: 1px dotted #3D3D3A;
|
||||
border-bottom: 1px dotted #3D3D3A;
|
||||
}
|
||||
|
||||
article.tweet {
|
||||
border: 0;
|
||||
border-top: 1px solid #E7EBED;
|
||||
border-bottom: 1px solid #E7EBED;
|
||||
border-radius: 0;
|
||||
padding: 6px 20px 0px 20px;
|
||||
}
|
||||
article.tweet .meta { display: none; }
|
||||
article.tweet .content { text-align: right; }
|
||||
article.tweet .content p.readmore { display: none; }
|
||||
|
||||
p.paginator a { margin-right: 2em; }
|
||||
p.paginator a:last-child { margin-right: 0; }
|
||||
|
||||
|
||||
.links {
|
||||
padding-top: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.more {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 88px;
|
||||
padding: 5px 5px;
|
||||
margin-right: 10px;
|
||||
background: #222222;
|
||||
border-radius: 8px;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.comments {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 88px;
|
||||
padding: 5px 5px;
|
||||
background: #222222;
|
||||
color: #FFFFFF;
|
||||
border-radius: 8px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Sidebar */
|
||||
|
||||
#sidebar {
|
||||
float: right;
|
||||
width: 220px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#sidebar ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#sidebar li {
|
||||
margin: 0 0 20px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#sidebar li a { text-decoration: none; }
|
||||
|
||||
#sidebar li ul {
|
||||
margin: 0px 0px 20px 0px;
|
||||
}
|
||||
|
||||
#sidebar li li {
|
||||
line-height: 30px;
|
||||
border-bottom: 1px dotted #656565;
|
||||
margin: 0px 0px;
|
||||
border-left: none;
|
||||
}
|
||||
#sidebar li li:last-child { border: 0; }
|
||||
|
||||
#sidebar li li span {
|
||||
display: block;
|
||||
margin-top: -20px;
|
||||
padding: 0;
|
||||
font-size: 11px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#sidebar li li a {
|
||||
padding: 0px 0px 0px 20px;
|
||||
background: url(images/img04.jpg) no-repeat left 50%;
|
||||
}
|
||||
|
||||
#sidebar li .tags li span {
|
||||
display: inline-block;
|
||||
border-radius: 2px;
|
||||
background-color: #54C7B8;
|
||||
color: #FFF;
|
||||
line-height: 16px;
|
||||
padding: 2px 6px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#sidebar h2 {
|
||||
height: 38px;
|
||||
padding: 0px 0px 6px 0px;
|
||||
letter-spacing: -.5px;
|
||||
font-size: 1.8em;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#sidebar p {
|
||||
margin: 0 0px;
|
||||
padding: 0px 30px 20px 30px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
|
||||
/* Three Column Footer Content */
|
||||
|
||||
#footer-content {
|
||||
overflow: hidden;
|
||||
width: 1000px;
|
||||
margin: 0px auto;
|
||||
color: #D6E2F0;
|
||||
}
|
||||
|
||||
#footer-content a {
|
||||
color: #92A9B6;
|
||||
}
|
||||
|
||||
#footer-bg {
|
||||
overflow: hidden;
|
||||
padding: 30px 0px;
|
||||
background: #E8E8E8;
|
||||
}
|
||||
|
||||
#footer-content h2 {
|
||||
margin: 0px;
|
||||
padding: 0px 0px 20px 0px;
|
||||
letter-spacing: -1px;
|
||||
font-size: 26px;
|
||||
color: #262626;
|
||||
}
|
||||
|
||||
|
||||
#footer-content #fbox1 {
|
||||
float: left;
|
||||
width: 300px;
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
#footer-content #fbox2 {
|
||||
float: left;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
#footer-content #fbox3 {
|
||||
float: right;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
#footer-content a {
|
||||
}
|
||||
|
||||
#column1 {
|
||||
float: left;
|
||||
width: 290px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
#column2 {
|
||||
float: left;
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
#column3 {
|
||||
float: right;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
#footer {
|
||||
height: 140px;
|
||||
margin: 0 auto;
|
||||
padding: 50px 0 15px 0;
|
||||
}
|
||||
|
||||
#footer p {
|
||||
margin: 0;
|
||||
padding-top: 10px;
|
||||
letter-spacing: 1px;
|
||||
line-height: normal;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
color: #5E5E5E;
|
||||
}
|
||||
|
||||
#footer a {
|
||||
color: #5E5E5E;
|
||||
}
|
||||
|
||||
#marketing {
|
||||
overflow: hidden;
|
||||
margin-bottom: 30px;
|
||||
padding: 20px 0px 10px 0px;
|
||||
border-top: 1px solid #E7EBED;
|
||||
border-bottom: 1px solid #E7EBED;
|
||||
}
|
||||
|
||||
#marketing .text1 {
|
||||
float: left;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
letter-spacing: -2px;
|
||||
text-transform: lowercase;
|
||||
font-size: 34px;
|
||||
color: #345E9B;
|
||||
}
|
||||
|
||||
#marketing .text2 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#marketing .text2 a {
|
||||
display: block;
|
||||
width: 252px;
|
||||
height: 38px;
|
||||
padding: 15px 0px 0px 0px;
|
||||
background: url(images/img07.jpg) no-repeat left top;
|
||||
letter-spacing: -2px;
|
||||
text-align: center;
|
||||
text-transform: lowercase;
|
||||
font-size: 30px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
.list-style1 {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.list-style1 a {
|
||||
color: #7F7F7F;
|
||||
}
|
||||
|
||||
|
||||
/* Profile */
|
||||
#content div.profile p,
|
||||
#content div.profile h2 { margin: 0; padding: 6px; }
|
||||
|
||||
div.profile div.box {
|
||||
float: left;
|
||||
box-shadow: 0 0 0.4em #dbdbdb;
|
||||
background-color: #f5f5f5;
|
||||
margin: 10px 0;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
div.box { width: 340px; min-height: 100px; border-left: 4px solid #7ad03a; }
|
||||
div.box.recent { text-transform: uppercase; }
|
||||
div.box.contact { border-left-color: #52accc; }
|
||||
div.box.introduction { border-left-color: #dd823b; width: 693px; }
|
||||
div.box a:hover { color: inherit; }
|
||||
|
||||
#profile_pic {
|
||||
float: left;
|
||||
width: 316px;
|
||||
height: 316px;
|
||||
background-size: cover;
|
||||
border-radius: 0.4em;
|
||||
margin: 10px 20px 10px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#profile_pic button {
|
||||
display: inline-block;
|
||||
width: 48%;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
background-color: #7ad03a;
|
||||
opacity: 0;
|
||||
|
||||
transition: 0.25s ease-in opacity;
|
||||
}
|
||||
#profile_pic:hover button { opacity: 1; }
|
||||
|
||||
|
||||
/* DESIGNED TABLE */
|
||||
table.designed,
|
||||
table.pro {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: rgba(20, 20, 20, 0.2);
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table button { padding: 0.2em; margin: 0; width: 120px; }
|
||||
|
||||
table.designed td { padding: 0.4em; }
|
||||
table.designed tr:nth-child(2n+0) { background: rgba(20, 20, 20, 0.2); }
|
||||
table.designed tr:first-child { background: #202434; color: #FFF; font-weight: bold; }
|
||||
table.designed tr td:first-child { font-weight: bold; }
|
||||
|
||||
table.pro td { padding: 0.4em; }
|
||||
table.pro tr:nth-child(2n+0) { background: rgba(20, 20, 20, 0.4); }
|
||||
|
||||
table.pro tr td:last-child { text-align: right; }
|
||||
|
||||
|
||||
/* Infobars */
|
||||
p.phantom {
|
||||
padding: 1em 0;
|
||||
text-align: center;
|
||||
background: rgba(0,0,0,0.2);
|
||||
}
|
||||
a p.phantom:hover { background: rgba(0,0,0,0.4); color: #fff; }
|
||||
|
||||
#errors, #infos {
|
||||
background-color: #ff0000;
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
#infos { background-color: #fffed9; color: #222222; }
|
||||
#errors ul, #infos ul { margin: 0; padding: 0; }
|
||||
#errors li, #infos li { margin: 0; padding: 0.5em 0; list-style: none; }
|
||||
|
||||
|
||||
/* Typicons */
|
||||
article p.meta a:before,
|
||||
article p.meta time:before,
|
||||
p.paginator a:before { font: 16px typicons; padding-right: 0.2em; }
|
||||
|
||||
article p.meta time:before { content: '\e120'; }
|
||||
article p.meta a.by:before { content: '\e12c'; }
|
||||
article p.meta a.pin:before { content: '\e0c9'; }
|
||||
article p.meta span.admin a.edit:before { content: '\e067'; }
|
||||
article p.meta span.admin a.delete:before { content: '\e058'; }
|
||||
|
||||
p.paginator a.prev:before { content: '\e047'; }
|
||||
p.paginator a.next:before { content: '\e048'; }
|
||||
|
||||
|
||||
/* EXTRA LAYOUT for SMALL SHITS */
|
||||
body.tinyscreen { font-size: 200%; }
|
||||
|
||||
body.tinyscreen #header { }
|
||||
|
||||
body.tinyscreen #header,
|
||||
body.tinyscreen #page { width: 100%; }
|
||||
|
||||
body.tinyscreen #logo { float: none; margin: 1em; }
|
||||
body.tinyscreen #header #menu { float: none; margin: 0 1em 1em 1em; }
|
||||
body.tinyscreen #menu ul { float: none; }
|
||||
body.tinyscreen #menu a { font-size: 130%; }
|
||||
|
||||
body.tinyscreen #content { float: none; width: 100%; }
|
||||
body.tinyscreen #sidebar { float: none; width: 100%; }
|
||||
|
||||
body.tinyscreen article .content { font-weight: normal; font-size: 130%; }
|
||||
body.tinyscreen article .meta { font-weight: normal; font-size: 130%; }
|
||||
body.tinyscreen article img { width: 100%; }
|
||||
|
||||
body.tinyscreen article p.meta a:before,
|
||||
body.tinyscreen article p.meta time:before { font-size: 150%; }
|
||||
|
||||
body.tinyscreen iframe.youtube { height: 600px !important; }
|
||||
|
||||
body.tinyscreen #sidebar li li { font-size: 135%; padding: 1em; }
|
||||
body.tinyscreen #sidebar li li span { font-size: 70%; padding: 0.6em; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#disqus_thread { background-color: #FFF; border-radius: 6px; padding: 1em; margin-bottom: 1em; }
|
||||
19
themes/wooden/template.php
Normal file
19
themes/wooden/template.php
Normal file
@ -0,0 +1,19 @@
|
||||
<?php
|
||||
|
||||
addHead('<script src="/'.get_theme_lib().'/theme.js"></script>');
|
||||
|
||||
include get_theme_lib().'/header.php';
|
||||
|
||||
echo get_site_body();
|
||||
|
||||
?>
|
||||
<div style="clear: both;"> </div>
|
||||
</div>
|
||||
<div id="sidebar">
|
||||
<ul>
|
||||
<?php include 'includes/sidebar/sidebar.php'; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<?php
|
||||
|
||||
include get_theme_lib().'/footer.php';
|
||||
65
themes/wooden/theme.js
Normal file
65
themes/wooden/theme.js
Normal file
@ -0,0 +1,65 @@
|
||||
/* EXTRA FUCKING VIEW */
|
||||
var keepTheFuckingSidebarOnTheScreenOkay = false;
|
||||
function keepThePageAwesome() {
|
||||
$(document.body).addClass('smallscreen');
|
||||
if ($(window).width() < 1000)
|
||||
{
|
||||
keepTheFuckingSidebarOnTheScreenOkay = true;
|
||||
$(document.body).addClass('tinyscreen');
|
||||
}
|
||||
else
|
||||
{
|
||||
keepTheFuckingSidebarOnTheScreenOkay = false;
|
||||
$(document.body).removeClass('tinyscreen');
|
||||
}
|
||||
}
|
||||
$(window).resize(function() { keepThePageAwesome(); $("#sidebar").css('max-height', $(window).height()); });
|
||||
|
||||
|
||||
/* AWESOMENESS */
|
||||
var sidebarHeight = 900;
|
||||
var contentWidth = 690;
|
||||
$(document).ready(function() {
|
||||
|
||||
// MORE EXTA FUCKING FUNCTION
|
||||
$("#sidebar").css('overflow', 'hidden').hover(function() {
|
||||
$(this).css('overflow', 'auto');
|
||||
},
|
||||
function() {
|
||||
$(this).css('overflow', 'hidden');
|
||||
});
|
||||
|
||||
|
||||
// TWEET ANIMS
|
||||
$("article.tweet").hover(function() {
|
||||
$(this).find("p.readmore").stop().slideDown();
|
||||
},
|
||||
function(){
|
||||
$(this).find("p.readmore").stop().slideUp();
|
||||
});
|
||||
|
||||
// SIDEBAR MAX HEIGHT
|
||||
$("#sidebar").css('max-height', $(window).height()-100);
|
||||
|
||||
var contentHeight = $("#content").height();
|
||||
|
||||
if (sidebarHeight < $("#sidebar").height())
|
||||
sidebarHeight = $("#sidebar").height();
|
||||
contentWidth = $("#content").width();
|
||||
|
||||
keepThePageAwesome();
|
||||
|
||||
/* MORE AWESOMENESS */
|
||||
var scrollTopLoc = 0;
|
||||
$(window).scroll(function(){
|
||||
scrollTopLoc = $(window).scrollTop();
|
||||
if (!keepTheFuckingSidebarOnTheScreenOkay)
|
||||
if (contentHeight > sidebarHeight && scrollTopLoc > 100)
|
||||
{
|
||||
if (contentHeight > sidebarHeight+scrollTopLoc)
|
||||
$("#sidebar").stop().animate({"margin-top": ''+($(window).scrollTop() - 100)+'px'});
|
||||
}
|
||||
else
|
||||
$("#sidebar").stop().css("margin-top", '0px');
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user