Initial commit
256
themes/default/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/default/font/typicons.eot
Normal file
1
themes/default/font/typicons.min.css
vendored
Normal file
1180
themes/default/font/typicons.svg
Normal file
After Width: | Height: | Size: 182 KiB |
BIN
themes/default/font/typicons.ttf
Normal file
BIN
themes/default/font/typicons.woff
Normal file
12
themes/default/footer.php
Normal file
@ -0,0 +1,12 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p style="float:left">Copyright © <?=date('Y')?> <?=$_set['title']?><?=(!LOGGEDIN ? '<br/><a href="/login">'.$_locale["login"].'</a>' : '')?></p>
|
||||
<p style="float:right">Powered by <a href="http://sandros.hu/">Insanely</a>.</p>
|
||||
<div style="clear:both"></div>
|
||||
</div>
|
||||
<?php get_page_extra_body(); ?>
|
||||
</body>
|
||||
</html>
|
34
themes/default/header.php
Normal file
@ -0,0 +1,34 @@
|
||||
<!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()?>/default.css" type="text/css" media="screen" />
|
||||
<script src="//use.edgefonts.net/bebas-neue:n4:all;open-sans:n3,i3,n4,i4,n6,i6,n7,i7,n8,i8:all.js"></script>
|
||||
<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="page">
|
||||
<div id="header">
|
||||
<div id="title">
|
||||
<a href="/"><h1><?=$_set['title']?></h1></a>
|
||||
<p><?=$_set['tagline']?></p>
|
||||
</div>
|
||||
<ul id="menu">
|
||||
<?php get_navigation(); ?>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<!--[if lt IE 7]>
|
||||
<p style="background: yellow; padding: 2em; color: #000; text-align: center;">You are using an <strong>old</strong> browser. <a href="http://browsehappy.com/">Upgrade</a> your browser.</p>
|
||||
<![endif]-->
|
||||
<div id="main">
|
||||
<div id="content">
|
||||
<?php get_errors(); get_infos(); ?>
|
BIN
themes/default/img/stripe.png
Normal file
After Width: | Height: | Size: 133 B |
17
themes/default/template.php
Normal file
@ -0,0 +1,17 @@
|
||||
<?php
|
||||
|
||||
addHead('<script src="/'.get_theme_lib().'/theme.js"></script>');
|
||||
|
||||
include get_theme_lib().'/header.php';
|
||||
|
||||
echo get_site_body();
|
||||
|
||||
?>
|
||||
<div id="sidebar">
|
||||
<div id="sidebarSw"></div>
|
||||
<div id="sidebarCt"><?php include 'includes/sidebar/sidebar.php'; ?></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<?php
|
||||
|
||||
include get_theme_lib().'/footer.php';
|
8
themes/default/theme.js
Normal file
@ -0,0 +1,8 @@
|
||||
$(document).ready(function(){
|
||||
$("#sidebarSw").click(function(){
|
||||
if ($("#sidebarCt").hasClass('open'))
|
||||
$("#sidebarCt").css('display', 'hidden').animate({'width': '0px'}).removeClass('open');
|
||||
else
|
||||
$("#sidebarCt").css('display', 'block').animate({'width': '300px'}).addClass('open');
|
||||
});
|
||||
});
|
0
themes/index.html
Normal file
24
themes/murkyhellyeah/components/entries.php
Normal file
@ -0,0 +1,24 @@
|
||||
<?php
|
||||
if ($blog->entries)
|
||||
{
|
||||
while ($data = $blog->entries())
|
||||
{
|
||||
$entry_init = entry_show_init($data['entryContent'], $data['entrySlug']);
|
||||
echo "<article".($data['entryPinned'] ? ' class="pinned"' : null).(strlen(strip_tags($entry_init)) <= 210 ? ' class="tweet"' : null)." title='".show_date($data['entryPublished'])."'>
|
||||
<a href='".get_entry_link($data['entrySlug'])."'><header".($data['entryHeader'] ? " style='background-image:url($data[entryHeader])'" : null).">
|
||||
<div>
|
||||
<h2>".htmlspecialchars($data['entryTitle'])."</h2>
|
||||
</div>
|
||||
</header></a>
|
||||
<div class='content'>".$entry_init."</div>
|
||||
<p class='meta'>
|
||||
<a href='".get_entry_link($data['entrySlug'])."' class='date' title='{locale:published_on}'>".show_date($data['entryPublished'])."</a>
|
||||
<a href='".get_profile_link($data['userName'])."' class='by' title='{locale:entry_by}'>$data[publicName]</a>
|
||||
</p>
|
||||
</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:no_more_title}</h1>"
|
||||
."<p>{locale:no_more}</p>\n";
|
35
themes/murkyhellyeah/components/entry.php
Normal file
@ -0,0 +1,35 @@
|
||||
<?php
|
||||
|
||||
if ($blog->entries)
|
||||
while ($data = $blog->entry())
|
||||
{
|
||||
addTitle($data['entryTitle']);
|
||||
|
||||
if ($data['entryHidden']) echo "<p>{locale:hidden_content}</p>";
|
||||
|
||||
if ($data['entryPIN'] && get_pin() != $data['entryPIN'])
|
||||
echo "<p>{locale:pin_protected_content}</p>
|
||||
<form action='".get_entry_link($data['entrySlug'])."' method='post' name='entry-pin-input'>
|
||||
<input type='text' name='read_entry_pin' placeholder='{locale:entry_pin}' />
|
||||
<button type='submit'>{locale:unlock}</button>
|
||||
</form>";
|
||||
else
|
||||
{
|
||||
addDescription(entry_show_init($data['entryContent'], $data['entrySlug']));
|
||||
addImage((preg_match('/< *img[^>]*src *= *["\']?([^"\']*)/i', $data['entryContent'], $images) ? $images[1] : 0));
|
||||
headerImage($data['entryHeader']);
|
||||
echo "<article class='full'>";
|
||||
if (strlen($data['entryTitle']) > 50)
|
||||
echo "<header><div><h2>".htmlspecialchars($data['entryTitle'])."</h2></div></header>";
|
||||
|
||||
echo "<div class='content'>".entry_show_all($data['entryContent'])."</div>
|
||||
<p class='meta'>
|
||||
<a href='".get_entry_link($data['entrySlug'])."' class='date' title='{locale:published_on}'>".show_date($data['entryPublished'])."</a>
|
||||
<a href='".get_profile_link($data['userName'])."' class='by' title='{locale:entry_by}'>$data[publicName]</a>
|
||||
".get_entry_admin($data)."
|
||||
</article>\n";
|
||||
}
|
||||
}
|
||||
else
|
||||
echo "<h1>{locale:entry_not_found_title}</h1>"
|
||||
."<p>{locale:entry_not_found}</p>\n";
|
8
themes/murkyhellyeah/components/page.php
Normal file
@ -0,0 +1,8 @@
|
||||
<?php
|
||||
|
||||
if ($page->readable())
|
||||
{
|
||||
addTitle($page->data['pageTitle']);
|
||||
echo "<article><div class='content'>".entry_show_all($page->data['pageContent'])."</div></article>";
|
||||
} else
|
||||
echo "<h2>$_locale[page_not_found]</h2><p>$_locale[page_not_found_text]</p>";
|
46
themes/murkyhellyeah/components/profile.php
Normal file
@ -0,0 +1,46 @@
|
||||
<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>
|
||||
<?=($userData['userWeb'] ? '<p><strong>{locale:web}:</strong> '.$userData['userWeb'].'</p>' : null)?>
|
||||
</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>
|
||||
<div style="clear: both"></div>
|
||||
<?php endif ?>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
18
themes/murkyhellyeah/components/tag.php
Normal file
@ -0,0 +1,18 @@
|
||||
<?php
|
||||
|
||||
if ($tagged->num_rows)
|
||||
{
|
||||
$tag = $tagged->fetch_assoc();
|
||||
addTitle($tag['tagName']);
|
||||
if ($entries->num_rows)
|
||||
{
|
||||
while ($data = $entries->fetch_assoc())
|
||||
echo "<h3><a href='".get_entry_link($data['entrySlug'])."'>".htmlspecialchars(trimlink($data['entryTitle'], 120))."</a></h3>"
|
||||
."<p>".show_date($data['entryPublished'])."</p>";
|
||||
}
|
||||
} else
|
||||
redirect();
|
||||
|
||||
unset($tag);
|
||||
unset($tagged);
|
||||
unset($entries);
|
BIN
themes/murkyhellyeah/font/typicons.eot
Normal file
1
themes/murkyhellyeah/font/typicons.min.css
vendored
Normal file
1180
themes/murkyhellyeah/font/typicons.svg
Normal file
After Width: | Height: | Size: 182 KiB |
BIN
themes/murkyhellyeah/font/typicons.ttf
Normal file
BIN
themes/murkyhellyeah/font/typicons.woff
Normal file
3
themes/murkyhellyeah/images/arrowDown.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512; fill: #FFF" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="396.6,160 416,180.7 256,352 96,180.7 115.3,160 256,310.5 "/></svg>
|
After Width: | Height: | Size: 459 B |
BIN
themes/murkyhellyeah/images/dango.jpg
Normal file
After Width: | Height: | Size: 70 KiB |
BIN
themes/murkyhellyeah/images/img01.jpg
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
themes/murkyhellyeah/images/img02.jpg
Normal file
After Width: | Height: | Size: 40 KiB |
BIN
themes/murkyhellyeah/images/img03.png
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
themes/murkyhellyeah/images/img04.jpg
Normal file
After Width: | Height: | Size: 316 B |
BIN
themes/murkyhellyeah/images/img05.jpg
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
themes/murkyhellyeah/images/lightstripe.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
themes/murkyhellyeah/images/material-flatc.jpg
Normal file
After Width: | Height: | Size: 213 KiB |
BIN
themes/murkyhellyeah/images/moto360-filter.jpg
Normal file
After Width: | Height: | Size: 304 KiB |
BIN
themes/murkyhellyeah/images/moto360.jpg
Normal file
After Width: | Height: | Size: 149 KiB |
BIN
themes/murkyhellyeah/images/record.jpg
Normal file
After Width: | Height: | Size: 157 KiB |
BIN
themes/murkyhellyeah/images/trollface.png
Normal file
After Width: | Height: | Size: 8.9 KiB |
540
themes/murkyhellyeah/style.css
Normal file
@ -0,0 +1,540 @@
|
||||
@keyframes floating {
|
||||
0% {
|
||||
margin-top: -6em;
|
||||
margin-bottom: 6em;
|
||||
}
|
||||
|
||||
50% {
|
||||
margin-top: -5em;
|
||||
margin-bottom: 5em;
|
||||
}
|
||||
|
||||
100% {
|
||||
margin-top: -6em;
|
||||
margin-bottom: 6em;
|
||||
}
|
||||
}
|
||||
|
||||
html {}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
background: #050505 url(images/lightstripe.png) repeat;
|
||||
font-family: Georgia, 'Helvetica', 'Open Sans', sans-serif;
|
||||
font-size: 14pt;
|
||||
font-weight: 400;
|
||||
color: #5B5B5B;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-transform: uppercase;
|
||||
font-family: 'Archivo Narrow', sans-serif;
|
||||
font-weight: normal;
|
||||
font-weight: 200;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
p, ul, ol {
|
||||
margin-top: 0;
|
||||
line-height: 120%;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
}
|
||||
|
||||
a {
|
||||
color: #54C7B8;
|
||||
text-decoration: none;
|
||||
transition: 0.2s ease-in color;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #455269;
|
||||
}
|
||||
|
||||
img { border: 0; }
|
||||
|
||||
b, strong { font-weight: 700; }
|
||||
|
||||
blockquote { margin: 1em; padding-left: 1em; border-left: 3px solid #455269; font-family: Georgia, sans-serif; font-style: italic; }
|
||||
|
||||
code {
|
||||
display: block;
|
||||
padding: 1em;
|
||||
margin: 1em 0;
|
||||
|
||||
border: 1px solid #c6c6c6;
|
||||
border-radius: 0.2em;
|
||||
background: #f2f2f2;
|
||||
font: 0.9em "Lucida Console", Courier, monospace;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
textarea { resize: none; /*height: 100px;*/ }
|
||||
|
||||
input, button, textarea {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
font: 0.8em open-sans, 'Segoe UI', sans-serif;
|
||||
box-shadow: 0 0 0.4em #f0f0f0;
|
||||
border: 1px solid #b6b6b6;
|
||||
background-color: #FFF;
|
||||
margin: 0 0 0.4em 0;
|
||||
padding: 0.6em 1em;
|
||||
width: 100%;
|
||||
|
||||
transition: 0.25s ease-in background;
|
||||
}
|
||||
input[type="checkbox"] { width: auto; display: inline-block; vertical-align: middle; }
|
||||
|
||||
div.cke { margin-bottom: 0.4em; }
|
||||
#entry-textarea { font-family: monospace; }
|
||||
|
||||
/* Header */
|
||||
#floating-header { }
|
||||
|
||||
#header-wrapper {
|
||||
display: table;
|
||||
overflow: hidden;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
background-image: url(images/record.jpg);
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.nohome #header-wrapper { height: 50vh; }
|
||||
|
||||
#header {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
background: rgba(0,0,0,0.68);
|
||||
}
|
||||
#header-wrapper.dim #header { background: rgba(0,0,0,0.68); }
|
||||
.nohome #header { padding: 2em 0; }
|
||||
|
||||
#miniprofile {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 2em;
|
||||
left: 2em;
|
||||
padding: 0.5em 1em 0.5em 0.5em;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
border-radius: 2em;
|
||||
color: #FFFFFF;
|
||||
opacity: 0.3;
|
||||
}
|
||||
#miniprofile * { display: inline-block; vertical-align: middle; }
|
||||
#miniprofile img { height: 2em; border-radius: 1em; margin-right: 0.5em; }
|
||||
|
||||
/* Logo */
|
||||
|
||||
#logo { margin: 0; }
|
||||
|
||||
#logo h1 {
|
||||
text-transform: lowercase;
|
||||
letter-spacing: -2px;
|
||||
font-size: 2.6em;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#logo h1 a {
|
||||
color: inherit;
|
||||
cursor: url(images/trollface.png), auto;
|
||||
}
|
||||
|
||||
#logo p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
letter-spacing: -1px;
|
||||
font: normal 0.9em Georgia, "Times New Roman", Times, serif;
|
||||
font-style: italic;
|
||||
color: #C6C6C6;
|
||||
}
|
||||
|
||||
#logo p a { color: inherit; border-bottom: 1px dotted; }
|
||||
|
||||
#logo a {
|
||||
border: none;
|
||||
background: none;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Menu */
|
||||
|
||||
#menu {
|
||||
height: 50px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
margin: 0;
|
||||
padding: 1em 0px 0px 0px;
|
||||
list-style: none;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
#menu li { display: inline-block; }
|
||||
|
||||
#menu a {
|
||||
display: block;
|
||||
line-height: 2.2em;
|
||||
margin: 0 0.4em 0.4em 0;
|
||||
padding: 0.1em 1em 0 1em;
|
||||
background: rgba(255,255,255,0.05);
|
||||
border: 1px solid rgba(255,255,255,0.2);
|
||||
border-radius: 2.3em;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
|
||||
text-transform: uppercase;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 0.9em;
|
||||
font-weight: 300;
|
||||
color: #C6C6C6;
|
||||
}
|
||||
#menu ul li:last-child a { margin-right: 0; }
|
||||
|
||||
#menu a:hover, #menu a.active {
|
||||
background: rgba(0,0,0,0.8);
|
||||
border-color: #000000;
|
||||
text-decoration: none;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
#menu a.active { }
|
||||
#tags { margin: 6em 0 -6em 0; }
|
||||
.nohome #tags { display: none; }
|
||||
|
||||
#tags ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#tags li { display: inline-block; }
|
||||
|
||||
#tags li a:before { display: inline-block; content: '#'; }
|
||||
#tags li a { color: #c7c7c7; margin-right: 0.8em; }
|
||||
#tags li a:hover { color: #FFFFFF; }
|
||||
#tags li:last-child a { margin-right: 0; }
|
||||
#tags span { display: none; }
|
||||
|
||||
#arrowDown {
|
||||
display: block;
|
||||
margin: -6em auto 6em auto;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
background: url(images/arrowDown.svg) center center no-repeat;
|
||||
background-size: cover;
|
||||
animation-duration: 2s;
|
||||
animation-name: floating;
|
||||
animation-iteration-count: infinite;
|
||||
opacity: 0.4;
|
||||
}
|
||||
#arrowDown:hover { opacity: 1; }
|
||||
.nohome #arrowDown { display: none; }
|
||||
|
||||
|
||||
/* Page */
|
||||
|
||||
#page {
|
||||
width: 88%;
|
||||
max-width: 800px;
|
||||
margin: 1em auto 0 auto;
|
||||
padding: 2em 0;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
|
||||
#content { padding: 0; }
|
||||
|
||||
article {
|
||||
overflow: hidden;
|
||||
margin-bottom: 4em;
|
||||
border: 1px solid #E7EBED;
|
||||
border-radius: 0.26em;
|
||||
background: #FFF;
|
||||
box-shadow: 0 0 0.2em #d4d4d4;
|
||||
}
|
||||
article.pinned { margin-bottom: 6em; background-color: #F4F3F4; }
|
||||
|
||||
article header {
|
||||
display: table;
|
||||
width: 100%;
|
||||
|
||||
background-color: #000;
|
||||
background-image: url(images/material-flatc.jpg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
color: #FFF;
|
||||
}
|
||||
article header div {
|
||||
display: table-cell;
|
||||
vertical-align: bottom;
|
||||
width: 100%;
|
||||
padding: 2em 2em 2em 2em;
|
||||
height: 14em;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
article header h2 { letter-spacing: -0.05em; color: inherit; }
|
||||
|
||||
article .meta {
|
||||
font-size: 0.95em;
|
||||
font-weight: 300;
|
||||
color: #c6c6c6;
|
||||
}
|
||||
|
||||
article .meta a {
|
||||
display: inline-block;
|
||||
margin-left: 2em;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
article .content {
|
||||
text-align: justify;
|
||||
color: #757578;
|
||||
}
|
||||
article .content p,
|
||||
article .content h2,
|
||||
article .content h3 {
|
||||
padding: 0.4em 1em;
|
||||
}
|
||||
article .content p:first-child,
|
||||
article .content h2:first-child,
|
||||
article .content h3:first-child {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
article .content ul { margin: 1em 0 1em 1em; padding: 0; }
|
||||
article .content li { margin: 0.2em 1em; }
|
||||
article .content ul.b li { margin: 1em 1em; }
|
||||
|
||||
article .pad { padding: 1em; }
|
||||
|
||||
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;
|
||||
}
|
||||
article.tweet header div { height: auto; }
|
||||
article.tweet .meta { display: none; }
|
||||
article.tweet .content { padding: 0; text-align: right; }
|
||||
article.tweet .content p { padding: 2em; }
|
||||
article.tweet .content p.readmore { display: none; }
|
||||
|
||||
p.paginator a {
|
||||
display: inline-block;
|
||||
margin: 0 2em;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
p.paginator a:last-child { margin-right: 0; }
|
||||
|
||||
/* Footer */
|
||||
|
||||
#footer {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding: 3em 0 1.2em 0;
|
||||
}
|
||||
|
||||
#footer-account { text-align: center; font-size: 120%; }
|
||||
|
||||
#footer-account input {
|
||||
display: inline-block;
|
||||
min-width: 160px;
|
||||
width: 10%;
|
||||
max-width: 300px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#footer-account ul { list-style: none; padding: 0; }
|
||||
#footer-account li { display: inline-block; padding: 0; margin: 0 1em; }
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
|
||||
/* Scroll up */
|
||||
#scroll-up {
|
||||
position: fixed;
|
||||
display: block;
|
||||
bottom: 2em;
|
||||
right: 2em;
|
||||
width: 4em;
|
||||
height: 4em;
|
||||
background: #263238 url(images/arrowDown.svg) center center no-repeat;
|
||||
background-size: 60%;
|
||||
border-radius: 2em;
|
||||
box-shadow: 0 0 0.4em #000;
|
||||
transform: rotate(180deg);
|
||||
opacity: 0.4;
|
||||
z-index: 0;
|
||||
transition: 0.25s ease all;
|
||||
}
|
||||
#scroll-up:hover { opacity: 1; }
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
div.box { width: 400px; 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: 100%; }
|
||||
|
||||
#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: #FFF;
|
||||
border: 1px solid #f2f2f2;
|
||||
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: #eaeaea; }
|
||||
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: #eaeaea; }
|
||||
|
||||
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 .date:before,
|
||||
p.paginator a:before { font: 16px typicons; padding-right: 0.2em; }
|
||||
|
||||
article p.meta .date:before { content: '\e120'; }
|
||||
article p.meta .by:before { content: '\e12c'; }
|
||||
article p.meta .pin:before { content: '\e0c9'; }
|
||||
article p.meta .admin a.edit:before { content: '\e067'; }
|
||||
article p.meta .admin a.delete:before { content: '\e058'; }
|
||||
|
||||
p.paginator a:before { font-size: 1.2em; }
|
||||
p.paginator a.prev:before { content: '\e047'; }
|
||||
p.paginator a.next:before { content: '\e048'; }
|
||||
|
||||
|
||||
/* EXTRA Stuff */
|
||||
body.tinyscreen { width: 100%; }
|
||||
body.tinyscreen #logo h1 { font-size: 2.2em; }
|
||||
body.tinyscreen #page,
|
||||
body.tinyscreen #content { max-width: none; width: 100%; }
|
95
themes/murkyhellyeah/template.php
Normal file
@ -0,0 +1,95 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title><?php get_page_title(); ?></title>
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
|
||||
<meta name="generator" content="Insanely 0.9b" />
|
||||
|
||||
<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 href="/<?=get_theme_lib()?>/style.css" rel="stylesheet" />
|
||||
<link href="//fonts.googleapis.com/css?family=Archivo+Narrow:400,700%7COpen+Sans:400,300&subset=latin,latin-ext" rel="stylesheet" />
|
||||
<link href="<?=$_set['url']?>/rss" rel="alternate" type="application/rss+xml" title="<?=$_set['title']?>" />
|
||||
|
||||
<script src="/includes/js/jquery.js"></script>
|
||||
<script src="/includes/js/jquery-ui.custom.min.js"></script>
|
||||
<script><?php
|
||||
echo 'var headerimg = '.($headerimg ? 'true':'false').';';
|
||||
if (LOGGEDIN) echo 'var userdata = ['.$user['userFiltrId'].','.$user['userLevel'].',"'.$user['userName'].'","'.$user['userPublicName'].'"];';
|
||||
else echo 'var userdata = false;';
|
||||
?></script>
|
||||
<script src="/includes/js/functions.js"></script>
|
||||
<script src="/<?=get_theme_lib()?>/theme.js"></script>
|
||||
|
||||
<meta name="keywords" content="<?=keywords()?>" />
|
||||
<meta name="description" content="<?=($description ? $description : $_set['description'])?>" />
|
||||
<meta name="copyright" content="Sandros 2015" />
|
||||
<meta name="robot" content="index, follow" />
|
||||
|
||||
<meta name="og:site_name" content="<?=$_set['title']?>" />
|
||||
<meta name="og:type" content="website" />
|
||||
<meta name="og:title" content="<?php get_page_title(); ?>" />
|
||||
<meta name="og:description" content="<?=($description ? $description : $_set['description'])?>" />
|
||||
<meta name="og:url" content="<?=get_current_link()?>" />
|
||||
<meta name="og:image" content="<?=($metaimage ? $metaimage : ($headerimg ? $headerimg : '/'.get_theme_lib().'/images/moto360-filter.jpg'))?>" />
|
||||
|
||||
<meta name="twitter:site" content="<?=$_set['twitter_site']?>" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="<?php get_page_title(); ?>" />
|
||||
<meta name="twitter:description" content="<?=($description ? $description : $_set['description'])?>" />
|
||||
<meta name="twitter:url" content="<?=get_current_link()?>" />
|
||||
<meta name="twitter:image:src" content="<?=($metaimage ? $metaimage : ($headerimg ? $headerimg : '/'.get_theme_lib().'/images/moto360-filter.jpg'))?>" />
|
||||
|
||||
<?php get_page_extra_head(); ?>
|
||||
</head>
|
||||
<body<?=(isset($seo[1]) ? ' class="nohome"' : null)?>>
|
||||
<header id="floating-header">
|
||||
<div id="header-wrapper"<?=($headerimg ? ' style="background-image:url(\''.$headerimg.'\')" class="dim"' : null)?>>
|
||||
<div id="header" class="container">
|
||||
<div id="logo">
|
||||
<h1><a href="<?=get_current_link()?>"><?=$_set['title'].(isset($_title[0]) ? ' • <span>'.trimlink($_title[0].(isset($_title[1]) ? ' • '.$_title[1] : null), 100) : null)?></span></a></h1>
|
||||
<p><?=$_set['tagline']?></p>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<?php get_navigation(); ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="tags">
|
||||
<ul>
|
||||
<?php get_tags(); ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a id="arrowDown" href="#"></a>
|
||||
</header>
|
||||
|
||||
<div id="page">
|
||||
<?php
|
||||
get_errors();
|
||||
get_infos();
|
||||
?>
|
||||
<div id="content">
|
||||
<?php echo get_site_body(); ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer id="footer">
|
||||
<?php if (!LOGGEDIN) : ?>
|
||||
<form action="//filtr.sandros.hu/app_login/<?=$_set['filtr_appid']?>&ret" method="get" name="login-form" id="footer-account">
|
||||
<input type="submit" name="login" value="<?=$_locale['login']?>" />
|
||||
</form>
|
||||
<?php else :
|
||||
echo "<div id='footer-account'>";
|
||||
include 'includes/sidebar/account.php';
|
||||
echo "</div>";
|
||||
endif; ?>
|
||||
<p>© <?=date('Y')?> <?=$_set['title']?>. All rights reserved. Powered by <a href="http://sandros.hu/">Insanely</a>.</p>
|
||||
</footer>
|
||||
<a id="scroll-up" href="#top"></a>
|
||||
<?php get_page_extra_body(); ?>
|
||||
</body>
|
||||
</html>
|
70
themes/murkyhellyeah/theme.js
Normal file
@ -0,0 +1,70 @@
|
||||
/* jQuery Plugins */
|
||||
(function($) {
|
||||
$.fn.longClick = function(callback, timeout) {
|
||||
var timer;
|
||||
timeout = timeout || 500;
|
||||
$(this).mousedown(function() {
|
||||
timer = setTimeout(function() { callback(); }, timeout);
|
||||
return false;
|
||||
});
|
||||
$(document).mouseup(function() {
|
||||
clearTimeout(timer);
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
|
||||
/* EXTRA FUCKING VIEW */
|
||||
function keepThePageAwesome() {
|
||||
if ($(window).width() < 1020)
|
||||
{
|
||||
keepTheFuckingSidebarOnTheScreenOkay = true;
|
||||
$(document.body).addClass('tinyscreen');
|
||||
}
|
||||
else
|
||||
{
|
||||
keepTheFuckingSidebarOnTheScreenOkay = false;
|
||||
$(document.body).removeClass('tinyscreen');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* AWESOMENESS */
|
||||
$(document).ready(function() {
|
||||
|
||||
// Mobile view
|
||||
if ((navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) ? true : false))
|
||||
$(document.body).addClass('tinyscreen');
|
||||
else if (userdata)
|
||||
$('header').append('<a id="miniprofile" href="'+(userdata[1] > 1 ? '/admin' : '/user/'+userdata[2])+'"><img src="//filtr.sandros.hu/proxy/avatar/'+userdata[0]+'" alt=""/>'+userdata[3]+'</a>'); // User miniprofile
|
||||
|
||||
$(window).resize(function() { keepThePageAwesome(); }).resize();
|
||||
|
||||
// TWEET ANIMS
|
||||
$("article.tweet").hover(function() {
|
||||
$(this).find("p.readmore").stop().slideDown();
|
||||
},
|
||||
function(){
|
||||
$(this).find("p.readmore").stop().slideUp();
|
||||
});
|
||||
|
||||
// Sub-page detection
|
||||
if (/entry|\/p\/|tag|page|user|admin/.test(window.location.href) && !headerimg)
|
||||
$(window).scrollTop($('#page').offset().top);
|
||||
|
||||
// Scroll down button
|
||||
$('#arrowDown').click(function() {
|
||||
$("html, body").animate({scrollTop: $('#page').offset().top}, '500', function() {
|
||||
window.location.hash = '#content';
|
||||
});
|
||||
}).longClick(function() {
|
||||
$("html, body").animate({scrollTop: $(document).height()-$(window).height()}, '1800');
|
||||
});
|
||||
|
||||
// Scroll to the top button
|
||||
$('#scroll-up').click(function() { $("html, body").animate({scrollTop: 0}, '2000'); return false; });
|
||||
|
||||
// Typing animation
|
||||
//var $el=$('#logo h1 span'),txt=$el.text(),txtLen=txt.length,timeOut,char=0;$el.text('|');(function typeIt(){var humanize=Math.round(Math.random()*(100-30))+30;timeOut=setTimeout(function(){char++;var type=txt.substring(0,char);$el.text(type+'|');typeIt();if(char==txtLen){$el.text($el.text().slice(0,-1));clearTimeout(timeOut);}},humanize);}());
|
||||
});
|
19
themes/murkymodern/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'])."'>".htmlspecialchars($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:no_more_title}</h1>"
|
||||
."<p>{locale:no_more}</p>\n";
|
31
themes/murkymodern/components/entry.php
Normal file
@ -0,0 +1,31 @@
|
||||
<?php
|
||||
|
||||
if ($blog->entries)
|
||||
while ($data = $blog->entry())
|
||||
{
|
||||
addTitle($data['entryTitle']);
|
||||
|
||||
if ($data['entryHidden']) echo "<p>{locale:hidden_content}</p>";
|
||||
|
||||
if ($data['entryPIN'] && get_pin() != $data['entryPIN'])
|
||||
echo "<p>{locale:pin_protected_content}</p>
|
||||
<form action='".get_entry_link($data['entrySlug'])."' method='post' name='entry-pin-input'>
|
||||
<input type='text' name='read_entry_pin' placeholder='{locale:entry_pin}' />
|
||||
<button type='submit'>{locale:unlock}</button>
|
||||
</form>";
|
||||
else
|
||||
{
|
||||
addDescription(entry_show_init($data['entryContent'], $data['entrySlug']));
|
||||
addImage((preg_match('/< *img[^>]*src *= *["\']?([^"\']*)/i', $data['entryContent'], $images) ? $images[1] : 0));
|
||||
headerImage($data['entryHeader']);
|
||||
echo "<article class='full'>
|
||||
".(strlen($data['entryTitle']) > 50 ? "<h2>".htmlspecialchars($data['entryTitle'])."</h2>" : null)."
|
||||
<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";
|
8
themes/murkymodern/components/page.php
Normal file
@ -0,0 +1,8 @@
|
||||
<?php
|
||||
|
||||
if ($page->readable())
|
||||
{
|
||||
addTitle($page->data['pageTitle']);
|
||||
echo "<article>".entry_show_all($page->data['pageContent'])."</article>";
|
||||
} else
|
||||
echo "<h2>$_locale[page_not_found]</h2><p>$_locale[page_not_found_text]</p>";
|
46
themes/murkymodern/components/profile.php
Normal file
@ -0,0 +1,46 @@
|
||||
<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>
|
||||
<?=($userData['userWeb'] ? '<p><strong>{locale:web}:</strong> '.$userData['userWeb'].'</p>' : null)?>
|
||||
</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>
|
||||
<div style="clear: both"></div>
|
||||
<?php endif ?>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
18
themes/murkymodern/components/tag.php
Normal file
@ -0,0 +1,18 @@
|
||||
<?php
|
||||
|
||||
if ($tagged->num_rows)
|
||||
{
|
||||
$tag = $tagged->fetch_assoc();
|
||||
addTitle($tag['tagName']);
|
||||
if ($entries->num_rows)
|
||||
{
|
||||
while ($data = $entries->fetch_assoc())
|
||||
echo "<h3><a href='".get_entry_link($data['entrySlug'])."'>".htmlspecialchars(trimlink($data['entryTitle'],90))."</a></h3>"
|
||||
."<p>".show_date($data['entryPublished'])."</p>";
|
||||
}
|
||||
} else
|
||||
redirect();
|
||||
|
||||
unset($tag);
|
||||
unset($tagged);
|
||||
unset($entries);
|
BIN
themes/murkymodern/font/typicons.eot
Normal file
1
themes/murkymodern/font/typicons.min.css
vendored
Normal file
1180
themes/murkymodern/font/typicons.svg
Normal file
After Width: | Height: | Size: 182 KiB |
BIN
themes/murkymodern/font/typicons.ttf
Normal file
BIN
themes/murkymodern/font/typicons.woff
Normal file
3
themes/murkymodern/images/arrowDown.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512; fill: #FFF" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="396.6,160 416,180.7 256,352 96,180.7 115.3,160 256,310.5 "/></svg>
|
After Width: | Height: | Size: 459 B |
BIN
themes/murkymodern/images/dango.jpg
Normal file
After Width: | Height: | Size: 70 KiB |
BIN
themes/murkymodern/images/img01.jpg
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
themes/murkymodern/images/img02.jpg
Normal file
After Width: | Height: | Size: 40 KiB |
BIN
themes/murkymodern/images/img03.png
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
themes/murkymodern/images/img04.jpg
Normal file
After Width: | Height: | Size: 316 B |
BIN
themes/murkymodern/images/img05.jpg
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
themes/murkymodern/images/lightstripe.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
themes/murkymodern/images/moto360-filter.jpg
Normal file
After Width: | Height: | Size: 304 KiB |
BIN
themes/murkymodern/images/moto360.jpg
Normal file
After Width: | Height: | Size: 149 KiB |
BIN
themes/murkymodern/images/record.jpg
Normal file
After Width: | Height: | Size: 157 KiB |
BIN
themes/murkymodern/images/trollface.png
Normal file
After Width: | Height: | Size: 8.9 KiB |
549
themes/murkymodern/style.css
Normal file
@ -0,0 +1,549 @@
|
||||
@keyframes floating {
|
||||
0% {
|
||||
margin-top: -6em;
|
||||
margin-bottom: 6em;
|
||||
}
|
||||
|
||||
50% {
|
||||
margin-top: -5em;
|
||||
margin-bottom: 5em;
|
||||
}
|
||||
|
||||
100% {
|
||||
margin-top: -6em;
|
||||
margin-bottom: 6em;
|
||||
}
|
||||
}
|
||||
|
||||
html {}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
background: #050505 url(images/lightstripe.png) repeat;
|
||||
font-family: 'Helvetica', 'Open Sans', sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #5B5B5B;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-transform: uppercase;
|
||||
font-family: 'Archivo Narrow', sans-serif;
|
||||
font-weight: normal;
|
||||
font-weight: 200;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
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: #54C7B8;
|
||||
text-decoration: none;
|
||||
transition: 0.2s ease-in color;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #455269;
|
||||
}
|
||||
|
||||
img { border: 0; }
|
||||
|
||||
b, strong { font-weight: 700; }
|
||||
|
||||
blockquote { margin: 1em; padding-left: 1em; border-left: 3px solid #455269; font-family: Georgia, sans-serif; font-style: italic; }
|
||||
|
||||
textarea { resize: none; height: 100px; }
|
||||
|
||||
input, button, textarea {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
font: 14px open-sans, 'Segoe UI', sans-serif;
|
||||
box-shadow: 0 0 0.4em #f0f0f0;
|
||||
border: 1px solid #b6b6b6;
|
||||
background-color: #FFF;
|
||||
margin: 0 0 0.4em 0;
|
||||
padding: 0.6em 10px;
|
||||
width: 100%;
|
||||
|
||||
transition: 0.25s ease-in background;
|
||||
}
|
||||
input[type="checkbox"] { width: auto; display: inline-block; vertical-align: middle; }
|
||||
|
||||
div.cke { margin-bottom: 0.4em; }
|
||||
|
||||
.container {
|
||||
width: 1000px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
#floating-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
|
||||
|
||||
#header-wrapper {
|
||||
display: table;
|
||||
overflow: hidden;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
background-image: url(images/record.jpg);
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
#header {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
padding: 0px 0px;
|
||||
/*background: rgba(0,0,0,0.1);
|
||||
-webkit-box-shadow: inset 0px 0px 60em rgba(0,0,0,0.8);
|
||||
-moz-box-shadow: inset 0px 0px 60em rgba(0,0,0,0.8);
|
||||
box-shadow: inset 0px 0px 60em rgba(0,0,0,0.8);*/
|
||||
background: rgba(0,0,0,0.68);
|
||||
}
|
||||
#header-wrapper.dim #header { background: rgba(0,0,0,0.68); }
|
||||
|
||||
#miniprofile {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 2em;
|
||||
left: 2em;
|
||||
padding: 0.5em 1em 0.5em 0.5em;
|
||||
background: rgba(0,0,0,0.8);
|
||||
border-radius: 2em;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
#miniprofile * { display: inline-block; vertical-align: middle; }
|
||||
#miniprofile img { height: 2em; border-radius: 1em; margin-right: 0.5em; }
|
||||
|
||||
/* Logo */
|
||||
|
||||
#logo {
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#logo h1 {
|
||||
text-transform: lowercase;
|
||||
letter-spacing: -2px;
|
||||
font-size: 3.8em;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#logo h1 a {
|
||||
color: inherit;
|
||||
cursor: url(images/trollface.png), auto;
|
||||
}
|
||||
|
||||
#logo p {
|
||||
margin: 0;
|
||||
padding: 0px 0 0 0px;
|
||||
letter-spacing: -1px;
|
||||
font: normal 1.1em Georgia, "Times New Roman", Times, serif;
|
||||
font-style: italic;
|
||||
color: #C6C6C6;
|
||||
}
|
||||
|
||||
#logo p a { color: inherit; border-bottom: 1px dotted; }
|
||||
|
||||
#logo a {
|
||||
border: none;
|
||||
background: none;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Menu */
|
||||
|
||||
#menu {
|
||||
height: 50px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
margin: 0;
|
||||
padding: 20px 0px 0px 0px;
|
||||
list-style: none;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
#menu li { display: inline-block; }
|
||||
|
||||
#menu a {
|
||||
display: block;
|
||||
line-height: 38px;
|
||||
margin-right: 0.4em;
|
||||
padding: 2px 20px 0px 20px;
|
||||
background: rgba(255,255,255,0.05);
|
||||
border: 1px solid rgba(255,255,255,0.2);
|
||||
border-radius: 2em;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
|
||||
text-transform: uppercase;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
color: #C6C6C6;
|
||||
}
|
||||
#menu ul li:last-child a { margin-right: 0; }
|
||||
|
||||
#menu a:hover, #menu a.active {
|
||||
background: rgba(0,0,0,0.8);
|
||||
border-color: #000000;
|
||||
text-decoration: none;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
#menu a.active { }
|
||||
#tags { margin: 10em 0 -10em 0; }
|
||||
|
||||
#tags ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#tags li { display: inline-block; }
|
||||
|
||||
#tags li a:before { display: inline-block; content: '#'; }
|
||||
#tags li a { color: #c7c7c7; margin-right: 0.8em; }
|
||||
#tags li a:hover { color: #FFFFFF; }
|
||||
#tags li:last-child a { margin-right: 0; }
|
||||
#tags span { display: none; }
|
||||
|
||||
#arrowDown {
|
||||
display: block;
|
||||
margin: -6em auto 6em auto;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
background: url(images/arrowDown.svg) center center no-repeat;
|
||||
background-size: cover;
|
||||
animation-duration: 2s;
|
||||
animation-name: floating;
|
||||
animation-iteration-count: infinite;
|
||||
opacity: 0.4;
|
||||
}
|
||||
#arrowDown:hover { opacity: 1; }
|
||||
|
||||
|
||||
/* Page */
|
||||
|
||||
#page {
|
||||
width: 1000px;
|
||||
margin: 102vh auto 0 auto;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
|
||||
#content { padding: 0px 0px 0px 0px; }
|
||||
|
||||
article {
|
||||
overflow: hidden;
|
||||
padding: 20px;
|
||||
margin-bottom: 40px;
|
||||
border: 1px solid #E7EBED;
|
||||
border-radius: 8px;
|
||||
background: #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: #222222;
|
||||
}
|
||||
|
||||
article .meta {
|
||||
padding: 10px 0px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-weight: 300;
|
||||
color: #54C7B8;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
/* Footer */
|
||||
|
||||
#footer {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding: 50px 0 15px 0;
|
||||
}
|
||||
|
||||
#footer-account { text-align: center; font-size: 120%; }
|
||||
|
||||
#footer-account input {
|
||||
display: inline-block;
|
||||
min-width: 160px;
|
||||
width: 10%;
|
||||
max-width: 300px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#footer-account ul { list-style: none; }
|
||||
#footer-account li { display: inline-block; margin: 0 1em; }
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
|
||||
/* Scroll up */
|
||||
#scroll-up {
|
||||
position: fixed;
|
||||
display: block;
|
||||
bottom: 2em;
|
||||
right: 2em;
|
||||
width: 4em;
|
||||
height: 4em;
|
||||
background: #263238 url(images/arrowDown.svg) center center no-repeat;
|
||||
background-size: 60%;
|
||||
border-radius: 2em;
|
||||
box-shadow: 0 0 0.4em #000;
|
||||
transform: rotate(180deg);
|
||||
opacity: 0.4;
|
||||
z-index: 0;
|
||||
}
|
||||
#scroll-up:hover { opacity: 1; }
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
div.box { width: 400px; 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: 100%; }
|
||||
|
||||
#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: #FFF;
|
||||
border: 1px solid #f2f2f2;
|
||||
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: #eaeaea; }
|
||||
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: #eaeaea; }
|
||||
|
||||
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: 120%; }
|
||||
|
||||
body.tinyscreen button { font-size: 140%; }
|
||||
|
||||
body.tinyscreen #logo p { font-size: 160%; }
|
||||
|
||||
body.tinyscreen #header,
|
||||
body.tinyscreen #page { width: 100%; }
|
||||
|
||||
body.tinyscreen #menu li a { font-size: 170%; font-weight: bold; margin-top: 1em; line-height: 80px; }
|
||||
body.tinyscreen #tags li { font-size: 130%; margin-top: 1em; }
|
||||
|
||||
body.tinyscreen #content { float: none; width: 100%; }
|
||||
body.tinyscreen #sidebar { float: none; width: 100%; }
|
||||
|
||||
body.tinyscreen article .content { font-weight: normal; font-size: 90%; }
|
||||
body.tinyscreen article .meta { font-weight: normal; font-size: 70%; }
|
||||
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 section { padding: 0 1em !important; }
|
||||
|
||||
body.tinyscreen iframe.youtube { height: 500px !important; }
|
||||
|
||||
body.tinyscreen #sidebar li li { font-size: 135%; padding: 1em; }
|
||||
body.tinyscreen #sidebar li li span { font-size: 70%; padding: 0.6em; }
|
76
themes/murkymodern/template.php
Normal file
@ -0,0 +1,76 @@
|
||||
<!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='//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>
|
||||
<script><?php
|
||||
echo 'var headerimg = '.($headerimg ? 'true':'false').';';
|
||||
if (LOGGEDIN) echo 'var userdata = ['.$user['userFiltrId'].','.$user['userLevel'].',"'.$user['userName'].'","'.$user['userPublicName'].'"];';
|
||||
else echo 'var userdata = false;';
|
||||
?></script>
|
||||
<script src="/<?=get_theme_lib()?>/theme.js"></script>
|
||||
<meta name="keywords" content="<?=keywords()?>" />
|
||||
<meta name="description" content="<?=($description ? $description : $_set['description'])?>" />
|
||||
<meta name="copyright" content="Sandros 2015" />
|
||||
<meta name="robot" content="index, follow" />
|
||||
<meta property="og:title" content="<?=(isset($_title[0]) ? $_title[0] : $_set['title'])?>" />
|
||||
<meta property="og:image" content="<?=($metaimage ? $metaimage : ($headerimg ? $headerimg : '/'.get_theme_lib().'/images/moto360-filter.jpg'))?>" />
|
||||
<meta property="og:description" content="<?=($description ? $description : $_set['description'])?>" />
|
||||
<?php get_page_extra_head(); ?>
|
||||
</head>
|
||||
<body>
|
||||
<header id="floating-header">
|
||||
<div id="header-wrapper"<?=($headerimg ? ' style="background-image:url(\''.$headerimg.'\')" class="dim"' : null)?>>
|
||||
<div id="header" class="container">
|
||||
<div id="logo">
|
||||
<h1><a href="<?=get_current_link()?>"><?=$_set['title'].(isset($_title[0]) ? ' • '.trimlink($_title[0].(isset($_title[1]) ? ' • '.$_title[1] : null), 100) : null)?></a></h1>
|
||||
<p><?=$_set['tagline']?></p>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<?php get_navigation(); ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="tags">
|
||||
<ul>
|
||||
<?php get_tags(); ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a id="arrowDown" href="#"></a>
|
||||
</header>
|
||||
|
||||
<div id="page">
|
||||
<?php
|
||||
get_errors();
|
||||
get_infos();
|
||||
?>
|
||||
<section id="content">
|
||||
<?php echo get_site_body(); ?>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<footer id="footer">
|
||||
<?php if (!LOGGEDIN) : ?>
|
||||
<form action="//filtr.sandros.hu/app_login/<?=$_set['filtr_appid']?>&ret" method="get" name="login-form" id="footer-account">
|
||||
<input type="submit" name="login" value="<?=$_locale['login']?>" />
|
||||
</form>
|
||||
<?php else :
|
||||
echo "<div id='footer-account'>";
|
||||
include 'includes/sidebar/account.php';
|
||||
echo "</div>";
|
||||
endif; ?>
|
||||
<p>© <?=date('Y')?> <?=$_set['title']?>. All rights reserved. Powered by <a href="http://sandros.hu/">Insanely</a>.</p>
|
||||
</footer>
|
||||
<a id="scroll-up" href="#top"></a>
|
||||
<?php get_page_extra_body(); ?>
|
||||
</body>
|
||||
</html>
|
67
themes/murkymodern/theme.js
Normal file
@ -0,0 +1,67 @@
|
||||
/* jQuery Plugins */
|
||||
(function($) {
|
||||
$.fn.longClick = function(callback, timeout) {
|
||||
var timer;
|
||||
timeout = timeout || 500;
|
||||
$(this).mousedown(function() {
|
||||
timer = setTimeout(function() { callback(); }, timeout);
|
||||
return false;
|
||||
});
|
||||
$(document).mouseup(function() {
|
||||
clearTimeout(timer);
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
|
||||
/* EXTRA FUCKING VIEW */
|
||||
function keepThePageAwesome() {
|
||||
if ($(window).width() < 1020)
|
||||
{
|
||||
keepTheFuckingSidebarOnTheScreenOkay = true;
|
||||
$(document.body).addClass('tinyscreen');
|
||||
}
|
||||
else
|
||||
{
|
||||
keepTheFuckingSidebarOnTheScreenOkay = false;
|
||||
$(document.body).removeClass('tinyscreen');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* AWESOMENESS */
|
||||
$(document).ready(function() {
|
||||
|
||||
// Mobile view
|
||||
if ((navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) ? true : false))
|
||||
$(document.body).addClass('tinyscreen');
|
||||
else if (userdata)
|
||||
$('header').append('<a id="miniprofile" href="'+(userdata[1] > 1 ? '/admin' : '/user/'+userdata[2])+'"><img src="//filtr.sandros.hu/proxy/avatar/'+userdata[0]+'" alt=""/>'+userdata[3]+'</a>'); // User miniprofile
|
||||
|
||||
$(window).resize(function() { keepThePageAwesome(); }).resize();
|
||||
|
||||
// TWEET ANIMS
|
||||
$("article.tweet").hover(function() {
|
||||
$(this).find("p.readmore").stop().slideDown();
|
||||
},
|
||||
function(){
|
||||
$(this).find("p.readmore").stop().slideUp();
|
||||
});
|
||||
|
||||
// Sub-page detection
|
||||
if (/entry|\/p\/|tag|page|user|admin/.test(window.location.href) && !headerimg)
|
||||
$(window).scrollTop($('#page').offset().top);
|
||||
|
||||
// Scroll down button
|
||||
$('#arrowDown').click(function() {
|
||||
$("html, body").animate({scrollTop: $('#page').offset().top}, '500', function() {
|
||||
window.location.hash = '#content';
|
||||
});
|
||||
}).longClick(function() {
|
||||
$("html, body").animate({scrollTop: $(document).height()-$(window).height()}, '1800');
|
||||
});
|
||||
|
||||
// Scroll to the top button
|
||||
$('#scroll-up').click(function() { $("html, body").animate({scrollTop: 0}, '2000'); return false; });
|
||||
});
|
19
themes/murkystairwell/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'])."'>".htmlspecialchars($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/murkystairwell/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']) > 50 ? "<h2>".htmlspecialchars($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/murkystairwell/components/page.php
Normal file
@ -0,0 +1,7 @@
|
||||
<?php
|
||||
|
||||
if ($page->readable())
|
||||
{
|
||||
addTitle($page->data['pageTitle']);
|
||||
echo "<article>".entry_show_all($page->data['pageContent'])."</article>";
|
||||
}
|
45
themes/murkystairwell/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/murkystairwell/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);
|
BIN
themes/murkystairwell/font/typicons.eot
Normal file
1
themes/murkystairwell/font/typicons.min.css
vendored
Normal file
1180
themes/murkystairwell/font/typicons.svg
Normal file
After Width: | Height: | Size: 182 KiB |
BIN
themes/murkystairwell/font/typicons.ttf
Normal file
BIN
themes/murkystairwell/font/typicons.woff
Normal file
12
themes/murkystairwell/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>
|
40
themes/murkystairwell/header.php
Normal file
@ -0,0 +1,40 @@
|
||||
<!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], 50) : $_set['title'])?></a></h1>
|
||||
<p><?=$_set['tagline']?></p>
|
||||
</div>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<?php
|
||||
if (isset($seo[0]) && strlen($seo[0]))
|
||||
echo "<li><a href='$_set[url]'>$_locale[home]</a></li>";
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="page">
|
||||
<?php
|
||||
get_errors();
|
||||
get_infos();
|
||||
?>
|
||||
<div id="content">
|
BIN
themes/murkystairwell/images/dango.jpg
Normal file
After Width: | Height: | Size: 70 KiB |
BIN
themes/murkystairwell/images/img01.jpg
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
themes/murkystairwell/images/img02.jpg
Normal file
After Width: | Height: | Size: 40 KiB |
BIN
themes/murkystairwell/images/img03.png
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
themes/murkystairwell/images/img04.jpg
Normal file
After Width: | Height: | Size: 316 B |
BIN
themes/murkystairwell/images/img05.jpg
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
themes/murkystairwell/images/lightstripe.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
themes/murkystairwell/images/trollface.png
Normal file
After Width: | Height: | Size: 8.9 KiB |
529
themes/murkystairwell/style.css
Normal file
@ -0,0 +1,529 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #050505 url(images/lightstripe.png) repeat;
|
||||
font-family: 'Helvetica', 'Open Sans', sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #5B5B5B;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-transform: uppercase;
|
||||
font-family: 'Archivo Narrow', sans-serif;
|
||||
font-weight: normal;
|
||||
font-weight: 200;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
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: #54C7B8;
|
||||
text-decoration: none;
|
||||
transition: 0.2s ease-in color;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #455269;
|
||||
}
|
||||
|
||||
img { border: 0; }
|
||||
|
||||
b, strong { font-weight: 700; }
|
||||
|
||||
blockquote { margin: 1em; padding-left: 1em; border-left: 3px solid #455269; font-family: Georgia, sans-serif; font-style: italic; }
|
||||
|
||||
textarea { resize: none; height: 100px; }
|
||||
|
||||
input, button, textarea {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
font: 14px open-sans, 'Segoe UI', sans-serif;
|
||||
box-shadow: 0 0 0.4em #f0f0f0;
|
||||
border: 1px solid #b6b6b6;
|
||||
background-color: #FFF;
|
||||
margin: 0 0 0.4em 0;
|
||||
padding: 0.6em 10px;
|
||||
width: 100%;
|
||||
|
||||
transition: 0.25s ease-in background;
|
||||
}
|
||||
div.cke { margin-bottom: 0.4em; }
|
||||
|
||||
#wrapper {
|
||||
background: #FFFFFF url(images/lightstripe.png) repeat;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 1000px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
#header-wrapper {
|
||||
overflow: hidden;
|
||||
background-image: url(images/dango.jpg);
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
#header {
|
||||
width: 1000px;
|
||||
margin: 0 auto;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
|
||||
/* 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 #FFF;
|
||||
}
|
||||
|
||||
#logo h1 a {
|
||||
color: #1F1F1F;
|
||||
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 {
|
||||
color: #8E8E8E;
|
||||
}
|
||||
|
||||
#logo a {
|
||||
border: none;
|
||||
background: none;
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
color: #1F1F1F;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#menu a:hover, #menu a.active {
|
||||
background: url(images/img01.jpg) repeat;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
#menu a.active {
|
||||
}
|
||||
|
||||
/* 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 #E7EBED;
|
||||
border-radius: 8px;
|
||||
background: #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: #222222;
|
||||
}
|
||||
|
||||
article .meta {
|
||||
padding: 10px 0px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-weight: 300;
|
||||
color: #54C7B8;
|
||||
}
|
||||
|
||||
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 solid #E7EBED;
|
||||
margin: 0px 0px;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
#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: #222222;
|
||||
}
|
||||
|
||||
#sidebar p {
|
||||
margin: 0 0px;
|
||||
padding: 0px 30px 20px 30px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
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 {
|
||||
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: #FFF;
|
||||
border: 1px solid #f2f2f2;
|
||||
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; }
|
||||
|
||||
table.pro td { padding: 0.4em; }
|
||||
table.pro tr:nth-child(2n+0) { background: #eaeaea; }
|
||||
|
||||
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: 120%; }
|
||||
|
||||
body.tinyscreen button { font-size: 140%; }
|
||||
|
||||
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 3em 1em; }
|
||||
body.tinyscreen #menu ul { float: none; }
|
||||
body.tinyscreen #menu a { font-size: 130%; font-weight: bold; }
|
||||
|
||||
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; }
|
25
themes/murkystairwell/template.php
Normal file
@ -0,0 +1,25 @@
|
||||
<?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>
|
||||
<li>
|
||||
<h2><?=$_locale['navigation']?></h2>
|
||||
<ul>
|
||||
<?php get_navigation(); ?>
|
||||
</ul>
|
||||
</li>
|
||||
<?php include 'includes/sidebar/sidebar.php'; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<?php
|
||||
|
||||
include get_theme_lib().'/footer.php';
|
65
themes/murkystairwell/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');
|
||||
});
|
||||
});
|
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
@ -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
@ -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
@ -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
@ -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
@ -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
1
themes/wooden/font/typicons.min.css
vendored
Normal file
1180
themes/wooden/font/typicons.svg
Normal file
After Width: | Height: | Size: 182 KiB |
BIN
themes/wooden/font/typicons.ttf
Normal file
BIN
themes/wooden/font/typicons.woff
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
@ -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
After Width: | Height: | Size: 70 KiB |