Updating Pico site.

This commit is contained in:
Gilbert Pellegrom 2013-04-27 12:02:17 +01:00
parent 7b739a24eb
commit 0b3fbf4f3b
164 changed files with 9360 additions and 574 deletions

203
docs.html Normal file
View file

@ -0,0 +1,203 @@
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Documentation | Pico</title>
<!--link rel="shortcut icon" type="image/x-icon" href="style/images/favicon.png" /-->
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/css/color/red.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/css/media-queries.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/jquery.fancybox.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" />
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style/type/fontello.css">
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="style/css/ie8.css" media="all" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="style/css/ie9.css" media="all" />
<![endif]-->
<!--[if lt IE 9]>
<script src="style/js/html5.js" type="text/javascript"></script>
<![endif]-->
<script type="text/javascript" src="style/js/jquery.min.js"></script>
<script type="text/javascript" src="style/js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="style/js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="style/js/selectnav.js"></script>
<script type="text/javascript" src="style/js/jquery.slickforms.js"></script>
<script type="text/javascript" src="style/js/jquery.easytabs.min.js"></script>
<script type="text/javascript" src="style/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="style/js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
<script type="text/javascript" src="style/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="style/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="style/js/jquery.touchcarousel-1.2.min.js"></script>
<script type="text/javascript" src="style/js/twitter.min.js"></script>
<script type="text/javascript" src="style/js/boostrapslider.js"></script>
</head>
<body class="full-layout">
<!-- Begin Body Wrapper -->
<div class="body-wrapper">
<!-- Begin Top Wrapper -->
<div class="top-wrapper">
<header>
<div class="inner">
<div class="logo"><a href="index.html"><img src="style/images/logo.png" alt="" /></a></div>
<!-- Begin Menu -->
<nav id="menu" class="menu">
<ul id="tiny">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="docs.html">Docs</a>
<li><a href="download.html">Download</a>
</ul>
</nav>
<!-- End Menu -->
<div class="clear"></div>
</div>
</header>
</div>
<!-- End Top Wrapper -->
<!-- Begin Light Wrapper -->
<div class="light-wrapper">
<!-- Begin Inner -->
<div class="inner">
<h1 class="aligncenter">Pico Documentation</h1>
<p class="description aligncenter">Pico is a flat file CMS, this means there is no administration backend and database to deal with.
<br />You simply create .txt files in the "content" folder and that becomes a page.</p>
<br />
<h3>Requirements</h3>
<p>To run Pico you simple need <strong>PHP 5.2.4+</strong> to be running on your server. If you're running Apache you will
also require <code>mod_rewrite</code> to be enabled.</p>
<hr>
<h3>Installation</h3>
<ol>
<li>First <a href="download.html">download</a> and extract the latest version of Pico.</li>
<li>Upload the files to your server (via FTP or some other deployment).</li>
<li>That's it. Tweak the <code>.htaccess</code> file if required.</li>
<ol>
<br />
<p>You can override the default Pico settings (and add your own custom settings) by editing config.php in the root Pico directory. The config.php file
lists all of the settings and their defaults. To override a setting simply uncomment it in config.php and set your custom value.</p>
<hr>
<h3>Creating Content</h3>
<p>Pico is a flat file CMS, this means there is no administration backend and database to deal with. You simply create <code>.txt</code> files in the "content"
folder and that becomes a page.</p>
<p>If you created folder within the content folder (e.g. <code>content/sub</code>) and put an <code>index.txt</code> inside it, you can access that folder at the URL
<code><a href="http://yousite.com/sub">http://yousite.com/sub</a></code>. If you want another page within the sub folder, simply create a text file with the corresponding name (e.g. <code>content/sub/page.txt</code>)
and will be able to access it from the URL <code><a href="http://yousite.com/sub/page">http://yousite.com/sub/page</a></code>.</p>
<p>Below we've shown some examples of content locations and their corresponing URL's:</p>
<table>
<tbody>
<tr>
<th style="text-align:left">Physical Location</th>
<th style="text-align:left">URL</th>
</tr>
<tr>
<td>content/index.txt</td>
<td>/</td>
</tr>
<tr>
<td>content/sub.txt</td>
<td>/sub</td>
</tr>
<tr>
<td>content/sub/index.txt</td>
<td>/sub (same as above)</td>
</tr>
<tr>
<td>content/sub/page.txt</td>
<td>/sub/page</td>
</tr>
<tr>
<td>content/a/very/long/url.txt&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td>/a/very/long/url</td>
</tr>
</tbody>
</table>
<br />
<p>If a file cannot be found, the file <code>content/404.txt</code> will be shown.</p>
<h4>Text File Markup</h4>
<p>Text files are marked up using <a href="http://daringfireball.net/projects/markdown/syntax">Markdown</a>.
They can also contain regular HTML. At the top of text files you can place a block comment and specify certain attributes of the page.
For example:</p>
<pre><code>/*
Title: Welcome
Description: This description will go in the meta description tag
Robots: noindex,nofollow
*/
</code></pre>
<p>These values will be contained in the <code>{{ meta }}</code> variable in themes (see below).
There are also certain variables that you can use in your text files:</p>
<ul>
<li>%base_url% - The URL to your Pico site</li>
</ul>
<hr>
<h3>Themeing</h3>
<p>You can create themes for your Pico installation and in the "themes" folder. Check out the default theme for an example of a theme. Pico uses
<a href="http://twig.sensiolabs.org/documentation">Twig</a> for it's templating engine. You can select your theme by setting the <code>$config['theme']</code> variable
in config.php to your theme folder.</p>
<p>All themes must include an <code>index.html</code> file to define the HTML structure of the theme. Below are the Twig variables that are available to use in your theme:</p>
<ul>
<li>
<code>{{ config }}</code> - Conatins the values you set in config.php (e.g. <code>{{ config.theme }}</code> = "default")</li>
<li>
<code>{{ base_dir }}</code> - The path to your Pico root directory</li>
<li>
<code>{{ base_url }}</code> - The URL to your Pico site</li>
<li>
<code>{{ theme_dir }}</code> - The path to the Pico active theme direcotry</li>
<li>
<code>{{ theme_url }}</code> - The URL to the Pico active theme direcotry</li>
<li>
<code>{{ site_title }}</code> - Shortcut to the site title (defined in config.php)</li>
<li>
<code>{{ meta }}</code> - Contains the meta values from the current page (e.g. <code>{{ meta.title }}</code>, <code>{{ meta.description }}</code>, <code>{{ meta.robots }}</code>)</li>
<li>
<code>{{ content }}</code> - The content of the current page (after it has been processed through Markdown)</li>
</ul>
<hr>
<h3>Contribute</h3>
<p>Help make Pico better by checking out <a href="https://github.com/gilbitron/Pico">the GitHub repoistory</a> and submitting pull requests. If you find a bug
please report it on <a href="https://github.com/gilbitron/Pico/issues">the issues page</a>.</p>
<hr>
</div>
<!-- End Inner -->
</div>
<!-- End Light Wrapper -->
<!-- Begin Footer Wrapper -->
<footer class="aligncenter">
<!-- Begin Inner -->
<div class="inner">
<h1>Want to Contribute?</h1>
<p class="description">Help make Pico better by checking out the <a href="https://github.com/gilbitron/Pico">GitHub repository</a> and submitting pull requests.<br />
If you find a bug please report it on the <a href="https://github.com/gilbitron/Pico/issues">issues page</a>.</p>
<ul class="social">
<li><a href="https://twitter.com/dev7studioshq"><i class="icon-s-twitter"></i></a></li>
<li><a href="https://www.facebook.com/dev7studios"><i class="icon-s-facebook"></i></a></li>
</ul>
</div>
<!-- Begin Inner -->
</footer>
<!-- End Footer Wrapper -->
<!-- Begin Sub Footer Wrapper -->
<div class="subfooter-wrapper">
<!-- Begin Inner -->
<div class="inner">
<p>Pico was made by <a href="http://gilbert.pellegrom.me">Gilbert Pellegrom</a> from <a href="http://dev7studios.com">Dev7studios</a>.
Released under the MIT license.</p>
</div>
<!-- Begin Inner -->
</div>
<!-- End Sub Footer Wrapper -->
</div>
<!-- End Body Wrapper -->
<script type="text/javascript" src="style/js/scripts.js"></script>
</body>
</html>

