ngx-admin/css/main.css

765 lines
59 KiB
CSS
Raw Normal View History

2016-05-25 13:42:47 +03:00
html {
font-family: 'Source Sans Pro', sans-serif;
color: #484848;
2016-07-28 17:26:09 +03:00
line-height: 1.28; }
2016-05-25 13:42:47 +03:00
2016-05-27 17:07:44 +03:00
body {
position: relative;
2016-07-28 17:26:09 +03:00
min-width: 1060px; }
2016-05-25 13:42:47 +03:00
2016-07-28 17:26:09 +03:00
p {
margin: 0 0 10px; }
2016-05-25 13:42:47 +03:00
em {
2016-07-28 17:26:09 +03:00
font-style: italic; }
2016-05-25 13:42:47 +03:00
2016-07-28 17:26:09 +03:00
h1 {
2016-05-25 13:42:47 +03:00
margin: 10px 0;
font-family: inherit;
font-weight: bold;
color: inherit;
2016-07-28 17:26:09 +03:00
text-rendering: optimizelegibility;
line-height: 40px;
font-size: 39px; }
2016-05-25 13:42:47 +03:00
h2 {
2016-07-28 17:26:09 +03:00
margin: 10px 0;
font-family: inherit;
font-weight: bold;
color: inherit;
text-rendering: optimizelegibility;
line-height: 40px;
margin-top: 30px;
font-size: 31px; }
2016-05-25 13:42:47 +03:00
h3 {
2016-07-28 17:26:09 +03:00
margin: 10px 0;
font-family: inherit;
font-weight: bold;
color: inherit;
text-rendering: optimizelegibility;
line-height: 40px;
font-size: 23px; }
2016-05-25 13:42:47 +03:00
h4 {
2016-07-28 17:26:09 +03:00
margin: 10px 0;
font-family: inherit;
font-weight: bold;
color: inherit;
text-rendering: optimizelegibility;
line-height: 20px;
font-size: 16px; }
2016-05-25 13:42:47 +03:00
h5 {
2016-07-28 17:26:09 +03:00
margin: 10px 0;
font-family: inherit;
font-weight: bold;
color: inherit;
text-rendering: optimizelegibility;
line-height: 40px;
text-transform: uppercase;
font-size: 14px; }
2016-05-25 13:42:47 +03:00
h6 {
2016-07-28 17:26:09 +03:00
margin: 10px 0;
font-family: inherit;
font-weight: bold;
color: inherit;
text-rendering: optimizelegibility;
line-height: 20px;
font-size: 11px; }
2016-05-25 13:42:47 +03:00
h1 small {
2016-07-28 17:26:09 +03:00
font-size: 24px; }
2016-05-25 13:42:47 +03:00
h2 small {
2016-07-28 17:26:09 +03:00
font-size: 18px; }
2016-05-25 13:42:47 +03:00
h3 small {
2016-07-28 17:26:09 +03:00
font-size: 16px; }
2016-05-25 13:42:47 +03:00
h4 small {
2016-07-28 17:26:09 +03:00
font-size: 14px; }
2016-05-25 13:42:47 +03:00
ul, ol {
margin: 0 0 10px 25px;
2016-07-28 17:26:09 +03:00
padding: 0; }
2016-05-25 13:42:47 +03:00
ul ul, ul ol, ol ol, ol ul {
2016-07-28 17:26:09 +03:00
margin-bottom: 0; }
2016-05-25 13:42:47 +03:00
li {
2016-07-28 17:26:09 +03:00
line-height: 20px; }
2016-05-25 13:42:47 +03:00
a {
color: #285eb8;
2016-07-28 17:26:09 +03:00
text-decoration: none; }
2016-05-25 13:42:47 +03:00
a:hover, a:focus {
color: #234fb8;
2016-07-28 17:26:09 +03:00
text-decoration: underline; }
2016-05-25 13:42:47 +03:00
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
2016-07-28 17:26:09 +03:00
outline-offset: -2px; }
2016-05-25 13:42:47 +03:00
.center {
2016-07-28 17:26:09 +03:00
text-align: center; }
2016-05-25 13:42:47 +03:00
2016-07-28 17:26:09 +03:00
body, pre {
2016-05-25 13:42:47 +03:00
border: none;
margin: 0;
2016-07-28 17:26:09 +03:00
padding: 0; }
2016-05-25 13:42:47 +03:00
html {
2016-07-28 17:26:09 +03:00
background: #f9f9f9; }
2016-05-25 13:42:47 +03:00
.browser-mockup {
border-top: 2em solid #F3F3F3;
position: relative;
2016-07-28 17:26:09 +03:00
border-radius: 3px 3px 0 0; }
2016-05-25 13:42:47 +03:00
.browser-mockup:before {
display: block;
position: absolute;
content: '';
top: -1.25em;
left: 1em;
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background-color: #f44;
2016-07-28 17:26:09 +03:00
box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5; }
2016-05-25 13:42:47 +03:00
2016-07-28 17:26:09 +03:00
.browser-mockup a {
2016-05-25 13:42:47 +03:00
display: block;
2016-07-28 17:26:09 +03:00
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
2016-05-25 13:42:47 +03:00
border: 1px solid #ddd;
2016-07-28 17:26:09 +03:00
width: 100%; }
2016-05-25 13:42:47 +03:00
.left {
2016-07-28 17:26:09 +03:00
float: left; }
2016-05-25 13:42:47 +03:00
.right {
2016-07-28 17:26:09 +03:00
float: right; }
2016-05-25 13:42:47 +03:00
.container {
padding-top: 50px;
2016-07-28 17:26:09 +03:00
min-width: 1060px; }
2016-05-25 13:42:47 +03:00
.wrap {
width: 1060px;
2016-07-28 17:26:09 +03:00
box-sizing: border-box;
2016-05-25 13:42:47 +03:00
margin-left: auto;
margin-right: auto;
padding-left: 20px;
2016-07-28 17:26:09 +03:00
padding-right: 20px; }
2016-05-25 13:42:47 +03:00
.skinnyWrap {
width: 690px;
2016-07-28 17:26:09 +03:00
box-sizing: border-box;
2016-05-25 13:42:47 +03:00
margin-left: auto;
margin-right: auto;
padding-left: 20px;
2016-07-28 17:26:09 +03:00
padding-right: 20px; }
2016-05-25 13:42:47 +03:00
hr {
height: 0;
border-top: 1px solid #ccc;
2016-07-28 17:26:09 +03:00
border-bottom: 1px solid #eee; }
2016-05-25 13:42:47 +03:00
ul, li {
2016-07-28 17:26:09 +03:00
margin-left: 20px; }
2016-05-25 13:42:47 +03:00
li + li {
2016-07-28 17:26:09 +03:00
margin-top: 10px; }
2016-05-25 13:42:47 +03:00
h1 .anchor, h2 .anchor, h3 .anchor, h4 .anchor, h5 .anchor, h6 .anchor {
margin-top: -50px;
2016-07-28 17:26:09 +03:00
position: absolute; }
2016-05-25 13:42:47 +03:00
h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-link, h5:hover .hash-link, h6:hover .hash-link {
2016-07-28 17:26:09 +03:00
display: inline; }
2016-05-25 13:42:47 +03:00
.hash-link {
color: #aaa;
2016-07-28 17:26:09 +03:00
display: none; }
2016-05-25 13:42:47 +03:00
.nav-main {
background: #222;
color: #fafafa;
position: fixed;
top: 0;
height: 50px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
width: 100%;
2016-07-28 17:26:09 +03:00
z-index: 100; }
2016-05-25 13:42:47 +03:00
.nav-main:after {
content: "";
display: table;
2016-07-28 17:26:09 +03:00
clear: both; }
2016-05-25 13:42:47 +03:00
.nav-main a {
color: #e9e9e9;
2016-07-28 17:26:09 +03:00
text-decoration: none; }
2016-05-25 13:42:47 +03:00
.nav-main .nav-site-internal {
2016-07-28 17:26:09 +03:00
margin: 0 0 0 20px; }
2016-05-25 13:42:47 +03:00
.nav-main .nav-site-external {
float: right;
2016-07-28 17:26:09 +03:00
margin: 0; }
2016-05-25 13:42:47 +03:00
.nav-main .nav-site li {
2016-07-28 17:26:09 +03:00
margin: 0; }
2016-05-25 13:42:47 +03:00
.nav-main .nav-site li > a {
box-sizing: content-box;
padding: 0 10px;
line-height: 50px;
display: inline-block;
height: 50px;
2016-07-28 17:26:09 +03:00
color: #ddd; }
2016-05-25 13:42:47 +03:00
.nav-main .nav-site li > a:hover {
2016-07-28 17:26:09 +03:00
color: #fff; }
2016-05-25 13:42:47 +03:00
.nav-main .nav-site li > a.active {
color: #fafafa;
border-bottom: 3px solid #00abff;
2016-07-28 17:26:09 +03:00
background: #333; }
2016-05-25 13:42:47 +03:00
.nav-main .nav-home {
color: #ffffff;
font-size: 24px;
line-height: 50px;
height: 50px;
2016-07-28 17:26:09 +03:00
display: inline-block; }
2016-05-25 13:42:47 +03:00
.nav-main .nav-home .blur-label {
2016-07-28 17:26:09 +03:00
color: #00abff; }
2016-05-25 13:42:47 +03:00
.nav-main .nav-logo {
vertical-align: middle;
display: inline-block;
2016-07-28 17:26:09 +03:00
margin-bottom: 9px; }
2016-05-25 13:42:47 +03:00
.nav-main ul {
display: inline-block;
2016-07-28 17:26:09 +03:00
vertical-align: top; }
2016-05-25 13:42:47 +03:00
.nav-main li {
2016-07-28 17:26:09 +03:00
display: inline; }
2016-05-25 13:42:47 +03:00
.hero {
2016-07-28 17:26:09 +03:00
padding-bottom: 75px; }
2016-05-25 13:42:47 +03:00
.hero .hero-content {
color: #e9e9e9;
font-weight: 300;
background: #313131;
2016-07-28 17:26:09 +03:00
padding-top: 50px; }
2016-05-25 13:42:47 +03:00
.hero .text {
font-size: 64px;
2016-07-28 17:26:09 +03:00
text-align: center; }
2016-05-25 13:42:47 +03:00
.hero .minitext {
font-size: 16px;
text-align: center;
2016-07-28 17:26:09 +03:00
text-transform: uppercase; }
2016-05-25 13:42:47 +03:00
.hero strong {
color: #00abff;
2016-07-28 17:26:09 +03:00
font-weight: 400; }
2016-05-25 13:42:47 +03:00
.white-text {
2016-07-28 17:26:09 +03:00
color: #f9f9f9; }
2016-05-25 13:42:47 +03:00
.hero .admin-screenshots {
margin-top: 40px;
display: flex;
2016-07-28 17:26:09 +03:00
flex-direction: row; }
2016-05-25 13:42:47 +03:00
.hero .admin-screenshot {
width: 100%;
2016-07-28 17:26:09 +03:00
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
2016-05-25 13:42:47 +03:00
padding: 0 15px;
2016-07-28 17:26:09 +03:00
text-align: center; }
2016-05-25 13:42:47 +03:00
.admin-screenshot img {
2016-07-28 17:26:09 +03:00
width: 100%; }
2016-05-25 13:42:47 +03:00
.demo-link {
display: block;
position: relative;
2016-07-28 17:26:09 +03:00
line-height: 0; }
2016-05-25 13:42:47 +03:00
.demo-link:before {
content: '';
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 52px;
2016-07-28 17:26:09 +03:00
background-image: linear-gradient(to bottom, transparent, #f9fff9); }
2016-05-25 13:42:47 +03:00
.demo-link .demo-link-label {
display: flex;
align-items: center;
justify-content: center;
content: 'Demo';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
2016-07-28 17:26:09 +03:00
background: black;
2016-05-25 13:42:47 +03:00
background: rgba(0, 0, 0, 0.5);
2016-07-28 17:26:09 +03:00
color: #f9f9f9;
2016-05-25 13:42:47 +03:00
font-size: 32px;
opacity: 0;
2016-07-28 17:26:09 +03:00
transition: opacity 0.3s ease-out; }
2016-05-25 13:42:47 +03:00
.demo-link:hover .demo-link-label {
2016-07-28 17:26:09 +03:00
opacity: 1; }
2016-05-25 13:42:47 +03:00
.buttons-unit {
margin-top: 60px;
2016-07-28 17:26:09 +03:00
text-align: center; }
2016-05-25 13:42:47 +03:00
.buttons-unit a {
2016-07-28 17:26:09 +03:00
color: #61dafb; }
2016-05-25 13:42:47 +03:00
.buttons-unit .button {
font-size: 24px;
background: #00abff;
2016-07-28 17:26:09 +03:00
color: #fafafa; }
2016-05-25 13:42:47 +03:00
.buttons-unit .button:active, .buttons-unit .button:focus {
background: #00abff;
2016-07-28 17:26:09 +03:00
text-decoration: none; }
2016-05-25 13:42:47 +03:00
.index-block {
2016-07-28 17:26:09 +03:00
padding: 40px 0; }
.index-block:nth-child(even) {
background: #f2f2f2; }
2016-05-25 13:42:47 +03:00
2016-07-28 17:26:09 +03:00
.centered {
text-align: center; }
2016-05-25 13:42:47 +03:00
.why-items {
display: flex;
flex-direction: row;
align-items: baseline;
margin-top: 15px;
2016-07-28 17:26:09 +03:00
padding-top: 15px; }
2016-05-25 13:42:47 +03:00
.why-item {
flex: 33%;
text-align: center;
2016-07-28 17:26:09 +03:00
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px; }
2016-05-25 13:42:47 +03:00
.why-item img {
2016-07-28 17:26:09 +03:00
width: 110px; }
2016-05-25 13:42:47 +03:00
.nav-docs {
color: #2d2d2d;
font-size: 14px;
float: left;
2016-07-28 17:26:09 +03:00
width: 210px; }
2016-05-25 13:42:47 +03:00
.nav-docs ul {
list-style: none;
2016-07-28 17:26:09 +03:00
margin: 0; }
2016-05-25 13:42:47 +03:00
.nav-docs ul ul {
2016-07-28 17:26:09 +03:00
margin: 6px 0 0 20px; }
2016-05-25 13:42:47 +03:00
.nav-docs li {
line-height: 16px;
2016-07-28 17:26:09 +03:00
margin: 0 0 6px; }
2016-05-25 13:42:47 +03:00
.nav-docs a {
color: #666;
2016-07-28 17:26:09 +03:00
display: block; }
2016-05-25 13:42:47 +03:00
.nav-docs a:hover {
text-decoration: none;
2016-07-28 17:26:09 +03:00
color: #285eb8; }
2016-05-25 13:42:47 +03:00
.nav-docs a.active {
2016-07-28 17:26:09 +03:00
color: #285eb8; }
2016-05-25 13:42:47 +03:00
.nav-docs a.external:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
2016-07-28 17:26:09 +03:00
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
2016-05-25 13:42:47 +03:00
padding-left: 5px;
2016-07-28 17:26:09 +03:00
background: url("../img/external.png") 100% 0 no-repeat;
2016-05-25 13:42:47 +03:00
font-size: 10px;
line-height: 1em;
2016-07-28 17:26:09 +03:00
opacity: 0.5; }
2016-05-25 13:42:47 +03:00
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
.nav-docs a.external:after {
background-image: url("../img/external_2x.png");
2016-07-28 17:26:09 +03:00
background-size: 10px 10px; } }
2016-05-25 13:42:47 +03:00
.nav-docs .nav-docs-section {
border-bottom: 1px solid #ccc;
border-top: 1px solid #eee;
2016-07-28 17:26:09 +03:00
padding: 12px 0; }
2016-05-25 13:42:47 +03:00
.nav-docs .nav-docs-section:first-child {
padding-top: 0;
2016-07-28 17:26:09 +03:00
border-top: 0; }
2016-05-25 13:42:47 +03:00
.nav-docs .nav-docs-section:last-child {
padding-bottom: 0;
2016-07-28 17:26:09 +03:00
border-bottom: 0; }
2016-05-25 13:42:47 +03:00
.nav-blog li {
2016-07-28 17:26:09 +03:00
margin-bottom: 5px; }
2016-05-25 13:42:47 +03:00
.nav-docs-right {
display: block;
float: right;
2016-07-28 17:26:09 +03:00
line-height: 50px; }
2016-05-25 13:42:47 +03:00
.nav-docs-right a {
color: #00abff;
2016-07-28 17:26:09 +03:00
text-decoration: none; }
2016-05-25 13:42:47 +03:00
.nav-docs-right a:hover {
2016-07-28 17:26:09 +03:00
text-decoration: underline; }
2016-05-25 13:42:47 +03:00
.home-section {
2016-07-28 17:26:09 +03:00
margin: 50px 0; }
2016-05-25 13:42:47 +03:00
.home-divider {
border-top-color: #bbb;
margin: 0 auto;
2016-07-28 17:26:09 +03:00
width: 400px; }
2016-05-25 13:42:47 +03:00
.skinny-row:after {
content: "";
display: table;
2016-07-28 17:26:09 +03:00
clear: both; }
2016-05-25 13:42:47 +03:00
.skinny-col {
float: left;
margin-left: 40px;
2016-07-28 17:26:09 +03:00
width: 305px; }
2016-05-25 13:42:47 +03:00
.skinny-col:first-child {
2016-07-28 17:26:09 +03:00
margin-left: 0; }
2016-05-25 13:42:47 +03:00
.marketing-row {
2016-07-28 17:26:09 +03:00
margin: 50px 0; }
2016-05-25 13:42:47 +03:00
.marketing-row:after {
content: "";
display: table;
2016-07-28 17:26:09 +03:00
clear: both; }
2016-05-25 13:42:47 +03:00
.marketing-col {
float: left;
margin-left: 40px;
2016-07-28 17:26:09 +03:00
width: 280px; }
2016-05-25 13:42:47 +03:00
.marketing-col p {
2016-07-28 17:26:09 +03:00
font-size: 16px; }
2016-05-25 13:42:47 +03:00
.marketing-col:first-child {
2016-07-28 17:26:09 +03:00
margin-left: 0; }
2016-05-25 13:42:47 +03:00
.home-bottom-section {
2016-07-28 17:26:09 +03:00
margin-bottom: 100px; }
2016-05-25 13:42:47 +03:00
.docs-nextprev:after {
content: "";
display: table;
2016-07-28 17:26:09 +03:00
clear: both; }
2016-05-25 13:42:47 +03:00
.jsxCompiler {
margin: 0 auto;
padding-top: 20px;
2016-07-28 17:26:09 +03:00
width: 1220px; }
2016-05-25 13:42:47 +03:00
2016-07-28 17:26:09 +03:00
.jsxCompiler .compiler-option {
2016-05-25 13:42:47 +03:00
display: block;
2016-07-28 17:26:09 +03:00
margin-top: 5px; }
2016-05-25 13:42:47 +03:00
.jsxCompiler .playgroundPreview {
padding: 0;
width: 600px;
2016-07-28 17:26:09 +03:00
word-wrap: break-word; }
2016-05-25 13:42:47 +03:00
.jsxCompiler .playgroundPreview pre {
font-family: 'source-code-pro', Menlo, Consolas, 'Courier New', monospace;
font-size: 13px;
2016-07-28 17:26:09 +03:00
line-height: 1.5; }
2016-05-25 13:42:47 +03:00
.jsxCompiler .playgroundError {
2016-07-28 17:26:09 +03:00
padding: 15px 20px; }
2016-05-25 13:42:47 +03:00
.docs-prev {
2016-07-28 17:26:09 +03:00
float: left; }
2016-05-25 13:42:47 +03:00
.docs-next {
2016-07-28 17:26:09 +03:00
float: right; }
2016-05-25 13:42:47 +03:00
footer {
font-size: 13px;
font-weight: 600;
margin-top: 66px;
margin-bottom: 18px;
2016-07-28 17:26:09 +03:00
overflow: auto; }
2016-05-25 13:42:47 +03:00
.blogContent {
2016-07-28 17:26:09 +03:00
padding-top: 20px; }
2016-05-25 13:42:47 +03:00
.blogContent:after {
content: "";
display: table;
2016-07-28 17:26:09 +03:00
clear: both; }
2016-05-25 13:42:47 +03:00
.blogContent blockquote {
padding: 5px 15px;
margin: 20px 0;
background-color: #f8f5ec;
2016-07-28 17:26:09 +03:00
border-left: 5px solid #f7ebc6; }
2016-05-25 13:42:47 +03:00
2016-07-28 17:26:09 +03:00
.blogContent code {
2016-05-25 13:42:47 +03:00
font-size: inherit;
line-height: inherit;
color: #555;
2016-07-28 17:26:09 +03:00
background-color: black;
background-color: rgba(0, 0, 0, 0.04); }
2016-05-25 13:42:47 +03:00
.documentationContent {
2016-07-28 17:26:09 +03:00
padding-top: 20px; }
2016-05-25 13:42:47 +03:00
.documentationContent:after {
content: "";
display: table;
2016-07-28 17:26:09 +03:00
clear: both; }
2016-05-25 13:42:47 +03:00
.documentationContent blockquote {
padding: 15px 30px 15px 15px;
margin: 20px 0;
2016-07-28 17:26:09 +03:00
background-color: black;
2016-05-25 13:42:47 +03:00
background-color: rgba(204, 122, 111, 0.1);
2016-07-28 17:26:09 +03:00
border-left: 5px solid black;
border-left: 5px solid rgba(191, 87, 73, 0.2); }
2016-05-25 13:42:47 +03:00
.documentationContent blockquote p {
2016-07-28 17:26:09 +03:00
margin-bottom: 0; }
2016-05-25 13:42:47 +03:00
.documentationContent blockquote p:first-child {
font-weight: bold;
font-size: 17.5px;
line-height: 20px;
margin-top: 0;
2016-07-28 17:26:09 +03:00
text-rendering: optimizelegibility; }
2016-05-25 13:42:47 +03:00
.docs-prevnext {
padding-top: 40px;
2016-07-28 17:26:09 +03:00
padding-bottom: 40px; }
2016-05-25 13:42:47 +03:00
.button {
background: -webkit-linear-gradient(#9a9a9a, #646464);
2016-07-28 17:26:09 +03:00
background: -moz-linear-gradient(#9a9a9a, #646464);
background: -ms-linear-gradient(#9a9a9a, #646464);
background: -o-linear-gradient(#9a9a9a, #646464);
background: -webkit-gradient(#9a9a9a, #646464);
2016-05-25 13:42:47 +03:00
background: linear-gradient(#9a9a9a, #646464);
border-radius: 4px;
padding: 8px 16px;
font-size: 18px;
font-weight: 400;
margin: 0 12px;
display: inline-block;
color: #fafafa;
text-decoration: none;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
2016-07-28 17:26:09 +03:00
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
2016-05-25 13:42:47 +03:00
.button:hover {
2016-07-28 17:26:09 +03:00
text-decoration: none; }
2016-05-25 13:42:47 +03:00
.button:active {
2016-07-28 17:26:09 +03:00
box-shadow: none; }
2016-05-25 13:42:47 +03:00
.hero .button {
2016-07-28 17:26:09 +03:00
box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3); }
2016-05-25 13:42:47 +03:00
.row {
2016-07-28 17:26:09 +03:00
padding-bottom: 4px; }
2016-05-25 13:42:47 +03:00
.row .span4 {
width: 33.33%;
2016-07-28 17:26:09 +03:00
display: table-cell; }
2016-05-25 13:42:47 +03:00
.row .span8 {
width: 66.66%;
2016-07-28 17:26:09 +03:00
display: table-cell; }
2016-05-25 13:42:47 +03:00
.row .span6 {
width: 50%;
2016-07-28 17:26:09 +03:00
display: table-cell; }
2016-05-25 13:42:47 +03:00
p {
2016-07-28 17:26:09 +03:00
margin: 10px 0; }
2016-05-25 13:42:47 +03:00
.highlight {
padding: 10px;
2016-07-28 17:26:09 +03:00
margin-bottom: 20px; }
2016-05-25 13:42:47 +03:00
figure {
2016-07-28 17:26:09 +03:00
text-align: center; }
2016-05-25 13:42:47 +03:00
.inner-content {
float: right;
2016-07-28 17:26:09 +03:00
width: 650px; }
2016-05-25 13:42:47 +03:00
.nosidebar .inner-content {
float: none;
2016-07-28 17:26:09 +03:00
margin: 0 auto; }
2016-05-25 13:42:47 +03:00
.inner-content img {
2016-07-28 17:26:09 +03:00
max-width: 100%; }
2016-05-25 13:42:47 +03:00
.inner-content table {
border-collapse: collapse;
2016-07-28 17:26:09 +03:00
width: 100%; }
2016-05-25 13:42:47 +03:00
.inner-content th, .inner-content td {
padding: 0.25rem;
text-align: left;
2016-07-28 17:26:09 +03:00
border: 1px solid #ccc; }
2016-05-25 13:42:47 +03:00
.inner-content tbody tr:nth-child(odd) {
2016-07-28 17:26:09 +03:00
background: #eee; }
2016-05-25 13:42:47 +03:00
h1:after {
content: "";
display: table;
2016-07-28 17:26:09 +03:00
clear: both; }
2016-05-25 13:42:47 +03:00
.edit-page-link {
float: right;
font-size: 16px;
font-weight: normal;
line-height: 20px;
2016-07-28 17:26:09 +03:00
margin-top: 17px; }
2016-05-25 13:42:47 +03:00
.post-list-item + .post-list-item {
2016-07-28 17:26:09 +03:00
margin-top: 60px; }
2016-05-25 13:42:47 +03:00
/* code styling */
code {
font-family: 'Anonymous Pro', sans-serif;
font-size: 0.85em;
2016-07-28 17:26:09 +03:00
color: #000; }
2016-05-25 13:42:47 +03:00
pre code {
display: block;
line-height: 1.1;
color: #333333;
background: #f8f5ec;
padding: 30px 14px 14px;
position: relative;
2016-07-28 17:26:09 +03:00
overflow-x: auto; }
2016-05-25 13:42:47 +03:00
pre code:before {
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
color: #c2c0bc;
background-color: #f1ede4;
2016-07-28 17:26:09 +03:00
content: "Code"; }
2016-05-25 13:42:47 +03:00
p code {
padding: 0.1em 0.3em 0.2em;
border-radius: 0.3em;
position: relative;
background: #fffff3;
2016-07-28 17:26:09 +03:00
white-space: nowrap; }
2016-05-25 13:42:47 +03:00
/* syntax hl stuff */
code.lang-markdown {
2016-07-28 17:26:09 +03:00
color: #424242; }
2016-05-25 13:42:47 +03:00
code.lang-markdown .header,
code.lang-markdown .strong {
2016-07-28 17:26:09 +03:00
font-weight: bold; }
2016-05-25 13:42:47 +03:00
code.lang-markdown .emphasis {
2016-07-28 17:26:09 +03:00
font-style: italic; }
2016-05-25 13:42:47 +03:00
code.lang-markdown .horizontal_rule,
code.lang-markdown .link_label,
code.lang-markdown .code,
code.lang-markdown .header,
code.lang-markdown .link_url {
2016-07-28 17:26:09 +03:00
color: #555; }
2016-05-25 13:42:47 +03:00
code.lang-markdown .blockquote,
code.lang-markdown .bullet {
2016-07-28 17:26:09 +03:00
color: #bbb; }
2016-05-25 13:42:47 +03:00
/* Tomorrow Theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.tomorrow-comment, pre .comment, pre .title {
2016-07-28 17:26:09 +03:00
color: #8e908c; }
2016-05-25 13:42:47 +03:00
.tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
2016-07-28 17:26:09 +03:00
color: #c82829; }
2016-05-25 13:42:47 +03:00
.tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
2016-07-28 17:26:09 +03:00
color: #f5871f; }
2016-05-25 13:42:47 +03:00
.tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute {
2016-07-28 17:26:09 +03:00
color: #eab700; }
2016-05-25 13:42:47 +03:00
.tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
2016-07-28 17:26:09 +03:00
color: #718c00; }
2016-05-25 13:42:47 +03:00
.tomorrow-aqua, pre .css .hexcolor {
2016-07-28 17:26:09 +03:00
color: #3e999f; }
2016-05-25 13:42:47 +03:00
.tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
2016-07-28 17:26:09 +03:00
color: #4271ae; }
2016-05-25 13:42:47 +03:00
.tomorrow-purple, pre .keyword, pre .javascript .function {
2016-07-28 17:26:09 +03:00
color: #8959a8; }
2016-05-25 13:42:47 +03:00
/* media queries */
@media screen and (max-width: 960px) {
.nav-main {
2016-07-28 17:26:09 +03:00
position: static; }
2016-05-25 13:42:47 +03:00
.container {
2016-07-28 17:26:09 +03:00
padding-top: 0; } }
2017-02-28 14:37:20 +03:00
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZG9jcy9jb250ZW50cy9jc3MvbWFpbi5jc3MiLAoJInNvdXJjZXMiOiBbCgkJImRvY3MvY29udGVudHMvY3NzL21haW4uc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBtaXhpbiBoZWFkZXIge1xyXG4gIG1hcmdpbjogMTBweCAwO1xyXG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xyXG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gIGNvbG9yOiBpbmhlcml0O1xyXG4gIHRleHQtcmVuZGVyaW5nOiBvcHRpbWl6ZWxlZ2liaWxpdHk7XHJcbn1cclxuXHJcbmh0bWwge1xyXG4gIGZvbnQtZmFtaWx5OiAnU291cmNlIFNhbnMgUHJvJywgc2Fucy1zZXJpZjtcclxuICBjb2xvcjogIzQ4NDg0ODtcclxuICBsaW5lLWhlaWdodDogMS4yOFxyXG59XHJcblxyXG5ib2R5IHtcclxuICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgbWluLXdpZHRoOiAxMDYwcHg7XHJcbn1cclxucCB7XHJcbiAgbWFyZ2luOiAwIDAgMTBweFxyXG59XHJcblxyXG5lbSB7XHJcbiAgZm9udC1zdHlsZTogaXRhbGljXHJcbn1cclxuXHJcbmgxIHtcclxuICBAaW5jbHVkZSBoZWFkZXI7XHJcblxyXG4gIGxpbmUtaGVpZ2h0OiA0MHB4O1xyXG4gIGZvbnQtc2l6ZTogMzlweFxyXG59XHJcblxyXG5oMiB7XHJcbiAgQGluY2x1ZGUgaGVhZGVyO1xyXG5cclxuICBsaW5lLWhlaWdodDogNDBweDtcclxuICBtYXJnaW4tdG9wOiAzMHB4O1xyXG4gIGZvbnQtc2l6ZTogMzFweDtcclxufVxyXG5cclxuaDMge1xyXG4gIEBpbmNsdWRlIGhlYWRlcjtcclxuXHJcbiAgbGluZS1oZWlnaHQ6IDQwcHg7XHJcbiAgZm9udC1zaXplOiAyM3B4O1xyXG59XHJcblxyXG5oNCB7XHJcbiAgQGluY2x1ZGUgaGVhZGVyO1xyXG5cclxuICBsaW5lLWhlaWdodDogMjBweDtcclxuICBmb250LXNpemU6IDE2cHg7XHJcbn1cclxuXHJcbmg1IHtcclxuICBAaW5jbHVkZSBoZWFkZXI7XHJcblxyXG4gIGxpbmUtaGVpZ2h0OiA0MHB4O1xyXG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG59XHJcblxyXG5oNiB7XHJcbiAgQGluY2x1ZGUgaGVhZGVyO1xyXG5cclxuICBsaW5lLWhlaWdodDogMjBweDtcclxuICBmb250LXNpemU6IDExcHg7XHJcbn1cclxuXHJcblxyXG5oMSBzbWFsbCB7XHJcbiAgZm9udC1zaXplOiAyNHB4O1xyXG59XHJcblxyXG5oMiBzbWFsbCB7XHJcbiAgZm9udC1zaXplOiAxOHB4O1xyXG59XHJcblxyXG5oMyBzbWFsbCB7XHJcbiAgZm9udC1zaXplOiAxNnB4O1xyXG59XHJcblxyXG5oNCBzbWFsbCB7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG59XHJcblxyXG51bCwgb2wge1xyXG4gIG1hcmdpbjogMCAwIDEwcHggMjVweDtcclxuICBwYWRkaW5nOiAwXHJcbn1cclxuXHJcbnVsIHVsLCB1bCBvbCwgb2wgb2wsIG9sIHVsIHtcclxuICBtYXJnaW4tYm90dG9tOiAwXHJcbn1cclxuXHJcbmxpIHtcclxuICBsaW5lLWhlaWdodDogMjBweFxyXG59XHJcblxyXG5hIHtcclxuICBjb2xvcjogIzI4NWViODtcclxuICB0ZXh0LWRlY29yYXRpb246IG5vbmVcclxufVxyXG5cclxuYTpob3ZlciwgYTpmb2N1cyB7XHJcbiAgY29sb3I6ICMyMzRmYjg7XHJcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmVcclxufVxyXG5cclxuYTpmb2N1cyB7XHJcbiAgb3V0bGluZTogdGhpbiBkb3R0ZWQgIzMzMztcclxuICBvdXRsaW5lOiA1cHggYXV0byAtd2Via2l0LWZvY3VzLXJpbmctY29sb3I7XHJcbiAgb3V0bGluZS1vZmZzZXQ6IC0ycHhcclxufVxyXG5cclxuLmNlbnRlciB7XHJcbiAgdGV4dC1hbGlnbjogY2VudGVyXHJcbn1cclxuXHJcbmJvZHksIHByZSB7XHJcbiAgYm9yZGVyOiBub25lO1xyXG4gIG1hcmdpbjogMDtcclxuICBwYWRkaW5nOiAwXHJcbn1cclxuXHJcbmh0bWwge1xyXG4gIGJhY2tncm91bmQ6ICNmOWY5ZjlcclxufVxyXG5cclxuLmJyb3dzZXItbW9ja3VwIHtcclxuICBib3JkZXItdG9wOiAyZW0gc29saWQgI0YzRjNGMztcclxuICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDBcclxufVxyXG5cclxuLmJyb3dzZXItbW9ja3VwOmJlZm9yZSB7XHJcbiAgZGlzcGxheTogYmxvY2s7XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIGNvbnRlbnQ6ICcnO1xyXG4gIHRvcDogLTEuMjVlbTtcclxuICBsZWZ0OiAxZW07XHJcbiAgd2lkdGg6IDAuNWVtO1xyXG4gIGhlaWdodDogMC41ZW07XHJcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICNmNDQ7XHJcbiAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICNmNDQsIDEuNWVtIDAgMCAycHggIzliMywgM2VtIDAgMCAycHggI2ZiNTtcclxufVxyXG5cclxuLmJyb3dzZXItbW9ja3VwIGEge1xyXG4gIGRpc3BsYXk6IGJsb2NrO1xyXG4gIC13ZWJraXQtYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAtbW96LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICBib3JkZXI6IDFweCBzb2xpZCAjZGRkO1xyXG4gIHdpZHRoOiAxMDAlO1xyXG59XHJcblxyXG4ubGVmdCB7XHJcbiAgZmxvYXQ6IGxlZnRcclxufVxyXG5cclxuLnJpZ2h0IHtcclxuICBmbG9hdDogcmlnaHRcclxufVxyXG5cclxuLmNvbnRhaW5lciB7XHJcbiAgcGFkZGluZy10b3A6IDUwcHg7XHJcbiAgbWluLXdpZHRoOiAxMDYwcHhcclxufVxyXG5cclxuLndyYXAge1xyXG4gIHdpZHRoOiAxMDYwcHg7XHJcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICBtYXJnaW4tbGVmdDogYXV0bztcclxuICBtYXJnaW4tcmlnaHQ6IGF1dG87XHJcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xyXG4gIHBhZGRpbmctcmlnaHQ6IDIwcHg7XHJcbn1cclxuXHJcbi5za2lubnlXcmFwIHtcclxuICB3aWR0aDogNjkwcHg7XHJcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICBtYXJnaW4tbGVmdDogYXV0bztcclxuICBtYXJnaW4tcmlnaHQ6IGF1dG87XHJcbiAgcGFkZGluZy1sZWZ0OiAyMHB4O1xyXG4gIHBhZGRpbmctcmlnaHQ6IDIwcHg7XHJcb