alex/likemath.ru
1
0
Fork 0
mirror of https://github.com/AlekseyLobanov/AlekseyLobanov.github.io.git synced 2026-01-12 05:02:02 +03:00
Code Issues Projects Releases Wiki Activity

Big changes f.e. changeing theme

Browse Source
This commit is contained in:
Aleksey Lobanov
2015-04-17 13:44:04 +03:00
parent d09f65cece
commit 7f2f7fe494
51 changed files with 3404 additions and 2137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

173
theme/css/blog.css Normal file
View File

@@ -0,0 +1,173 @@
body {
color: #272822;
background-color: #eeeeee;
font-family: "PT Sans", sans-serif; }
#sidebar {
background: url("../img/stressed_linen/stressed_linen.png") repeat;
position: fixed;
left: 0;
bottom: 0;
right: auto;
top: 0;
width: 25%;
min-width: 200px;
padding-left: 8px;
padding-right: 8px;
color: #eeeeee; }
#sidebar a {
color: #eeeeee;
text-decoration: none; }
#site-title {
font-family: "Philosopher", sans-serif;
font-size: 2em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
#site-title:hover {
color: #38c5c5; }
#site-desc {
font-size: 1.3em;
padding: 0 6px; }
#post-container {
position: relative;
margin-left: 27%;
max-width: 800px;
overflow-wrap: break-word; }
#nav-links {
list-style: none;
padding: 0;
font-family: "Philosopher", sans-serif;
font-size: 2em;
font-variant: bold; }
#nav-links li {
margin: 12px 12px; }
#nav-links a {
padding: 0 24px;
border-radius: 24px;
display: inline-block;
border: 3px solid #eeeeee;
line-height: 1.8em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
#nav-links a:hover {
border-color: #38c5c5;
color: #38c5c5; }
#post-list {
list-style: none; }
.post-entry {
margin: 3em 0; }
.entry-header {
font-family: "Forum", sans-serif;
font-variant: bold; }
.entry-header a {
color: #272822;
text-decoration: none; }
.entry-header a:hover {
color: #38c5c5;
text-decoration: none; }
.entry-header time {
color: #8e927e; }
.entry-header h1 {
margin: 0.5em 0; }
.post-content a {
color: #38c5c5; }
.post-content img {
display: block;
margin: 0 auto;
max-width: 80%; }
.post-content blockquote {
font-style: italic; }
.post-content pre {
font-size: 14px;
background-color: #e6e6e6;
padding: 10px;
margin: 10px;
overflow: auto;
font-family: "Ubuntu Mono", monospace; }
.post-meta a {
font-style: italic;
color: #38c5c5; }
.paginator {
text-align: center;
padding: 12px;
font-size: 1.4em;
font-family: "Oswald", sans-serif; }
.paginator a {
color: #272822;
text-decoration: none; }
.paginator a:hover {
color: #38c5c5; }
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (max-width: 800px) {
/* Style adjustments for viewports that meet the condition */
#sidebar {
position: static;
width: 100%;
padding: 0; }
#post-container {
width: 100%;
position: static;
margin: 0;
padding: 0px; }
#post-list {
padding: 0; }
#nav-links {
text-align: center;
padding: 0;
font-size: 1.8em; }
#nav-links li {
display: inline;
margin-top: 6px; }
#nav-links a {
display: inline-block; }
#site-title h1 {
margin-top: 0; }
#site-header {
margin-left: 18px; }
.side-shadow {
-webkit-box-shadow: 0 3px 12px 3px #8e927e;
-moz-box-shadow: 0 3px 12px 3px #8e927e;
box-shadow: 0 3px 12px 3px #8e927e; }
.post-entry {
padding: 0 12px; } }
@media only screen and (max-width: 640px) {
#nav-links {
font-size: 1.1em; }
#site-desc {
font-size: 1em; }
#site-title h1 {
font-size: 1.3em;
margin: 0.1em 0px; }
#site-info {
font-size: 0.6em; } }

173
theme/css/blog.css~ Normal file
View File