119
download.html Normal file
View file

@ -0,0 +1,119 @@
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Download | Pico</title>
<!--link rel="shortcut icon" type="image/x-icon" href="style/images/favicon.png" /-->
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/css/color/red.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/css/media-queries.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/jquery.fancybox.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" />
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style/type/fontello.css">
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="style/css/ie8.css" media="all" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="style/css/ie9.css" media="all" />
<![endif]-->
<!--[if lt IE 9]>
<script src="style/js/html5.js" type="text/javascript"></script>
<![endif]-->
<script type="text/javascript" src="style/js/jquery.min.js"></script>
<script type="text/javascript" src="style/js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="style/js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="style/js/selectnav.js"></script>
<script type="text/javascript" src="style/js/jquery.slickforms.js"></script>
<script type="text/javascript" src="style/js/jquery.easytabs.min.js"></script>
<script type="text/javascript" src="style/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="style/js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
<script type="text/javascript" src="style/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="style/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="style/js/jquery.touchcarousel-1.2.min.js"></script>
<script type="text/javascript" src="style/js/twitter.min.js"></script>
<script type="text/javascript" src="style/js/boostrapslider.js"></script>
</head>
<body class="full-layout">
<!-- Begin Body Wrapper -->
<div class="body-wrapper">
<!-- Begin Top Wrapper -->
<div class="top-wrapper">
<header>
<div class="inner">
<div class="logo"><a href="index.html"><img src="style/images/logo.png" alt="" /></a></div>
<!-- Begin Menu -->
<nav id="menu" class="menu">
<ul id="tiny">
<li><a href="index.html">Home</a></li>
<li><a href="docs.html">Docs</a>
<li class="active"><a href="download.html">Download</a>
</ul>
</nav>
<!-- End Menu -->
<div class="clear"></div>
</div>
</header>
</div>
<!-- End Top Wrapper -->
<!-- Begin Light Wrapper -->
<div class="light-wrapper">
<!-- Begin Inner -->
<div class="inner">
<h1 class="aligncenter">Download Pico</h1>
<p class="description aligncenter">Download the latest version of Pico or <a href="https://github.com/gilbitron/Pico">clone on GitHub</a>.
<br /><br /><a href="https://github.com/gilbitron/Pico/archive/master.zip" class="button red">Download Pico</a></p>
<br />
<h3>Changelog</h3>
<p><strong>v0.2</strong> - Apr 26, 2013</p>
<ul>
<li>[Changed] Updated Twig</li>
<li>[Changed] Better checking for HTTPS</li>
<li>[Fixed] Add 404 header to 404 page</li>
<li>[Fixed] Case sensitive folder bug</li>
</ul>
<p><strong>v0.1</strong> - Apr 04, 2012</p>
<ul>
<li>Initial release.</li>
</ul>
</div>
<!-- End Inner -->
</div>
<!-- End Light Wrapper -->
<!-- Begin Footer Wrapper -->
<footer class="aligncenter">
<!-- Begin Inner -->
<div class="inner">
<h1>Want to Contribute?</h1>
<p class="description">Help make Pico better by checking out the <a href="https://github.com/gilbitron/Pico">GitHub repository</a> and submitting pull requests.<br />
If you find a bug please report it on the <a href="https://github.com/gilbitron/Pico/issues">issues page</a>.</p>
<ul class="social">
<li><a href="https://twitter.com/dev7studioshq"><i class="icon-s-twitter"></i></a></li>
<li><a href="https://www.facebook.com/dev7studios"><i class="icon-s-facebook"></i></a></li>
</ul>
</div>
<!-- Begin Inner -->
</footer>
<!-- End Footer Wrapper -->
<!-- Begin Sub Footer Wrapper -->
<div class="subfooter-wrapper">
<!-- Begin Inner -->
<div class="inner">
<p>Pico was made by <a href="http://gilbert.pellegrom.me">Gilbert Pellegrom</a> from <a href="http://dev7studios.com">Dev7studios</a>.
Released under the MIT license.</p>
</div>
<!-- Begin Inner -->
</div>
<!-- End Sub Footer Wrapper -->
</div>
<!-- End Body Wrapper -->
<script type="text/javascript" src="style/js/scripts.js"></script>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 250 B

View file

