1112 lines
41 KiB
CSS
1112 lines
41 KiB
CSS
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 300;
|
|
src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://commento.rogs.me/fonts/source-sans-300-cyrillic-ext.woff2) format("woff2");
|
|
unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 300;
|
|
src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://commento.rogs.me/fonts/source-sans-300-cyrillic.woff2) format("woff2");
|
|
unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 300;
|
|
src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://commento.rogs.me/fonts/source-sans-300-greek-ext.woff2) format("woff2");
|
|
unicode-range: U+1F00-1FFF
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 300;
|
|
src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://commento.rogs.me/fonts/source-sans-300-greek.woff2) format("woff2");
|
|
unicode-range: U+0370-03FF
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 300;
|
|
src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://commento.rogs.me/fonts/source-sans-300-vietnamese.woff2) format("woff2");
|
|
unicode-range: U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 300;
|
|
src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://commento.rogs.me/fonts/source-sans-300-latin-ext.woff2) format("woff2");
|
|
unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 300;
|
|
src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://commento.rogs.me/fonts/source-sans-300-latin.woff2) format("woff2");
|
|
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 400;
|
|
src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(https://commento.rogs.me/fonts/source-sans-400-cyrillic-ext.woff2) format("woff2");
|
|
unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 400;
|
|
src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(https://commento.rogs.me/fonts/source-sans-400-cyrillic.woff2) format("woff2");
|
|
unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 400;
|
|
src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(https://commento.rogs.me/fonts/source-sans-400-greek-ext.woff2) format("woff2");
|
|
unicode-range: U+1F00-1FFF
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 400;
|
|
src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(https://commento.rogs.me/fonts/source-sans-400-greek.woff2) format("woff2");
|
|
unicode-range: U+0370-03FF
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 400;
|
|
src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(https://commento.rogs.me/fonts/source-sans-400-vietnamese.woff2) format("woff2");
|
|
unicode-range: U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 400;
|
|
src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(https://commento.rogs.me/fonts/source-sans-400-latin-ext.woff2) format("woff2");
|
|
unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 400;
|
|
src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(https://commento.rogs.me/fonts/source-sans-400-latin.woff2) format("woff2");
|
|
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 700;
|
|
src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://commento.rogs.me/fonts/source-sans-700-cyrillic-ext.woff2) format("woff2");
|
|
unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 700;
|
|
src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://commento.rogs.me/fonts/source-sans-700-cyrillic.woff2) format("woff2");
|
|
unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 700;
|
|
src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://commento.rogs.me/fonts/source-sans-700-greek-ext.woff2) format("woff2");
|
|
unicode-range: U+1F00-1FFF
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 700;
|
|
src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://commento.rogs.me/fonts/source-sans-700-greek.woff2) format("woff2");
|
|
unicode-range: U+0370-03FF
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 700;
|
|
src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://commento.rogs.me/fonts/source-sans-700-vietnamese.woff2) format("woff2");
|
|
unicode-range: U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 700;
|
|
src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://commento.rogs.me/fonts/source-sans-700-latin-ext.woff2) format("woff2");
|
|
unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 700;
|
|
src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://commento.rogs.me/fonts/source-sans-700-latin.woff2) format("woff2");
|
|
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
|
|
}
|
|
|
|
.commento-root-min-height {
|
|
min-height: 430px
|
|
}
|
|
|
|
.commento-root {
|
|
overflow-x: hidden;
|
|
padding: 0;
|
|
width: 100%;
|
|
font-family: inherit
|
|
}
|
|
|
|
.commento-root * {
|
|
font-family: inherit;
|
|
font-size: 15px;
|
|
color: white;
|
|
line-height: 1.5;
|
|
text-rendering: optimizeLegibility
|
|
}
|
|
|
|
.commento-root code {
|
|
font-family: monospace;
|
|
font-size: 13px;
|
|
white-space: pre
|
|
}
|
|
|
|
.commento-root a {
|
|
color: #228be6;
|
|
outline: 0;
|
|
text-decoration: none
|
|
}
|
|
|
|
.commento-root blockquote {
|
|
margin: 0 0 0 8px;
|
|
padding: 0 0 0 5px;
|
|
border-left: 2px solid #adb5bd;
|
|
color: #868e96
|
|
}
|
|
|
|
.commento-root .commento-button {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
font-weight: 700;
|
|
line-height: 24px;
|
|
font-size: 14px;
|
|
padding: 6px 8px;
|
|
box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
margin-left: 5px;
|
|
margin-right: 5px
|
|
}
|
|
|
|
.commento-root .commento-login {
|
|
width: 100%
|
|
}
|
|
|
|
.commento-root .commento-login .commento-login-text {
|
|
text-align: right;
|
|
margin-right: 16px;
|
|
height: 38px;
|
|
color: #868e96;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
display: block
|
|
}
|
|
|
|
.commento-root .commento-logged-container {
|
|
width: 100%;
|
|
text-align: left;
|
|
margin-bottom: 16px;
|
|
position: relative;
|
|
height: 38px
|
|
}
|
|
|
|
.commento-root .commento-logged-container .commento-profile-button {
|
|
float: right;
|
|
cursor: pointer;
|
|
color: #868e96;
|
|
margin: 6px 12px;
|
|
font-size: 13px
|
|
}
|
|
|
|
.commento-root .commento-logged-container .commento-logged-in-as {
|
|
position: relative
|
|
}
|
|
|
|
.commento-root .commento-logged-container .commento-logged-in-as .commento-name {
|
|
color: #343a40;
|
|
border: none;
|
|
font-weight: 700;
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 48px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.commento-root .commento-mod-tools {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.commento-root .commento-mod-tools button {
|
|
text-transform: uppercase;
|
|
color: #495057;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
margin-left: 12px;
|
|
background: 0 0;
|
|
border: none;
|
|
display: inline
|
|
}
|
|
|
|
.commento-root .commento-mod-tools::before {
|
|
content: "Moderator Tools";
|
|
text-transform: uppercase;
|
|
color: #3b5bdb;
|
|
font-size: 12px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.commento-root .commento-round-check input[type=checkbox],.commento-root .commento-round-check input[type=radio] {
|
|
display: none
|
|
}
|
|
|
|
.commento-root .commento-round-check input[type=checkbox]+label,.commento-root .commento-round-check input[type=radio]+label {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 5px;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none
|
|
}
|
|
|
|
.commento-root .commento-round-check input[type=checkbox]+label:last-child,.commento-root .commento-round-check input[type=radio]+label:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.commento-root .commento-round-check input[type=checkbox]+label:before,.commento-root .commento-round-check input[type=radio]+label:before {
|
|
content: '';
|
|
display: block;
|
|
width: 13px;
|
|
height: 13px;
|
|
margin-top: 2px;
|
|
background: #f8f9fa;
|
|
border: 1px solid #dee2e6;
|
|
border-radius: 3px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
transition: all .15s
|
|
}
|
|
|
|
.commento-root .commento-round-check input[type=checkbox]:disabled+label:before,.commento-root .commento-round-check input[type=radio]:disabled+label:before {
|
|
background: #f8f9fa;
|
|
border: 1px solid #ced4da;
|
|
opacity: .4
|
|
}
|
|
|
|
.commento-root .commento-round-check input[type=checkbox]:checked+label:before,.commento-root .commento-round-check input[type=radio]:checked+label:before {
|
|
background: #228be6;
|
|
border: 1px solid #228be6
|
|
}
|
|
|
|
.commento-root .commento-round-check input[type=checkbox]+label:after,.commento-root .commento-round-check input[type=radio]+label:after {
|
|
position: absolute;
|
|
left: -7px;
|
|
top: 4px;
|
|
content: '';
|
|
display: inline-block;
|
|
width: 3px;
|
|
height: 7px;
|
|
transform: rotate(45deg);
|
|
margin-left: 12px;
|
|
margin-right: 12px;
|
|
border: solid transparent;
|
|
border-width: 0 2px 2px 0
|
|
}
|
|
|
|
.commento-root .commento-round-check input[type=checkbox]:disabled+label:after,.commento-root .commento-round-check input[type=radio]:disabled+label:after {
|
|
border: solid transparent;
|
|
border-width: 0 2px 2px 0
|
|
}
|
|
|
|
.commento-root .commento-round-check input[type=checkbox]:checked+label:after,.commento-root .commento-round-check input[type=radio]:checked+label:after {
|
|
border: solid #f8f9fa;
|
|
border-width: 0 2px 2px 0
|
|
}
|
|
|
|
.commento-root .commento-round-check .pitch {
|
|
font-size: 14px;
|
|
color: #a5a5a5;
|
|
line-height: 20px!important
|
|
}
|
|
|
|
.commento-root input[type=text],.commento-root textarea {
|
|
background: #fff;
|
|
border: 1px solid rgba(50,50,93,.1);
|
|
border-radius: 3px;
|
|
color: #525f7f
|
|
}
|
|
|
|
.commento-root input[type=text]::placeholder {
|
|
color: #cacaca
|
|
}
|
|
|
|
.commento-root textarea::placeholder {
|
|
color: #868e96;
|
|
font-size: 20px;
|
|
display: flex;
|
|
line-height: 110px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center
|
|
}
|
|
|
|
.commento-root textarea {
|
|
display: inline-block;
|
|
white-space: pre-wrap;
|
|
padding: 8px;
|
|
outline: 0;
|
|
overflow: auto;
|
|
min-height: 130px;
|
|
width: 100%
|
|
}
|
|
|
|
.commento-root .commento-red-border {
|
|
border: 1px solid #f03e3e
|
|
}
|
|
|
|
.commento-root .commento-textarea-container {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center
|
|
}
|
|
|
|
.commento-root .commento-textarea-container .commento-submit-button {
|
|
transform: none
|
|
}
|
|
|
|
.commento-root .commento-blurred-textarea {
|
|
list-style: none;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
justify-content: space-between;
|
|
will-change: transform
|
|
}
|
|
|
|
.commento-root .commento-submit-button {
|
|
float: right;
|
|
background: #57cc8a;
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
margin-top: 10px
|
|
}
|
|
|
|
.commento-root .commento-button-margin {
|
|
padding-top: 4px
|
|
}
|
|
|
|
.commento-root .commento-anonymous-checkbox-container {
|
|
float: right;
|
|
margin: 20px 16px
|
|
}
|
|
|
|
.commento-root .commento-anonymous-checkbox-container input[type=checkbox]+label {
|
|
padding-left: 24px;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
color: #fff
|
|
}
|
|
|
|
.commento-root .commento-anonymous-checkbox-container input[type=checkbox]+label:before {
|
|
margin-top: 1px
|
|
}
|
|
|
|
.commento-root .commento-anonymous-checkbox-container input[type=checkbox]+label:after {
|
|
margin-top: -1px
|
|
}
|
|
|
|
.commento-root .commento-markdown-button {
|
|
color: #868e96;
|
|
margin: 0 16px;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
border: none;
|
|
line-height: 58px;
|
|
font-weight: 400;
|
|
cursor: pointer
|
|
}
|
|
|
|
.commento-root .commento-markdown-button b {
|
|
font-size: 12px
|
|
}
|
|
|
|
.commento-root .commento-markdown-help {
|
|
border: 1px solid #dee2e6;
|
|
padding: 8px
|
|
}
|
|
|
|
.commento-root .commento-markdown-help tr td {
|
|
padding: 0 6px
|
|
}
|
|
|
|
.commento-root .commento-markdown-help tr td pre {
|
|
display: inline;
|
|
font-family: monospace;
|
|
font-size: 13px
|
|
}
|
|
|
|
.commento-root .commento-card {
|
|
padding: 12px 0 0 12px;
|
|
margin-top: 16px;
|
|
border-top: 1px solid #f0f0f0
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-button {
|
|
border: none;
|
|
cursor: pointer;
|
|
outline: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 3;
|
|
background: #ced4da
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-reply {
|
|
height: 20px;
|
|
width: 20px;
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns"><g transform="matrix(1.7358 0 0 1.7335 4.2642 15.217)"><path d="m10 2.5 1e-6 -4.4421-9 7.4421 9 6.5759-1e-6 -4.6759c6.4194-1.4839 11.739 2.1762 11.739 2.1762s-2.0774-6.5475-11.739-7.0762z" fill="%23abbac4"/></g></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns"><g transform="matrix(1.7358 0 0 1.7335 4.2642 15.217)"><path d="m10 2.5 1e-6 -4.4421-9 7.4421 9 6.5759-1e-6 -4.6759c6.4194-1.4839 11.739 2.1762 11.739 2.1762s-2.0774-6.5475-11.739-7.0762z" fill="%23abbac4"/></g></svg>');
|
|
margin: 9px 3px
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-cancel {
|
|
height: 13px;
|
|
width: 13px;
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 129 129" version="1.1" viewBox="0 0 129 129" xmlns="http://www.w3.org/2000/svg"><path d="m7.6 121.4c0.8 0.8 1.8 1.2 2.9 1.2s2.1-0.4 2.9-1.2l51.1-51.1 51.1 51.1c0.8 0.8 1.8 1.2 2.9 1.2 1 0 2.1-0.4 2.9-1.2 1.6-1.6 1.6-4.2 0-5.8l-51.1-51.1 51.1-51.1c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8 0l-51.1 51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8 0s-1.6 4.2 0 5.8l51.1 51.1-51.1 51.1c-1.6 1.6-1.6 4.2 0 5.8z" fill="%23abbac4"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 129 129" version="1.1" viewBox="0 0 129 129" xmlns="http://www.w3.org/2000/svg"><path d="m7.6 121.4c0.8 0.8 1.8 1.2 2.9 1.2s2.1-0.4 2.9-1.2l51.1-51.1 51.1 51.1c0.8 0.8 1.8 1.2 2.9 1.2 1 0 2.1-0.4 2.9-1.2 1.6-1.6 1.6-4.2 0-5.8l-51.1-51.1 51.1-51.1c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8 0l-51.1 51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8 0s-1.6 4.2 0 5.8l51.1 51.1-51.1 51.1c-1.6 1.6-1.6 4.2 0 5.8z" fill="%23abbac4"/></svg>');
|
|
margin: 12px 6px;
|
|
background: #adb5bd
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-collapse {
|
|
height: 14px;
|
|
width: 14px;
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 42 42" version="1.1" viewBox="0 0 42 42" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><polygon points="42 20 0 20 0 22 20 22 22 22 42 22" fill="%231e2127"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 42 42" version="1.1" viewBox="0 0 42 42" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><polygon points="42 20 0 20 0 22 20 22 22 22 42 22" fill="%231e2127"/></svg>');
|
|
margin: 12px 6px;
|
|
background: #495057
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-uncollapse {
|
|
height: 14px;
|
|
width: 14px;
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 42 42" version="1.1" viewBox="0 0 42 42" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><polygon points="42 20 22 20 22 0 20 0 20 20 0 20 0 22 20 22 20 42 22 42 22 22 42 22" fill="%231e2127"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 42 42" version="1.1" viewBox="0 0 42 42" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><polygon points="42 20 22 20 22 0 20 0 20 20 0 20 0 22 20 22 20 42 22 42 22 22 42 22" fill="%231e2127"/></svg>');
|
|
margin: 12px 6px;
|
|
background: #495057
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-downvote,.commento-root .commento-card .commento-option-upvote {
|
|
height: 14px;
|
|
width: 14px;
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 284.929 284.929" version="1.1" viewBox="0 0 284.93 284.93" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> <path d="m282.08 195.28-133.05-133.04c-1.901-1.903-4.088-2.856-6.562-2.856s-4.665 0.953-6.567 2.856l-133.04 133.04c-1.906 1.906-2.856 4.093-2.856 6.568 0 2.474 0.953 4.664 2.856 6.566l14.272 14.271c1.903 1.903 4.093 2.854 6.567 2.854s4.664-0.951 6.567-2.854l112.2-112.2 112.21 112.21c1.902 1.903 4.093 2.848 6.563 2.848 2.478 0 4.668-0.951 6.57-2.848l14.274-14.277c1.902-1.902 2.847-4.093 2.847-6.566 1e-3 -2.476-0.944-4.666-2.846-6.569z" fill="%23abbac4"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 284.929 284.929" version="1.1" viewBox="0 0 284.93 284.93" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> <path d="m282.08 195.28-133.05-133.04c-1.901-1.903-4.088-2.856-6.562-2.856s-4.665 0.953-6.567 2.856l-133.04 133.04c-1.906 1.906-2.856 4.093-2.856 6.568 0 2.474 0.953 4.664 2.856 6.566l14.272 14.271c1.903 1.903 4.093 2.854 6.567 2.854s4.664-0.951 6.567-2.854l112.2-112.2 112.21 112.21c1.902 1.903 4.093 2.848 6.563 2.848 2.478 0 4.668-0.951 6.57-2.848l14.274-14.277c1.902-1.902 2.847-4.093 2.847-6.566 1e-3 -2.476-0.944-4.666-2.846-6.569z" fill="%23abbac4"/></svg>');
|
|
margin: 12px 6px
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-downvote {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.commento-root .commento-card .commento-upvoted {
|
|
background: #f76707
|
|
}
|
|
|
|
.commento-root .commento-card .commento-downvoted {
|
|
background: #4c6ef5
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-edit {
|
|
height: 14px;
|
|
width: 14px;
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 528.899 528.899" version="1.1" viewBox="0 0 528.899 528.899" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m328.88 89.125l107.59 107.59-272.34 272.34-107.53-107.59 272.28-272.34zm189.23-25.948l-47.981-47.981c-18.543-18.543-48.653-18.543-67.259 0l-45.961 45.961 107.59 107.59 53.611-53.611c14.382-14.383 14.382-37.577 0-51.959zm-517.81 449.51c-1.958 8.812 5.998 16.708 14.811 14.565l119.89-29.069-107.53-107.59-27.173 122.09z"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 528.899 528.899" version="1.1" viewBox="0 0 528.899 528.899" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m328.88 89.125l107.59 107.59-272.34 272.34-107.53-107.59 272.28-272.34zm189.23-25.948l-47.981-47.981c-18.543-18.543-48.653-18.543-67.259 0l-45.961 45.961 107.59 107.59 53.611-53.611c14.382-14.383 14.382-37.577 0-51.959zm-517.81 449.51c-1.958 8.812 5.998 16.708 14.811 14.565l119.89-29.069-107.53-107.59-27.173 122.09z"/></svg>');
|
|
margin: 12px 6px;
|
|
background: #adb5bd
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-remove {
|
|
height: 14px;
|
|
width: 14px;
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 59 59" version="1.1" viewBox="0 0 59 59" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g fill="%231e2127"><path d="m29.5 51c0.552 0 1-0.447 1-1v-33c0-0.553-0.448-1-1-1s-1 0.447-1 1v33c0 0.553 0.448 1 1 1z"/><path d="m19.5 51c0.552 0 1-0.447 1-1v-33c0-0.553-0.448-1-1-1s-1 0.447-1 1v33c0 0.553 0.448 1 1 1z"/><path d="m39.5 51c0.552 0 1-0.447 1-1v-33c0-0.553-0.448-1-1-1s-1 0.447-1 1v33c0 0.553 0.448 1 1 1z"/><path d="M52.5,6H38.456c-0.11-1.25-0.495-3.358-1.813-4.711C35.809,0.434,34.751,0,33.499,0H23.5c-1.252,0-2.31,0.434-3.144,1.289 C19.038,2.642,18.653,4.75,18.543,6H6.5c-0.552,0-1,0.447-1,1s0.448,1,1,1h2.041l1.915,46.021C10.493,55.743,11.565,59,15.364,59 h28.272c3.799,0,4.871-3.257,4.907-4.958L50.459,8H52.5c0.552,0,1-0.447,1-1S53.052,6,52.5,6z M21.792,2.681 C22.24,2.223,22.799,2,23.5,2h9.999c0.701,0,1.26,0.223,1.708,0.681c0.805,0.823,1.128,2.271,1.24,3.319H20.553 C20.665,4.952,20.988,3.504,21.792,2.681z M46.544,53.979C46.538,54.288,46.4,57,43.636,57H15.364 c-2.734,0-2.898-2.717-2.909-3.042L10.542,8h37.915L46.544,53.979z"/></g></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 59 59" version="1.1" viewBox="0 0 59 59" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g fill="%231e2127"><path d="m29.5 51c0.552 0 1-0.447 1-1v-33c0-0.553-0.448-1-1-1s-1 0.447-1 1v33c0 0.553 0.448 1 1 1z"/><path d="m19.5 51c0.552 0 1-0.447 1-1v-33c0-0.553-0.448-1-1-1s-1 0.447-1 1v33c0 0.553 0.448 1 1 1z"/><path d="m39.5 51c0.552 0 1-0.447 1-1v-33c0-0.553-0.448-1-1-1s-1 0.447-1 1v33c0 0.553 0.448 1 1 1z"/><path d="M52.5,6H38.456c-0.11-1.25-0.495-3.358-1.813-4.711C35.809,0.434,34.751,0,33.499,0H23.5c-1.252,0-2.31,0.434-3.144,1.289 C19.038,2.642,18.653,4.75,18.543,6H6.5c-0.552,0-1,0.447-1,1s0.448,1,1,1h2.041l1.915,46.021C10.493,55.743,11.565,59,15.364,59 h28.272c3.799,0,4.871-3.257,4.907-4.958L50.459,8H52.5c0.552,0,1-0.447,1-1S53.052,6,52.5,6z M21.792,2.681 C22.24,2.223,22.799,2,23.5,2h9.999c0.701,0,1.26,0.223,1.708,0.681c0.805,0.823,1.128,2.271,1.24,3.319H20.553 C20.665,4.952,20.988,3.504,21.792,2.681z M46.544,53.979C46.538,54.288,46.4,57,43.636,57H15.364 c-2.734,0-2.898-2.717-2.909-3.042L10.542,8h37.915L46.544,53.979z"/></g></svg>');
|
|
margin: 12px 6px;
|
|
background: #e03131
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-approve {
|
|
height: 14px;
|
|
width: 14px;
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 26 26" version="1.1" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><path d="m0.3 14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5 0.3-0.7l1.4-1.4c0.4-0.4 1-0.4 1.4 0l0.1 0.1 5.5 5.9c0.2 0.2 0.5 0.2 0.7 0l13.4-13.9h0.1v-8.8818e-16c0.4-0.4 1-0.4 1.4 0l1.4 1.4c0.4 0.4 0.4 1 0 1.4l-16 16.6c-0.2 0.2-0.4 0.3-0.7 0.3s-0.5-0.1-0.7-0.3l-7.8-8.4-0.2-0.3z" fill="%231e2127"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 26 26" version="1.1" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><path d="m0.3 14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5 0.3-0.7l1.4-1.4c0.4-0.4 1-0.4 1.4 0l0.1 0.1 5.5 5.9c0.2 0.2 0.5 0.2 0.7 0l13.4-13.9h0.1v-8.8818e-16c0.4-0.4 1-0.4 1.4 0l1.4 1.4c0.4 0.4 0.4 1 0 1.4l-16 16.6c-0.2 0.2-0.4 0.3-0.7 0.3s-0.5-0.1-0.7-0.3l-7.8-8.4-0.2-0.3z" fill="%231e2127"/></svg>');
|
|
margin: 12px 6px;
|
|
background: #37b24d
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-sticky,.commento-root .commento-card .commento-option-unsticky {
|
|
height: 14px;
|
|
width: 14px;
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 487.222 487.222" version="1.1" viewBox="0 0 487.22 487.22" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m486.55 186.81c-1.6-4.9-5.8-8.4-10.9-9.2l-152-21.6-68.4-137.5c-2.3-4.6-7-7.5-12.1-7.5s-9.8 2.9-12.1 7.6l-67.5 137.9-152 22.6c-5.1 0.8-9.3 4.3-10.9 9.2s-0.2 10.3 3.5 13.8l110.3 106.9-25.5 151.4c-0.9 5.1 1.2 10.2 5.4 13.2 2.3 1.7 5.1 2.6 7.9 2.6 2.2 0 4.3-0.5 6.3-1.6l135.7-71.9 136.1 71.1c2 1 4.1 1.5 6.2 1.5 7.4 0 13.5-6.1 13.5-13.5 0-1.1-0.1-2.1-0.4-3.1l-26.3-150.5 109.6-107.5c3.9-3.6 5.2-9 3.6-13.9zm-137 107.1c-3.2 3.1-4.6 7.6-3.8 12l22.9 131.3-118.2-61.7c-3.9-2.1-8.6-2-12.6 0l-117.8 62.4 22.1-131.5c0.7-4.4-0.7-8.8-3.9-11.9l-95.6-92.8 131.9-19.6c4.4-0.7 8.2-3.4 10.1-7.4l58.6-119.7 59.4 119.4c2 4 5.8 6.7 10.2 7.4l132 18.8-95.3 93.3z" fill="%231e2127"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg enable-background="new 0 0 487.222 487.222" version="1.1" viewBox="0 0 487.22 487.22" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m486.55 186.81c-1.6-4.9-5.8-8.4-10.9-9.2l-152-21.6-68.4-137.5c-2.3-4.6-7-7.5-12.1-7.5s-9.8 2.9-12.1 7.6l-67.5 137.9-152 22.6c-5.1 0.8-9.3 4.3-10.9 9.2s-0.2 10.3 3.5 13.8l110.3 106.9-25.5 151.4c-0.9 5.1 1.2 10.2 5.4 13.2 2.3 1.7 5.1 2.6 7.9 2.6 2.2 0 4.3-0.5 6.3-1.6l135.7-71.9 136.1 71.1c2 1 4.1 1.5 6.2 1.5 7.4 0 13.5-6.1 13.5-13.5 0-1.1-0.1-2.1-0.4-3.1l-26.3-150.5 109.6-107.5c3.9-3.6 5.2-9 3.6-13.9zm-137 107.1c-3.2 3.1-4.6 7.6-3.8 12l22.9 131.3-118.2-61.7c-3.9-2.1-8.6-2-12.6 0l-117.8 62.4 22.1-131.5c0.7-4.4-0.7-8.8-3.9-11.9l-95.6-92.8 131.9-19.6c4.4-0.7 8.2-3.4 10.1-7.4l58.6-119.7 59.4 119.4c2 4 5.8 6.7 10.2 7.4l132 18.8-95.3 93.3z" fill="%231e2127"/></svg>');
|
|
margin: 12px 6px;
|
|
background: #adb5bd
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-unsticky {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 487.22 487.22" xmlns="http://www.w3.org/2000/svg"><g><title>background</title><rect x="-1" y="-1" fill="none"/></g><g><title>Layer 1</title><path d="m486.55 186.81c-1.6-4.9-5.8-8.4-10.9-9.2l-152-21.6-68.4-137.5c-2.3-4.6-7-7.5-12.1-7.5s-9.8 2.9-12.1 7.6l-67.5 137.9-152 22.6c-5.1 0.8-9.3 4.3-10.9 9.2s-0.2 10.3 3.5 13.8l110.3 106.9-25.5 151.4c-0.9 5.1 1.2 10.2 5.4 13.2 2.3 1.7 5.1 2.6 7.9 2.6 2.2 0 4.3-0.5 6.3-1.6l135.7-71.9 136.1 71.1c2 1 4.1 1.5 6.2 1.5 7.4 0 13.5-6.1 13.5-13.5 0-1.1-0.1-2.1-0.4-3.1l-26.3-150.5 109.6-107.5c3.9-3.6 5.2-9 3.6-13.9z" fill="%231e2127"/></g></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 487.22 487.22" xmlns="http://www.w3.org/2000/svg"><g><title>background</title><rect x="-1" y="-1" fill="none"/></g><g><title>Layer 1</title><path d="m486.55 186.81c-1.6-4.9-5.8-8.4-10.9-9.2l-152-21.6-68.4-137.5c-2.3-4.6-7-7.5-12.1-7.5s-9.8 2.9-12.1 7.6l-67.5 137.9-152 22.6c-5.1 0.8-9.3 4.3-10.9 9.2s-0.2 10.3 3.5 13.8l110.3 106.9-25.5 151.4c-0.9 5.1 1.2 10.2 5.4 13.2 2.3 1.7 5.1 2.6 7.9 2.6 2.2 0 4.3-0.5 6.3-1.6l135.7-71.9 136.1 71.1c2 1 4.1 1.5 6.2 1.5 7.4 0 13.5-6.1 13.5-13.5 0-1.1-0.1-2.1-0.4-3.1l-26.3-150.5 109.6-107.5c3.9-3.6 5.2-9 3.6-13.9z" fill="%231e2127"/></g></svg>');
|
|
background: #f59f00
|
|
}
|
|
|
|
.commento-root .commento-card .commento-option-button:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.commento-root .commento-card .commento-header {
|
|
padding-bottom: 4px
|
|
}
|
|
|
|
.commento-root .commento-card .commento-avatar::after {
|
|
content: "";
|
|
display: block
|
|
}
|
|
|
|
.commento-root .commento-card .commento-name {
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
color: #fff;
|
|
border: none;
|
|
display: table;
|
|
z-index: 1;
|
|
margin-left: 48px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: fit-content;
|
|
cursor: pointer
|
|
}
|
|
|
|
.commento-root .commento-card .commento-flagged::after {
|
|
content: "Flagged";
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
background: #f03e3e;
|
|
color: #fff;
|
|
margin-left: 8px;
|
|
padding: 2px 6px;
|
|
border-radius: 100px;
|
|
line-height: 17px
|
|
}
|
|
|
|
.commento-root .commento-card .commento-moderator::after {
|
|
content: "Moderator";
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
background: #37b24d;
|
|
color: #fff;
|
|
margin-left: 8px;
|
|
padding: 2px 6px;
|
|
border-radius: 100px;
|
|
line-height: 17px
|
|
}
|
|
|
|
.commento-root .commento-card .commento-subtitle {
|
|
display: block;
|
|
color: #999;
|
|
font-size: 12px;
|
|
margin-left: 48px
|
|
}
|
|
|
|
.commento-root .commento-card .commento-timeago {
|
|
display: inline;
|
|
color: #888;
|
|
font-size: 12px
|
|
}
|
|
|
|
.commento-root .commento-card .commento-score {
|
|
display: inline;
|
|
color: #888;
|
|
font-size: 12px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.commento-root .commento-card .commento-timeago::before {
|
|
content: "\00a0 \00a0 \00b7 \00a0 \00a0"
|
|
}
|
|
|
|
.commento-root .commento-card .commento-body p {
|
|
margin-top: 6px;
|
|
margin-bottom: 6px
|
|
}
|
|
|
|
.commento-root .commento-card .commento-options {
|
|
float: right;
|
|
position: relative;
|
|
height: 38px;
|
|
z-index: 2
|
|
}
|
|
|
|
.commento-root .commento-card .commento-options-mobile {
|
|
margin-right: 12px
|
|
}
|
|
|
|
.commento-root .commento-card .commento-options-clearfix {
|
|
height: 38px;
|
|
width: 1px;
|
|
display: block
|
|
}
|
|
|
|
.commento-root .commento-card .commento-moderation {
|
|
height: 48px
|
|
}
|
|
|
|
.commento-root .commento-dark-card {
|
|
background: #fff5f5
|
|
}
|
|
|
|
.commento-root .commento-highlighted-card {
|
|
background: #fff9db
|
|
}
|
|
|
|
.commento-root .commento-avatar {
|
|
width: 38px;
|
|
height: 38px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: #fff;
|
|
font-size: 22px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
border: 0 transparent
|
|
}
|
|
|
|
.commento-root .commento-avatar-img {
|
|
width: 38px;
|
|
height: 38px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
float: left;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 0;
|
|
overflow: visible
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box {
|
|
width: 90%;
|
|
max-width: 500px;
|
|
min-height: 100px;
|
|
background: #f1f3f5;
|
|
z-index: 100;
|
|
position: absolute;
|
|
top: 8px;
|
|
padding: 16px;
|
|
opacity: 1;
|
|
transition: opacity .2s
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-oauth-buttons-container {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-oauth-buttons-container .commento-oauth-buttons {
|
|
align-items: center;
|
|
position: absolute;
|
|
z-index: 1;
|
|
display: contents
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-oauth-buttons-container .commento-oauth-buttons .commento-google-button {
|
|
background: #dd4b39;
|
|
text-transform: uppercase;
|
|
font-size: 13px;
|
|
width: 70px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-oauth-buttons-container .commento-oauth-buttons .commento-github-button {
|
|
background: #000;
|
|
text-transform: uppercase;
|
|
font-size: 13px;
|
|
width: 70px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-oauth-buttons-container .commento-oauth-buttons .commento-twitter-button {
|
|
background: #00aced;
|
|
text-transform: uppercase;
|
|
font-size: 13px;
|
|
width: 70px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-oauth-buttons-container .commento-oauth-buttons .commento-gitlab-button {
|
|
background: #fc6d26;
|
|
text-transform: uppercase;
|
|
font-size: 13px;
|
|
width: 70px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-oauth-buttons-container .commento-oauth-buttons .commento-sso-button {
|
|
background: #000;
|
|
text-transform: uppercase;
|
|
font-size: 13px;
|
|
width: 200px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box hr {
|
|
border: none;
|
|
background: #e9ecef;
|
|
height: 1px;
|
|
margin: 24px 0
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-login-box-subtitle {
|
|
color: #868e96;
|
|
text-align: center;
|
|
margin: 12px 0;
|
|
font-size: 15px
|
|
}
|
|
|
|
@font-face {
|
|
font-style: normal;
|
|
font-display:swap;font-weight: 300;
|
|
src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://commento.rogs.me/fonts/source-sans-300-cyrillic-ext.woff2) format("woff2");
|
|
unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box button,.commento-root .commento-login-box-container .commento-login-box input,.commento-root .commento-login-box-container .commento-login-box textarea {
|
|
font-family: 'Source Sans Pro',sans-serif
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box html {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
background: #f8f9fa
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box body {
|
|
margin: 0
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box a {
|
|
text-decoration: none
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box a:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email,.commento-root .commento-login-box-container .commento-login-box .shadow {
|
|
box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02)
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .footer {
|
|
position: relative;
|
|
bottom: 0;
|
|
width: 100%;
|
|
margin-top: 72px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .footer .copyright {
|
|
align-items: none;
|
|
color: #dee2e6;
|
|
background: #fff;
|
|
text-align: center;
|
|
padding: 12px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .footer .footer-inner {
|
|
width: 100%;
|
|
background: #fff;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .footer .footer-inner .links {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 600px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .footer .footer-inner .link-group {
|
|
margin: 40px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .footer .footer-inner .link-group .header {
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
font-size: 12px;
|
|
color: #adb5bd
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .footer .footer-inner .link {
|
|
margin-top: 12px;
|
|
margin-bottom: 12px;
|
|
display: block;
|
|
color: #adb5bd;
|
|
transition: all .2s
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .footer .footer-inner .link:hover {
|
|
color: #495057
|
|
}
|
|
|
|
@media only screen and (max-width: 1000px) {
|
|
.commento-root .commento-login-box-container .commento-login-box .footer .footer-inner .link-group {
|
|
display:block
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .footer .footer-inner .links {
|
|
display: block;
|
|
width: 90%
|
|
}
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-email-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
margin: 8px 0
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email {
|
|
border-radius: 4px;
|
|
background: #fff;
|
|
width: 100%;
|
|
max-width: 400px
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email .commento-input {
|
|
display: inline;
|
|
height: 40px;
|
|
background: #fff;
|
|
border: none;
|
|
outline: 0;
|
|
padding: 5px 5px 5px 10px;
|
|
width: calc(100% - 150px)
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email .commento-input::placeholder {
|
|
color: #adb5bd
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email .commento-email-button {
|
|
height: 40px;
|
|
min-width: 110px;
|
|
float: right;
|
|
background: #fff;
|
|
border: none;
|
|
outline: 0;
|
|
padding: 0 10px;
|
|
border-left: 1px solid #f1f3f5;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-weight: 700;
|
|
color: #1c7ed6;
|
|
cursor: pointer;
|
|
transition: all .2s;
|
|
width: unset
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email .commento-email-button:hover {
|
|
color: #228be6
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email .commento-email-button:disabled {
|
|
cursor: default;
|
|
color: #868e96
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-forgot-link-container,.commento-root .commento-login-box-container .commento-login-box .commento-login-link-container {
|
|
margin: 16px;
|
|
width: calc(100% - 32px);
|
|
text-align: center
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-forgot-link,.commento-root .commento-login-box-container .commento-login-box .commento-login-link {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
border-bottom: none
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-forgot-link {
|
|
font-size: 13px;
|
|
color: #868e96;
|
|
font-weight: 400
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-login-box-close {
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 16px;
|
|
width: 16px;
|
|
height: 16px;
|
|
opacity: .3
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-login-box-close:hover {
|
|
opacity: 1;
|
|
cursor: pointer
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-login-box-close:after,.commento-root .commento-login-box-container .commento-login-box .commento-login-box-close:before {
|
|
position: absolute;
|
|
left: 7px;
|
|
content: ' ';
|
|
height: 17px;
|
|
width: 2px;
|
|
background-color: #495057
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-login-box-close:before {
|
|
transform: rotate(45deg)
|
|
}
|
|
|
|
.commento-root .commento-login-box-container .commento-login-box .commento-login-box-close:after {
|
|
transform: rotate(-45deg)
|
|
}
|
|
|
|
.commento-root .commento-footer {
|
|
margin: 36px 0 12px;
|
|
padding-right: 12px
|
|
}
|
|
|
|
.commento-root .commento-footer .commento-logo-container {
|
|
float: right
|
|
}
|
|
|
|
.commento-root .commento-footer .commento-logo-container .commento-logo {
|
|
border: none;
|
|
width: auto;
|
|
height: 32px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 5px;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.commento-root .commento-footer .commento-logo-container .commento-logo-text::before {
|
|
content: "Powered by ";
|
|
font-weight: 400
|
|
}
|
|
|
|
.commento-root .commento-footer .commento-logo-container .commento-logo-text {
|
|
font-size: 13px;
|
|
color: #fff;
|
|
display: inline;
|
|
line-height: 24px;
|
|
position: relative;
|
|
font-weight: 700
|
|
}
|
|
|
|
.commento-root .commento-hidden {
|
|
display: none
|
|
}
|
|
|
|
.commento-root .commento-blurred {
|
|
opacity: .4
|
|
}
|
|
|
|
.commento-root .commento-main-area {
|
|
transition: filter .2s
|
|
}
|
|
|
|
.commento-root .commento-error-box {
|
|
width: 100%;
|
|
border-radius: 4px;
|
|
height: 32px;
|
|
text-align: center;
|
|
color: #f03e3e;
|
|
font-weight: 700
|
|
}
|
|
|
|
.commento-root .commento-moderation-notice {
|
|
width: 100%;
|
|
border-radius: 4px;
|
|
height: 32px;
|
|
text-align: center;
|
|
color: #f76707;
|
|
font-weight: 700;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.commento-root .commento-sort-policy-buttons-container {
|
|
padding: 12px 0;
|
|
font-weight: 400
|
|
}
|
|
|
|
.commento-root .commento-sort-policy-buttons-container .commento-sort-policy-buttons {
|
|
float: right
|
|
}
|
|
|
|
.commento-root .commento-sort-policy-buttons-container .commento-sort-policy-buttons .commento-sort-policy-button {
|
|
color: #868e96;
|
|
font-size: 13px;
|
|
padding: 0 7px
|
|
}
|
|
|
|
.commento-root .commento-sort-policy-buttons-container .commento-sort-policy-buttons .commento-sort-policy-button:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.commento-root .commento-sort-policy-buttons-container .commento-sort-policy-buttons .commento-sort-policy-button-selected {
|
|
color: #57cc8a;
|
|
font-weight: 700
|
|
}
|
|
|
|
.commento-root-font * {
|
|
font-family: 'Source Sans Pro',sans-serif
|
|
}
|