@@ -0,0 +1,173 @@
body {
color: #272822;
background-color: #eeeeee;
font-family: "PT Sans", sans-serif; }
#sidebar {
background: url("../img/stressed_linen/stressed_linen.png") repeat;
position: fixed;
left: 0;
bottom: 0;
right: auto;
top: 0;
width: 25%;
min-width: 200px;
padding-left: 8px;
padding-right: 8px;
color: #eeeeee; }
#sidebar a {
color: #eeeeee;
text-decoration: none; }
#site-title {
font-family: "Philosopher", sans-serif;
font-size: 2em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
#site-title:hover {
color: #38c5c5; }
#site-desc {
font-size: 1.3em;
padding: 0 6px; }
#post-container {
position: relative;
margin-left: 27%;
max-width: 800px;
overflow-wrap: break-word; }
#nav-links {
list-style: none;
padding: 0;
font-family: "Forum", sans-serif;
font-size: 2em;
font-variant: bold; }
#nav-links li {
margin: 12px 12px; }
#nav-links a {
padding: 0 24px;
border-radius: 24px;
display: inline-block;
border: 3px solid #eeeeee;
line-height: 1.8em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
#nav-links a:hover {
border-color: #38c5c5;
color: #38c5c5; }
#post-list {
list-style: none; }
.post-entry {
margin: 3em 0; }
.entry-header {
font-family: "Forum", sans-serif;
font-variant: bold; }
.entry-header a {
color: #272822;
text-decoration: none; }
.entry-header a:hover {
color: #38c5c5;
text-decoration: none; }
.entry-header time {
color: #8e927e; }
.entry-header h1 {
margin: 0.5em 0; }
.post-content a {
color: #38c5c5; }
.post-content img {
display: block;
margin: 0 auto;
max-width: 80%; }
.post-content blockquote {
font-style: italic; }
.post-content pre {
font-size: 14px;
background-color: #e6e6e6;
padding: 10px;
margin: 10px;
overflow: auto;
font-family: "Ubuntu Mono", monospace; }
.post-meta a {
font-style: italic;
color: #38c5c5; }
.paginator {
text-align: center;
padding: 12px;
font-size: 1.4em;
font-family: "Oswald", sans-serif; }
.paginator a {
color: #272822;
text-decoration: none; }
.paginator a:hover {
color: #38c5c5; }
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (max-width: 800px) {
/* Style adjustments for viewports that meet the condition */
#sidebar {
position: static;
width: 100%;
padding: 0; }
#post-container {
width: 100%;
position: static;
margin: 0;
padding: 0px; }
#post-list {
padding: 0; }
#nav-links {
text-align: center;
padding: 0;
font-size: 1.8em; }
#nav-links li {
display: inline;
margin-top: 6px; }
#nav-links a {
display: inline-block; }
#site-title h1 {
margin-top: 0; }
#site-header {
margin-left: 18px; }
.side-shadow {
-webkit-box-shadow: 0 3px 12px 3px #8e927e;
-moz-box-shadow: 0 3px 12px 3px #8e927e;
box-shadow: 0 3px 12px 3px #8e927e; }
.post-entry {
padding: 0 12px; } }
@media only screen and (max-width: 640px) {
#nav-links {
font-size: 1.1em; }
#site-desc {
font-size: 1em; }
#site-title h1 {
font-size: 1.3em;
margin: 0.1em 0px; }
#site-info {
font-size: 0.6em; } }

35
theme/css/font-awesome.min.css vendored
View File

File diff suppressed because one or more lines are too long

61
theme/css/github.css Normal file
View File