@ -1,138 +1,146 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Pico - A stupidly simple, blazing fast, flat file CMS</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
<script src="javascripts/scale.fix.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3892196-38']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="wrapper">
<header>
<h1>Pico</h1>
<p>Pico is a stupidly simple, blazing fast, flat file CMS.</p>
<p class="view"><a href="https://github.com/gilbitron/Pico">View the Project on GitHub <small>gilbitron/Pico</small></a></p>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Pico - A stupidly simple, blazing fast, flat file CMS.</title>
<meta name="description" content="Pico is a flat file CMS, this means there is no administration backend and database to deal with. You simply create .txt files in the 'content' folder and that becomes a page." />
<!--link rel="shortcut icon" type="image/x-icon" href="style/images/favicon.png" /-->
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/css/color/red.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/css/media-queries.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/jquery.fancybox.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" />
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style/type/fontello.css">
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="style/css/ie8.css" media="all" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="style/css/ie9.css" media="all" />
<![endif]-->
<!--[if lt IE 9]>
<script src="style/js/html5.js" type="text/javascript"></script>
<![endif]-->
<script type="text/javascript" src="style/js/jquery.min.js"></script>
<script type="text/javascript" src="style/js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="style/js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="style/js/selectnav.js"></script>
<script type="text/javascript" src="style/js/jquery.slickforms.js"></script>
<script type="text/javascript" src="style/js/jquery.easytabs.min.js"></script>
<script type="text/javascript" src="style/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="style/js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
<script type="text/javascript" src="style/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="style/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="style/js/jquery.touchcarousel-1.2.min.js"></script>
<script type="text/javascript" src="style/js/twitter.min.js"></script>
<script type="text/javascript" src="style/js/boostrapslider.js"></script>
</head>
<body class="full-layout">
<!-- Begin Body Wrapper -->
<div class="body-wrapper">
<!-- Begin Top Wrapper -->
<div class="top-wrapper">
<header>
<div class="inner">
<div class="logo"><a href="index.html"><img src="style/images/logo.png" alt="" /></a></div>
<!-- Begin Menu -->
<nav id="menu" class="menu">
<ul id="tiny">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="docs.html">Docs</a>
<li><a href="download.html">Download</a>
</ul>
</nav>
<!-- End Menu -->
<div class="clear"></div>
</div>
</header>
<div class="bannercontainer">
<div class="banner">
<ul>
<li><a href="https://github.com/gilbitron/Pico/zipball/master">Download <strong>v0.1</strong></a></li>
<li><a href="https://github.com/gilbitron/Pico">View On <strong>GitHub</strong></a></li>
<li data-transition="fade"> <img src="style/images/art/slider-transparent.png" alt="" style="background-color:#2a2a2a" />
<div class="caption sfl huge" data-x="320" data-y="90" data-speed="300" data-start="100" data-easing="easeOutExpo">Introducing</div>
<div class="caption sft huge" data-x="630" data-y="90" data-speed="300" data-start="800" data-easing="easeOutExpo"><strong>Pico.</strong></div>
<div class="caption sfl big" data-x="center" data-y="176" data-speed="300" data-start="1100" data-easing="easeOutExpo">A stupidly <em>simple</em> <span class="colored">&</span> blazing <em>fast</em>, flat file CMS.</div>
<div class="caption sfr big" data-x="center" data-y="245" data-speed="300" data-start="1400" data-easing="easeOutExpo">Making the web easy.</div>
<div class="caption sfb" data-x="center" data-y="329" data-speed="300" data-start="1700" data-easing="easeOutExpo"><a href="download.html" class="button">Download Now</a></div>
</li>
</ul>
</header>
<section>
<h2>Creating Content</h2>
<p>Pico is a flat file CMS, this means there is no administration backend and database to deal with. You simply create <code>.txt</code> files in the "content"
folder and that becomes a page.</p>
<p>If you created folder within the content folder (e.g. <code>content/sub</code>) and put an <code>index.txt</code> inside it, you can access that folder at the URL
<code><a href="http://yousite.com/sub">http://yousite.com/sub</a></code>. If you want another page within the sub folder, simply create a text file with the corresponding name (e.g. <code>content/sub/page.txt</code>)
and will be able to access it from the URL <code><a href="http://yousite.com/sub/page">http://yousite.com/sub/page</a></code>.</p>
<p>Below we've shown some examples of content locations and their corresponing URL's:</p>
<table>
<tr>
<th>Physical Location</th>
<th>URL</th>
</tr>
<tr>
<td>content/index.txt</td>
<td>/</td>
</tr>
<tr>
<td>content/sub.txt</td>
<td>/sub</td>
</tr>
<tr>
<td>content/sub/index.txt</td>
<td>/sub (same as above)</td>
</tr>
<tr>
<td>content/sub/page.txt</td>
<td>/sub/page</td>
</tr>
<tr>
<td>content/a/very/long/url.txt</td>
<td>/a/very/long/url</td>
</tr>
</table><p>If a file cannot be found, the file <code>content/404.txt</code> will be shown.</p>
<h2>Text File Markup</h2>
<p>Text files are marked up using <a href="http://daringfireball.net/projects/markdown/syntax">Markdown</a>. They can also contain regular HTML.</p>
<p>At the top of text files you can place a block comment and specify certain attributes of the page. For example:</p>
<pre><code>/*
Title: Welcome
Description: This description will go in the meta description tag
Robots: noindex,nofollow
*/
</code></pre>
<p>These values will be contained in the <code>{{ meta }}</code> variable in themes (see below).</p>
<p>There are also certain variables that you can use in your text files:</p>
<ul>
<li>%base_url% - The URL to your Pico site</li>
</ul><h2>Themes</h2>
<p>You can create themes for your Pico installation and in the "themes" folder. Check out the default theme for an example of a theme. Pico uses
<a href="http://twig.sensiolabs.org/documentation">Twig</a> for it's templating engine. You can select your theme by setting the <code>$config['theme']</code> variable
in config.php to your theme folder.</p>
<p>All themes must include an <code>index.html</code> file to define the HTML structure of the theme. Below are the Twig variables that are available to use in your theme:</p>
<ul>
<li>
<code>{{ config }}</code> - Conatins the values you set in config.php (e.g. <code>{{ config.theme }}</code> = "default")</li>
<li>
<code>{{ base_dir }}</code> - The path to your Pico root directory</li>
<li>
<code>{{ base_url }}</code> - The URL to your Pico site</li>
<li>
<code>{{ theme_dir }}</code> - The path to the Pico active theme direcotry</li>
<li>
<code>{{ theme_url }}</code> - The URL to the Pico active theme direcotry</li>
<li>
<code>{{ site_title }}</code> - Shortcut to the site title (defined in config.php)</li>
<li>
<code>{{ meta }}</code> - Contains the meta values from the current page (e.g. <code>{{ meta.title }}</code>, <code>{{ meta.description }}</code>, <code>{{ meta.robots }}</code>)</li>
<li>
<code>{{ content }}</code> - The content of the current page (after it has been processed through Markdown)</li>
</ul><h2>Config</h2>
<p>You can override the default Pico settings (and add your own custom settings) by editing config.php in the root Pico directory. The config.php file
list all of the settings and their defaults. To override a setting simply uncomment it in config.php and set your custom value.</p>
<h2>Contirbute</h2>
<p>Help make Pico better by checking out <a href="https://github.com/gilbitron/Pico">the Git repoistory</a> and submitting pull requests. If you find a bug
please report it on <a href="https://github.com/gilbitron/Pico/issues">the issues page</a>.</p>
</section>
<div class="tp-bannertimer tp-bottom"></div>
</div>
</div>
<footer>
<p>Pico was made by <a href="http://gilbert.pellegrom.me">Gilbert Pellegrom</a> from <a href="http://dev7studios.com">Dev7studios</a></p>
<p>Released under the MIT license</p>
</footer>
<!--[if !IE]><script>fixScale(document);</script><!--<![endif]-->
</body>
</div>
<!-- End Top Wrapper -->
<!-- Begin Dark Wrapper -->
<div class="dark-wrapper">
<!-- Begin Inner -->
<div class="inner">
<div class="box-wrapper">
<div class="one-third box"> <i class="icon-thumbs-up special"></i>
<h3>Stupidly Simple</h3>
<p>Picos makes creating and maintaining a website as simple as editing text files.</p>
</div>
<div class="one-third box"> <i class="icon-gauge special"></i>
<h3>Blazing Fast</h3>
<p>Pico is seriously lightweight and doesn't use a database, making it super fast.</p>
</div>
<div class="one-third box last"> <i class="icon-database special"></i>
<h3>No Database</h3>
<p>Pico is a "flat file" CMS, meaning no database woe's, no MySQL queries, nothing.</p>
</div>
<div class="clear"></div>
<br />
<div class="one-third box"> <i class="icon-font special"></i>
<h3>Markdown Formatting</h3>
<p>Edit your website in your favourite text editor using simple Markdown formatting.</p>
</div>
<div class="one-third box"> <i class="icon-brush special"></i>
<h3>Twig Templates</h3>
<p>Pico uses the <a href="http://twig.sensiolabs.org/" target="_blank">Twig</a> templating engine, for powerful and flexible themes.</p>
</div>
<div class="one-third box last"> <i class="icon-flow-branch special"></i>
<h3>Open Source</h3>
<p>Pico is completely free and open source, released under the MIT license.</p>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Inner -->
</div>
<!-- End Dark Wrapper -->
<!-- Begin Footer Wrapper -->
<footer class="aligncenter">
<!-- Begin Inner -->
<div class="inner">
<h1>Want to Contribute?</h1>
<p class="description">Help make Pico better by checking out the <a href="https://github.com/gilbitron/Pico">GitHub repository</a> and submitting pull requests.<br />
If you find a bug please report it on the <a href="https://github.com/gilbitron/Pico/issues">issues page</a>.</p>
<ul class="social">
<li><a href="https://twitter.com/dev7studioshq"><i class="icon-s-twitter"></i></a></li>
<li><a href="https://www.facebook.com/dev7studios"><i class="icon-s-facebook"></i></a></li>
</ul>
</div>
<!-- Begin Inner -->
</footer>
<!-- End Footer Wrapper -->
<!-- Begin Sub Footer Wrapper -->
<div class="subfooter-wrapper">
<!-- Begin Inner -->
<div class="inner">
<p>Pico was made by <a href="http://gilbert.pellegrom.me">Gilbert Pellegrom</a> from <a href="http://dev7studios.com">Dev7studios</a>.
Released under the MIT license.</p>
</div>
<!-- Begin Inner -->
</div>
<!-- End Sub Footer Wrapper -->
</div>
<!-- End Body Wrapper -->
<script type="text/javascript" src="style/js/scripts.js"></script>
</body>
</html>

View file

