1310 lines
29 KiB
CSS
1310 lines
29 KiB
CSS
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
|
||
html {
|
||
font-family: sans-serif;
|
||
-ms-text-size-adjust: 100%;
|
||
-webkit-text-size-adjust: 100%; }
|
||
|
||
body {
|
||
margin: 0; }
|
||
|
||
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
|
||
display: block; }
|
||
|
||
audio, canvas, progress, video {
|
||
display: inline-block;
|
||
vertical-align: baseline; }
|
||
|
||
audio:not([controls]) {
|
||
display: none;
|
||
height: 0; }
|
||
|
||
[hidden], template {
|
||
display: none; }
|
||
|
||
a {
|
||
background-color: transparent; }
|
||
|
||
a:active, a:hover {
|
||
outline: 0; }
|
||
|
||
abbr[title] {
|
||
border-bottom: 1px dotted; }
|
||
|
||
b, strong {
|
||
font-weight: bold; }
|
||
|
||
dfn {
|
||
font-style: italic; }
|
||
|
||
h1 {
|
||
font-size: 2em;
|
||
margin: 0.67em 0; }
|
||
|
||
mark {
|
||
background: #ff0;
|
||
color: #000; }
|
||
|
||
small {
|
||
font-size: 80%; }
|
||
|
||
sub, sup {
|
||
font-size: 75%;
|
||
line-height: 0;
|
||
position: relative;
|
||
vertical-align: baseline; }
|
||
|
||
sup {
|
||
top: -0.5em; }
|
||
|
||
sub {
|
||
bottom: -0.25em; }
|
||
|
||
img {
|
||
border: 0; }
|
||
|
||
svg:not(:root) {
|
||
overflow: hidden; }
|
||
|
||
figure {
|
||
margin: 1em 40px; }
|
||
|
||
hr {
|
||
box-sizing: content-box;
|
||
height: 0; }
|
||
|
||
pre {
|
||
overflow: auto; }
|
||
|
||
code, kbd, pre, samp {
|
||
font-family: monospace, monospace;
|
||
font-size: 1em; }
|
||
|
||
button, input, optgroup, select, textarea {
|
||
color: inherit;
|
||
font: inherit;
|
||
margin: 0; }
|
||
|
||
button {
|
||
overflow: visible; }
|
||
|
||
button, select {
|
||
text-transform: none; }
|
||
|
||
button, html input[type="button"], input[type="reset"], input[type="submit"] {
|
||
-webkit-appearance: button;
|
||
cursor: pointer; }
|
||
|
||
button[disabled], html input[disabled] {
|
||
cursor: default; }
|
||
|
||
button::-moz-focus-inner, input::-moz-focus-inner {
|
||
border: 0;
|
||
padding: 0; }
|
||
|
||
input {
|
||
line-height: normal; }
|
||
|
||
input[type="checkbox"], input[type="radio"] {
|
||
box-sizing: border-box;
|
||
padding: 0; }
|
||
|
||
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
|
||
height: auto; }
|
||
|
||
input[type="search"] {
|
||
-webkit-appearance: textfield;
|
||
box-sizing: content-box; }
|
||
|
||
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
|
||
-webkit-appearance: none; }
|
||
|
||
fieldset {
|
||
border: 1px solid #c0c0c0;
|
||
margin: 0 2px;
|
||
padding: 0.35em 0.625em 0.75em; }
|
||
|
||
legend {
|
||
border: 0;
|
||
padding: 0; }
|
||
|
||
textarea {
|
||
overflow: auto; }
|
||
|
||
optgroup {
|
||
font-weight: bold; }
|
||
|
||
table {
|
||
border-collapse: collapse;
|
||
border-spacing: 0; }
|
||
|
||
td, th {
|
||
padding: 0; }
|
||
|
||
::-moz-selection {
|
||
background: #b3d4fc;
|
||
text-shadow: none; }
|
||
|
||
::selection {
|
||
background: #b3d4fc;
|
||
text-shadow: none; }
|
||
|
||
dt {
|
||
font-weight: bold; }
|
||
|
||
dd {
|
||
margin: 0; }
|
||
|
||
table {
|
||
margin: 16px 0;
|
||
margin: 1rem 0;
|
||
width: 100%; }
|
||
table caption {
|
||
text-align: center; }
|
||
|
||
caption, th {
|
||
text-align: left; }
|
||
|
||
li ul, li ol {
|
||
margin: 0; }
|
||
|
||
pre code {
|
||
font-size: 1em; }
|
||
|
||
hr {
|
||
margin: 24px 0;
|
||
margin: 1.5rem 0;
|
||
border: 0;
|
||
border-top: 1px solid #ddd;
|
||
display: block;
|
||
height: 1px;
|
||
padding: 0; }
|
||
|
||
img {
|
||
vertical-align: middle; }
|
||
|
||
@-ms-viewport {
|
||
width: device-width; }
|
||
|
||
video, img {
|
||
height: auto;
|
||
max-width: 100%; }
|
||
|
||
html {
|
||
font-size: 100%; }
|
||
|
||
html, button, input, select, optgroup, textarea {
|
||
font-family: 'Helvetica Neue', Arial, sans-serif; }
|
||
|
||
body {
|
||
line-height: 1.5; }
|
||
|
||
h1, h2, h3, h4, h5, h6 {
|
||
margin: 16px 0;
|
||
margin: 1rem 0; }
|
||
|
||
h5, h6 {
|
||
font-size: 16px;
|
||
font-size: 1rem; }
|
||
|
||
pre, code, samp, kbd {
|
||
font-size: 14px;
|
||
font-size: 0.875rem; }
|
||
|
||
q {
|
||
quotes: '“' '”' '‘' '’'; }
|
||
|
||
:lang(de) q {
|
||
quotes: '„' '“' '‚' '‘'; }
|
||
|
||
p {
|
||
-webkit-hyphens: auto;
|
||
-moz-hyphens: auto;
|
||
-ms-hyphens: auto;
|
||
hyphens: auto; }
|
||
p code, p samp, p kbd {
|
||
-webkit-hyphens: none;
|
||
-moz-hyphens: none;
|
||
-ms-hyphens: none;
|
||
hyphens: none; }
|
||
|
||
.fontface .fallback-text, .visuallyhidden, #searchform input[type="submit"], .info-label {
|
||
border: 0;
|
||
clip: rect(0 0 0 0);
|
||
height: 1px;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
width: 1px; }
|
||
|
||
.no-fontface [class^="icon-"]:before, .no-fontface [class*=" icon-"]:before, .no-page {
|
||
display: none !important;
|
||
visibility: hidden; }
|
||
|
||
.clearfix:before, .serendipity_imageComment_img:before, .clearfix:after, .serendipity_imageComment_img:after {
|
||
content: ' ';
|
||
display: table; }
|
||
.clearfix:after, .serendipity_imageComment_img:after {
|
||
clear: both; }
|
||
|
||
@font-face {
|
||
font-family: 'fontello';
|
||
src: url('{TEMPLATE_PATH}font/fontello.eot?98791370');
|
||
src: url('{TEMPLATE_PATH}font/fontello.eot?98791370#iefix') format('embedded-opentype'), url('{TEMPLATE_PATH}font/fontello.woff?98791370') format('woff'), url('{TEMPLATE_PATH}font/fontello.ttf?98791370') format('truetype'), url('{TEMPLATE_PATH}font/fontello.svg?98791370#fontello') format('svg');
|
||
font-weight: normal;
|
||
font-style: normal; }
|
||
|
||
[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: 0.2em;
|
||
text-align: center;
|
||
font-variant: normal;
|
||
text-transform: none;
|
||
line-height: 1em;
|
||
margin-left: 0.2em; }
|
||
|
||
.icon-search:before {
|
||
content: '\e800'; }
|
||
|
||
.icon-ok-circled:before {
|
||
content: '\e801'; }
|
||
|
||
.icon-help-circled:before {
|
||
content: '\e803'; }
|
||
|
||
.icon-info-circled:before {
|
||
content: '\e804'; }
|
||
|
||
.icon-attention-circled:before {
|
||
content: '\e805'; }
|
||
|
||
.icon-menu:before {
|
||
content: '\e807'; }
|
||
|
||
.icon-angle-circled-left:before {
|
||
content: '\e812'; }
|
||
|
||
.icon-angle-circled-right:before {
|
||
content: '\e813'; }
|
||
|
||
fieldset {
|
||
border: 0;
|
||
margin: 0;
|
||
padding: 0; }
|
||
|
||
form button:focus, select:focus, textarea:focus, input:focus {
|
||
box-shadow: 0 0 5px 0 #06f;
|
||
z-index: 1; }
|
||
|
||
input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active {
|
||
box-shadow: none; }
|
||
|
||
::-webkit-input-placeholder {
|
||
color: #888; }
|
||
|
||
::-moz-placeholder {
|
||
color: #888; }
|
||
|
||
:-ms-input-placeholder {
|
||
color: #888; }
|
||
|
||
:invalid {
|
||
box-shadow: none; }
|
||
|
||
optgroup {
|
||
background: #fcfcfc;
|
||
color: #222;
|
||
font-style: normal; }
|
||
|
||
input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="password"], input[type="time"], input[type="week"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], select, textarea, input[type="text"] {
|
||
-webkit-appearance: none;
|
||
background-clip: padding-box;
|
||
background-color: #fcfcfc;
|
||
border: 1px solid;
|
||
border-color: #c1c1c1 #c1c1c1 #e1e1e1;
|
||
border-radius: 0;
|
||
box-sizing: border-box;
|
||
color: #222;
|
||
height: 1.8em;
|
||
outline: 0;
|
||
padding: 2px 3px;
|
||
text-align: left; }
|
||
input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="time"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="url"][disabled], select[disabled], textarea[disabled], input[type="text"][disabled] {
|
||
background-color: #eee; }
|
||
|
||
select[size], select[multiple], textarea {
|
||
height: auto; }
|
||
|
||
@media (-webkit-min-device-pixel-ratio: 0) {
|
||
select {
|
||
background-image: url('data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==');
|
||
background-position: right center;
|
||
background-repeat: no-repeat;
|
||
padding-right: 20px; }
|
||
|
||
select[size], select[multiple] {
|
||
background-image: none;
|
||
padding: 0; }
|
||
}
|
||
|
||
textarea {
|
||
min-height: 40px;
|
||
overflow: auto;
|
||
resize: vertical;
|
||
width: 100%; }
|
||
|
||
form button, input[type="button"], input[type="reset"], input[type="submit"] {
|
||
background-color: white;
|
||
background-image: -webkit-linear-gradient(top, #ffffff, #ddd);
|
||
background-image: linear-gradient(to bottom, #ffffff, #ddd);
|
||
background-clip: padding-box;
|
||
border: 1px solid;
|
||
border-color: #ddd #bbbbbb #999999;
|
||
border-radius: 4px;
|
||
color: #111;
|
||
display: inline-block;
|
||
line-height: normal;
|
||
outline: 0;
|
||
padding: 3px 10px;
|
||
padding: 0.1875rem 0.625rem;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
text-shadow: #eeeeee 0 1px 1px;
|
||
width: auto; }
|
||
form button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
|
||
background-color: white;
|
||
background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
|
||
background-image: linear-gradient(to bottom, #ffffff, #cccccc); }
|
||
form button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
|
||
background-color: white;
|
||
background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
|
||
background-image: linear-gradient(to bottom, #ffffff, #cccccc);
|
||
border-color: #999999 #bbbbbb #ddd;
|
||
box-shadow: inset rgba(17, 17, 17, 0.25) 0 1px 2px 0; }
|
||
form button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
|
||
box-shadow: #06f 0 0 5px 0;
|
||
z-index: 1; }
|
||
form button:active, form button:visited, form button:hover, form button:focus, input[type="button"]:active, input[type="button"]:visited, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:visited, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:visited, input[type="submit"]:hover, input[type="submit"]:focus {
|
||
color: #111; }
|
||
|
||
form button[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], input[disabled] {
|
||
box-shadow: none;
|
||
color: #888;
|
||
cursor: default;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none; }
|
||
|
||
.msg-warning, .msg-success, .msg-notice, .msg-question, .serendipity_commentDirection {
|
||
font-size: 13px;
|
||
font-size: 0.8125rem;
|
||
margin: 16px 0;
|
||
margin: 1rem 0;
|
||
padding: 8px;
|
||
padding: 0.5rem;
|
||
border: 1px solid;
|
||
border-radius: 4px; }
|
||
.msg-warning p, .msg-success p, .msg-notice p, .msg-question p, .serendipity_commentDirection p {
|
||
margin: 0; }
|
||
|
||
.msg-warning {
|
||
background: #f2dede;
|
||
border-color: #eed3d7;
|
||
color: #b94a2b; }
|
||
.msg-success {
|
||
background: #dff0d8;
|
||
border-color: #d6e9c6;
|
||
color: #468847; }
|
||
|
||
.msg-notice {
|
||
background: #d9edf7;
|
||
border-color: #bce8f1;
|
||
color: #3a87ad; }
|
||
.msg-question {
|
||
background: #fcf8e3;
|
||
border-color: #fbeed5;
|
||
color: #c09853; }
|
||
|
||
figure {
|
||
margin: 16px 0;
|
||
margin: 1rem 0;
|
||
display: block; }
|
||
|
||
.mfp-content figure {
|
||
margin: 0; }
|
||
|
||
nav ul, nav ol {
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0; }
|
||
|
||
.nav-collapse ul, .nav-collapse li {
|
||
display: block;
|
||
width: 100%; }
|
||
.js .nav-collapse {
|
||
clip: rect(0 0 0 0);
|
||
display: block;
|
||
max-height: 0;
|
||
overflow: hidden;
|
||
position: absolute;
|
||
zoom: 1; }
|
||
.nav-collapse.opened {
|
||
max-height: 9999px; }
|
||
|
||
.disable-pointer-events {
|
||
pointer-events: none !important; }
|
||
|
||
.nav-toggle {
|
||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||
-webkit-touch-callout: none;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none; }
|
||
|
||
@media screen and (min-width: 768px) {
|
||
.js .nav-collapse {
|
||
clip: auto;
|
||
height: auto;
|
||
margin: 0;
|
||
max-height: none;
|
||
overflow: visible;
|
||
position: relative;
|
||
width: auto; }
|
||
|
||
.nav-collapse li {
|
||
width: auto; }
|
||
|
||
.nav-toggle {
|
||
display: none !important;
|
||
visibility: hidden; }
|
||
}
|
||
|
||
html {
|
||
background-color: #fcfcfc; }
|
||
|
||
body {
|
||
background-color: #fcfcfc;
|
||
color: #222; }
|
||
|
||
ins {
|
||
background: #eee;
|
||
text-decoration: none; }
|
||
|
||
del {
|
||
color: #aaa; }
|
||
|
||
mark {
|
||
background-color: #ccdee7; }
|
||
|
||
kbd {
|
||
padding: 0 2px;
|
||
padding: 0 0.125rem;
|
||
background: #eee;
|
||
border: 1px solid #aaa; }
|
||
|
||
blockquote {
|
||
margin: 16px 0;
|
||
margin: 1rem 0; }
|
||
blockquote p {
|
||
quotes: '“' '”'; }
|
||
blockquote p:before {
|
||
content: '';
|
||
content: no-open-quote; }
|
||
blockquote p:after {
|
||
content: '';
|
||
content: no-close-quote; }
|
||
blockquote p:first-of-type:before {
|
||
content: '“';
|
||
content: open-quote; }
|
||
blockquote p:last-of-type:after {
|
||
content: '”';
|
||
content: close-quote; }
|
||
:lang(de) blockquote p, blockquote:lang(de) p {
|
||
quotes: '„' '“'; }
|
||
:lang(de) blockquote p:before, blockquote:lang(de) p:before {
|
||
content: '';
|
||
content: no-open-quote; }
|
||
:lang(de) blockquote p:after, blockquote:lang(de) p:after {
|
||
content: '';
|
||
content: no-close-quote; }
|
||
:lang(de) blockquote p:first-of-type:before, blockquote:lang(de) p:first-of-type:before {
|
||
content: '„';
|
||
content: open-quote; }
|
||
:lang(de) blockquote p:last-of-type:after, blockquote:lang(de) p:last-of-type:after {
|
||
content: '“';
|
||
content: close-quote; }
|
||
blockquote > cite, blockquote > footer {
|
||
display: block; }
|
||
blockquote > cite:before, blockquote > footer:before {
|
||
content: '– '; }
|
||
blockquote cite {
|
||
font-style: normal; }
|
||
|
||
summary {
|
||
cursor: pointer; }
|
||
|
||
a, a:visited {
|
||
color: #3e5f81; }
|
||
a:hover, a:focus {
|
||
color: #d52; }
|
||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
||
text-decoration: none; }
|
||
|
||
table {
|
||
width: 100%; }
|
||
.post table, .page table {
|
||
border-bottom: 1px solid #aaa; }
|
||
.post table tr, .page table tr {
|
||
border-top: 1px solid #aaa; }
|
||
|
||
.osans, .osans button, .osans input, .osans select, .osans optgroup, .osans textarea {
|
||
font-family: 'Open Sans', sans-serif; }
|
||
|
||
.ssans, .ssans button, .ssans input, .ssans select, .ssans optgroup, .ssans textarea {
|
||
font-family: 'Source Sans Pro', sans-serif; }
|
||
|
||
.rsans, .rsans button, .rsans input, .rsans select, .rsans optgroup, .rsans textarea {
|
||
font-family: 'Roboto', sans-serif; }
|
||
|
||
.lsans, .lsans button, .lsans input, .lsans select, .lsans optgroup, .lsans textarea {
|
||
font-family: 'Lato', sans-serif; }
|
||
|
||
.mserif, .mserif button, .mserif input, .mserif select, .mserif optgroup, .mserif textarea {
|
||
font-family: 'Merriweather', serif; }
|
||
|
||
.dserif, .dserif button, .dserif input, .dserif select, .dserif optgroup, .dserif textarea {
|
||
font-family: 'Droid Serif', serif; }
|
||
|
||
#banner {
|
||
padding: 0 12px;
|
||
padding: 0 0.75rem;
|
||
box-sizing: border-box; }
|
||
|
||
#identity {
|
||
text-decoration: none; }
|
||
#identity h1 {
|
||
margin: 16px 0 0;
|
||
margin: 1rem 0 0; }
|
||
#identity span {
|
||
margin: 0 0 16px;
|
||
margin: 0 0 1rem;
|
||
color: #666;
|
||
display: inline-block; }
|
||
|
||
#searchform {
|
||
box-sizing: border-box;
|
||
position: relative; }
|
||
#searchform input[type="search"] {
|
||
width: 100%; }
|
||
#searchform label {
|
||
right: 4px;
|
||
right: 0.25rem;
|
||
top: 2px;
|
||
top: 0.125rem;
|
||
position: absolute; }
|
||
#searchform label .icon-search {
|
||
color: #666; }
|
||
|
||
#logo img {
|
||
margin: 16px 0 -16px;
|
||
margin: 1rem 0 -1rem; }
|
||
|
||
#navbar {
|
||
margin: 16px 0;
|
||
margin: 1rem 0;
|
||
padding: 0 12px;
|
||
padding: 0 0.75rem;
|
||
background-color: #294564;
|
||
border-bottom: 1px solid #294564;
|
||
border-top: 1px solid #294564;
|
||
box-sizing: border-box;
|
||
color: #fcfcfc; }
|
||
#navbar ul {
|
||
padding: 0 0 4px;
|
||
padding: 0 0 0.25rem; }
|
||
#navbar a, #navbar span {
|
||
padding: 4px 0;
|
||
padding: 0.25rem 0;
|
||
display: block; }
|
||
#navbar li:first-child a, #navbar li:first-child span {
|
||
padding: 0 0 4px;
|
||
padding: 0 0 0.25rem; }
|
||
#navbar a {
|
||
text-decoration: none; }
|
||
#navbar a, #navbar a:visited {
|
||
background-color: #294564;
|
||
color: #fcfcfc;
|
||
-webkit-transition: all 0.3s linear;
|
||
transition: all 0.3s linear; }
|
||
#navbar a:hover, #navbar a:focus {
|
||
background-color: #ccdee7;
|
||
color: #222;
|
||
-webkit-transition: all 0.3s linear;
|
||
transition: all 0.3s linear; }
|
||
|
||
#navbar #open-nav {
|
||
font-size: 24px;
|
||
font-size: 1.5rem;
|
||
padding: 0; }
|
||
#navbar #open-nav .icon-menu:before {
|
||
margin: 0; }
|
||
|
||
#primary {
|
||
padding: 0 12px;
|
||
padding: 0 0.75rem;
|
||
box-sizing: border-box; }
|
||
|
||
.post {
|
||
margin-bottom: 16px;
|
||
margin-bottom: 1rem; }
|
||
.post blockquote {
|
||
padding: 0 0 0 12px;
|
||
padding: 0 0 0 0.75rem;
|
||
border-left: 4px solid #aaa; }
|
||
|
||
.post-title {
|
||
margin-bottom: 0; }
|
||
|
||
.post-info {
|
||
font-size: 13px;
|
||
font-size: 0.8125rem;
|
||
color: #666; }
|
||
|
||
.read-more {
|
||
display: inline-block; }
|
||
|
||
.meta, .summary, .year, #serendipity_category_form ul {
|
||
list-style: none;
|
||
padding: 0; }
|
||
|
||
.meta {
|
||
margin: 16px 0;
|
||
margin: 1rem 0; }
|
||
.meta li {
|
||
display: inline-block; }
|
||
.meta li:after {
|
||
content: ' | '; }
|
||
.meta li:last-child:after {
|
||
content: ''; }
|
||
|
||
.page-info {
|
||
border-top: 1px solid #ddd; }
|
||
|
||
.post pre, .page pre, .post .geshi, .page .geshi {
|
||
font-size: 14px;
|
||
font-size: 0.875rem;
|
||
padding: 8px;
|
||
padding: 0.5rem;
|
||
background: #eee;
|
||
border: 1px solid #aaa;
|
||
font-size: 0.875em; }
|
||
|
||
pre {
|
||
white-space: pre;
|
||
white-space: pre-wrap;
|
||
word-wrap: break-word; }
|
||
|
||
.pagination {
|
||
margin: 0 0 16px;
|
||
margin: 0 0 1rem;
|
||
color: #666; }
|
||
.pagination h3 {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
font-size: 13px;
|
||
font-size: 0.8125rem;
|
||
top: 24px;
|
||
top: 1.5rem;
|
||
font-weight: normal;
|
||
margin-bottom: 0;
|
||
margin-top: 0;
|
||
max-width: 70%;
|
||
position: relative;
|
||
text-align: center; }
|
||
.pagination a {
|
||
text-decoration: none;
|
||
-webkit-transition: color 0.3s linear;
|
||
transition: color 0.3s linear; }
|
||
|
||
.prev-page, .next-page {
|
||
width: 50%; }
|
||
.prev-page [class^="icon-"]:before, .prev-page [class*=" icon-"]:before, .next-page [class^="icon-"]:before, .next-page [class*=" icon-"]:before {
|
||
font-size: 32px;
|
||
font-size: 2rem;
|
||
margin: 0; }
|
||
|
||
.prev-page {
|
||
float: left; }
|
||
|
||
.next-page {
|
||
float: right;
|
||
text-align: right; }
|
||
|
||
.trackback, .comment {
|
||
margin-bottom: 32px;
|
||
margin-bottom: 2rem; }
|
||
|
||
.comment header h4 {
|
||
float: left; }
|
||
|
||
.comment > footer, .trackback-url, .comment-view, .comments-enable {
|
||
font-size: 13px;
|
||
font-size: 0.8125rem; }
|
||
|
||
.js .trackback-hint {
|
||
display: none; }
|
||
|
||
.form_field label, .form_select label, .form_tarea label {
|
||
display: block;
|
||
font-weight: bold; }
|
||
.form_field input, .form_field select, .form_select input, .form_select select, .form_tarea input, .form_tarea select {
|
||
width: 100%; }
|
||
|
||
.form_field, .form_select, .form_tarea, .form_check {
|
||
margin: 0 0 8px;
|
||
margin: 0 0 0.5rem; }
|
||
|
||
.serendipity_commentDirection {
|
||
background: #d9edf7;
|
||
border-color: #bce8f1;
|
||
color: #3a87ad; }
|
||
|
||
#archives h3 {
|
||
margin-top: 0; }
|
||
#archives .date {
|
||
min-width: 128px;
|
||
min-width: 8rem;
|
||
display: inline-block; }
|
||
|
||
.summary li {
|
||
margin: 0 0 8px;
|
||
margin: 0 0 0.5rem; }
|
||
.summary li > span {
|
||
font-size: 13px;
|
||
font-size: 0.8125rem;
|
||
display: block; }
|
||
|
||
.search-results ul {
|
||
list-style: none;
|
||
padding: 0; }
|
||
.search-results li > span {
|
||
display: block; }
|
||
|
||
.no-details details > * {
|
||
display: none; }
|
||
.no-details details > summary:before {
|
||
content: '► ';
|
||
float: left;
|
||
width: 20px; }
|
||
.no-details details.open > summary:before {
|
||
content: '▼ '; }
|
||
.no-details details summary {
|
||
display: block; }
|
||
|
||
#secondary, #tertiary {
|
||
padding: 0 12px;
|
||
padding: 0 0.75rem;
|
||
box-sizing: border-box; }
|
||
|
||
.widget h3 {
|
||
color: #666;
|
||
font-weight: normal; }
|
||
|
||
#colophon {
|
||
font-size: 13px;
|
||
font-size: 0.8125rem;
|
||
padding: 0 12px;
|
||
padding: 0 0.75rem;
|
||
box-sizing: border-box;
|
||
color: #666;
|
||
text-align: center; }
|
||
#colophon > p {
|
||
padding-top: 15px;
|
||
padding-top: 0.9375rem;
|
||
border-top: 1px solid #ddd; }
|
||
#colophon abbr[title] {
|
||
border: 0; }
|
||
#colophon i {
|
||
font-style: normal; }
|
||
|
||
.emoticon {
|
||
vertical-align: baseline !important; }
|
||
|
||
.serendipity_image_left, .serendipity_image_right, .serendipity_image_center, .serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
|
||
background: transparent;
|
||
border: 0 none;
|
||
padding: 0 !important; }
|
||
|
||
.serendipity_image_left, .serendipity_image_right, .serendipity_imageComment_left, .serendipity_imageComment_right {
|
||
margin: 16px 0;
|
||
margin: 1rem 0;
|
||
display: block;
|
||
float: none; }
|
||
|
||
.serendipity_image_center, .serendipity_imageComment_center {
|
||
margin: 16px auto;
|
||
margin: 1rem auto;
|
||
display: block; }
|
||
|
||
.serendipity_imageComment_img img {
|
||
border: none !important;
|
||
margin: 0 !important; }
|
||
|
||
.serendipity_imageComment_txt {
|
||
font-size: 13px;
|
||
font-size: 0.8125rem;
|
||
padding: 3px;
|
||
padding: 0.1875rem;
|
||
border-top: 0 none;
|
||
color: #222;
|
||
text-align: center; }
|
||
|
||
.serendipity_image_left, .serendipity_image_right, .serendipity_image_center, .serendipity_imageComment_img {
|
||
border: 1px solid #aaa;
|
||
box-sizing: border-box; }
|
||
|
||
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
|
||
height: auto;
|
||
max-width: 100%; }
|
||
|
||
.fluid-width-video-wrapper, video, audio {
|
||
margin: 16px 0;
|
||
margin: 1rem 0; }
|
||
|
||
.comment_avatar {
|
||
margin: 0 10px 10px 0;
|
||
margin: 0 0.625rem 0.625rem 0;
|
||
border: 1px solid #aaa;
|
||
float: left;
|
||
overflow: hidden;
|
||
padding: 0 !important; }
|
||
|
||
.avatar_left {
|
||
margin: 0 10px 10px 0;
|
||
margin: 0 0.625rem 0.625rem 0;
|
||
float: left; }
|
||
|
||
.avatar_right {
|
||
margin: 0 0 10px 10px;
|
||
margin: 0 0 0.625rem 0.625rem;
|
||
float: right; }
|
||
|
||
.serendipity_calendar {
|
||
border: 1px solid #3e5f81; }
|
||
.serendipity_calendar abbr[title] {
|
||
border: 0; }
|
||
|
||
.serendipity_calendar tfoot a, .serendipity_calendar tfoot a:active, .serendipity_calendar tfoot a:visited {
|
||
color: #fcfcfc;
|
||
text-decoration: none; }
|
||
|
||
.serendipity_calendar tfoot a:hover, .serendipity_calendar tfoot a:focus {
|
||
background: #ccdee7;
|
||
color: #222; }
|
||
|
||
.serendipity_calendar thead, .serendipity_calendar tfoot {
|
||
color: #fcfcfc; }
|
||
|
||
.serendipity_calendar th, .serendipity_calendar td {
|
||
padding: 2px;
|
||
padding: 0.125rem;
|
||
text-align: center; }
|
||
|
||
.next {
|
||
text-align: right; }
|
||
|
||
.serendipity_freeTag {
|
||
font-size: 13px;
|
||
font-size: 0.8125rem;
|
||
display: block;
|
||
margin: 0;
|
||
text-align: left; }
|
||
|
||
.serendipity_freeTag_related ul {
|
||
margin: 0; }
|
||
|
||
.serendipity_freetag_taglist {
|
||
padding: 16px;
|
||
padding: 1rem;
|
||
background: #eee;
|
||
border: 1px solid #aaa; }
|
||
|
||
.serendipity_freetag_taglist_related {
|
||
font-size: 16px;
|
||
font-size: 1rem;
|
||
margin: 0 0 8px;
|
||
margin: 0 0 0.5rem;
|
||
font-weight: bold; }
|
||
|
||
.commentspice_announce_article {
|
||
font-size: 13px;
|
||
font-size: 0.8125rem;
|
||
clear: both;
|
||
margin: 0;
|
||
padding: 0;
|
||
text-align: left; }
|
||
|
||
.commentspice_twitter_input {
|
||
background-position: 99% 50%; }
|
||
|
||
.twitter_follow {
|
||
margin: 18px 0 14px 8px;
|
||
margin: 1.125rem 0 0.875rem 0.5rem;
|
||
float: left; }
|
||
|
||
#LSResult {
|
||
background: #ccdee7;
|
||
margin-top: 1px;
|
||
opacity: 0.9;
|
||
z-index: 10; }
|
||
|
||
#LSShadow {
|
||
border-bottom: 0;
|
||
border-right: 0;
|
||
bottom: 0;
|
||
color: transparent;
|
||
right: 0; }
|
||
|
||
.serendipity_livesearch_result {
|
||
border: 1px solid #aaa;
|
||
bottom: 0;
|
||
right: 0; }
|
||
|
||
#LSResult, .serendipity_livesearch_result {
|
||
border-radius: 3px; }
|
||
|
||
.serendipity_findmore, .serendipity_findmore_like {
|
||
margin: 16px 0 0;
|
||
margin: 1rem 0 0;
|
||
list-style: none;
|
||
padding: 0;
|
||
text-align: left; }
|
||
.serendipity_findmore li, .serendipity_findmore_like li {
|
||
margin: 0 4px 8px 0;
|
||
margin: 0 0.25rem 0.5rem 0;
|
||
display: inline-block; }
|
||
|
||
.lazyload_switcher {
|
||
margin: 0 4px 0 0;
|
||
margin: 0 0.25rem 0 0;
|
||
display: inline-block; }
|
||
|
||
.findmore_like_button {
|
||
min-width: 120px;
|
||
min-width: 7.5rem; }
|
||
|
||
.facebook_like iframe {
|
||
position: relative;
|
||
top: 15px; }
|
||
|
||
.gplus_lazyload_switcher {
|
||
float: left;
|
||
position: relative;
|
||
top: 8px; }
|
||
|
||
.gplus_like iframe {
|
||
position: relative !important;
|
||
top: 6px !important; }
|
||
|
||
@media screen and (min-width: 768px) {
|
||
html {
|
||
padding: 16px 0;
|
||
padding: 1rem 0;
|
||
background-color: #ddd;
|
||
box-sizing: border-box; }
|
||
|
||
body {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
max-width: 720px;
|
||
max-width: 45rem;
|
||
border-top: 2px solid #aaa;
|
||
border-bottom: 2px solid #aaa; }
|
||
|
||
blockquote {
|
||
margin: 16px 40px;
|
||
margin: 1rem 2.5rem; }
|
||
|
||
#banner {
|
||
padding: 0 16px;
|
||
padding: 0 1rem; }
|
||
|
||
#identity {
|
||
float: left;
|
||
width: 62%; }
|
||
|
||
#searchform {
|
||
padding-top: 56px;
|
||
padding-top: 3.5rem;
|
||
float: right;
|
||
width: 38%; }
|
||
#searchform label {
|
||
top: 58px;
|
||
top: 3.625rem; }
|
||
|
||
#logo img {
|
||
margin: 16px 0 0;
|
||
margin: 1rem 0 0; }
|
||
|
||
#navbar {
|
||
padding: 0 16px;
|
||
padding: 0 1rem;
|
||
margin-top: 0; }
|
||
#navbar a, #navbar span {
|
||
border-right: 1px solid #294564; }
|
||
#navbar li:last-child a, #navbar li:last-child span {
|
||
border-right: 0; }
|
||
|
||
#site-nav {
|
||
left: -8px;
|
||
left: -0.5rem;
|
||
position: relative; }
|
||
#site-nav ul {
|
||
padding: 0; }
|
||
#site-nav li {
|
||
display: inline-block; }
|
||
#site-nav li > span {
|
||
position: relative; }
|
||
#site-nav li > span:after {
|
||
border-color: #294564 transparent;
|
||
border-style: solid;
|
||
border-width: 8px 8px 0;
|
||
content: '';
|
||
display: block;
|
||
margin: -8px;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 50%;
|
||
width: 0;
|
||
z-index: 10; }
|
||
#site-nav a, #site-nav span, #site-nav li:first-child a, #site-nav li:first-child span {
|
||
padding: 4px 8px;
|
||
padding: 0.25rem 0.5rem; }
|
||
|
||
#primary {
|
||
padding: 0 16px;
|
||
padding: 0 1rem; }
|
||
|
||
.commentlevel-1, .depth_10 {
|
||
margin-left: 16px;
|
||
margin-left: 1rem; }
|
||
|
||
.commentlevel-2, .depth_20 {
|
||
margin-left: 32px;
|
||
margin-left: 2rem; }
|
||
|
||
.commentlevel-3, .depth_30 {
|
||
margin-left: 48px;
|
||
margin-left: 3rem; }
|
||
|
||
.commentlevel-4, .depth_40 {
|
||
margin-left: 64px;
|
||
margin-left: 4rem; }
|
||
|
||
.commentlevel-5, .depth_50 {
|
||
margin-left: 80px;
|
||
margin-left: 5rem; }
|
||
|
||
.commentlevel-6, .depth_60 {
|
||
margin-left: 96px;
|
||
margin-left: 6rem; }
|
||
|
||
.commentlevel-7, .depth_70 {
|
||
margin-left: 112px;
|
||
margin-left: 7rem; }
|
||
|
||
.commentlevel-8, .depth_80 {
|
||
margin-left: 128px;
|
||
margin-left: 8rem; }
|
||
|
||
.commentlevel-9, .depth_90 {
|
||
margin-left: 144px;
|
||
margin-left: 9rem; }
|
||
|
||
.form_field input, .form_field select, .form_select input, .form_select select {
|
||
max-width: 400px;
|
||
max-width: 25rem; }
|
||
|
||
#archives > section {
|
||
float: left;
|
||
width: 50%; }
|
||
#archives .odd {
|
||
clear: left; }
|
||
|
||
.serendipity_image_left, .serendipity_imageComment_left {
|
||
margin: 24px 16px 24px 0;
|
||
margin: 1.5rem 1rem 1.5rem 0;
|
||
float: left; }
|
||
.clearfix .serendipity_image_left, .clearfix .serendipity_imageComment_left {
|
||
margin: 16px 16px 16px 0;
|
||
margin: 1rem 1rem 1rem 0; }
|
||
|
||
.serendipity_image_right, .serendipity_imageComment_right {
|
||
margin: 24px 0 24px 16px;
|
||
margin: 1.5rem 0 1.5rem 1rem;
|
||
float: right; }
|
||
.clearfix .serendipity_image_right, .clearfix .serendipity_imageComment_right {
|
||
margin: 16px 0 16px 16px;
|
||
margin: 1rem 0 1rem 1rem; }
|
||
|
||
.serendipity_imageComment_left, .serendipity_imageComment_right {
|
||
display: inline; }
|
||
|
||
#secondary, #tertiary {
|
||
padding: 0 16px;
|
||
padding: 0 1rem; }
|
||
|
||
.widget {
|
||
margin-bottom: 16px;
|
||
margin-bottom: 1rem;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
width: 50%; }
|
||
.widget:nth-child(odd) {
|
||
padding-right: 16px;
|
||
padding-right: 1rem;
|
||
clear: left; }
|
||
.widget:nth-child(even) {
|
||
padding-left: 16px;
|
||
padding-left: 1rem; }
|
||
|
||
#colophon {
|
||
padding: 0 16px;
|
||
padding: 0 1rem; }
|
||
}
|
||
|
||
@media screen and (min-width: 1024px) {
|
||
html {
|
||
padding: 24px 0;
|
||
padding: 1.5rem 0; }
|
||
|
||
body {
|
||
max-width: 1152px;
|
||
max-width: 72rem;
|
||
width: 92%; }
|
||
|
||
#banner {
|
||
padding: 16px 32px 0;
|
||
padding: 1rem 2rem 0; }
|
||
|
||
#searchform {
|
||
padding-left: 32px;
|
||
padding-left: 2rem; }
|
||
|
||
#logo img {
|
||
margin: 16px 0 -16px;
|
||
margin: 1rem 0 -1rem; }
|
||
|
||
#navbar {
|
||
margin: 16px 0;
|
||
margin: 1rem 0;
|
||
padding: 0 32px;
|
||
padding: 0 2rem; }
|
||
|
||
#site-nav {
|
||
left: -16px;
|
||
left: -1rem; }
|
||
#site-nav a, #site-nav span, #site-nav li:first-child a, #site-nav li:first-child span {
|
||
padding: 4px 16px;
|
||
padding: 0.25rem 1rem; }
|
||
|
||
#primary {
|
||
padding: 0 16px 0 32px;
|
||
padding: 0 1rem 0 2rem;
|
||
float: left;
|
||
width: 62%; }
|
||
.columns-3 #primary {
|
||
padding: 0;
|
||
left: 25%;
|
||
position: relative;
|
||
width: 50%; }
|
||
|
||
#secondary {
|
||
margin-top: 8px;
|
||
margin-top: 0.5rem; }
|
||
|
||
#secondary, #tertiary {
|
||
padding: 0 32px 0;
|
||
padding: 0 2rem 0;
|
||
float: right;
|
||
width: 38%; }
|
||
.columns-3 #secondary, .columns-3 #tertiary {
|
||
margin-top: 8px;
|
||
margin-top: 0.5rem;
|
||
width: 25%; }
|
||
|
||
.columns-3 #secondary {
|
||
float: left;
|
||
left: -50%;
|
||
position: relative; }
|
||
|
||
.widget {
|
||
float: none;
|
||
width: 100%; }
|
||
.widget:nth-child(odd), .widget:nth-child(even) {
|
||
padding-left: 0;
|
||
padding-right: 0; }
|
||
|
||
#colophon {
|
||
padding: 0 32px;
|
||
padding: 0 2rem;
|
||
clear: both;
|
||
text-align: left; }
|
||
}
|
||
|
||
@media screen and (min-width: 1400px) {
|
||
html {
|
||
font-size: 112.5%; }
|
||
}
|
||
|
||
@media print {
|
||
* {
|
||
background: transparent !important;
|
||
box-shadow: none !important;
|
||
color: #000 !important;
|
||
text-shadow: none !important; }
|
||
|
||
a, a:visited {
|
||
text-decoration: underline; }
|
||
|
||
a[href]:after {
|
||
content: ' (' attr(href) ')'; }
|
||
|
||
abbr[title]:after {
|
||
content: ' (' attr(title) ')'; }
|
||
|
||
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
|
||
content: ''; }
|
||
|
||
pre, blockquote {
|
||
border: 1px solid #888;
|
||
page-break-inside: avoid; }
|
||
|
||
thead {
|
||
display: table-header-group; }
|
||
|
||
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; }
|
||
}
|