kiduc
/
bibiuc.com
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 59 Wiki Activity
Browse Source

Change the default theme style 

Change the default theme style.
pull/9/head
Danang Probo Sayekti 12 years ago
parent
3d905e5638
commit
e03b899fb0
12 changed files with 1427 additions and 510 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +0
    -1
      system/includes/functions.php
  2. +26
    -0
      themes/clean/404-search.html.php
  3. +19
    -0
      themes/clean/404.html.php
  4. +744
    -0
      themes/clean/css/style.css
  5. +45
    -0
      themes/clean/layout.html.php
  6. +41
    -0
      themes/clean/main.html.php
  7. +53
    -0
      themes/clean/post.html.php
  8. +36
    -0
      themes/clean/profile.html.php
  9. +3
    -3
      themes/default/404-search.html.php
  10. +1
    -1
      themes/default/404.html.php
  11. +416
    -486
      themes/default/css/style.css
  12. +43
    -19
      themes/default/layout.html.php

+ 0
- 1
system/includes/functions.php View File

@ -349,7 +349,6 @@ function archive_list() {
$name = date('F', mktime(0,0,0,$month,1,2010));
echo '<li class="item"><a href="' . site_url() . 'archive/' . $year . '-' . $month . '">' . $name . '</a>';
echo ' <span class="count">(' . $count . ')</span></li>';
echo '</li>';
}
echo '</ul>';


+ 26
- 0
themes/clean/404-search.html.php View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<link href='<?php echo site_url() ?>favicon.ico' rel='icon' type='image/x-icon'/>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" user-scalable="no" />
<title>Search results not found! - <?php echo config('blog.title') ?></title>
<link href="<?php echo site_url() ?>themes/clean/css/style.css" rel="stylesheet" />
<!-- Include the Open Sans font -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic-ext" rel="stylesheet" />
</head>
<body>
<div class="center message">
<h1>Search results not found!</h1>
<div class="search">
<form id="search-form" method="get">
<input type="text" class="search-input" name="search" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
<input type="submit" value="Search" class="search-button">
</form>
<?php if(isset($_GET['search'])) {$url = site_url() . 'search/' . $_GET['search']; header ("Location: $url");} ?>
</div>
<p>Please search again, or would you like to try our <a href="<?php echo site_url() ?>">homepage</a> instead?</p>
</div>
</body>
</html>

+ 19
- 0
themes/clean/404.html.php View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<link href='<?php echo site_url() ?>favicon.ico' rel='icon' type='image/x-icon'/>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" user-scalable="no" />
<title>404 Not Found - <?php echo config('blog.title') ?></title>
<link href="<?php echo site_url() ?>themes/clean/css/style.css" rel="stylesheet" />
<!-- Include the Open Sans font -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic-ext" rel="stylesheet" />
</head>
<body>
<div class="center message">
<h1>This page doesn't exist!</h1>
<p>Would you like to try our <a href="<?php echo site_url() ?>">homepage</a> instead?</p>
</div>
</body>
</html>

+ 744
- 0
themes/clean/css/style.css View File