@ -1,20 +0,0 @@
fixScale = function(doc) {
var addEvent = 'addEventListener',
type = 'gesturestart',
qsa = 'querySelectorAll',
scales = [1, 1],
meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];
function fix() {
meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
doc.removeEventListener(type, fix, true);
}
if ((meta = meta[meta.length - 1]) && addEvent in doc) {
fix();
scales = [.25, 1.6];
doc[addEvent](type, fix, true);
}
};

View file

@ -1 +0,0 @@
{"note":"Don't delete this file! It's used internally to help with page regeneration.","name":"Pico","google":"","tagline":"Pico is a stupidly simple, blazing fast, flat file CMS.","body":"Creating Content\r\n----------------\r\n\r\nPico is a flat file CMS, this means there is no administration backend and database to deal with. You simply create `.txt` files in the \"content\"\r\nfolder and that becomes a page. For example this file is called `index.txt` and is shown as the main landing page. \r\n\r\nIf you created folder within the content folder (e.g. `content/sub`) and put an `index.txt` inside it, you can access that folder at the URL \r\n`http://yousite.com/sub`. If you want another page within the sub folder, simply create a text file with the corresponding name (e.g. `content/sub/page.txt`)\r\nand will be able to access it from the URL `http://yousite.com/sub/page`. Below we've shown some examples of content locations and their corresponing URL's:\r\n\r\n<table>\r\n\t<thead>\r\n\t\t<tr><th>Physical Location</th><th>URL</th></tr>\r\n\t</thead>\r\n\t<tbody>\r\n\t\t<tr><td>content/index.txt</td><td>/</td></tr>\r\n\t\t<tr><td>content/sub.txt</td><td>/sub</td></tr>\r\n\t\t<tr><td>content/sub/index.txt</td><td>/sub (same as above)</td></tr>\r\n\t\t<tr><td>content/sub/page.txt</td><td>/sub/page</td></tr>\r\n\t\t<tr><td>content/a/very/long/url.txt</td><td>/a/very/long/url</td></tr>\r\n\t</tbody>\r\n</table>\r\n\r\nIf a file cannot be found, the file `content/404.txt` will be shown.\r\n\r\nText File Markup\r\n----------------\r\n\r\nText files are marked up using [Markdown](http://daringfireball.net/projects/markdown/syntax). They can also contain regular HTML.\r\n\r\nAt the top of text files you can place a block comment and specify certain attributes of the page. For example:\r\n\r\n\t/*\r\n\tTitle: Welcome\r\n\tDescription: This description will go in the meta description tag\r\n\tRobots: noindex,nofollow\r\n\t*/\r\n\r\nThese values will be contained in the `{{ meta }}` variable in themes (see below).\r\n\r\nThere are also certain variables that you can use in your text files:\r\n\r\n* &#37;base_url&#37; - The URL to your Pico site\r\n\r\nThemes\r\n------\r\n\r\nYou can create themes for your Pico installation and in the \"themes\" folder. Check out the default theme for an example of a theme. Pico uses\r\n[Twig](http://twig.sensiolabs.org/documentation) for it's templating engine. You can select your theme by setting the `$config['theme']` variable\r\nin config.php to your theme folder.\r\n\r\nAll themes must include an `index.html` file to define the HTML structure of the theme. Below are the Twig variables that are available to use in your theme:\r\n\r\n* `{{ config }}` - Conatins the values you set in config.php (e.g. `{{ config.theme }}` = \"default\")\r\n* `{{ base_dir }}` - The path to your Pico root directory\r\n* `{{ base_url }}` - The URL to your Pico site\r\n* `{{ theme_dir }}` - The path to the Pico active theme direcotry\r\n* `{{ theme_url }}` - The URL to the Pico active theme direcotry\r\n* `{{ site_title }}` - Shortcut to the site title (defined in config.php)\r\n* `{{ meta }}` - Contains the meta values from the current page (e.g. `{{ meta.title }}`, `{{ meta.description }}`, `{{ meta.robots }}`)\r\n* `{{ content }}` - The content of the current page (after it has been processed through Markdown)\r\n\r\nConfig\r\n------\r\n\r\nYou can override the default Pico settings (and add your own custom settings) by editing config.php in the root Pico directory. The config.php file\r\nlist all of the settings and their defaults. To override a setting simply uncomment it in config.php and set your custom value."}

2777
style.css Normal file

File diff suppressed because it is too large Load diff

125
style/css/color/aqua.css Normal file
View file

@ -0,0 +1,125 @@
a {
color: #65ccd1;
}
h2.post-title a:hover {
color: #65ccd1
}
a.button,
.forms fieldset .btn-submit,
.comment-form .btn-submit,
.filter li a,
.page-navi ul li a {
background-color: #65ccd1;
}
ul li:before {
color: #65ccd1;
}
.lite1 {
color: #65ccd1;
border-bottom: 1px dotted #65ccd1;
}
.menu ul li.active a,
.menu ul li a:hover,
.menu ul li a.selected {
color: #65ccd1
}
.menu ul li ul:before {
border-bottom: 5px solid #65ccd1;
}
.menu ul li ul li:first-child {
border-top: 2px solid #65ccd1
}
.menu ul li ul li a:hover {
background-color: #65ccd1;
}
.box-wrapper .box:hover i.special {
color: #65ccd1;
}
.box-wrapper .box:hover p,
.box-wrapper .box:hover h3 {
color: #65ccd1;
}
footer a:hover {
color: #65ccd1
}
.subfooter-wrapper a:hover {
color: #65ccd1
}
ul.contact-info li i {
color: #65ccd1;
}
.post .info .date {
background: #65ccd1;
}
.post-list h6 a:hover {
color: #65ccd1
}
.related-wrapper h2 a:hover {
color: #65ccd1
}
#comments .info h2 a:hover {
color: #65ccd1
}
#comments a.reply-link:hover {
color: #65ccd1
}
.tab a.active,
.tab a:hover {
color: #65ccd1
}
#testimonials .author {
color: #65ccd1;
}
#testimonials .tab a.active,
#testimonials .tab a:hover {
background: #65ccd1;
}
.toggle h4.title:hover,
.toggle h4.title.active {
color: #65ccd1
}
.tp-caption .colored {
color: #65ccd1
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
background-color: #65ccd1
}
.tparrows:hover {
background-color: #65ccd1;
}
.touchcarousel .touchcarousel-item .link:hover {
background-color: #65ccd1;
}
.touchcarousel .touchcarousel-item .caption a:hover {
color: #65ccd1;
}
.touch-carousel .scrollbar {
background-color: #65ccd1 !important;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
background: #65ccd1 !important;
}
.meter > span {
background-color: #65ccd1;
}
.pricing .plan h4 span {
color: #65ccd1;
}
.portfolio-detail-view .closebutton:hover,
.portfolio-detail-view-remove .closebutton:hover {
background: #65ccd1;
}
.carousel .item .link:hover,
.portfolio-detail-view .single .link:hover {
background-color: #65ccd1;
}
.carousel-control:hover {
background-color: #65ccd1;
}
.items li a .overlay,
.overlay a .more {
background-color: rgba(101,204,209, 0.92);
}

125
style/css/color/blue.css Normal file
View file

