redmarkets-negotiation/static/css/style.css

2163 lines
79 KiB
CSS
Raw Normal View History

2020-04-19 03:38:31 +00:00
/*! normalize.css v3.0.1 | 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,
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: 0 0
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .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: -.5em
}
sub {
bottom: -.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 silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
@font-face {
font-family: 'icons';
src: url("../font/icons.eot?51058516");
src: url("../font/icons.eot?51058516#iefix") format("embedded-opentype"), url("../font/icons.woff?51058516") format("woff"), url("../font/icons.ttf?51058516") format("truetype"), url("../font/icons.svg?51058516#icons") format("svg");
font-weight: normal;
font-style: normal
}
[class^="ic-"]:before,
[class*=" ic-"]:before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em
}
.ic-star:before {
content: '\e800'
}
.ic-rss:before {
content: '\e801'
}
.ic-posts:before {
content: '\e802'
}
.ic-location:before {
content: '\e803'
}
.ic-link:before {
content: '\e804'
}
.ic-googleplus:before {
content: '\e805'
}
.ic-facebook:before {
content: '\e806'
}
.ic-arrow-right:before {
content: '\e807'
}
.ic-arrow-left:before {
content: '\e808'
}
.ic-twitter:before {
content: '\e809'
}
.ic-menu:before {
content: '\e80a'
}
2020-04-19 23:52:13 +00:00
.ic-settings:after {
content: '\2699'
}
2020-04-19 03:38:31 +00:00
@font-face {
font-family: 'Cardo';
font-style: normal;
font-weight: 400;
src: local("Cardo"), local("Cardo-Regular"), url("//fonts.gstatic.com/s/cardo/v8/f9GbO0_LnwwuaRC6yAh0JKCWcynf_cDxXwCLxiixG1c.woff2") format("woff2"), url("//fonts.gstatic.com/s/cardo/v8/c6Zi_ulq7hv-avk-G9Yut6CWcynf_cDxXwCLxiixG1c.woff") format("woff")
}
@font-face {
font-family: 'Cardo';
font-style: normal;
font-weight: 700;
src: local("Cardo Bold"), local("Cardo-Bold"), url("//fonts.gstatic.com/s/cardo/v8/X-1BEHTKpRYzad3JEXy9-nYhjbSpvc47ee6xR_80Hnw.woff2") format("woff2"), url("//fonts.gstatic.com/s/cardo/v8/gHC1KgRPdVNdvvVcxLMCY3YhjbSpvc47ee6xR_80Hnw.woff") format("woff")
}
@font-face {
font-family: 'Cardo';
font-style: italic;
font-weight: 400;
src: local("Cardo Italic"), local("Cardo-Italic"), url("//fonts.gstatic.com/s/cardo/v8/aRpKelDgx13ov6asvC3QbgLUuEpTyoUstqEm5AMlJo4.woff2") format("woff2"), url("//fonts.gstatic.com/s/cardo/v8/mSKSxAIybPTfRoik7xAeTQLUuEpTyoUstqEm5AMlJo4.woff") format("woff")
}
@font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 400;
src: local("Fira Sans"), local("FiraSans-Regular"), url("//fonts.gstatic.com/s/firasans/v5/EjsrzDkQUQCDwsBtLpcVQZBw1xU1rKptJj_0jans920.woff2") format("woff2"), url("//fonts.gstatic.com/s/firasans/v5/EjsrzDkQUQCDwsBtLpcVQbO3LdcAZYWl9Si6vvxL-qU.woff") format("woff")
}
@font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 500;
src: local("Fira Sans Medium"), local("FiraSans-Medium"), url("//fonts.gstatic.com/s/firasans/v5/zM2u8V3CuPVwAAXFQcDi4Bampu5_7CjHW5spxoeN3Vs.woff2") format("woff2"), url("//fonts.gstatic.com/s/firasans/v5/zM2u8V3CuPVwAAXFQcDi4KRDOzjiPcYnFooOUGCOsRk.woff") format("woff")
}
@font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 700;
src: local("Fira Sans Bold"), local("FiraSans-Bold"), url("//fonts.gstatic.com/s/firasans/v5/DugPdSljmOTocZOR2CItOhampu5_7CjHW5spxoeN3Vs.woff2") format("woff2"), url("//fonts.gstatic.com/s/firasans/v5/DugPdSljmOTocZOR2CItOqRDOzjiPcYnFooOUGCOsRk.woff") format("woff")
}
.hljs {
display: block;
color: #66645c;
-webkit-text-size-adjust: none
}
.hljs-comment,
.diff .hljs-header,
.hljs-javadoc {
color: #998;
font-style: italic
}
.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
color: #333;
font-weight: bold
}
.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
color: #008080
}
.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.hljs-dartdoc,
.tex .hljs-formula {
color: #d14
}
.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
color: #900;
font-weight: bold
}
.hljs-list .hljs-keyword,
.hljs-subst {
font-weight: normal
}
.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
color: #458;
font-weight: bold
}
.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rule .hljs-property,
.django .hljs-tag .hljs-keyword {
color: #000080;
font-weight: normal
}
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.hljs-name {
color: #008080
}
.hljs-regexp {
color: #009926
}
.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
color: #990073
}
.hljs-built_in {
color: #0086b3
}
.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
color: #999;
font-weight: bold
}
.hljs-deletion {
background: #fdd
}
.hljs-addition {
background: #dfd
}
.diff .hljs-change {
background: #0086b3
}
.hljs-chunk {
color: #aaa
}
@supports ((-ms-flex-wrap: wrap) or (flex-wrap: wrap)) {
body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh
}
#wrapper {
-ms-flex: 1;
flex: 1
}
}
html {
font-size: 62.5%;
overflow-x: hidden
}
html.menu-active,
.menu-active body {
overflow-y: hidden
}
body {
font: 400 2em / 1.5em 'Cardo', serif;
color: #45484d;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden
}
a {
color: #212226;
text-decoration: none;
font-weight: 400;
transition: all ease-out 0.2s
}
a:hover,
a:focus {
color: #000
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Fira Sans', sans-serif;
text-rendering: optimizeLegibility;
color: #000
}
h1 {
font-size: 2em;
line-height: 1em;
text-indent: -1px;
margin: 2em 0 -0.5em
}
h2 {
font-size: 1.75em;
line-height: 1.111em;
text-indent: -1px;
margin: 2.286em 0 -0.571em
}
h3 {
font-size: 1.5em;
line-height: 1.333em;
margin: 2em 0 -0.666em
}
h4 {
font-size: 1.25em;
line-height: 1.2em;
margin: 2.4em 0 -0.8em
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit
}
p,
ul,
ol {
margin: 2em auto
}
ul {
list-style: none
}
li {
position: relative
}
ul>li:before,
ol>li:before {
position: absolute;
width: 1.5em;
margin-left: -2em;
font-family: 'Fira Sans', sans-serif;
font-size: 1em;
font-weight: 500;
line-height: 1.5em;
text-align: right;
color: #000
}
ul>li:before {
margin-top: 0.25em;
content: '*'
}
ol {
list-style-type: none;
counter-reset: item
}
ol>li:before {
content: counter(item) ". " !important;
counter-increment: item
}
ol ol,
ul ul,
ul ol,
ol ul {
padding-left: 30px;
margin: 15px 0
}
hr {
display: block;
height: 1px;
margin: 2em 0;
padding: 0;
background: #e5e4e1;
border: 0
}
blockquote {
margin: 2em auto;
padding: 1em;
box-sizing: border-box;
border-left: 0.25em solid #e5e4e1;
font-style: italic;
font-weight: 400;
color: #45484d;
background: #faf9f7
}
blockquote p {
margin: 1em auto
}
blockquote p:first-child {
margin-top: 0
}
blockquote p:last-child {
margin-bottom: 0
}
em,
i {
font-style: italic;
color: #212226
}
strong,
b {
font-weight: 700;
color: #212226
}
small {
font-size: 0.9em;
color: #45484d
}
dl {
margin: 20px 0
}
dl dt {
float: left;
width: 180px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
margin-bottom: 10px
}
dl dd {
margin-left: 200px;
margin-bottom: 12px
}
mark {
background-color: #ffc336
}
code,
tt {
position: relative;
margin: 0 0.333em;
padding: 0.333em 0.666em;
font-family: 'Inconsolata', monospace, sans-serif;
font-size: 0.75em;
white-space: pre;
background: #faf9f7;
border: 1px solid #e5e4e1;
top: -2px
}
pre {
position: relative;
margin: 2em auto;
padding: 1em;
overflow: hidden;
font-family: 'Inconsolata', monospace, sans-serif;
white-space: pre;
background: #faf9f7;
border: 1px solid #e5e4e1;
box-sizing: border-box
}
pre .lines {
position: absolute;
width: 2.666em;
height: 100%;
left: 0;
top: 0;
padding: 1.333em 0;
border-right: 1px solid #e5e4e1;
font-size: 0.75em;
line-height: 2em;
text-align: right;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.5)
}
pre .lines .line {
display: block;
padding-right: 0.333em;
color: #45484d
}
pre code,
pre tt {
position: static;
top: auto;
margin: -1.333em -1.333em -1.333em 1.333em;
padding: 1.333em;
overflow: scroll;
font-size: 0.75em;
line-height: 2em;
white-space: pre;
background: transparent;
border: none;
vertical-align: inherit
}
kbd {
display: inline-block;
margin-bottom: 0.5em;
padding: 1px 8px;
border: #e5e4e1 1px solid;
color: #45484d;
text-shadow: #fff 0 1px 0;
font-size: 0.9em;
font-weight: bold;
background: #faf9f7;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset
}
table {
width: 100%;
max-width: 100%;
margin: 2em 0;
background-color: transparent;
border: 1px solid #e5e4e1
}
table th,
table td {
position: relative;
padding: 0.5em;
line-height: 0.95em;
text-align: left;
border: 1px solid #e5e4e1
}
table th {
font-family: 'Fira Sans', sans-serif;
font-weight: 500;
font-size: 0.75em;
line-height: 1.25em;
padding: 0.666em;
color: #000
}
table td:after {
position: absolute;
width: 100%;
height: 100%;
left: -1px;
top: -1px;
padding: 1px;
z-index: -1;
content: '';
background: #faf9f7
}
img {
display: block;
max-width: 100%;
height: auto;
margin: 2.5em auto
}
.clear {
clear: both
}
.hidden {
display: none
}
@keyframes fadein {
0% {
opacity: .2
}
100% {
opacity: .9
}
}
#blog-header {
position: relative;
padding: 6em 0;
text-align: center
}
/* #blog-header:after {
position: absolute;
width: 32em;
height: 1px;
left: 50%;
bottom: 0;
margin-left: -16em;
content: '';
background: #e5e4e1
} */
#blog-header.has-cover {
padding: 9em 0 10em;
background: #000;
overflow: hidden;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
.author-template #blog-header:after,
#blog-header.has-cover:after {
display: none
}
.paged #blog-header.has-cover,
.tag-template #blog-header {
padding: 4em 0
}
.author-template #blog-header.has-cover {
padding: 6em 0
}
.blog-cover {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 5;
background: no-repeat scroll center center/cover #000;
animation: 0.5s ease-in forwards fadein
}
.blog-cover:after {
position: absolute;
width: 100%;
height: 6em;
left: 0;
bottom: 0;
z-index: 8;
content: '';
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}
.blog-logo {
position: fixed;
max-width: 2em;
left: 0;
top: 0;
margin: 1em;
z-index: 200
}
.blog-logo img {
display: block;
margin: 0 auto
}
.blog-name {
position: relative;
display: block;
z-index: 10;
margin: 0;
padding: 0;
font-family: 'Fira Sans', sans-serif;
font-weight: 700;
font-size: 2em;
line-height: 1em;
text-decoration: none
}
.home-template .blog-name {
font-size: 3em
}
.has-cover .blog-name {
color: #fff
}
.blog-name a {
text-decoration: none;
font-weight: inherit;
color: inherit
}
.blog-description {
position: relative;
display: block;
z-index: 10;
margin: 0.25em 0;
padding: 0;
font-size: 1em;
line-height: 1.5em
}
.home-template {
display: flex;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(32,33,37,1) 100%);
}
.home-template .blog-description {
font-size: 1.5em
}
.has-cover .blog-description {
color: #fff
}
#index {
padding-top: 2em;
}
.room-form {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.room-form div {
padding-top: 2px;
padding-bottom: 2px;
}
.room-form input {
text-align: center;
}
.negotiation-list {
display: flex;
flex-direction: column;
align-items: center;
}
.negotiation-list h3 {
color: #45484d;
font-size: 1.8em;
}
.negotiation-list ul {
display: flex;
flex-direction: column;
}
.negotiation-list img {
margin: 0;
float: right;
}
2020-04-20 05:42:52 +00:00
.negotiation-wrapper {
display: flex;
}
.negotiation-sidebar {
max-width: 30%;
}
.negotiation-sidebar p {
margin: 0;
}
.negotiation-sidebar h4 {
margin-top: 0;
font-family: 'NordSudA';
color: #600000;
text-shadow: 2px 4px #1d0202;
margin-top: 0.15em;
margin-bottom: 0.15em;
}
.onoffswitch.yesno .onoffswitch-inner:before {
content: "YES";
}
.onoffswitch.yesno .onoffswitch-inner:after {
content: "NO";
}
.negotiation-sidebar .onoffswitch {
float: right;
}
.negotiation-sidebar .negotiation-state-wrapper {
display: flex;
justify-content: space-between;
}
.negotiation-sidebar h5 {
margin: 0;
font-family: 'NordSudA';
color: #600000;
text-shadow: 1px 2px #1d0202;
text-decoration: underline;
}
.fieldset .fieldset-button {
cursor: pointer;
height: 24px;
width: 24px;
font-size: 12px;
vertical-align: super;
}
.fieldset.fieldset-open .fieldset-button:after {
content: "-Close-";
}
.fieldset.fieldset-closed .fieldset-button:after {
content: "-Open-";
}
.fieldset.fieldset-closed div:first-of-type {
display: none;
}
@-webkit-keyframes glow {
to {
border-color: #69c800;
-webkit-box-shadow: 0 0 5px #69c800;
-moz-box-shadow: 0 0 5px #69c800;
box-shadow: 0 0 5px #69c800;
}
}
.market-settings p.phase-description {
border: 1px solid transparent;
-webkit-animation: glow 1.0s infinite alternate;
-webkit-transition: border 1.0s linear, box-shadow 1.0s linear;
-moz-transition: border 1.0s linear, box-shadow 1.0s linear;
transition: border 1.0s linear, box-shadow 1.0s linear;
}
2020-04-20 05:42:52 +00:00
.negotiation-panel {
min-width: 70%;
margin-left: 15px;
2020-04-20 05:42:52 +00:00
}
2020-04-21 02:34:04 +00:00
.negotiation-panel h3 {
margin: 0;
font-family: 'NordSudA';
color: #600000;
text-shadow: 3px 5px #1d0202;
}
2020-04-20 05:42:52 +00:00
/* maybe this should be grids */
.swaytracker .slot {
min-height: 50px;
min-width: 150px;
max-width: 13%;
border: 1px solid;
}
2020-04-21 02:34:04 +00:00
.swaytracker {
margin: 0px;
}
2020-04-20 05:42:52 +00:00
.swaytracker th {
color: #600000;
background: white;
border-color: black;
}
.swaytracker .market-position .active {
height: 50px;
background-image: url("/static/images/active-market.png");
background-repeat: no-repeat;
background-position: center;
}
.swaytracker .taker-position .active {
height: 50px;
background-image: url("/static/images/active-taker.png");
background-repeat: no-repeat;
background-position: center;
}
.swaytracker .slot span {
font-weight: bold;
}
.swaytracker .slot p {
margin: 0.5em;
}
2020-04-19 03:38:31 +00:00
#wrapper {
position: relative;
padding-right: 0;
transition: all ease-out 0.25s
}
#wrapper .hidden-close {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 350
}
.menu-active #wrapper {
padding-right: 16em
}
.menu-active #wrapper .hidden-close {
display: block
}
.inner {
max-width: 32em;
margin: 0 auto;
padding: 0 2em
}
.nav-button {
position: fixed;
top: 0;
margin: 1em;
z-index: 200
}
.nav-button#home-button {
left: 0
}
.nav-button#menu-button {
right: 0
}
.nav-button a {
display: block;
height: 1.5em;
margin-bottom: 1em;
padding: 0.5em 1.25em;
border: 1px solid #c2c7cc;
font-family: 'Fira Sans', sans-serif;
font-size: 0.75em;
line-height: 1.666em;
text-shadow: none;
color: #8a9199;
cursor: pointer;
background: #fff;
transition: color, border-color ease 0.3s;
border-radius: 2em
}
.nav-button a:hover,
.nav-button a:focus {
color: #f26a3d;
border-color: #f26a3d
}
.cover-active .nav-button a {
color: #fff;
border-color: rgba(255, 255, 255, 0.5);
background: transparent
}
.cover-active .nav-button a:hover,
.cover-active .nav-button a:focus {
color: #fff;
border-color: #fff
}
.nav-button a i {
display: inline-block;
color: inherit
}
.nav-button a i:before {
position: relative;
width: auto;
top: -2px;
margin: auto;
font-size: 0.625em;
line-height: 1.6em
}
#menu {
position: fixed;
width: 16em;
height: 100%;
top: 0;
right: 0;
background: #f2f2f0;
border-left: 1px solid #e5e4e1;
z-index: 400;
overflow: hidden;
font-family: 'Fira Sans', sans-serif;
box-shadow: inset -2px 0 7px rgba(0, 0, 0, 0.1);
transform: translate3d(16em, 0, 0);
transition: all ease-out 0.25s
}
.menu-active #menu {
transform: translate3d(0, 0, 0)
}
#menu .close-button {
position: absolute;
width: 2em;
height: 2em;
top: 0;
right: 0;
margin: 1em;
border: 1px solid #c2c7cc;
color: transparent;
cursor: pointer;
transition: all ease 0.3s;
border-radius: 2em;
box-sizing: border-box;
z-index: 500
}
#menu .close-button:hover,
#menu .close-button:focus {
transform: rotate(180deg);
border-color: #f26a3d
}
#menu .close-button:after,
#menu .close-button:before {
position: absolute;
width: 1em;
height: 1px;
left: 50%;
top: 50%;
margin-left: -0.5em;
content: '';
background: #8a9199;
transition: all ease 0.3s
}
#menu .close-button:hover:after,
#menu .close-button:hover:before,
#menu .close-button:focus:after,
#menu .close-button:focus:before {
background: #f26a3d
}
#menu .close-button:after {
transform: rotate(45deg)
}
#menu .close-button:before {
transform: rotate(-45deg)
}
#menu .nav-wrapper {
position: absolute;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
box-sizing: border-box
}
#menu .nav-label {
display: block;
padding: 1.666em 2em;
margin: 0;
opacity: 0.5;
font-size: 0.75em;
line-height: 2em
}
#menu ul {
position: relative;
width: 100%;
margin: auto;
padding: 0
}
#menu li {
position: relative
}
#menu li:before {
position: absolute;
width: 100%;
height: 1px;
left: 1.5em;
bottom: 0;
margin: auto;
content: '';
background: rgba(0, 0, 0, 0.1)
}
#menu li:last-child:before {
display: none
}
#menu li.active:after {
position: absolute;
content: '';
width: 0.2em;
height: 100%;
left: 0;
top: 0;
background: #f26a3d
}
#menu li a {
display: block;
padding: 1.25em 1.5em;
color: #212226;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 400
}
#menu li a:hover,
#menu li a:focus {
color: #000;
background: rgba(0, 0, 0, 0.05)
}
#menu li a i {
position: relative;
top: -0.25em;
font-size: 0.5em;
color: inherit
}
#menu li.active a {
color: #000;
font-weight: 500
}
.progress-container {
position: fixed;
width: 100%;
height: 4px;
left: 0;
top: 0;
z-index: 1000;
background: transparent;
transition: opacity ease-out 1s
}
.progress-container.ready {
opacity: 0.2
}
.progress-bar {
display: block;
width: 0;
height: 1px;
background: #f26a3d;
box-shadow: 0 0 1px #f26a3d, 0 0 3px #f26a3d
}
#footer {
position: relative;
z-index: 20;
font-family: 'Fira Sans', sans-serif;
line-height: 1em;
padding-bottom: 6em
}
.credits {
text-align: center;
font-size: 0.625em;
line-height: 1em;
padding: 1.1em 0;
overflow: auto;
opacity: 0.5
}
.credits a {
color: inherit
}
.credits span {
display: block
}
.credits-theme {
float: left
}
.credits-software {
float: right
}
#blog-author {
position: relative;
z-index: 40;
margin: auto 6em
}
#blog-author:after {
position: absolute;
width: 32em;
height: 1px;
left: 50%;
bottom: 0;
margin-left: -16em;
content: '';
background: #e5e4e1
}
#blog-author .post-author {
margin-top: -5em;
padding-bottom: 3em;
border: 0
}
#blog-author .post-author-avatar {
width: 20%;
margin: 0 2.5%
}
#blog-author.has-cover .post-author-avatar {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
}
#blog-author.has-cover .post-author-avatar img {
border: 0.125em solid #fff
}
#blog-author .post-author-name {
padding: 0.333em 0 0;
font-size: 2em;
line-height: 1em
}
#blog-author.has-cover .post-author-name {
padding: 0.333em 0;
font-weight: 500;
letter-spacing: 0.025em;
line-height: 1.333em;
color: #fff
}
#blog-author.has-cover .post-author-about {
margin-top: 1.333em
}
.container {
position: relative
}
.container .post {
padding: 4em 0
}
.container .post:after {
position: absolute;
width: 32em;
height: 1px;
left: 50%;
bottom: 0;
margin-left: -16em;
content: '';
background: #e5e4e1
}
.container .post.featured .post-title:after {
position: absolute;
width: 1em;
height: 1em;
left: -1.75em;
top: 0;
margin-top: -0.25em;
font-family: 'icons';
font-size: 0.5em;
font-style: normal;
font-weight: normal;
content: '\e800';
color: inherit;
text-align: center;
color: #e5e4e1
}
.post.page {
padding-bottom: 4em
}
.page-template #footer:after {
position: absolute;
width: 32em;
height: 1px;
left: 50%;
top: 0;
margin-left: -16em;
content: '';
background: #e5e4e1
}
#post-header {
position: relative;
padding-top: 6em
}
#post-header.has-cover {
padding: 16em 0 2em;
background: #000;
overflow: hidden;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
.post-cover {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 5;
background: no-repeat scroll center center/cover #000;
animation: 0.5s ease-in forwards fadein
}
.post-cover:after {
position: absolute;
width: 100%;
height: 12em;
left: 0;
bottom: 0;
z-index: 8;
content: '';
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}
.post {
position: relative;
padding-top: 2em;
z-index: 10
}
.post-title {
position: relative;
z-index: 10;
margin: 0 0 0.5em;
font-size: 2em;
line-height: 1em;
font-weight: 700;
text-indent: -1px;
2020-04-21 02:34:04 +00:00
font-family: 'NordSudA';
2020-04-19 23:52:13 +00:00
color: #600000;
text-shadow: 3px 5px #1d0202;
2020-04-19 03:38:31 +00:00
}
.has-cover .post-title {
color: #fff
}
.post-title a {
text-decoration: none;
color: inherit;
font-weight: inherit
}
2020-04-19 23:52:13 +00:00
#negotiation-header .post-title {
padding-top: 1em;
}
2020-04-19 03:38:31 +00:00
.home-surtitle {
font-family: 'NordSudA';
font-size: 3em;
color: #600000;
text-shadow: 3px 8px #000;
}
.home-title {
font-family: 'NordSudA';
font-size: 4em;
color: #600000;
text-shadow: 5px 7px #1d0202;
transform: scaleX(1.75) scaleY(1.1);
}
.post-meta {
position: relative;
z-index: 10;
display: block;
margin-bottom: 1.333em;
font-family: 'Fira Sans', sans-serif;
font-size: 0.75em;
font-weight: 400;
line-height: 1.333em;
opacity: 0.5
}
.has-cover .post-meta {
color: #fff;
opacity: 0.75
}
.post-meta a {
color: inherit;
text-decoration: none;
border-bottom: 1px solid transparent
}
.post-meta a:hover,
.post-meta a:focus {
border-color: rgba(0, 0, 0, 0.5)
}
.has-cover .post-meta a:hover,
.has-cover .post-meta a:focus {
border-color: rgba(255, 255, 255, 0.5)
}
.post-excerpt p {
margin: 0
}
.post-content a {
border-bottom: 1px solid #f26a3d
}
.post-content a:hover,
.post-content a:focus {
color: #f26a3d
}
.post-content img,
.post-content .fluid-width-video-wrapper {
max-width: none;
width: 110%;
margin-left: -5%
}
.post-info {
margin-top: 6em;
overflow: hidden
}
.post-share {
max-width: 25%;
float: right
}
.post-share a {
display: block;
width: 2em;
height: 2em;
margin: 0.333em 0 0.333em 0.666em;
padding: 0;
float: left;
font-size: 0.75em;
line-height: 2em;
text-align: center;
text-decoration: none;
color: #fff;
border-radius: 2px;
transition: all ease 0.3s
}
.post-share a:hover,
.post-share a:focus {
background-color: #212226
}
.post-share a i {
color: inherit
}
.post-share a i:before {
width: auto;
height: auto
}
.post-share .twitter {
background-color: #3ea9dd
}
.post-share .facebook {
background-color: #3c5a98
}
.post-share .googleplus {
background-color: #d14836
}
.post-tags {
max-width: 75%;
float: left;
font-family: 'Fira Sans', sans-serif
}
.post-tags a {
display: inline-block;
margin: 0 0.333em 0.666em 0;
padding: 0.575em 1em;
background: #fff;
border: 1px solid #f26a3d;
font-size: 0.75em;
font-weight: 500;
line-height: 1.333em;
text-align: center;
text-decoration: none;
color: #f26a3d;
border-radius: 2em;
transition: all ease 0.3s;
box-sizing: border-box
}
.post-tags a:hover,
.post-tags a:focus {
background: #f26a3d;
color: #fff
}
.post-author {
position: relative;
margin: 2em 0 0;
padding: 2em 0;
z-index: 10;
border-top: 1px solid #e5e4e1;
border-bottom: 1px solid #e5e4e1;
clear: both
}
.post-author-avatar {
position: relative;
float: left;
width: 15%;
margin: -0.5em 0 0 5%;
overflow: hidden;
background: #fff;
border-radius: 10em;
box-sizing: border-box
}
.post-author-avatar img {
width: 100%;
margin: auto;
border-radius: 10em;
box-sizing: border-box
}
.post-author-bio {
padding-left: 25%;
font-family: 'Fira Sans', sans-serif;
font-size: 0.75em;
line-height: 1.333em
}
.post-author-name {
margin: 0;
padding: 0;
font-size: 1.333em;
line-height: 1em;
text-indent: inherit
}
.post-author-about {
margin: 0.666em 0
}
.post-author-bio span {
position: relative;
font-size: 0.8em;
display: inline-block;
margin-top: 1.25em;
margin-right: 1.25em;
font-weight: 400;
opacity: 0.5
}
.post-author-bio i {
color: inherit
}
.post-author-bio a {
color: inherit;
text-decoration: none;
font-weight: inherit;
border-bottom: 1px solid transparent
}
.post-comments {
position: relative;
padding: 2em 0;
text-align: center;
border-bottom: 1px solid #e5e4e1;
box-sizing: border-box
}
.post-comments.activated {
margin: -1px 0 0;
padding: 1em;
background: #faf9f7;
border: 1px solid #e5e4e1
}
.post-comments-activate {
display: inline-block;
margin: 0;
padding: 0.5em 1.25em;
border: 1px solid #c2c7cc;
font-family: 'Fira Sans', sans-serif;
font-size: 0.75em;
line-height: 1.333em;
color: #8a9199;
text-align: center;
cursor: pointer;
transition: all ease 0.3s;
border-radius: 2em
}
.post-comments-activate:hover,
.post-comments-activate:focus {
color: #f26a3d;
border-color: #f26a3d
}
.activated .post-comments-activate {
display: none
}
.post-nav {
position: relative;
border-bottom: 1px solid #e5e4e1
}
.post-nav:after {
position: absolute;
content: '';
width: 1px;
height: 100%;
left: 50%;
top: 0;
background: #e5e4e1;
z-index: 2
}
.post-nav-next,
.post-nav-prev {
display: block;
width: 50%
}
.post-nav-next {
float: left
}
.post-nav-prev {
float: right
}
.post-nav-teaser {
padding: 1.5em 0;
min-height: 6em
}
.post-nav-next .post-nav-teaser {
padding-right: 1em
}
.post-nav-prev .post-nav-teaser {
padding-left: 1em
}
.post-nav i {
position: absolute;
top: 50%;
width: 2em;
height: 2em;
margin-top: -1em;
font-size: 2em;
line-height: 2em;
text-align: center;
transition: all ease-out 0.3s;
color: #e5e4e1
}
.post-nav-next i {
left: 0;
margin-left: -1.75em
}
.post-nav-prev i {
right: 0;
margin-right: -1.75em
}
.post-nav a:hover i,
.post-nav a:focus i {
color: #f26a3d
}
.post-nav-title {
margin: 0 0 0.5em;
padding: 0;
font-size: 1em;
line-height: 1em;
color: inherit
}
.post-nav-excerpt {
margin: 0;
font-size: 0.75em;
line-height: 1.333em
}
.pagination {
position: relative;
height: 2em;
margin: 0;
padding: 2em 0;
font-family: 'Fira Sans', sans-serif
}
.pagination:after {
position: absolute;
width: 32em;
height: 1px;
left: 50%;
bottom: 0;
margin-left: -16em;
content: '';
background: #e5e4e1
}
.pagination a {
position: relative;
display: block;
height: 1.333em;
margin: -1px 0;
padding: 0.666em 1em;
z-index: 100;
border: 1px solid #c2c7cc;
font-size: 0.75em;
line-height: 1.5em;
text-align: center;
text-decoration: none;
color: #8a9199;
transition: all ease 0.3s;
border-radius: 2em
}
.pagination .pagination-prev {
float: right;
padding-left: 1.333em
}
.pagination .pagination-next {
float: left;
padding-right: 1.333em
}
.pagination a:hover,
.pagination a:focus {
color: #f26a3d;
border-color: #f26a3d
}
.pagination .pagination-label {
position: relative;
display: inline-block;
height: 1em;
line-height: 1em
}
.pagination a i {
position: relative;
width: auto;
top: -1px;
margin: auto;
color: inherit;
font-size: 0.75em;
line-height: 1.333em
}
.pagination .pagination-info {
position: absolute;
width: 100%;
height: 2.666em;
left: 0;
z-index: 50;
display: block;
font-size: 0.75em;
line-height: 2.666em;
text-align: center
}
.extra-pagination {
display: none
}
.extra-pagination .pagination:after {
top: auto;
bottom: 0
}
.archive-template .extra-pagination {
display: block
}
@media only screen and (max-width: 960px) {
#wrapper {
transform: translate3d(0, 0, 0)
}
.menu-active #wrapper {
padding-right: 0;
transform: translate3d(-16em, 0, 0)
}
.blog-logo,
.nav-button {
position: absolute
}
#blog-author {
margin: auto
}
}
2020-04-21 02:34:04 +00:00
/* @see https://proto.io/freebies/onoff/ */
.onoffswitch {
position: relative; width: 90px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "ON";
padding-left: 10px;
background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-label[disabled] .onoffswitch-inner:before {
background-color: #2f3137;
}
2020-04-21 02:34:04 +00:00
.onoffswitch-inner:after {
content: "OFF";
padding-right: 10px;
background-color: #EEEEEE; color: #999999;
text-align: right;
}
.onoffswitch-switch {
display: block; width: 18px; margin: 6px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
right: 56px;
border: 2px solid #999999; border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
2020-04-19 03:38:31 +00:00
@media only screen and (max-width: 640px) {
html {
font-size: 50%
}
.post-share,
.post-tags {
max-width: none;
float: none;
margin: 0 0 2em
}
.post-share a {
margin-left: 0;
margin-right: 0.666em
}
.post-nav i {
font-size: 1.5em
}
}
@media only screen and (max-width: 480px) {
.inner {
padding: 0 16px
}
.post-template #main-header {
padding: 16px 0
}
#main-nav a {
margin: 16px
}
.post-author-avatar {
margin: -0.25em 0 0 0.5em
}
.container .post.featured .post-title:after {
left: 0;
top: -1.75em
}
.post-content img,
.post-content .fluid-width-video-wrapper {
width: 100%;
margin-left: auto
}
.post-nav:after {
display: none
}
.post-nav-next,
.post-nav-prev {
display: block;
width: 100%
}
.post-nav-teaser {
position: relative;
min-height: 4em;
padding: 2em 0
}
.post-nav-next .post-nav-teaser:after {
position: absolute;
content: '';
width: 100%;
height: 1px;
left: 0;
bottom: 0;
margin-bottom: -1px;
background: #e5e4e1;
z-index: 2
}
.post-nav-next .post-nav-teaser {
padding-right: 0;
padding-left: 1.5em
}
.post-nav-prev .post-nav-teaser {
padding-left: 0;
padding-right: 1.5em
}
.post-nav-next i {
margin-left: -1em
}
.post-nav-prev i {
margin-right: -1em
}
}
@media only screen and (max-width: 320px) {
.pagination .pagination-label {
display: none
}
}
/*# sourceMappingURL=data:application/json;base64,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