@ -0,0 +1,744 @@
/*-------------------------
Simple reset
--------------------------*/
*{
margin:0;
padding:0;
}
/*-------------------------
General Styles
--------------------------*/
html{
}
body{
font:16px/1.6 Georgia, Arial, sans-serif;
color: #4f4f4f;
}
a, a:visited {
outline:none;
color:#389dc1;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
section, footer, header, aside{
display: block;
}
img {
border: 0 none;
height: auto;
max-width: 100%;
outline: 0 none;
}
.hide {
position: absolute;
top: -9999em;
left: -9999em;
}
/*----------------------------
Headings
-----------------------------*/
h1{
font: 28px 'Open Sans Condensed', sans-serif;
line-height: 1.2;
margin: 0.5em 0;
}
h1.blog-title {
text-transform:uppercase;
font: 20px 'Open Sans Condensed', sans-serif;
margin-bottom: 1em;
line-height: 1.3;
}
h1.blog-title a {
color:#4f4f4f;
text-decoration: none;
}
h1.blog-title a:hover {
color: #389dc1;
}
h1.title-post, h2.title-index{
font: 28px 'Open Sans Condensed', sans-serif;
line-height: 1.2;
text-transform:normal;
margin:0 0 20px 0;
}
h1.title-post a, h2.title-index a{
color:#4f4f4f;
text-decoration: none;
}
h1.title-post a:hover, h2.title-index a:hover {
color: #389dc1;
}
h2{
font: 22px 'Open Sans Condensed', sans-serif;
line-height: 1.2;
margin: 0.5em 0;
}
h2.title-index{
font: 28px 'Open Sans Condensed', sans-serif;
line-height: 1.2;
text-transform:normal;
margin:0 0 20px 0;
}
h3{
font: 18px 'Open Sans Condensed', sans-serif;
line-height: 1.2;
margin: 0.5em 0;
}
h4{
font: 16px 'Open Sans Condensed', sans-serif;
line-height: 1.2;
margin: 0.5em 0;
}
h5{
font: 14px 'Open Sans Condensed', sans-serif;
line-height: 1.2;
margin: 0.5em 0;
}
h6{
font: 12px 'Open Sans Condensed', sans-serif;
line-height: 1.2;
margin: 0.5em 0;
}
/*----------------------------
Content & Posts
-----------------------------*/
#content{
position: absolute;
width: 580px;
left: 50%;
margin-left: -100px;
}
#content p,
#content ul{
margin:1em 0;
}
#content ul{
padding-left:20px;
}
#content li{
margin-bottom:5px;
}
#content div.actions{
margin-top:25px;
font-size:14px;
font-family:'Open Sans Condensed', sans-serif;
}
#content div.actions .readmore{
text-decoration: none !important;
padding:0 2px;
}
#content div.actions .readmore:hover{
background-color:#389dc1;
color:#fff;
}
#content div.actions .comments{
color:#ccc;
margin-left:10px;
text-decoration:none;
}
.infront .post, .intag .post, .inarchive .post, .insearch .post, .inprofile .post{
border-bottom: 1px solid #dfdfdf;
padding: 30px 0 10px 0;
}
.infront .post.first {
padding-top:50px;
}
.intag .post.first, .inarchive .post.first, .insearch .post.first , .inprofile .post.first{
padding-top: 0px;
}
.post .date{
font: bold 12px 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
color: #a7a7a7;
margin: 0 0 20px 20px;
position: relative;
}
.post .date:before{
width:18px;
height:18px;
position:absolute;
content:'';
left: -22px;
top: -1px;
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNjZDQjA1OTM1ODZFMjExQUUwM0IwQzQwMjlEOTczMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENjYzQjI4QjhCNDYxMUUyQjNENkFGQ0NCRUExRDM1NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENjYzQjI4QThCNDYxMUUyQjNENkFGQ0NCRUExRDM1NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NjA1NUJCNzUzOEFFMjExQUUwM0IwQzQwMjlEOTczMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNjZDQjA1OTM1ODZFMjExQUUwM0IwQzQwMjlEOTczMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhTXJRoAAADXSURBVHjaYvz//z8DNQDL7t27sYmDTGfEoQdDztXVlYEJyg4B4rdA/AGLJhjGJgfS4wfiwAyaCcRCQMwGxMxQMTY0jdjkQHqmwQzihwqAACcQ50CdXoRmEC45aXAYYQmDCVDMQIocskGMZEbYB+QwQokBEAaCzch8dDF0wMRAJcC4a9cufqjzYF7bTKReX5jXgC4UYMHiNbACYEJ9AaQkkL2BLIaekIeA15AUbEZiM+ARo67XQAZ9BOJ3eFxGSOwFcspOBOLnoBgh0SEgQ+LAgU2tgg0gwACqTkAIjemp4gAAAABJRU5ErkJggg==')
}
pre {
margin: 1em 0;
overflow: auto;
background: #F1F1FF;
}
pre code {
color: #333333;
display: block;
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
font-size: 14px;
padding: 5px 10px;
}
.comments {
position:relative;
display:block;
font-size:16px;
float:left;
width:100%;
}
.border {
border-top: 1px solid #DFDFDF;
padding-bottom: 15px;
margin-bottom: 15px;
margin-top: 10px;
}
.border #disqus_thread {
padding-top: 1.2em;
}
#disqus_thread {
font-family: Georgia, Times, Cambria, serif;
float:left;
width:100%;
}
.breadcrumb {
padding-top: 50px;
padding-bottom: 10px;
font: normal 14px 'Open Sans Condensed', sans-serif;
}
.thumbnail {
float: left;
height: 80px;
width: 80px;
margin: 5px 15px 0 0;
overflow: hidden;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
blockquote:before {
color: #BBBBBB;
content: "“";
font-size: 3em;
line-height: 0.1em;
margin-right: 0.2em;
vertical-align: -0.4em;
}
blockquote:after {
color: #BBBBBB;
content: "”";
font-size: 3em;
line-height: 0.1em;
vertical-align: -0.45em;
}
blockquote {
font-style: italic;
margin-left: 1em;
}
.credit {
font-size:12px;
text-align:center;
padding: 10px 0;
}
/*----------------------------
The left bar
-----------------------------*/
aside{
position: absolute;
width: 250px;
height: auto;
top: 0;
left: 50%;
bottom: 0;
margin-left: -460px;
padding-top: 65px;
}
aside .description p{
font-size: 14px;
margin-bottom: 1.2em;
color:#787878;
}
aside .social {
margin-bottom: 1.2em;
}
.gsc-control-searchbox-only {
width:220px;
}
aside .menu {
margin-bottom: 1.2em;
}
aside h3 {
font: normal 16px 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
}
aside .menu ul{
font: bold 18px 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
list-style:none;
}
aside .menu ul li a{
text-decoration:none !important;
display:inline-block;
padding:0 3px;
margin:2px 0 2px 10px;
}
aside .archive, aside .tagcloud {
font-size: 14px;
font-family: Georgia, sans-serif;
margin-bottom: 1.2em;
margin-left: 10px;
}
aside .archive ul li, aside .tagcloud ul li {
margin-left:30px;
}
aside .menu ul li a:hover{
background-color:#389dc1;
color:#fff;
}
aside .copyright {
padding:1.2em 0 65px 0;
color: #888;
font: 11px Georgia, sans-serif;
font-weight: normal;
font-style: italic;
}
aside .copyright p{
margin: 5px 0;
}
/*----------------------------
Pagination buttons
-----------------------------*/
.postnav{
width:100%;
float:left;
padding: 0 0 30px 0;
}
.postnav .pagination-arrow{
display: inline-block;
font: bold 12px/1 'Open Sans Condensed', sans-serif;
border: 1px solid #ccc;
border-radius: 3px;
color: #555 !important;
padding: 8px 12px;
text-decoration: none !important;
text-transform: none;
position: relative;
}
.postnav .pagination-arrow.newer{
padding-left: 20px;
}
.postnav .pagination-arrow.older{
padding-right: 20px;
float:right;
}
.postnav .pagination-arrow.newer:before,
.postnav .pagination-arrow.older:before{
content: '';
border: 5px solid #555;
border-color: transparent #555 transparent transparent;
width: 0;
height: 0;
position: absolute;
left: 3px;
top: 10px;
}
.postnav .pagination-arrow.older:before{
left:auto;
right:3px;
border-color: transparent transparent transparent #555;
}
.pager {
width:100%;
float:left;
padding: 30px 0 30px 0;
}
.pager .pagination-arrow{
display: inline-block;
font: bold 16px/1 'Open Sans Condensed', sans-serif;
border: 1px solid #ccc;
border-radius: 3px;
color: #555 !important;
padding: 8px 12px;
text-decoration: none !important;
text-transform: uppercase;
position: relative;
}
.pager .pagination-arrow.newer{
padding-left: 20px;
}
.pager .pagination-arrow.older{
padding-right: 20px;
float:right;
}
.pager .pagination-arrow.newer:before,
.pager .pagination-arrow.older:before{
content: '';
border: 5px solid #555;
border-color: transparent #555 transparent transparent;
width: 0;
height: 0;
position: absolute;
left: 3px;
top: 12px;
}
.pager .pagination-arrow.older:before{
left:auto;
right:3px;
border-color: transparent transparent transparent #555;
}
/*----------------------------
The 404 page
-----------------------------*/
.message{
padding-top:50px;
}
.message h1{
font-size:36px;
margin-bottom: 18px;
}
.message p{
font-size:13px;
}
.center{
text-align:center;
}
/*----------------------------
Search form
-----------------------------*/
.search {
position:relative;
float:left;
width:100%;
margin-bottom: 1.2em;
}
.search-input{
margin: 0;
padding: 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
border:1px solid #0076a3;
border-top-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
width: 120px;
color: #888888;
}
.search-button {
margin: 0;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
color: #ffffff;
border: solid 1px #0076a3;
border-right:0px;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
width: 60px;
}
.search-button:hover {
text-decoration: none;
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top, #0095cc, #00678e);
}
/* Fixes submit button height problem in Firefox */
.search-button::-moz-focus-inner {
border: 0;
}
/*----------------------------
Profile
-----------------------------*/
.profile {
font-size: 12px;
font-style:italic;
border-bottom: solid 1px #dfdfdf;
margin-bottom: 2em;
padding-bottom: 1em;
}
.post-list {
padding-bottom:2em;
border-bottom: solid 1px #dfdfdf;
font-size: 12px;
}
/*----------------------------
Share + Author info
-----------------------------*/
.separator {
text-align:left;
font-size: 18px;
line-height: 1;
}
.share-box {
margin-bottom: 0.75em;
}
.author-info {
font-size: 12px;
font-style:italic;
float:left;
width: 430px;
margin-right: 2em;
}
.share {
font-size: 12px;
font-style:italic;
width:120px;
}
.share a {
display: inline-block;
width: 18px;
height: 18px;
margin: 0;
padding: 0 5px;
vertical-align: middle;
-o-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-ms-transition: all .3s;
text-indent: -9999em;
}
.share a.twitter { background: url(../img/share-twitter.png) left top no-repeat; }
.share a.facebook { background: url(../img/share-facebook.png) left top no-repeat; }
.share a.googleplus { background: url(../img/share-googleplus.png) left top no-repeat; }
.share a:hover { background-position: left -26px; }
/*----------------------------
Media queries
-----------------------------*/
@media all and (max-width: 1024px) {
aside{
left: 5%;
margin-left: 0;
width: 25%;
}
#content{
left: 35%;
margin-left: 0;
width: 60%;
}
}
@media all and (max-width: 840px) {
h2{
font-size:22px;
}
h1.title-post, h2.title-index{
font-size:26px;
}
aside{
margin-left: 0;
position: static;
width: 90%;
padding: 5% 5% 0 5%;
text-align: center;
}
aside .description{
margin-bottom: 25px;
}
aside li {
display: inline-block;
}
aside ul{
text-align: center;
}
aside .archive, aside .tagcloud, aside .copyright{
display: none;
}
#content{
position: static;
padding: 5%;
padding-top: 0;
width: 90%;
}
.gsc-control-searchbox-only {
width:auto;
}
.infront .post.first {
padding-top:0px;
}
.breadcrumb {
padding-top: 0px;
}
.infront .post, .intag .post, .inarchive .post, .insearch .post{
padding: 30px 0 20px 0;
}
.search {
text-align:center;
}
.author-info {
width: 100%;
}
.share {
float:left;
width:100%;
padding-bottom: 1em;
}
}
/*----------------------------
Video
-----------------------------*/
.video-wrapper {
margin-bottom:1em;
}
@media all and (min-width: 420px) {
.video-wrapper {
padding-top:315px!important;
position:relative;
width:100%;
max-width:420px!important;
max-height:315px!important;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
max-width:420px!important;
max-height:315px!important;
}
}
@media all and (max-width: 420px) {
.postnav .pagination-arrow.newer{
padding-left: 20px;
float:none;
margin-bottom: 20px;
}
.postnav .pagination-arrow.older{
padding-right: 20px;
float:none;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}

+ 45
- 0
themes/clean/layout.html.php View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<title><?php echo isset($title) ? _h($title) : config('blog.title') ?></title>
<link href='<?php echo site_url() ?>favicon.ico' rel='icon' type='image/x-icon'/>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" user-scalable="no" />
<meta name="description" content="<?php echo $description; ?>" />
<link rel="canonical" href="<?php echo $canonical; ?>" />
<link rel="alternate" type="application/rss+xml" title="<?php echo config('blog.title')?> Feed" href="<?php echo site_url()?>feed/rss" />
<link href="<?php echo site_url() ?>themes/clean/css/style.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic-ext" rel="stylesheet" />
<?php if (publisher() == true):?><link href="<?php echo publisher() ?>" rel="publisher" /><?php endif;?>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body class="<?php echo $bodyclass; ?>">
<div itemscope="itemscope" itemtype="http://schema.org/Blog" class="hide">
<meta content="<?php echo config('blog.title') ?>" itemprop="name"/>
<meta content="<?php echo config('blog.description')?>" itemprop="description"/>
</div>
<aside>
<h1 class="blog-title"><a href="<?php echo site_url() ?>"><?php echo config('blog.title') ?></a></h1>
<div class="description"><p><?php echo config('blog.description')?></p></div>
<div class="search">
<form id="search-form" method="get">
<input type="text" class="search-input" name="search" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
<input type="submit" value="Search" class="search-button">
</form>
<?php if(isset($_GET['search'])) {$url = site_url() . 'search/' . $_GET['search']; header ("Location: $url");} ?>
</div>
<div class="social"><?php echo social() ?></div>
<div class="menu"><?php echo menu() ?></div>
<div class="archive"><?php echo archive_list()?></div>
<div class="tagcloud"><?php echo tag_cloud()?></div>
<div class="copyright"><?php echo copyright() ?></div>
</aside>
<section id="content">
<?php echo content()?>
</section>
<?php if (analytics() == true):?><?php echo analytics() ?><?php endif;?>
</body>
</html>

+ 41
- 0
themes/clean/main.html.php View File

@ -0,0 +1,41 @@
<?php if (!empty($breadcrumb)):?><div class="breadcrumb"><?php echo $breadcrumb ?></div><?php endif;?>
<?php $i = 0; $len = count($posts);?>
<?php foreach($posts as $p):?>
<?php
if ($i == 0) {
$class = 'first';
}
elseif ($i == $len - 1) {
$class = 'last';
}
else {
$class = '';
}
$i++;
?>
<div class="post <?php echo $class ?>" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
<div class="main">
<h2 class="title-index" itemprop="name"><a href="<?php echo $p->url?>"><?php echo $p->title ?></a></h2>
<div class="date"><span itemprop="datePublished"><?php echo date('d F Y', $p->date)?></span> - Posted in <span itemprop="articleSection"><a href="<?php echo $p->tagurl ?>"><?php echo $p->tag ?></a></span> by <span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span><?php if (disqus_count() == true):?> - <span><a href="<?php echo $p->url?>#disqus_thread">Comments</a></span><?php endif;?></div>
<div class="teaser-body" itemprop="articleBody">
<?php if (config('img.thumbnail') == 'true'):?>
<?php echo get_thumbnail($p->body)?>
<?php endif;?>
<?php echo get_teaser($p->body, $p->url)?>
</div>
</div>
</div>
<?php endforeach;?>
<?php if (!empty($pagination['prev']) || !empty($pagination['next'])):?>
<div class="pager">
<?php if (!empty($pagination['prev'])):?>
<span><a href="?page=<?php echo $page-1?>" class="pagination-arrow newer" rel="prev">Newer</a></span>
<?php endif;?>
<?php if (!empty($pagination['next'])):?>
<span><a href="?page=<?php echo $page+1?>" class="pagination-arrow older" rel="next">Older</a></span>
<?php endif;?>
</div>
<?php endif;?>
<?php if (disqus_count() == true):?>
<?php echo disqus_count() ?>
<?php endif;?>

+ 53
- 0
themes/clean/post.html.php View File

@ -0,0 +1,53 @@
<?php if (!empty($breadcrumb)):?><div class="breadcrumb" xmlns:v="http://rdf.data-vocabulary.org/#"><?php echo $breadcrumb ?></div><?php endif;?>
<div class="post" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
<div class="main">
<?php if ($type == 'blogpost'):?>
<a name="more"></a>
<?php endif;?>
<h1 class="title-post" itemprop="name"><?php echo $p->title ?></h1>
<?php if ($type == 'blogpost'):?>
<div class="date"><span itemprop="datePublished"><a href="<?php echo $p->archive ?>" title="Show all posts made on this day"><?php echo date('d F Y', $p->date)?></a></span> - Posted in <span itemprop="articleSection"><a href="<?php echo $p->tagurl ?>"><?php echo $p->tag ?></a></span> by <span itemprop="author"><a href="<?php echo $p->authorurl ?>"><?php echo $p->author ?></a></span> - <span><a href="<?php echo $p->url ?>" rel="permalink">Permalink</a></span></div>
<?php endif;?>
<div class="post-body" itemprop="articleBody">
<?php echo $p->body; ?>
</div>
</div>
<?php if ($type == 'blogpost'):?>
<div class="separator">&rarr;</div>
<div class="share-box">
<?php if (config('author.info') == 'true'):?>
<?php echo $authorinfo ?>
<style>.share {float:right;}</style>
<?php endif;?>
<div class="share">
<h4>Share this post</h4>
<a class="twitter" target="_blank" href="https://twitter.com/share?url=<?php echo $p->url ?>&text=<?php echo $p->title?>">Twitter</a>
<a class="facebook" target="_blank" href="https://www.facebook.com/sharer.php?u=<?php echo $p->url ?>&t=<?php echo $p->title?>">Facebook</a>
<a class="googleplus" target="_blank" href="https://plus.google.com/share?url=<?php echo $p->url ?>">Google+</a>
</div>
</div>
<?php endif;?>
<div class="comments border">
<?php if ($type == 'blogpost'):?>
<?php if (disqus(null, null) == true):?>
<div id="disqus_thread"></div>
<?php endif;?>
<?php endif;?>
</div>
<?php if ($type == 'blogpost'):?>
<div class="postnav">
<?php if (!empty($next)):?>
<span><a href="<?php echo ($next['url']);?>" class="pagination-arrow newer" rel="next"><?php echo ($next['title']);?></a></span>
<?php endif;?>
<?php if (!empty($prev)):?>
<span><a href="<?php echo ($prev['url']); ?>" class="pagination-arrow older" rel="prev"><?php echo ($prev['title']); ?></a></span>
<?php endif;?>
</div>
<?php endif;?>
<?php if ($type == 'blogpost'):?>
<?php if (disqus(null, null) == true):?>
<?php echo disqus($p->title, $p->url) ?>
<?php endif;?>
<?php endif;?>
</div>

+ 36
- 0
themes/clean/profile.html.php View File

@ -0,0 +1,36 @@
<?php if (!empty($breadcrumb)):?><div class="breadcrumb"><?php echo $breadcrumb ?></div><?php endif;?>
<div class="profile" itemtype="http://schema.org/Person" itemscope="itemscope" itemprop="Person">
<h1 class="title-post" itemprop="name"><?php echo $name ?></h1>
<div class="bio" itemprop="description"><?php echo $bio ?></div>
</div>
<h2 class="post-index">Posts by this author</h2>
<ul class="post-list">
<?php $i = 0; $len = count($posts);?>
<?php foreach($posts as $p):?>
<?php
if ($i == 0) {
$class = 'first';
}
elseif ($i == $len - 1) {
$class = 'last';
}
else {
$class = '';
}
$i++;
?>
<li>
<span><a href="<?php echo $p->url?>"><?php echo $p->title ?></a></span> on <span><?php echo date('d F Y', $p->date)?></span> - Posted in <span><a href="<?php echo $p->tagurl ?>"><?php echo $p->tag ?></a></span>
</li>
<?php endforeach;?>
</ul>
<?php if (!empty($pagination['prev']) || !empty($pagination['next'])):?>
<div class="pager">
<?php if (!empty($pagination['prev'])):?>
<span><a href="?page=<?php echo $page-1?>" class="pagination-arrow newer" rel="prev">Newer</a></span>
<?php endif;?>
<?php if (!empty($pagination['next'])):?>
<span><a href="?page=<?php echo $page+1?>" class="pagination-arrow older" rel="next">Older</a></span>
<?php endif;?>
</div>
<?php endif;?>

+ 3
- 3
themes/default/404-search.html.php View File

@ -8,13 +8,13 @@
<title>Search results not found! - <?php echo config('blog.title') ?></title>
<link href="<?php echo site_url() ?>themes/default/css/style.css" rel="stylesheet" />
<!-- Include the Open Sans font -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic-ext" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic|Open+Sans:700,400"/>
</head>
<body>
<div class="center message">
<h1>Search results not found!</h1>
<div class="search">
<form id="search-form" method="get">
<div class="search-404">
<form id="search-form-404" method="get">
<input type="text" class="search-input" name="search" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
<input type="submit" value="Search" class="search-button">
</form>


+ 1
- 1
themes/default/404.html.php View File

@ -8,7 +8,7 @@
<title>404 Not Found - <?php echo config('blog.title') ?></title>
<link href="<?php echo site_url() ?>themes/default/css/style.css" rel="stylesheet" />
<!-- Include the Open Sans font -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic-ext" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic|Open+Sans:700,400"/>
</head>
<body>
<div class="center message">


+ 416
- 486
themes/default/css/style.css
File diff suppressed because it is too large
View File


+ 43
- 19
themes/default/layout.html.php View File

@ -10,7 +10,7 @@
<link rel="canonical" href="<?php echo $canonical; ?>" />
<link rel="alternate" type="application/rss+xml" title="<?php echo config('blog.title')?> Feed" href="<?php echo site_url()?>feed/rss" />
<link href="<?php echo site_url() ?>themes/default/css/style.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic-ext" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic|Open+Sans:700,400"/>
<?php if (publisher() == true):?><link href="<?php echo publisher() ?>" rel="publisher" /><?php endif;?>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
@ -21,25 +21,49 @@
<meta content="<?php echo config('blog.title') ?>" itemprop="name"/>
<meta content="<?php echo config('blog.description')?>" itemprop="description"/>
</div>
<aside>
<h1 class="blog-title"><a href="<?php echo site_url() ?>"><?php echo config('blog.title') ?></a></h1>
<div class="description"><p><?php echo config('blog.description')?></p></div>
<div class="search">
<form id="search-form" method="get">
<input type="text" class="search-input" name="search" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
<input type="submit" value="Search" class="search-button">
</form>
<?php if(isset($_GET['search'])) {$url = site_url() . 'search/' . $_GET['search']; header ("Location: $url");} ?>
<div id="outer-wrapper">
<div id="menu-wrapper">
<div class="container">
<nav id="menu">
<?php echo menu() ?>
<form id="search-form" method="get">
<input type="text" class="search-input" name="search" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
<input type="submit" value="Search" class="search-button">
</form>
<?php if(isset($_GET['search'])) {$url = site_url() . 'search/' . $_GET['search']; header ("Location: $url");} ?>
</nav>
</div>
</div>
<div class="social"><?php echo social() ?></div>
<?php if (menu() == true):?><div class="menu"><?php echo menu() ?></div><?php endif;?>
<div class="archive"><?php echo archive_list()?></div>
<div class="tagcloud"><?php echo tag_cloud()?></div>
<div class="copyright"><?php echo copyright() ?></div>
</aside>
<section id="content">
<?php echo content()?>
</section>
<div id="header-wrapper">
<div class="container">
<header id="header">
<section id="branding">
<h1 class="blog-title"><a href="<?php echo site_url() ?>"><?php echo config('blog.title') ?></a></h1>
<div class="description"><p><?php echo config('blog.description')?></p></div>
</section>
</header>
</div>
</div>
<div id="content-wrapper">
<div class="container">
<section id="content">
<?php echo content()?>
</section>
</div>
</div>
<div id="footer-wrapper">
<div class="container">
<footer id="footer">
<div class="footer-column">
<div class="archive column"><div class="inner"><?php echo archive_list()?></div></div>
<div class="tagcloud column"><div class="inner"><?php echo tag_cloud()?></div></div>
<div class="social column"><div class="inner"><h3>Follow</h3><?php echo social()?></div></div>
</div>
<div class="copyright"><?php echo copyright() ?></div>
</footer>
</div>
</div>
</div>
<?php if (analytics() == true):?><?php echo analytics() ?><?php endif;?>
</body>
</html>

Write Preview
Loading…
Cancel
Save