@ -0,0 +1,125 @@
a {
color: #5daed5;
}
h2.post-title a:hover {
color: #5daed5
}
a.button,
.forms fieldset .btn-submit,
.comment-form .btn-submit,
.filter li a,
.page-navi ul li a {
background-color: #5daed5;
}
ul li:before {
color: #5daed5;
}
.lite1 {
color: #5daed5;
border-bottom: 1px dotted #5daed5;
}
.menu ul li.active a,
.menu ul li a:hover,
.menu ul li a.selected {
color: #5daed5
}
.menu ul li ul:before {
border-bottom: 5px solid #5daed5;
}
.menu ul li ul li:first-child {
border-top: 2px solid #5daed5
}
.menu ul li ul li a:hover {
background-color: #5daed5;
}
.box-wrapper .box:hover i.special {
color: #5daed5;
}
.box-wrapper .box:hover p,
.box-wrapper .box:hover h3 {
color: #5daed5;
}
footer a:hover {
color: #5daed5
}
.subfooter-wrapper a:hover {
color: #5daed5
}
ul.contact-info li i {
color: #5daed5;
}
.post .info .date {
background: #5daed5;
}
.post-list h6 a:hover {
color: #5daed5
}
.related-wrapper h2 a:hover {
color: #5daed5
}
#comments .info h2 a:hover {
color: #5daed5
}
#comments a.reply-link:hover {
color: #5daed5
}
.tab a.active,
.tab a:hover {
color: #5daed5
}
#testimonials .author {
color: #5daed5;
}
#testimonials .tab a.active,
#testimonials .tab a:hover {
background: #5daed5;
}
.toggle h4.title:hover,
.toggle h4.title.active {
color: #5daed5
}
.tp-caption .colored {
color: #5daed5
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
background-color: #5daed5
}
.tparrows:hover {
background-color: #5daed5;
}
.touchcarousel .touchcarousel-item .link:hover {
background-color: #5daed5;
}
.touchcarousel .touchcarousel-item .caption a:hover {
color: #5daed5;
}
.touch-carousel .scrollbar {
background-color: #5daed5 !important;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
background: #5daed5 !important;
}
.meter > span {
background-color: #5daed5;
}
.pricing .plan h4 span {
color: #5daed5;
}
.portfolio-detail-view .closebutton:hover,
.portfolio-detail-view-remove .closebutton:hover {
background: #5daed5;
}
.carousel .item .link:hover,
.portfolio-detail-view .single .link:hover {
background-color: #5daed5;
}
.carousel-control:hover {
background-color: #5daed5;
}
.items li a .overlay,
.overlay a .more {
background-color: rgba(93,174,213, 0.92);
}

125
style/css/color/green.css Normal file
View file

@ -0,0 +1,125 @@
a {
color: #5fcd90;
}
h2.post-title a:hover {
color: #5fcd90
}
a.button,
.forms fieldset .btn-submit,
.comment-form .btn-submit,
.filter li a,
.page-navi ul li a {
background-color: #5fcd90;
}
ul li:before {
color: #5fcd90;
}
.lite1 {
color: #5fcd90;
border-bottom: 1px dotted #5fcd90;
}
.menu ul li.active a,
.menu ul li a:hover,
.menu ul li a.selected {
color: #5fcd90
}
.menu ul li ul:before {
border-bottom: 5px solid #5fcd90;
}
.menu ul li ul li:first-child {
border-top: 2px solid #5fcd90
}
.menu ul li ul li a:hover {
background-color: #5fcd90;
}
.box-wrapper .box:hover i.special {
color: #5fcd90;
}
.box-wrapper .box:hover p,
.box-wrapper .box:hover h3 {
color: #5fcd90;
}
footer a:hover {
color: #5fcd90
}
.subfooter-wrapper a:hover {
color: #5fcd90
}
ul.contact-info li i {
color: #5fcd90;
}
.post .info .date {
background: #5fcd90;
}
.post-list h6 a:hover {
color: #5fcd90
}
.related-wrapper h2 a:hover {
color: #5fcd90
}
#comments .info h2 a:hover {
color: #5fcd90
}
#comments a.reply-link:hover {
color: #5fcd90
}
.tab a.active,
.tab a:hover {
color: #5fcd90
}
#testimonials .author {
color: #5fcd90;
}
#testimonials .tab a.active,
#testimonials .tab a:hover {
background: #5fcd90;
}
.toggle h4.title:hover,
.toggle h4.title.active {
color: #5fcd90
}
.tp-caption .colored {
color: #5fcd90
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
background-color: #5fcd90
}
.tparrows:hover {
background-color: #5fcd90;
}
.touchcarousel .touchcarousel-item .link:hover {
background-color: #5fcd90;
}
.touchcarousel .touchcarousel-item .caption a:hover {
color: #5fcd90;
}
.touch-carousel .scrollbar {
background-color: #5fcd90 !important;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
background: #5fcd90 !important;
}
.meter > span {
background-color: #5fcd90;
}
.pricing .plan h4 span {
color: #5fcd90;
}
.portfolio-detail-view .closebutton:hover,
.portfolio-detail-view-remove .closebutton:hover {
background: #5fcd90;
}
.carousel .item .link:hover,
.portfolio-detail-view .single .link:hover {
background-color: #5fcd90;
}
.carousel-control:hover {
background-color: #5fcd90;
}
.items li a .overlay,
.overlay a .more {
background-color: rgba(95,205,144, 0.92);
}

125
style/css/color/orange.css Normal file
View file

@ -0,0 +1,125 @@
a {
color: #ee6325;
}
h2.post-title a:hover {
color: #ee6325
}
a.button,
.forms fieldset .btn-submit,
.comment-form .btn-submit,
.filter li a,
.page-navi ul li a {
background-color: #ee6325;
}
ul li:before {
color: #ee6325;
}
.lite1 {
color: #ee6325;
border-bottom: 1px dotted #ee6325;
}
.menu ul li.active a,
.menu ul li a:hover,
.menu ul li a.selected {
color: #ee6325
}
.menu ul li ul:before {
border-bottom: 5px solid #ee6325;
}
.menu ul li ul li:first-child {
border-top: 2px solid #ee6325
}
.menu ul li ul li a:hover {
background-color: #ee6325;
}
.box-wrapper .box:hover i.special {
color: #ee6325;
}
.box-wrapper .box:hover p,
.box-wrapper .box:hover h3 {
color: #ee6325;
}
footer a:hover {
color: #ee6325
}
.subfooter-wrapper a:hover {
color: #ee6325
}
ul.contact-info li i {
color: #ee6325;
}
.post .info .date {
background: #ee6325;
}
.post-list h6 a:hover {
color: #ee6325
}
.related-wrapper h2 a:hover {
color: #ee6325
}
#comments .info h2 a:hover {
color: #ee6325
}
#comments a.reply-link:hover {
color: #ee6325
}
.tab a.active,
.tab a:hover {
color: #ee6325
}
#testimonials .author {
color: #ee6325;
}
#testimonials .tab a.active,
#testimonials .tab a:hover {
background: #ee6325;
}
.toggle h4.title:hover,
.toggle h4.title.active {
color: #ee6325
}
.tp-caption .colored {
color: #ee6325
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
background-color: #ee6325
}
.tparrows:hover {
background-color: #ee6325;
}
.touchcarousel .touchcarousel-item .link:hover {
background-color: #ee6325;
}
.touchcarousel .touchcarousel-item .caption a:hover {
color: #ee6325;
}
.touch-carousel .scrollbar {
background-color: #ee6325 !important;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
background: #ee6325 !important;
}
.meter > span {
background-color: #ee6325;
}
.pricing .plan h4 span {
color: #ee6325;
}
.portfolio-detail-view .closebutton:hover,
.portfolio-detail-view-remove .closebutton:hover {
background: #ee6325;
}
.carousel .item .link:hover,
.portfolio-detail-view .single .link:hover {
background-color: #ee6325;
}
.carousel-control:hover {
background-color: #ee6325;
}
.items li a .overlay,
.overlay a .more {
background-color: rgba(238,99,37, 0.92);
}

125
style/css/color/pink.css Normal file
View file

