@charset “UTF-8”; /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ /**
* 1. Set default font family to sans-serif. * 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 */ -webkit-text-size-adjust: 100%; /* 2 */ }
/**
* Remove default margin. */
body {
margin: 0; }
/* HTML5 display definitions
*/¶ ↑
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video {
display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */
audio:not() {
display: none; height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template {
display: none; }
/* Links
*/¶ ↑
/**
* Remove the gray background color from active links in IE 10. */
a {
background: transparent; }
/**
* Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {
outline: 0; }
/* Text-level semantics
*/¶ ↑
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome. */
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */
h1 {
font-size: 2em; margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9. */
mark {
background: #ff0; color: #000; }
/**
* Address inconsistent and variable font size in all browsers. */
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup {
font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
*/¶ ↑
/**
* Remove border when inside `a` element in IE 8/9/10. */
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) {
overflow: hidden; }
/* Grouping content
*/¶ ↑
/**
* Address margin not present in IE 8/9 and Safari. */
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers. */
hr {
-moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
/**
* Contain overflow in all browsers. */
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp {
font-family: monospace, monospace; font-size: 1em; }
/* Forms
*/¶ ↑
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */
/**
* 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea {
color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11. */
button {
overflow: visible; }
/**
* 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 Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */
button, select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */
button, html input, input, input {
-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
/**
* Re-set default cursor for disabled elements. */
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0; padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */
box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */
input {
-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */
input::-webkit-search-cancel-button, input::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding. */
fieldset {
border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend {
border: 0; /* 1 */ padding: 0; /* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11. */
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup {
font-weight: bold; }
/* Tables
*/¶ ↑
/**
* Remove most spacing between table cells. */
table {
border-collapse: collapse; border-spacing: 0; }
td, th {
padding: 0; }
@font-face {
font-family: 'fontello'; src: url("../font/fontello.eot?40607460"); src: url("../font/fontello.eot?40607460#iefix") format("embedded-opentype"), url("../font/fontello.woff?40607460") format("woff"), url("../font/fontello.ttf?40607460") format("truetype"), url("../font/fontello.svg?40607460#fontello") format("svg"); font-weight: normal; font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face { font-family: 'fontello'; src: url('../font/fontello.svg?55664638#fontello') format('svg'); }
} */ [class^=“icon-”]:before, [class*=“ icon-”]:before {
font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
.icon-twitter:before {
content: '\e800'; }
/* '' */ .icon-rss:before {
content: '\e801'; }
/* '' */ .icon-menu:before {
content: '\e802'; }
/* '' */ .icon-facebook-squared:before {
content: '\e803'; }
/* '' */ .icon-gplus:before {
content: '\e804'; }
/* '' */ .icon-linkedin:before {
content: '\e805'; }
/* '' */ .icon-behance:before {
content: '\e806'; }
/* '' */ .icon-cancel:before {
content: '\e807'; }
/* '' */ .icon-dribbble:before {
content: '\e808'; }
/* '' */ .icon-instagram:before {
content: '\e809'; }
/* '' */ .icon-github:before {
content: '\e80a'; }
/* '' */ /* —————————————————————————–
----------------------------------------------------------------------------- Theme: Minimalist Theme Version: 1.0 Author: Raphael Riegger (http://rriegger.com) License: Apache License Version 2.0 (http://www.apache.org/licenses/LICENSE-2.0) ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/
body {
color: #222222; font-family: "Open Sans", sans-serif; font-weight: 300; transition: all 0.3s ease; }
h1, h2, h3, h4, h5, h6 {
font-family: "Roboto", sans-serif; font-weight: bold; }
a {
text-decoration: none; color: #cccccc; transition: all 0.3s ease; } a:hover { color: #222222; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #222222; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #a2a2a2; }
hr {
border: 0; border-top: 1px #E4E4E4 solid; margin: 40px 0; }
.post ul li {
line-height: 28px; font-size: 15px; }
.container {
margin: 0 auto;
/* width: 1200px;
padding: 50px 0 0 0; } */
}
.author {
text-align: center;
/* width: 25%;
float: left; margin: 20px 5% 0px 5%; }*/ margin-top: 50%;
}
.content {
width: 50%; margin-right: 25%; margin-top: 5%; float: right; }
.site-header {
display: none;
/* background: #2a373d url(../img/header-bg.jpg) no-repeat center center;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff; text-align: center; position: relative; height: 400px; transition: all 0.3s ease; }*/
}
.site-header h2 {
margin: 0; }
.site-header h2 .logo {
margin: 0; background: url(../img/logo.png) no-repeat 0 0; width: 179px; height: 148px; display: block; position: absolute; top: 50%; left: 50%; margin: -74px 0 0 -89px; } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .site-header h2 .logo { background-image: url("../img/logo@2x.png"); background-size: 179px 148px; } }
.profile-image {
-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 118px; height: 118px;
}
.post h2 {
margin-top: 0; }
.post p {
line-height: 28px; }
.post h2 a, .post-template h1 {
font-size: 40px; margin-bottom: 10px; }
.post-template h2, .post-template h3, .post-template h4, .post-template h5, .post-template h6 {
font-family: "Roboto", sans-serif; font-weight: 700; }
.post {
margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #ececec; }
.post img {
max-width: 100%; height: auto; }
.post-info {
color: #a2a2a2; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 18px; margin-bottom: 40px; line-height: 30px; }
.share-buttons {
list-style: none; padding: 0; }
.share-buttons li {
display: inline; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 13px; color: #979797; margin-right: 4px; }
.share-buttons li a {
font-size: 15px; }
.comments {
margin-bottom: 60px; }
.tags {
list-style: none; padding: 0; margin: 0; display: inline-block; }
.tag-title {
font-family: "Roboto", sans-serif; font-weight: 300; border-bottom: 1px solid #ececec; margin-bottom: 40px; }
.tag-title h1 {
font-size: 28px; margin-top: 0; margin-bottom: 40px; }
.tag-title p {
color: #979797; font-size: 14px; margin-bottom: 0; }
.pagination {
position: relative; height: 35px; width: 100%; margin-bottom: 60px; }
.btn {
border: solid 1px #ececec; background-color: #FFF; width: 100px; height: 35px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; font-family: "Roboto", sans-serif; font-weight: 300; line-height: 35px; font-size: 13px; color: #000; } .btn:hover { background-color: #2a373d; border-color: #2a373d; color: #FFF; }
.post .btn {
width: 140px; }
.btn.btn-download {
background-color: #2a373d; border-color: #2a373d; color: #FFF; width: 200px; } .btn.btn-download:hover { background-color: #49606a; border-color: #2a373d; color: #FFF; }
.newer {
position: absolute; left: 0; top: 0; }
.older {
position: absolute; right: 0; top: 0; }
.counter {
text-align: center; line-height: 35px; font-size: 13px; font-family: "Roboto", sans-serif; font-weight: 300; color: #979797; }
.author {
font-family: "Roboto", sans-serif; font-weight: 300; }
.author p {
margin: 0; padding: 0; font-size: 12px; }
.author p.name {
font-size: 22px; margin: 10px 0; color: white; }
.author p.address {
color: white; }
.author p.about {
font-family: 'Open Sans', sans-serif; width: 55%; font-size: 16px; margin: 10px auto; color: #dddddd; }
.author p.link {
margin-bottom: 10px; color: white; margin-top:10px; font-size:22px; font-family: Roboto; font-weight: 300;}
.author ul.social {
list-style: none; display: inline; padding: 0; }
.author ul.social li {
display: inline; }
.author ul.social li a {
padding: 5px; font-size: 20px; }
.main-footer {
background-color: #f3f3f3; text-align: center; font-family: "Roboto", sans-serif; font-weight: 300; color: #a2a2a2; }
.main-footer .container {
padding: 30px 0; }
.main-footer a {
color: #a2a2a2; } .main-footer a:hover { color: #222222; }
.main-footer p {
font-size: 11px; }
body.post-template > .site-header {
height: 250px; transition: all 0.3s ease; }
body.post-template .site-header h2 .logo {
background: url(../img/logo.png) no-repeat 0 0; width: 90px; height: 74px; margin: -45px 0 0 -37px; background-size: 90px 74px; }
.plane {
width:400px; position: fixed; margin-top: 70px; z-index: 1;
} @media only screen and (min-width: 1200px) and (max-width: 1799px) {
.container { width: 100%; } .plane { width:300px; margin-top: 30px;} }
@media only screen and (min-width: 800px) and (max-width: 1199px) {
.container { width: 100%; } .plane { width:250px; margin-top: 20px;} .content { width:80%; margin-right: 15%; margin-top: 5%;}
}
@media only screen and (min-width: 720px) and (max-width: 799px) {
.container { width: 100%; } .plane { width:200px; margin-top: 20px;} .content { width:80%; margin-right: 15%; margin-top: 5%;} }
@media only screen and (max-width: 719px) {
.container { width: 90%; padding-top: 25px; } .author, .content { width: 100%; margin: 0; } .author { padding-top: 60px; } .site-header, body.post-template > .site-header { height: 180px; transition: all 0.3s ease; } .site-header h2 .logo { background: url(../img/logo.png) no-repeat 0 0; width: 90px; height: 74px; margin: -45px 0 0 -37px; background-size: 90px 74px; } .lateral { position: inherit !important; width: 100% !important; height: 450px !important; } .home { width:100% !important;} .post h2 a { font-size: 30px !important;} .post-info { font-size:15px !important;} .plane { width:200px; margin-top: 10px; position:absolute;} }
.ir {
background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before {
content: ""; display: block; width: 0; height: 150%; }
.clearfix:before, .clearfix:after {
content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after {
clear: both; }
.lateral { /* background-color: #072035; */
height: 100%; position: fixed; width: 30%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e3d66+0,072035+100 */ background: #0e3d66; /* Old browsers */ background: -moz-linear-gradient(top, #0e3d66 0%, #072035 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #0e3d66 0%,#072035 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #0e3d66 0%,#072035 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3d66', endColorstr='#072035',GradientType=0 ); /* IE6-9 */
}
.home {
width: 70%; float: right;
}
ul > li > a {
color: #c3c3c3;
}
ul > li > a:hover { color: white; }
.link > a:hover {
color: white; }
@import “syntax-highlighting”;