2017-02-17 13:52:55 +00:00
|
|
|
/* Flatsite theme, https://github.com/datenstrom/yellow-themes/tree/master/flatsite */
|
2018-04-15 12:45:50 +00:00
|
|
|
/* Copyright (c) 2013-2018 Datenstrom, https://datenstrom.se */
|
2017-02-17 13:52:55 +00:00
|
|
|
/* This file may be used and distributed under the terms of the public license. */
|
2015-04-29 07:26:48 +00:00
|
|
|
|
2016-11-01 18:46:47 +00:00
|
|
|
html, body, div, form, pre, span, tr, th, td, img { margin:0; padding:0; border:0; vertical-align:baseline; }
|
2017-02-17 13:52:55 +00:00
|
|
|
@font-face {
|
|
|
|
|
font-family:'Open Sans';
|
|
|
|
|
font-style:normal;
|
|
|
|
|
font-weight:300;
|
|
|
|
|
src:url(opensans-light.woff) format('woff');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family:'Open Sans';
|
|
|
|
|
font-style:normal;
|
|
|
|
|
font-weight:400;
|
|
|
|
|
src:url(opensans-regular.woff) format('woff');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family:'Open Sans';
|
|
|
|
|
font-style:normal;
|
|
|
|
|
font-weight:700;
|
|
|
|
|
src:url(opensans-bold.woff) format('woff');
|
|
|
|
|
}
|
2015-04-29 07:26:48 +00:00
|
|
|
body {
|
|
|
|
|
margin:1em;
|
|
|
|
|
background-color:#fff; color:#717171;
|
2016-11-01 18:46:47 +00:00
|
|
|
font-family:'Open Sans',Helvetica,sans-serif;
|
|
|
|
|
font-size:1em;
|
2015-04-29 07:26:48 +00:00
|
|
|
font-weight:300;
|
|
|
|
|
line-height:1.5;
|
|
|
|
|
}
|
2018-04-15 12:45:50 +00:00
|
|
|
h1, h2, h3, h4, h5, h6 { color:#111; font-weight:normal; }
|
2015-04-29 07:26:48 +00:00
|
|
|
h1 { font-size:2.0em; }
|
|
|
|
|
hr { height:1px; background:#ddd; border:0; }
|
|
|
|
|
strong { font-weight:bold; }
|
|
|
|
|
code { font-size:1.1em; }
|
2016-11-01 18:46:47 +00:00
|
|
|
a { color:#07d; text-decoration:none; }
|
2015-04-29 07:26:48 +00:00
|
|
|
a:hover { color:#07d; text-decoration:underline; }
|
2015-05-12 12:54:54 +00:00
|
|
|
.content h1:first-child, .content>*:first-child { margin-top:0; }
|
2018-04-15 12:45:50 +00:00
|
|
|
.content h1 a { color:#111; }
|
|
|
|
|
.content h1 a:hover { color:#111; text-decoration:none; }
|
2015-04-29 07:26:48 +00:00
|
|
|
.content img { max-width:100%; height:auto; }
|
|
|
|
|
.content form { margin:1em 0; }
|
|
|
|
|
.content table { border-spacing:0; border-collapse:collapse; }
|
2018-04-26 15:04:45 +00:00
|
|
|
.content th { text-align:left; padding:0.3em; }
|
|
|
|
|
.content td { text-align:left; padding:0.3em; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
|
2016-11-01 18:46:47 +00:00
|
|
|
.content blockquote { margin-left:0; padding-left:1em; border-left:.5em solid #0a0; }
|
|
|
|
|
.content blockquote blockquote { margin-left:-1.5em; border-left:.5em solid #fb0; }
|
|
|
|
|
.content blockquote blockquote blockquote { border-color:#d00; }
|
|
|
|
|
.content code, pre { font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace; font-size:90%; }
|
|
|
|
|
.content code { padding:0.15em 0.4em; margin:0; background-color:#f7f7f7; border-radius:3px; }
|
|
|
|
|
.content pre>code { padding:0; margin:0; white-space:pre; background:transparent; border:0; font-size:inherit; }
|
|
|
|
|
.content pre { padding:1em; overflow:auto; line-height:1.45; background-color:#f7f7f7; border-radius:3px; }
|
2016-03-04 08:53:30 +00:00
|
|
|
.content .flexible { position:relative; padding-top:0; padding-bottom:56.25%; }
|
2015-04-29 07:26:48 +00:00
|
|
|
.content .flexible iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
|
2016-08-27 14:40:52 +00:00
|
|
|
.content .stretchable ul { margin:0 -0.5em; padding:0; list-style:none; text-align:center; }
|
|
|
|
|
.content .stretchable li { margin:0; padding:1em 0; display:inline-block; text-align:center; vertical-align:top; }
|
|
|
|
|
.content .stretchable a { color:#717171; text-decoration:none; }
|
2015-04-29 07:26:48 +00:00
|
|
|
.content .toc { margin:0; padding:0; list-style:none; }
|
2017-02-22 10:24:19 +00:00
|
|
|
.content .entry-links .previous { margin-right:1em; }
|
|
|
|
|
.content .pagination .previous { margin-right:1em; }
|
2015-09-02 11:24:23 +00:00
|
|
|
.content .pagination { margin:1em 0; }
|
2016-11-01 18:46:47 +00:00
|
|
|
.content .left { float:left; margin:0 1em 0 0; }
|
|
|
|
|
.content .center { display:block; margin:0 auto; }
|
|
|
|
|
.content .right { float:right; margin:0 0 0 1em; }
|
|
|
|
|
.content .rounded { border-radius:4px; }
|
|
|
|
|
|
|
|
|
|
/* Header */
|
|
|
|
|
|
|
|
|
|
.header .sitename { display:block; float:left; }
|
|
|
|
|
.header .sitename h1 { margin:0; }
|
|
|
|
|
.header .sitename h1 a { color:#111; text-decoration:none; }
|
|
|
|
|
.header .sitename h2 { margin-top:0; color:#717171; font-size:1.0em; font-weight:300; }
|
2015-04-29 07:26:48 +00:00
|
|
|
|
2015-05-12 12:54:54 +00:00
|
|
|
/* Navigation */
|
|
|
|
|
|
|
|
|
|
.navigation { display:block; float:right; }
|
2016-11-01 18:46:47 +00:00
|
|
|
.navigation { margin-top:0.9em; margin-bottom:0.9em; line-height:2; }
|
2015-08-20 19:13:38 +00:00
|
|
|
.navigation a { padding:0 0.3em; }
|
2015-05-12 12:54:54 +00:00
|
|
|
.navigation ul { margin:0 -0.3em; padding:0; list-style:none; }
|
|
|
|
|
.navigation li { display:inline; }
|
2016-11-01 18:46:47 +00:00
|
|
|
.navigation-tree { display:block; float:right; }
|
|
|
|
|
.navigation-tree { margin-top:0.9em; margin-bottom:0.9em; line-height:2; }
|
|
|
|
|
.navigation-tree a { padding:0 0.3em; }
|
|
|
|
|
.navigation-tree ul { margin:0 -0.3em; padding:0; list-style:none; }
|
|
|
|
|
.navigation-tree li { display:inline; }
|
|
|
|
|
.navigation-tree ul li { display:inline-block; position:relative; cursor:pointer; margin:0; }
|
|
|
|
|
.navigation-tree ul li ul { padding:0.3em; position:absolute; width:13em; background:#fff; z-index:100; display:none; }
|
|
|
|
|
.navigation-tree ul li ul { border:1px solid #bbb; border-radius:4px; box-shadow:2px 4px 10px rgba(0, 0, 0, 0.2); }
|
|
|
|
|
.navigation-tree ul li ul li { display:block; }
|
|
|
|
|
.navigation-tree>ul>li:hover>ul { display:block; }
|
|
|
|
|
.navigation-banner { clear:both; }
|
2015-05-22 17:37:37 +00:00
|
|
|
.navigation-search { padding-bottom:1em; }
|
|
|
|
|
.navigation-search .search-form { position:relative; }
|
|
|
|
|
.navigation-search .search-text { font-family:inherit; font-size:inherit; font-weight:inherit; }
|
|
|
|
|
.navigation-search .search-text { padding:0.5em; border:1px solid #bbb; border-radius:4px; width:100%; box-sizing:border-box; }
|
|
|
|
|
.navigation-search .search-text { background-color:#fff; background-image:linear-gradient(to bottom, #fff, #fff); }
|
|
|
|
|
.navigation-search .search-button { position:absolute; top:0; right:0; }
|
|
|
|
|
.navigation-search .search-button { font-family:inherit; font-size:inherit; font-weight:inherit; }
|
|
|
|
|
.navigation-search .search-button { margin:5px; padding:0.3em; border:none; background-color:transparent; }
|
|
|
|
|
|
2016-11-01 18:46:47 +00:00
|
|
|
/* Footer */
|
2015-05-22 17:37:37 +00:00
|
|
|
|
2016-11-01 18:46:47 +00:00
|
|
|
.footer { margin-top:2em; }
|
|
|
|
|
.footer .siteinfo a { color:#07d; }
|
|
|
|
|
.footer .siteinfo a:hover { color:#07d; text-decoration:underline; }
|
2017-07-25 21:46:22 +00:00
|
|
|
.footer .siteinfo a.language img { vertical-align:middle; margin-top:-5px; margin-right:0.75em; }
|
2016-11-01 18:46:47 +00:00
|
|
|
.footer .siteinfo-left { float:left; }
|
|
|
|
|
.footer .siteinfo-right { float:right; }
|
|
|
|
|
.footer .siteinfo-banner { clear:both; }
|
2015-05-12 12:54:54 +00:00
|
|
|
|
2016-11-01 18:46:47 +00:00
|
|
|
/* Sidebar */
|
2016-09-01 19:30:29 +00:00
|
|
|
|
2016-11-01 18:46:47 +00:00
|
|
|
.with-sidebar .main { margin-right:17em; }
|
|
|
|
|
.with-sidebar .sidebar { float:right; width:16em; margin-top:3.9em; padding:2px; overflow:hidden; font-size:0.9em; }
|
|
|
|
|
.with-sidebar .sidebar .search-form input { width:100%; box-sizing:border-box; }
|
|
|
|
|
.with-sidebar .content:after { content:""; display:table; clear:both; }
|
2016-09-01 19:30:29 +00:00
|
|
|
|
2015-04-29 07:26:48 +00:00
|
|
|
/* Forms and buttons */
|
|
|
|
|
|
|
|
|
|
.form-control {
|
|
|
|
|
margin:0; padding:2px 4px;
|
2016-04-08 13:16:07 +00:00
|
|
|
display:inline-block; min-width:7em;
|
2015-04-29 07:26:48 +00:00
|
|
|
background-color:#fff; color:#555;
|
|
|
|
|
background-image:linear-gradient(to bottom, #fff, #fff);
|
|
|
|
|
border:1px solid #bbb;
|
|
|
|
|
border-radius:4px;
|
2015-05-26 08:27:28 +00:00
|
|
|
font-size:0.9em; font-family:inherit; font-weight:normal; line-height:normal;
|
2015-04-29 07:26:48 +00:00
|
|
|
}
|
|
|
|
|
.btn {
|
|
|
|
|
margin:0; padding:4px 22px;
|
2015-05-26 08:27:28 +00:00
|
|
|
display:inline-block; min-width:7em;
|
2015-04-29 07:26:48 +00:00
|
|
|
background-color:#eaeaea; color:#333333;
|
|
|
|
|
background-image:linear-gradient(to bottom, #f8f8f8, #e1e1e1);
|
|
|
|
|
border:1px solid #bbb;
|
|
|
|
|
border-color:#c1c1c1 #c1c1c1 #aaaaaa;
|
|
|
|
|
border-radius:4px;
|
|
|
|
|
outline-offset:-2px;
|
2015-05-26 08:27:28 +00:00
|
|
|
font-size:0.9em; font-family:inherit; font-weight:normal; line-height:1;
|
2015-04-29 07:26:48 +00:00
|
|
|
text-align:center; text-decoration:none;
|
2017-11-30 20:50:12 +00:00
|
|
|
box-sizing:border-box;
|
2015-04-29 07:26:48 +00:00
|
|
|
}
|
|
|
|
|
.btn:hover, .btn:focus, .btn:active {
|
|
|
|
|
color:#333333;
|
|
|
|
|
background-image:none;
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
}
|
|
|
|
|
.btn:active { box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1); }
|
|
|
|
|
|
2016-11-01 18:46:47 +00:00
|
|
|
/* Misc */
|
|
|
|
|
|
2017-07-25 21:46:22 +00:00
|
|
|
.template-default .content img.screenshot { margin:0 -0.5em; }
|
|
|
|
|
.template-language .content div.language { font-size:1.2em; text-align:left; width:9em; margin:0 auto; }
|
|
|
|
|
.template-language .content div.language p { margin:1.5em 0em; }
|
|
|
|
|
.template-language .content div.language img { vertical-align:middle; margin-top:-5px; margin-right:1.5em; }
|
2016-11-01 18:46:47 +00:00
|
|
|
.highlight .kw1, .highlight .kw2, .highlight .kw3, .highlight .kw4 { color:#b0b; }
|
|
|
|
|
.highlight .st0, .highlight .st_h, .highlight .nu0 { color:#b0b; }
|
|
|
|
|
.highlight .re0, .highlight .re1, .highlight .re2, .highlight .re3, .css .nu0 { color:inherit; }
|
|
|
|
|
.highlight .co1, .highlight .coMULTI, .highlight .sc0, .highlight .sc-1 { color:inherit; }
|
|
|
|
|
|
2015-04-29 07:26:48 +00:00
|
|
|
/* Responsive and print */
|
|
|
|
|
|
|
|
|
|
.page { margin:0 auto; max-width:1000px; }
|
|
|
|
|
|
2016-11-01 18:46:47 +00:00
|
|
|
@media screen and (min-width:62em) {
|
2015-04-29 07:26:48 +00:00
|
|
|
body { width:60em; margin:1em auto; }
|
|
|
|
|
.page{ margin:0; max-width:none; }
|
|
|
|
|
}
|
2016-11-01 18:46:47 +00:00
|
|
|
@media screen and (max-width:32em) {
|
2015-04-29 07:26:48 +00:00
|
|
|
body { margin:0.5em; font-size:0.9em; }
|
2016-11-01 18:46:47 +00:00
|
|
|
.header .sitename h1, .content h1, .content h2 { font-size:1.3em; }
|
|
|
|
|
.header .sitename h1, .header .sitename h2, .footer, .page { margin:0; padding:0; }
|
|
|
|
|
.header .sitename, .navigation, .navigation-tree { float:none; }
|
|
|
|
|
.navigation { margin-top:0.5em; margin-bottom:0.5em; }
|
|
|
|
|
.navigation-search { padding-bottom:1em; }
|
2016-07-10 23:50:40 +00:00
|
|
|
.with-sidebar .main { margin-right:0; }
|
2015-05-12 12:54:54 +00:00
|
|
|
.with-sidebar .sidebar { display:none; }
|
2015-04-29 07:26:48 +00:00
|
|
|
}
|
|
|
|
|
@media print {
|
|
|
|
|
.page { border:none !important; }
|
2017-07-25 21:46:22 +00:00
|
|
|
}
|