@ -0,0 +1,125 @@
a {
color: #ff6081;
}
h2.post-title a:hover {
color: #ff6081
}
a.button,
.forms fieldset .btn-submit,
.comment-form .btn-submit,
.filter li a,
.page-navi ul li a {
background-color: #ff6081;
}
ul li:before {
color: #ff6081;
}
.lite1 {
color: #ff6081;
border-bottom: 1px dotted #ff6081;
}
.menu ul li.active a,
.menu ul li a:hover,
.menu ul li a.selected {
color: #ff6081
}
.menu ul li ul:before {
border-bottom: 5px solid #ff6081;
}
.menu ul li ul li:first-child {
border-top: 2px solid #ff6081
}
.menu ul li ul li a:hover {
background-color: #ff6081;
}
.box-wrapper .box:hover i.special {
color: #ff6081;
}
.box-wrapper .box:hover p,
.box-wrapper .box:hover h3 {
color: #ff6081;
}
footer a:hover {
color: #ff6081
}
.subfooter-wrapper a:hover {
color: #ff6081
}
ul.contact-info li i {
color: #ff6081;
}
.post .info .date {
background: #ff6081;
}
.post-list h6 a:hover {
color: #ff6081
}
.related-wrapper h2 a:hover {
color: #ff6081
}
#comments .info h2 a:hover {
color: #ff6081
}
#comments a.reply-link:hover {
color: #ff6081
}
.tab a.active,
.tab a:hover {
color: #ff6081
}
#testimonials .author {
color: #ff6081;
}
#testimonials .tab a.active,
#testimonials .tab a:hover {
background: #ff6081;
}
.toggle h4.title:hover,
.toggle h4.title.active {
color: #ff6081
}
.tp-caption .colored {
color: #ff6081
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
background-color: #ff6081
}
.tparrows:hover {
background-color: #ff6081;
}
.touchcarousel .touchcarousel-item .link:hover {
background-color: #ff6081;
}
.touchcarousel .touchcarousel-item .caption a:hover {
color: #ff6081;
}
.touch-carousel .scrollbar {
background-color: #ff6081 !important;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
background: #ff6081 !important;
}
.meter > span {
background-color: #ff6081;
}
.pricing .plan h4 span {
color: #ff6081;
}
.portfolio-detail-view .closebutton:hover,
.portfolio-detail-view-remove .closebutton:hover {
background: #ff6081;
}
.carousel .item .link:hover,
.portfolio-detail-view .single .link:hover {
background-color: #ff6081;
}
.carousel-control:hover {
background-color: #ff6081;
}
.items li a .overlay,
.overlay a .more {
background-color: rgba(255,96,129, 0.92);
}

125
style/css/color/purple.css Normal file
View file

@ -0,0 +1,125 @@
a {
color: #9978c6;
}
h2.post-title a:hover {
color: #9978c6
}
a.button,
.forms fieldset .btn-submit,
.comment-form .btn-submit,
.filter li a,
.page-navi ul li a {
background-color: #9978c6;
}
ul li:before {
color: #9978c6;
}
.lite1 {
color: #9978c6;
border-bottom: 1px dotted #9978c6;
}
.menu ul li.active a,
.menu ul li a:hover,
.menu ul li a.selected {
color: #9978c6
}
.menu ul li ul:before {
border-bottom: 5px solid #9978c6;
}
.menu ul li ul li:first-child {
border-top: 2px solid #9978c6
}
.menu ul li ul li a:hover {
background-color: #9978c6;
}
.box-wrapper .box:hover i.special {
color: #9978c6;
}
.box-wrapper .box:hover p,
.box-wrapper .box:hover h3 {
color: #9978c6;
}
footer a:hover {
color: #9978c6
}
.subfooter-wrapper a:hover {
color: #9978c6
}
ul.contact-info li i {
color: #9978c6;
}
.post .info .date {
background: #9978c6;
}
.post-list h6 a:hover {
color: #9978c6
}
.related-wrapper h2 a:hover {
color: #9978c6
}
#comments .info h2 a:hover {
color: #9978c6
}
#comments a.reply-link:hover {
color: #9978c6
}
.tab a.active,
.tab a:hover {
color: #9978c6
}
#testimonials .author {
color: #9978c6;
}
#testimonials .tab a.active,
#testimonials .tab a:hover {
background: #9978c6;
}
.toggle h4.title:hover,
.toggle h4.title.active {
color: #9978c6
}
.tp-caption .colored {
color: #9978c6
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
background-color: #9978c6
}
.tparrows:hover {
background-color: #9978c6;
}
.touchcarousel .touchcarousel-item .link:hover {
background-color: #9978c6;
}
.touchcarousel .touchcarousel-item .caption a:hover {
color: #9978c6;
}
.touch-carousel .scrollbar {
background-color: #9978c6 !important;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
background: #9978c6 !important;
}
.meter > span {
background-color: #9978c6;
}
.pricing .plan h4 span {
color: #9978c6;
}
.portfolio-detail-view .closebutton:hover,
.portfolio-detail-view-remove .closebutton:hover {
background: #9978c6;
}
.carousel .item .link:hover,
.portfolio-detail-view .single .link:hover {
background-color: #9978c6;
}
.carousel-control:hover {
background-color: #9978c6;
}
.items li a .overlay,
.overlay a .more {
background-color: rgba(153,120,198, 0.92);
}

125
style/css/color/red.css Normal file
View file

@ -0,0 +1,125 @@
a {
color: #ff6760;
}
h2.post-title a:hover {
color: #ff6760
}
a.button,
.forms fieldset .btn-submit,
.comment-form .btn-submit,
.filter li a,
.page-navi ul li a {
background-color: #ff6760;
}
ul li:before {
color: #ff6760;
}
.lite1 {
color: #ff6760;
border-bottom: 1px dotted #ff6760;
}
.menu ul li.active a,
.menu ul li a:hover,
.menu ul li a.selected {
color: #ff6760
}
.menu ul li ul:before {
border-bottom: 5px solid #ff6760;
}
.menu ul li ul li:first-child {
border-top: 2px solid #ff6760
}
.menu ul li ul li a:hover {
background-color: #ff6760;
}
.box-wrapper .box:hover i.special {
color: #ff6760;
}
.box-wrapper .box:hover p,
.box-wrapper .box:hover h3 {
color: #ff6760;
}
footer a:hover {
color: #ff6760
}
.subfooter-wrapper a:hover {
color: #ff6760
}
ul.contact-info li i {
color: #ff6760;
}
.post .info .date {
background: #ff6760;
}
.post-list h6 a:hover {
color: #ff6760
}
.related-wrapper h2 a:hover {
color: #ff6760
}
#comments .info h2 a:hover {
color: #ff6760
}
#comments a.reply-link:hover {
color: #ff6760
}
.tab a.active,
.tab a:hover {
color: #ff6760
}
#testimonials .author {
color: #ff6760;
}
#testimonials .tab a.active,
#testimonials .tab a:hover {
background: #ff6760;
}
.toggle h4.title:hover,
.toggle h4.title.active {
color: #ff6760
}
.tp-caption .colored {
color: #ff6760
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
background-color: #ff6760
}
.tparrows:hover {
background-color: #ff6760;
}
.touchcarousel .touchcarousel-item .link:hover {
background-color: #ff6760;
}
.touchcarousel .touchcarousel-item .caption a:hover {
color: #ff6760;
}
.touch-carousel .scrollbar {
background-color: #ff6760 !important;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
background: #ff6760 !important;
}
.meter > span {
background-color: #ff6760;
}
.pricing .plan h4 span {
color: #ff6760;
}
.portfolio-detail-view .closebutton:hover,
.portfolio-detail-view-remove .closebutton:hover {
background: #ff6760;
}
.carousel .item .link:hover,
.portfolio-detail-view .single .link:hover {
background-color: #ff6760;
}
.carousel-control:hover {
background-color: #ff6760;
}
.items li a .overlay,
.overlay a .more {
background-color: rgba(255,103,96, 0.92);
}

125
style/css/color/yellow.css Normal file
View file

