ngx-admin/css/main.css

765 lines
56 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; } }
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZG9jcy9jb250ZW50cy9jc3MvbWFpbi5jc3MiLAoJInNvdXJjZXMiOiBbCgkJImRvY3MvY29udGVudHMvY3NzL21haW4uc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBtaXhpbiBoZWFkZXIge1xuICBtYXJnaW46IDEwcHggMDtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgdGV4dC1yZW5kZXJpbmc6IG9wdGltaXplbGVnaWJpbGl0eTtcbn1cblxuaHRtbCB7XG4gIGZvbnQtZmFtaWx5OiAnU291cmNlIFNhbnMgUHJvJywgc2Fucy1zZXJpZjtcbiAgY29sb3I6ICM0ODQ4NDg7XG4gIGxpbmUtaGVpZ2h0OiAxLjI4XG59XG5cbmJvZHkge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi13aWR0aDogMTA2MHB4O1xufVxucCB7XG4gIG1hcmdpbjogMCAwIDEwcHhcbn1cblxuZW0ge1xuICBmb250LXN0eWxlOiBpdGFsaWNcbn1cblxuaDEge1xuICBAaW5jbHVkZSBoZWFkZXI7XG5cbiAgbGluZS1oZWlnaHQ6IDQwcHg7XG4gIGZvbnQtc2l6ZTogMzlweFxufVxuXG5oMiB7XG4gIEBpbmNsdWRlIGhlYWRlcjtcblxuICBsaW5lLWhlaWdodDogNDBweDtcbiAgbWFyZ2luLXRvcDogMzBweDtcbiAgZm9udC1zaXplOiAzMXB4O1xufVxuXG5oMyB7XG4gIEBpbmNsdWRlIGhlYWRlcjtcblxuICBsaW5lLWhlaWdodDogNDBweDtcbiAgZm9udC1zaXplOiAyM3B4O1xufVxuXG5oNCB7XG4gIEBpbmNsdWRlIGhlYWRlcjtcblxuICBsaW5lLWhlaWdodDogMjBweDtcbiAgZm9udC1zaXplOiAxNnB4O1xufVxuXG5oNSB7XG4gIEBpbmNsdWRlIGhlYWRlcjtcblxuICBsaW5lLWhlaWdodDogNDBweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG5oNiB7XG4gIEBpbmNsdWRlIGhlYWRlcjtcblxuICBsaW5lLWhlaWdodDogMjBweDtcbiAgZm9udC1zaXplOiAxMXB4O1xufVxuXG5cbmgxIHNtYWxsIHtcbiAgZm9udC1zaXplOiAyNHB4O1xufVxuXG5oMiBzbWFsbCB7XG4gIGZvbnQtc2l6ZTogMThweDtcbn1cblxuaDMgc21hbGwge1xuICBmb250LXNpemU6IDE2cHg7XG59XG5cbmg0IHNtYWxsIHtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG51bCwgb2wge1xuICBtYXJnaW46IDAgMCAxMHB4IDI1cHg7XG4gIHBhZGRpbmc6IDBcbn1cblxudWwgdWwsIHVsIG9sLCBvbCBvbCwgb2wgdWwge1xuICBtYXJnaW4tYm90dG9tOiAwXG59XG5cbmxpIHtcbiAgbGluZS1oZWlnaHQ6IDIwcHhcbn1cblxuYSB7XG4gIGNvbG9yOiAjMjg1ZWI4O1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmVcbn1cblxuYTpob3ZlciwgYTpmb2N1cyB7XG4gIGNvbG9yOiAjMjM0ZmI4O1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZVxufVxuXG5hOmZvY3VzIHtcbiAgb3V0bGluZTogdGhpbiBkb3R0ZWQgIzMzMztcbiAgb3V0bGluZTogNXB4IGF1dG8gLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yO1xuICBvdXRsaW5lLW9mZnNldDogLTJweFxufVxuXG4uY2VudGVyIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyXG59XG5cbmJvZHksIHByZSB7XG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwXG59XG5cbmh0bWwge1xuICBiYWNrZ3JvdW5kOiAjZjlmOWY5XG59XG5cbi5icm93c2VyLW1vY2t1cCB7XG4gIGJvcmRlci10b3A6IDJlbSBzb2xpZCAjRjNGM0YzO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwXG59XG5cbi5icm93c2VyLW1vY2t1cDpiZWZvcmUge1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiAnJztcbiAgdG9wOiAtMS4yNWVtO1xuICBsZWZ0OiAxZW07XG4gIHdpZHRoOiAwLjVlbTtcbiAgaGVpZ2h0OiAwLjVlbTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjQ0O1xuICBib3gtc2hhZG93OiAwIDAgMCAycHggI2Y0NCwgMS41ZW0gMCAwIDJweCAjOWIzLCAzZW0gMCAwIDJweCAjZmI1O1xufVxuXG4uYnJvd3Nlci1tb2NrdXAgYSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICAtd2Via2l0LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIC1tb3otYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2RkZDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5sZWZ0IHtcbiAgZmxvYXQ6IGxlZnRcbn1cblxuLnJpZ2h0IHtcbiAgZmxvYXQ6IHJpZ2h0XG59XG5cbi5jb250YWluZXIge1xuICBwYWRkaW5nLXRvcDogNTBweDtcbiAgbWluLXdpZHRoOiAxMDYwcHhcbn1cblxuLndyYXAge1xuICB3aWR0aDogMTA2MHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG4gIHBhZGRpbmctcmlnaHQ6IDIwcHg7XG59XG5cbi5za2lubnlXcmFwIHtcbiAgd2lkdGg6IDY5MHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG4gIHBhZGRpbmctcmlnaHQ6IDIwcHg7XG59XG5cbmhyIHtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2NjYztcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlZWVcbn1cblxudWwsIGxpIHtcbiAgbWFyZ2luLWxlZnQ6IDIwcHhcbn1cblxubGkgKyBsaSB7XG4gIG1hcmdpbi10b3A6IDEwcHhcbn1cblxuaDEgLmFuY2hvciwgaDIgLmFuY2hvciwgaDMgLmFuY2hvciwgaDQgLmFuY2hvciwgaDUgLmFuY2hvciwgaDYgLmFuY2hvciB7XG4gIG1hcmdpbi10b3A6IC01MHB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGVcbn1cblxuaDE6aG92ZXIgLmhhc2gtbGluaywgaDI6aG92ZXIgLmhhc2gtbGluaywgaDM6aG92ZXIgLmhhc2gtbGluaywgaDQ6aG92ZXIgLmhhc2gtbGluaywga