@@ -0,0 +1,61 @@
.hll { background-color: #ffffcc }
.c { color: #999988; font-style: italic } /* Comment */
.err { color: #a61717; background-color: #e3d2d2 } /* Error */
.k { color: #000000; font-weight: bold } /* Keyword */
.o { color: #000000; font-weight: bold } /* Operator */
.cm { color: #999988; font-style: italic } /* Comment.Multiline */
.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
.c1 { color: #999988; font-style: italic } /* Comment.Single */
.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.ge { color: #000000; font-style: italic } /* Generic.Emph */
.gr { color: #aa0000 } /* Generic.Error */
.gh { color: #999999 } /* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.go { color: #888888 } /* Generic.Output */
.gp { color: #555555 } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #aaaaaa } /* Generic.Subheading */
.gt { color: #aa0000 } /* Generic.Traceback */
.kc { color: #000000; font-weight: bold } /* Keyword.Constant */
.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #445588; font-weight: bold } /* Keyword.Type */
.m { color: #009999 } /* Literal.Number */
.s { color: #d01040 } /* Literal.String */
.na { color: #008080 } /* Name.Attribute */
.nb { color: #0086B3 } /* Name.Builtin */
.nc { color: #445588; font-weight: bold } /* Name.Class */
.no { color: #008080 } /* Name.Constant */
.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
.ni { color: #800080 } /* Name.Entity */
.ne { color: #990000; font-weight: bold } /* Name.Exception */
.nf { color: #990000; font-weight: bold } /* Name.Function */
.nl { color: #990000; font-weight: bold } /* Name.Label */
.nn { color: #555555 } /* Name.Namespace */
.nt { color: #000080 } /* Name.Tag */
.nv { color: #008080 } /* Name.Variable */
.ow { color: #000000; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #009999 } /* Literal.Number.Float */
.mh { color: #009999 } /* Literal.Number.Hex */
.mi { color: #009999 } /* Literal.Number.Integer */
.mo { color: #009999 } /* Literal.Number.Oct */
.sb { color: #d01040 } /* Literal.String.Backtick */
.sc { color: #d01040 } /* Literal.String.Char */
.sd { color: #d01040 } /* Literal.String.Doc */
.s2 { color: #d01040 } /* Literal.String.Double */
.se { color: #d01040 } /* Literal.String.Escape */
.sh { color: #d01040 } /* Literal.String.Heredoc */
.si { color: #d01040 } /* Literal.String.Interpol */
.sx { color: #d01040 } /* Literal.String.Other */
.sr { color: #009926 } /* Literal.String.Regex */
.s1 { color: #d01040 } /* Literal.String.Single */
.ss { color: #990073 } /* Literal.String.Symbol */
.bp { color: #999999 } /* Name.Builtin.Pseudo */
.vc { color: #008080 } /* Name.Variable.Class */
.vg { color: #008080 } /* Name.Variable.Global */
.vi { color: #008080 } /* Name.Variable.Instance */
.il { color: #009999 } /* Literal.Number.Integer.Long */

62
theme/css/landing.css Normal file
View File

@@ -0,0 +1,62 @@
body {
background-color: #eeeeee; }
#content-box {
background: url("../img/stressed_linen/stressed_linen.png") repeat;
padding: 12px;
margin: 5% auto;
color: #eeeeee;
font-family: "PT Sans", sans-serif;
font-size: 1.2em;
border-bottom: 2px solid #38c5c5; }
#intro-header {
font-family: "Forum", sans-serif;
text-align: center; }
#intro-header h1 {
font-size: 3.5em;
margin-top: 12px;
margin-bottom: 12px; }
.centered-nav {
text-align: center;
padding: 0; }
.centered-nav li {
display: inline; }
.centered-nav a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;
color: #eeeeee;
text-decoration: none; }
.centered-nav a:hover {
color: #38c5c5;
text-shadow: 0 0 12px #8e927e; }
#nav-links {
font-family: "Forum", sans-serif;
font-size: 1.8em; }
#nav-links a {
margin: 0 6px;
padding: 3px; }
#nav-services li {
margin: 6px; }
.svc-badge {
font-size: 36px;
width: 50px;
display: inline-block; }
#contact-form {
text-align: center; }
#contact-methods {
margin-top: 2em; }
#contact-methods li {
margin: 0 24px; }
#contact-methods li h3 {
margin: 0.3em 0; }

62
theme/css/landing.css~ Normal file
View File

@@ -0,0 +1,62 @@
body {
background-color: #eeeeee; }
#content-box {
background: url("../img/stressed_linen/stressed_linen.png") repeat;
padding: 12px;
margin: 5% auto;
color: #eeeeee;
font-family: "PT Sans", sans-serif;
font-size: 1.2em;
border-bottom: 2px solid #38c5c5; }
#intro-header {
font-family: "Oswald", sans-serif;
text-align: center; }
#intro-header h1 {
font-size: 3.5em;
margin-top: 12px;
margin-bottom: 12px; }
.centered-nav {
text-align: center;
padding: 0; }
.centered-nav li {
display: inline; }
.centered-nav a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;
color: #eeeeee;
text-decoration: none; }
.centered-nav a:hover {
color: #38c5c5;
text-shadow: 0 0 12px #8e927e; }
#nav-links {
font-family: "Forum", sans-serif;
font-size: 1.8em; }
#nav-links a {
margin: 0 6px;
padding: 3px; }
#nav-services li {
margin: 6px; }
.svc-badge {
font-size: 36px;
width: 50px;
display: inline-block; }
#contact-form {
text-align: center; }
#contact-methods {
margin-top: 2em; }
#contact-methods li {
margin: 0 24px; }
#contact-methods li h3 {
margin: 0.3em 0; }

637
theme/css/main.css
View File

@@ -1,425 +1,248 @@
/*
Name: Smashing HTML5
Date: July 2009
Description: Sample layout for HTML5 and CSS3 goodness.
Version: 1.0
Author: Enrique Ramírez
Autor URI: http://enrique-ramirez.com
*/
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222; }
/* Imports */
@import url("reset.css");
@import url("pygment.css");
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=latin);
/***** Global *****/
/* Body */
body {
background: #F5F4EF url('../images/bg.png');
color: #000305;
font-size: 87.5%; /* Base font size: 14px */
font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
line-height: 1.429;
margin: 0;
padding: 0;
text-align: left;
max-width: 1440px;
min-width: 1000px;
}
/* Headings */
h1 {font-size: 2em }
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.1;
margin-bottom: .8em;
font-family: 'Yanone Kaffeesatz', arial, serif;
}
h3, h4, h5, h6 { margin-top: .8em; }
hr { border: 2px solid #EEEEEE; }
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
color: #C74350;
padding: 0 1px;
text-decoration: underline;
}
a:hover, a:active, a.active, .active>a {
background-color: #C74350;
color: white;
text-decoration: none;
text-shadow: 1px 1px 1px #333;
}
h1 a:hover {
background-color: inherit
}
/* Paragraphs */
p {margin-bottom: 1.143em;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}
/* Lists */
ul {
list-style: outside disc;
margin: 1em 0 1.5em 1.5em;
}
ol {
list-style: outside decimal;
margin: 1em 0 1.5em 1.5em;
}
.post-info {
float:right;
margin:10px;
padding:5px;
}
.post-info p{
margin-bottom: 1px;
}
.readmore { float: right }
dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}
pre{background-color: #000; padding: 10px; color: #fff; margin: 10px; overflow: auto;}
/* Quotes */
blockquote {
margin: 20px;
font-style: italic;
}
cite {}
q {}
/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
/* Thead */
thead th {padding: .5em .4em; text-align: left; border: thin solid grey;}
thead td {border: thin solid grey;}
/* Tbody */
tbody td {padding: .5em .4em; border: thin solid grey;}
tbody th {border: thin solid grey;}
tbody .alt td {}
tbody .alt th {}
/* Tfoot */
tfoot th {}
tfoot td {}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
display: block;
}
/***** Layout *****/
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}
font-size: 1em;
line-height: 1.4; }
/*
Header
*****************/
#banner {
clear: both;
margin: 0 auto 0 auto;
padding: 2.5em 0 0 0;
}
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
/* Banner */
#banner h1 {
font-size: 3.571em;
line-height: 0;
margin: 0 auto 0 auto;
}
#banner h1 a:link, #banner h1 a:visited {
color: #000305;
display: block;
font-weight: bold;
margin: 0 auto .6em auto;
text-decoration: none;
width: 427px;
}
#banner h1 a:hover, #banner h1 a:active {
background: none;
color: #C74350;
text-shadow: none;
}
#banner h1 strong {font-size: 0.36em; font-weight: normal;}
/* Main Nav */
#banner nav {
background: #000305;
font-size: 1.143em;
height: 40px;
line-height: 30px;
margin: 0 auto 2em auto;
padding: 0;
width: 90%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#banner nav ul {list-style: none; margin: 0 auto;}
#banner nav li {float: left; display: inline; margin: 0;}
#banner nav a:link, #banner nav a:visited {
color: #fff;
display: inline-block;
height: 30px;
padding: 5px 1.5em;
text-decoration: none;
}
#banner nav a:hover, #banner nav a:active,
#banner nav .active a:link, #banner nav .active a:visited {
background: #C74451;
color: #fff;
text-shadow: none !important;
}
#banner nav li:first-child a {
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
::selection {
background: #b3d4fc;
text-shadow: none; }
/*
Featured
*****************/
#content {
background: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float: left;
margin: 1em 10px 2em 7%;
background: #fff;
overflow: hidden;
padding: 20px 20px;
min-width: 600px;
width: 60%;
}
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; }
/*
Extras
*****************/
#sidebar {
float: right;
margin: 1em 7% 2em 10px;
background: #fff;
overflow: hidden;
padding: 20px 20px;
width: 15%;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#sidebar ul {list-style: none; margin: 0;}
#sidebar li {border-bottom: 1px solid #fff;}
#sidebar h2 {
color: #C74350;
font-size: 1.429em;
margin-top: .75em;
margin-bottom: .25em;
padding: 0 3px;
}
#sidebar a:link, #sidebar a {
color: #444;
display: block;
border-bottom: 1px solid #F4E3E3;
text-decoration: none;
padding: .3em .25em;
}
#sidebar li.active a {color: white;}
#sidebar li:last-child,
#sidebar li:last-child a {border: 0}
#sidebar .blogroll li:nth-last-child(2),
#sidebar .blogroll li:nth-last-child(3),
#sidebar .blogroll li:nth-last-child(2) a,
#sidebar .blogroll li:nth-last-child(3) a {border: 0;}
#sidebar a:hover, #sidebar a:active {color: #fff;}
/* Blogroll */
#sidebar .blogroll {
width: 100%;
}
#sidebar .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}
.social a {
background-repeat: no-repeat;
background-position: 3px 6px;
}
/* Icons */
.social a[href*='delicious.com']:before {content: url('../images/icons/delicious.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='digg.com']:before {content: url('../images/icons/digg.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='facebook.com']:before {content: url('../images/icons/facebook.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='atom.xml']:before {content: url('../images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='last.fm']:before, .social a[href*='lastfm.']:before {content: url('../images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='jamendo.com']:before {content: url('../images/icons/jamendo.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='stackoverflow.com']:before {content: url('../images/icons/stackoverflow.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='rss.xml']:before {content: url('../images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='twitter.com']:before {content: url('../images/icons/twitter.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='linkedin.com']:before {content: url('../images/icons/linkedin.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='gitorious.org']:before {content: url('../images/icons/gitorious.png'); margin-right: 2px; vertical-align: -3px;}
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle; }
/*
About
*****************/
#about {
background: #fff;
font-style: normal;
margin-bottom: 2em;
overflow: hidden;
padding: 20px;
text-align: left;
width: 760px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#about .primary {float: left; width: 165px;}
#about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
#about .photo {float: left; margin: 5px 20px;}
#about .url:link, #about .url:visited {text-decoration: none;}
#about .bio {float: right; width: 500px;}
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0; }
/*
Footer
*****************/
#footer {
padding-bottom: 2em;
text-align: center;
clear: both;
width: 80%;
margin: 20px auto;
}
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical; }
/***** Sections *****/
/* Blog */
.hentry {
border-bottom: 1px solid #eee;
padding: 1.5em 0;
}
li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
#content > .hentry {padding: 1em 0;}
.hentry img{display : none ;}
.entry-title {font-size: 3em; margin-bottom: 10px; margin-top: 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}
.entry-title a:visited {background-color: #fff;}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
.hentry .post-info * {font-style: normal;}
/* ==========================================================================
Author's custom styles
========================================================================== */
#site-info {
margin-top: 1.5em;
font-size: 0.7em;
text-align: center;
color: #38c5c5; }
#site-info a {
color: #eeeeee; }
/* Content */
.hentry footer {margin-bottom: 2em;}
.hentry footer address {display: inline;}
#posts-list footer address {display: block;}
.side-shadow {
-webkit-box-shadow: 3px 0px 8px 0px #8e927e;
-moz-box-shadow: 3px 0px 8px 0px #8e927e;
box-shadow: 3px 0px 8px 0px #8e927e; }
/* Blog Index */
#posts-list {list-style: none; margin: 0;}
#posts-list .hentry {padding-left: 10px; position: relative;}
#posts-list footer {
left: 10px;
position: relative;
float: left;
top: 0.5em;
width: 190px;
}
/* About the Author */
#about-author {
background: #f9f9f9;
clear: both;
font-style: normal;
margin: 2em 0;
padding: 10px 20px 15px 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#about-author strong {
color: #C64350;
clear: both;
display: block;
font-size: 1.429em;
}
#about-author .photo {border: 1px solid #ddd; float: left; margin: 5px 1em 0 0;}
/* Comments */
#comments-list {list-style: none; margin: 0 1em;}
#comments-list blockquote {
background: #f8f8f8;
clear: both;
font-style: normal;
margin: 0;
padding: 15px 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#comments-list footer {color: #888; padding: .5em 1em 0 0; text-align: right;}
#comments-list li:nth-child(2n) blockquote {background: #F5f5f5;}
/* Add a Comment */
#add-comment label {clear: left; float: left; text-align: left; width: 150px;}
#add-comment input[type='text'],
#add-comment input[type='email'],
#add-comment input[type='url'] {float: left; width: 200px;}
#add-comment textarea {float: left; height: 150px; width: 495px;}
#add-comment p.req {clear: both; margin: 0 .5em 1em 0; text-align: right;}
#add-comment input[type='submit'] {float: right; margin: 0 .5em;}
#add-comment * {margin-bottom: .5em;}
.angle-shadow {
-webkit-box-shadow: 6px 6px 8px 3px #8e927e;
-moz-box-shadow: 6px 6px 8px 3px #8e927e;
box-shadow: 6px 6px 8px 3px #8e927e; }
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px; }
.ir:before {
content: "";
display: block;
width: 0;
height: 150%; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden; }
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden; }
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */ }
.clearfix:after {
clear: both; }
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1; }
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */ }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */ }
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group;
/* h5bp.com/t */ }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }

213
theme/css/normalize.css vendored
View File

@@ -1,11 +1,11 @@
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
@@ -24,13 +24,15 @@ summary {
}
/**
* Correct `inline-block` display not defined in IE 8/9.
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/**
@@ -44,37 +46,46 @@ audio:not([controls]) {
}
/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden],
template {
[hidden] {
display: none;
}
script {
display: none !important;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/**
* Address margins handled incorrectly in IE 6/7.
*/
body {
@@ -85,14 +96,6 @@ body {
Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
@@ -115,8 +118,9 @@ a:hover {
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
@@ -124,8 +128,33 @@ h1 {
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
@@ -133,7 +162,7 @@ abbr[title] {
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
@@ -141,6 +170,10 @@ strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
@@ -151,6 +184,7 @@ dfn {
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/
hr {
@@ -160,7 +194,7 @@ hr {
}
/**
* Address styling not present in IE 8/9.
* Address styling not present in IE 6/7/8/9.
*/
mark {
@@ -169,7 +203,16 @@ mark {
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
* Address margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
@@ -177,6 +220,7 @@ kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
@@ -185,15 +229,27 @@ samp {
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* Set consistent quote types.
* Address CSS quotes not supported in IE 6/7.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
quotes: none;
}
/**
* Address `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/**
@@ -224,16 +280,57 @@ sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/**
* Address margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/**
* Address paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/**
* Correct list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img {
border: 0;
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/**
@@ -249,7 +346,7 @@ svg:not(:root) {
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
@@ -260,6 +357,14 @@ figure {
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/**
* Define consistent border, margin, and padding.
*/
@@ -271,32 +376,37 @@ fieldset {
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 2 */
margin: 0; /* 3 */
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
@@ -308,7 +418,7 @@ input {
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
@@ -323,6 +433,8 @@ select {
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
@@ -331,6 +443,7 @@ input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/**
@@ -343,14 +456,18 @@ html input[disabled] {
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9.
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/**
@@ -377,7 +494,7 @@ input[type="search"]::-webkit-search-decoration {
}
/**
* Remove inner padding and border in Firefox 4+.
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
@@ -387,7 +504,7 @@ input::-moz-focus-inner {
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/

17
theme/css/sass/_vars.scss Normal file
View File

@@ -0,0 +1,17 @@
$white: #EEEEEE;
//$white: #DFDFDF;
$black: #272822;
$gray: #8E927E;
$prebg: #E6E6E6;
$accent1: #38C5C5;
$font1: 'Raleway', sans-serif;
$font2: 'Oswald', sans-serif;
$font3: 'PT Mono', monospace;
@mixin transition{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

216
theme/css/sass/blog.scss Normal file
View File

@@ -0,0 +1,216 @@
@import "vars.scss";
body{
color: $black;
background-color: $white;
font-family: $font1;
}
#sidebar{
background: url('../img/stressed_linen/stressed_linen.png') repeat;
position: fixed;
left: 0;
bottom: 0;
right: auto;
top: 0;
width: 25%;
min-width: 200px;
padding-left: 8px;
padding-right: 8px;
color: $white;
a{
color: $white;
text-decoration: none;
}
}
#site-title{
font-family: $font2;
font-size: 2em;
@include transition;
&:hover{
color: $accent1;
}
}
#site-desc{
font-size: 1.3em;
padding: 0 6px;
}
#post-container{
position: relative;
margin-left: 27%;
max-width: 800px;
overflow-wrap: break-word;
}
#nav-links{
list-style: none;
padding: 0;
font-family: $font2;
font-size: 2em;
font-variant: bold;
li{
margin: 12px 12px;
}
a{
padding: 0 24px;
border-radius: 24px;
display: inline-block;
border: 3px solid $white;
line-height: 1.8em;
@include transition;
}
a:hover{
border-color: $accent1;
color: $accent1;
}
}
#post-list{
list-style: none;
}
.post-entry{
margin: 3em 0;
}
.entry-header{
font-family: $font2;
font-variant: bold;
a{
color: $black;
text-decoration: none;
}
a:hover{
color: $accent1;
text-decoration: none;
}
time{
color: $gray;
}
h1{
margin: 0.5em 0;
}
}
.post-content{
a{
color: $accent1;
}
img{
display: block;
margin: 0 auto;
max-width: 80%;
}
blockquote{
font-style: italic;
}
pre{
font-size: 13px;
background-color: $prebg;
padding: 10px;
margin: 10px;
overflow: auto;
font-family: $font3;
}
}
.post-meta{
a{
font-style: italic;
color: $accent1;
}
}
.paginator{
text-align: center;
padding: 12px;
font-size: 1.4em;
font-family: $font2;
a{
color: $black;
text-decoration: none;
&:hover{
color: $accent1;
}
}
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (max-width: 800px) {
/* Style adjustments for viewports that meet the condition */
#sidebar{
position: static;
width: 100%;
padding: 0;
}
#post-container{
width: 100%;
position: static;
margin: 0;
padding: 0px;
}
#post-list{
padding: 0;
}
#nav-links{
text-align: center;
padding: 0;
font-size: 1.8em;
li{
display: inline;
margin-top: 6px;
}
a{
display: inline-block;
}
}
#site-title h1{
margin-top: 0;
}
#site-header{
margin-left: 18px;
}
.side-shadow {
-webkit-box-shadow: 0 3px 12px 3px $gray;
-moz-box-shadow: 0 3px 12px 3px $gray;
box-shadow: 0 3px 12px 3px $gray;
}
.post-entry{
padding: 0 12px;
}
}
@media only screen and (max-width: 640px) {
#nav-links{
font-size: 1.1em;
}
#site-desc{
font-size: 1em;
}
#site-title h1{
font-size: 1.3em;
margin: 0.1em 0px;
}
#site-info{
font-size: 0.6em;
}
}

80
theme/css/sass/landing.scss Normal file
View File

@@ -0,0 +1,80 @@
@import "vars.scss";
body{
//background: url('../img/aa.jpg') repeat;
background-color: $white;
}
#content-box{
//background-color: rgba(253,253,253,.08);
background: url('../img/stressed_linen/stressed_linen.png') repeat;
padding: 12px;
margin: 5% auto;
color: $white;
font-family: $font1;
font-size: 1.2em;
border-bottom: 2px solid $accent1;
}
#intro-header{
font-family: $font2;
text-align: center;
h1{
font-size: 3.5em;
margin-top: 12px;
margin-bottom: 12px;
}
}
.centered-nav{
text-align: center;
padding: 0;
li{
display: inline;
}
a{
@include transition;
display: inline-block;
color: $white;
text-decoration: none;
}
a:hover{
color: $accent1;
text-shadow: 0 0 12px $gray;
}
}
#nav-links{
font-family: $font2;
font-size: 1.8em;
a{
margin: 0 6px;
padding: 3px;
}
}
#nav-services{
li{
margin: 6px;
}
}
.svc-badge{
font-size: 36px;
width: 50px;
display: inline-block;
}
#contact-form{
text-align: center;
}
#contact-methods{
margin-top: 2em;
li{
margin: 0 24px ;
h3{
margin: 0.3em 0;
}
}
}

309
theme/css/sass/main.scss Normal file
View File

@@ -0,0 +1,309 @@
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
@import "vars.scss";
#site-info{
margin-top: 1.5em;
font-size: 0.7em;
text-align: center;
color: $accent1;
a{
color: $white;
}
}
.side-shadow {
-webkit-box-shadow: 3px 0px 8px 0px $gray;
-moz-box-shadow: 3px 0px 8px 0px $gray;
box-shadow: 3px 0px 8px 0px $gray;
}
.angle-shadow {
-webkit-box-shadow: 6px 6px 8px 3px $gray;
-moz-box-shadow: 6px 6px 8px 3px $gray;
box-shadow: 6px 6px 8px 3px $gray;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}

BIN
theme/font/FontAwesome.otf Normal file
View File

Binary file not shown.

BIN
theme/font/fontawesome-webfont.eot
View File

Binary file not shown.

801
theme/font/fontawesome-webfont.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 264 KiB

After

Width:  |  Height:  |  Size: 135 KiB

BIN
theme/font/fontawesome-webfont.ttf
View File

Binary file not shown.

BIN
theme/font/fontawesome-webfont.woff
View File

Binary file not shown.

0
theme/img/.gitignore vendored Normal file
View File

8
theme/img/stressed_linen/readme.txt Normal file
View File

@@ -0,0 +1,8 @@
========================================================
This pattern is downloaded from www.subtlepatterns.com
If you need more, that's where to get'em.
========================================================

BIN
theme/img/stressed_linen/stressed_linen.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
theme/img/stressed_linen/stressed_linen_@2X.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

1
theme/js/main.js Normal file
View File

@@ -0,0 +1 @@
// Empty for now. Maybe used later.

4
theme/js/vendor/modernizr-2.6.2.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long