@ -0,0 +1,125 @@
a {
color: #ffc360;
}
h2.post-title a:hover {
color: #ffc360
}
a.button,
.forms fieldset .btn-submit,
.comment-form .btn-submit,
.filter li a,
.page-navi ul li a {
background-color: #ffc360;
}
ul li:before {
color: #ffc360;
}
.lite1 {
color: #ffc360;
border-bottom: 1px dotted #ffc360;
}
.menu ul li.active a,
.menu ul li a:hover,
.menu ul li a.selected {
color: #ffc360
}
.menu ul li ul:before {
border-bottom: 5px solid #ffc360;
}
.menu ul li ul li:first-child {
border-top: 2px solid #ffc360
}
.menu ul li ul li a:hover {
background-color: #ffc360;
}
.box-wrapper .box:hover i.special {
color: #ffc360;
}
.box-wrapper .box:hover p,
.box-wrapper .box:hover h3 {
color: #ffc360;
}
footer a:hover {
color: #ffc360
}
.subfooter-wrapper a:hover {
color: #ffc360
}
ul.contact-info li i {
color: #ffc360;
}
.post .info .date {
background: #ffc360;
}
.post-list h6 a:hover {
color: #ffc360
}
.related-wrapper h2 a:hover {
color: #ffc360
}
#comments .info h2 a:hover {
color: #ffc360
}
#comments a.reply-link:hover {
color: #ffc360
}
.tab a.active,
.tab a:hover {
color: #ffc360
}
#testimonials .author {
color: #ffc360;
}
#testimonials .tab a.active,
#testimonials .tab a:hover {
background: #ffc360;
}
.toggle h4.title:hover,
.toggle h4.title.active {
color: #ffc360
}
.tp-caption .colored {
color: #ffc360
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
background-color: #ffc360
}
.tparrows:hover {
background-color: #ffc360;
}
.touchcarousel .touchcarousel-item .link:hover {
background-color: #ffc360;
}
.touchcarousel .touchcarousel-item .caption a:hover {
color: #ffc360;
}
.touch-carousel .scrollbar {
background-color: #ffc360 !important;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
background: #ffc360 !important;
}
.meter > span {
background-color: #ffc360;
}
.pricing .plan h4 span {
color: #ffc360;
}
.portfolio-detail-view .closebutton:hover,
.portfolio-detail-view-remove .closebutton:hover {
background: #ffc360;
}
.carousel .item .link:hover,
.portfolio-detail-view .single .link:hover {
background-color: #ffc360;
}
.carousel-control:hover {
background-color: #ffc360;
}
.items li a .overlay,
.overlay a .more {
background-color: rgba(255,195,96, 0.92);
}

11
style/css/ie8.css Normal file
View file

@ -0,0 +1,11 @@
.items li a .overlay,
.overlay a .more {
background: #222;
}
.forms fieldset .text-input,
.forms fieldset .text-area,
.searchform input,
.comment-form input,
.comment-form textarea {
padding-top: 8px;
}

0
style/css/ie9.css Normal file
View file

659
style/css/media-queries.css Normal file
View file

@ -0,0 +1,659 @@
/*-----------------------------------------------------------------------------------*/
/* MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/* iPad Landscape */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.inner {
width: 960px
}
.items.col4 {
margin-right: -8px
}
.items.col4 li {
margin: 0 8px 8px 0;
width: 234px;
}
.category-wrapper .carousel-wrapper,
.touch-carousel {
width: 680px
}
.blog-grid .post {
width: 290px;
margin-right: 45px;
}
.content {
width: 650px
}
.portfolio-detail-content-container .content {
width: 660px
}
.sidebar,
.item-details {
width: 260px
}
.portfolio-bannercontainer,
.portfolio-banner {
width: 960px
}
.content .blog-grid .post {
width: 305px;
margin-right: 40px;
}
.related-wrapper .related {
width: 200px;
margin: 0 25px 0 0;
}
.client-list .frame {
width: 184px
}
.box-layout {
padding: 0;
}
.box-layout .body-wrapper {
width: 100%;
}
.box-layout .portfolio-detail-view,
.box-layout .portfolio-detail-view-remove {
width:100%;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.inner {
width: 720px
}
header .logo {
float: none;
text-align: center;
margin-bottom: 20px;
}
header .logo img {
display: inline
}
header .menu {
float: none;
text-align: center;
}
header .menu {
float: none;
text-align: center;
}
.menu ul li {
margin-left: 30px;
margin-right: 30px;
}
header .menu ul ul {
text-align: left
}
.items.col4 {
margin-right: -9px
}
.items.col4 li {
margin: 0 9px 9px 0;
width: 234px;
}
.process .tab a {
padding: 10px 20px
}
.blog-grid .post {
width: 220px;
margin-right: 30px;
}
.category-wrapper .category-info {
width: 100%;
margin-bottom: 10px;
float: none;
height: auto;
background: none;
padding: 0;
}
.category-wrapper .category-info h3 {
margin-bottom: 10px
}
.category-wrapper .carousel-wrapper,
.touch-carousel {
width: 720px;
float: none;
}
.content {
width: 485px
}
.portfolio-detail-content-container .content {
width: 100%;
float: none;
margin-bottom: 20px;
}
.portfolio-detail-content-container .item-details {
width: 100%;
float: none;
}
.sidebar,
.item-details {
width: 195px
}
.portfolio-bannercontainer,
.portfolio-banner {
width: 720px
}
.related-portfolio .items.col4 {
margin-right: -8px
}
.related-portfolio .items.col4 li {
margin: 0 8px 8px 0;
width: 174px;
}
.post .info .details {
max-width: 405px
}
.content .blog-grid .post {
width: 225px;
margin-right: 35px;
}
.related-wrapper .related {
width: 149px;
margin: 0 19px 0 0;
}
.client-list .frame {
width: 174px;
margin-right: 8px;
margin-bottom: 8px;
}
#testimonials {
width: 80%
}
.top-wrapper .tp-caption a.button {
padding-left: 20px;
padding-right: 20px;
}
.social li {
display: inline-block;
font-family: 'fontello-social';
margin-left: 2px;
margin-right: 2px;
}
.box-layout {
padding: 0;
}
.box-layout .body-wrapper {
width: 100%;
}
.box-layout .portfolio-detail-view,
.box-layout .portfolio-detail-view-remove {
width:100%;
}
} /* END Smaller than standard 960 (devices and browsers) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.inner {
width: 440px
}
header .logo {
float: none;
text-align: center;
margin-bottom: 20px;
}
header .logo img {
display: inline
}
.menu ul#tiny {
display: none
}
.selectnav {
width: 440px;
display: block;
}
.tp-bullets {
display: none
}
.items.col4 li {
width: 215px
}
.filter {
text-align: left
}
.filter li a {
margin: 0 8px 10px 0
}
img.right,
img.alignright,
img.left,
img.alignleft,
.alignleft,
.alignright {
float: none;
margin: 0 0 20px 0;
}
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.one-sixth {
margin: 0;
width: 100%;
margin-bottom: 40px;
float: none;
}
footer .one-half,
footer .one-third,
footer .two-third,
footer .three-fourth,
footer .one-fourth,
footer .one-fifth,
footer .one-sixth {
margin-bottom: 40px
}
footer .last {
margin-bottom: 0
}
.pricing.three .plan,
.pricing.four .plan {
width: 100%;
float: none;
margin-left: 0;
margin-bottom: 20px;
}
.touch-gallery,
.touch-gallery .touchcarousel-item {
height: 300px
}
.touch-gallery .touchcarousel-item img {
height: 300px !important;
width: auto !important;
}
.top-wrapper .touch-gallery {
height: 420px
}
.category-wrapper .category-info {
width: 100%;
margin-bottom: 10px;
float: none;
height: auto;
background: none;
padding: 0;
}
.category-wrapper .category-info h3 {
margin-bottom: 10px
}
.category-wrapper .carousel-wrapper,
.touch-carousel {
width: 440px;
float: none;
}
.process .etabs {
text-align: left
}
.tab {
border: 1px solid #e7e7e7;
margin-bottom: 4px;
}
.tab-container .panel-container {
margin-top: 20px
}
.blog-grid .post {
width: 440px;
margin-right: 0;
float: none;
}
ul.contact-info li {
display: block
}
.content {
width: 440px;
float: none;
}
.portfolio-detail-content-container .content {
width: 100%;
float: none;
margin-bottom: 20px;
}
.sidebar,
.item-details {
width: 440px;
float: none;
}
.sidebar {
border-top: 2px solid #efefef;
padding-top: 50px;
margin-top: 20px;
}
.portfolio-bannercontainer,
.portfolio-banner {
width: 440px
}
.post .info .details {
max-width: 360px
}
.blog-grid hr {
display: block
}
.content .blog-grid .post {
width: 440px;
float: none;
margin-right: 0;
}
.content .blog-grid hr:nth-child(3n) {
display: block
}
.related-wrapper .related {
width: 440px;
float: none;
margin: 0 0 30px 0;
}
.related-wrapper {
padding-bottom: 23px
}
#comments .user {
display: none
}
#comments ul.children {
padding: 0 0 0 20px
}
.forms fieldset .text-input-row,
.comment-form div.name-field,
.comment-form div.email-field,
.comment-form div.website-field {
width: 100%;
float: none;
margin-right: 0;
margin-bottom: 15px;
}
ul.retina-icons {
width: 110%;
margin-right: -4%;
}
ul.retina-icons li {
width: 44%;
margin-right: 4%;
}
.client-list .frame {
width: 215px
}
#testimonials {
width: 100%
}
.fancybox-title .fancybody {
display: none
}
.fancybox-title h2 {
margin: 0
}
.top-wrapper .tp-caption a.button {
padding-left: 20px;
padding-right: 20px;
}
.navigation a.back,
.navigation a.next-post,
.navigation a.prev-post {
float: none;
display: block;
width: 280px;
margin: 0 auto 10px;
}
.social li {
display: inline-block;
font-family: 'fontello-social';
margin-left: 2px;
margin-right: 2px;
}
.box-layout {
padding: 0;
}
.box-layout .body-wrapper {
width: 100%;
}
.box-layout .portfolio-detail-view,
.box-layout .portfolio-detail-view-remove {
width:100%;
}
.resp-navigator {
display: block
}
} /* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.inner {
width: 280px
}
header .logo {
float: none;
text-align: center;
margin-bottom: 20px;
}
header .logo img {
display: inline
}
.menu ul#tiny {
display: none
}
.selectnav {
width: 280px;
display: block;
}
.tp-bullets {
display: none
}
.items.col4 li {
width: 135px
}
.filter {
text-align: left
}
.filter li a {
margin: 0 8px 10px 0
}
img.right,
img.alignright,
img.left,
img.alignleft,
.alignleft,
.alignright {
float: none;
margin: 0 0 20px 0;
}
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.one-sixth {
margin: 0;
width: 100%;
margin-bottom: 40px;
float: none;
}
footer .one-half,
footer .one-third,
footer .two-third,
footer .three-fourth,
footer .one-fourth,
footer .one-fifth,
footer .one-sixth {
margin-bottom: 40px
}
footer .last {
margin-bottom: 0
}
.pricing.three .plan,
.pricing.four .plan {
width: 100%;
float: none;
margin-left: 0;
margin-bottom: 20px;
}
.category-wrapper .category-info {
width: 100%;
margin-bottom: 10px;
float: none;
height: auto;
background: none;
padding: 0;
}
.category-wrapper .category-info h3 {
margin-bottom: 10px
}
.category-wrapper .carousel-wrapper,
.touch-carousel {
width: 280px;
float: none;
}
.touch-gallery,
.touch-gallery .touchcarousel-item {
height: 300px
}
.touch-gallery .touchcarousel-item img {
height: 300px !important;
width: auto !important;
}
.top-wrapper .touch-gallery {
height: 420px
}
.process .etabs {
text-align: left
}
.tab {
border: 1px solid #e7e7e7;
margin-bottom: 4px;
}
.tab-container .panel-container {
margin-top: 20px
}
.blog-grid .post {
width: 280px;
margin-right: 0;
float: none;
}
ul.contact-info li {
display: block
}
.content {
width: 280px;
float: none;
}
.portfolio-detail-content-container .content {
width: 100%;
float: none;
margin-bottom: 20px;
}
.sidebar,
.item-details {
width: 280px;
float: none;
}
.sidebar {
border-top: 2px solid #efefef;
padding-top: 50px;
margin-top: 20px;
}
.portfolio-bannercontainer,
.portfolio-banner {
width: 280px
}
.post .info .details {
width: 100%;
margin-left: 0;
margin-top: 20px;
}
.blog-grid hr {
display: block
}
.content .blog-grid .post {
width: 440px;
float: none;
margin-right: 0;
}
.content .blog-grid hr:nth-child(3n) {
display: block
}
.related-wrapper .related {
width: 280px;
float: none;
margin: 0 0 30px 0;
}
.related-wrapper {
padding-bottom: 23px
}
#comments .user {
display: none
}
#comments ul.children {
padding: 0 0 0 20px
}
.forms fieldset .text-input-row,
.comment-form div.name-field,
.comment-form div.email-field,
.comment-form div.website-field {
width: 100%;
float: none;
margin-right: 0;
margin-bottom: 15px;
}
ul.retina-icons {
width: 110%;
margin-right: -4%;
}
ul.retina-icons li {
width: 44%;
margin-right: 4%;
}
.client-list .frame {
width: 135px
}
.items li a .overlay {
padding: 15px
}
.items li a .overlay h3 {
font-size: 15px;
line-height: 17px;
}
.items li a .overlay span.meta {
display: none
}
#testimonials {
width: 100%
}
#comments .info .meta {
display: block
}
#comments .info .meta:before {
display: none
}
.fancybox-title .fancybody {
display: none
}
.fancybox-title h2 {
margin: 0
}
.top-wrapper .tp-caption a.button {
padding-left: 20px;
padding-right: 20px;
}
.navigation a.back,
.navigation a.next-post,
.navigation a.prev-post {
float: none;
display: block;
margin: 0 0 10px 0;
}
.social li {
display: inline-block;
font-family: 'fontello-social';
margin-left: 2px;
margin-right: 2px;
}
.box-layout {
padding: 0;
}
.box-layout .body-wrapper {
width: 100%;
}
.box-layout .portfolio-detail-view,
.box-layout .portfolio-detail-view-remove {
width:100%;
}
.resp-navigator {
display: block
}
} /* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

BIN
style/images/art/a1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
style/images/art/a2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
style/images/art/a3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
style/images/art/blog1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
style/images/art/blog2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
style/images/art/ds1-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
style/images/art/ds1-2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
style/images/art/ds1-3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
style/images/art/ds11-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
style/images/art/ds2-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
style/images/art/ds2-2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
style/images/art/ds3-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
style/images/art/ds4-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
style/images/art/ds5-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
style/images/art/ds5-2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
style/images/art/ds6-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
style/images/art/ds7-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
style/images/art/ds8-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
style/images/art/ds8-2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
style/images/art/ds9-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
style/images/art/ds9-2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
style/images/art/full1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full10.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full11.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full12.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full5.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full6.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full7.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full8.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/full9.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
style/images/art/p1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p10.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p11.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p12.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p13.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p14.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p15.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p16.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p17.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p18.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p19.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p20.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p21.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p22.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p5.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p6.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p7.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p8.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/p9.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
style/images/art/pps1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
style/images/art/pps2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
style/images/art/pps3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
style/images/art/ps1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
style/images/art/ps2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
style/images/art/ps3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

Some files were not shown because too many files have changed in this diff Show more