html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace,monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,strong {
font-weight: bolder
}
code,kbd,samp {
font-family: monospace,monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],template {
display: none
}
.search {
padding-right: 40px
}
.search input {
-webkit-appearance: none;
display: inline-block;
border-radius: 3px;
padding: 0 .1em 0 1em;
font-size: 1em;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
height: 40px;
border: 0;
vertical-align: top;
margin-top: 5px
}
.search input:not(:focus)::placeholder {
color: transparent
}
.search input::placeholder {
opacity: .4;
font-style: italic
}
.search .btn.btn-square {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-right: -40px;
margin-left: 0
}
nav {
position: relative;
min-height: 50px;
background: #2a3744;
padding-left: 76px
}
nav a,nav a:hover {
color: #fff
}
nav .btn {
margin: 5px
}
nav .logo {
float: left;
display: inline-block;
height: 50px;
padding: 10px;
margin-left: -76px
}
nav .logo:hover {
background-color: #3d5064
}
nav .search {
float: left;
display: inline-block
}
nav .menu {
list-style-type: none;
padding-left: 0;
margin: 0
}
nav .menu.left {
float: left
}
nav .menu.right {
float: right
}
nav .menu li,nav .menu li a {
display: inline-block
}
nav .menu li a {
padding-left: 10px;
padding-right: 10px;
height: 50px;
line-height: 50px
}
nav .menu li:hover>a {
background-color: #3d5064
}
nav .menu li.active>a {
background-color: #ed2553;
color: #fff
}
nav .menu li.active>a:hover {
background-color: #f15478
}
nav .menu li img {
vertical-align: middle;
border-radius: 100%
}
nav .menu li.menu-sign-in>a {
background-color: #3d5064
}
nav .menu li.menu-sign-in>a:hover {
background-color: #475d73
}
nav .menu li.menu-register>a {
background-color: #ed2553
}
nav .menu li.menu-register>a:hover {
background-color: #f15478
}
nav #hamburger {
float: right;
margin-right: -45px
}
nav #hamburger .line {
display: block;
width: 100%;
height: 2px;
background-color: #fff;
border-radius: 1px;
margin-top: 5px;
margin-bottom: 5px
}
@media (min-width: 1201px) {
nav form {
margin-right:10px;
width: 25%
}
nav #hamburger,nav .menu .dropdown {
display: none
}
}
@media (min-width: 601px) and (max-width:1200px) {
nav form {
width:35%
}
nav #hamburger,nav .menu .desktop,nav .menu .dropdown-menu {
display: none
}
nav .dropdown {
position: relative
}
nav .dropdown .dropdown-menu.open {
display: inline-block;
position: absolute;
left: 0;
top: 100%;
border-radius: 3px;
padding-left: 0;
text-align: left;
background-color: #2e3c4a;
z-index: 3;
box-shadow: 0 0 30px rgba(0,0,0,.5)
}
nav .dropdown .dropdown-menu.open:before {
position: absolute;
content: "";
pointer-events: none;
bottom: 100%;
left: 15px;
border: 10px solid transparent;
border-bottom-color: #2e3c4a;
height: 0;
width: 0
}
nav .dropdown .dropdown-menu.open li {
width: 100%
}
nav .dropdown .dropdown-menu.open li a {
line-height: 2;
height: auto;
width: 100%
}
nav .dropdown .dropdown-menu.open li:first-of-type a {
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
nav .dropdown .dropdown-menu.open li:last-of-type a {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
}
@media (max-width: 600px) {
nav {
padding-right:50px
}
nav form {
width: 100%
}
nav .collapse {
display: block;
width: 100%;
overflow: hidden;
max-height: 0;
transition: max-height .5s
}
nav .collapse.open {
max-height: 370px
}
nav .collapse .menu.left,nav .collapse .menu.right {
float: none
}
nav .collapse .menu .dropdown {
display: none
}
nav .collapse .menu li {
display: block
}
nav .collapse .menu li a {
width: 100%;
height: 35px;
line-height: 35px
}
}
#settings-container {
text-align: left
}
#settings-container input[type=email],#settings-container input[type=password],#settings-container input[type=text] {
width: 100%;
height: 30px;
padding-left: 10px;
border-radius: 3px
}
#settings-container h1 {
text-align: center
}
#settings-container form {
max-width: 800px;
margin-right: auto;
margin-left: auto
}
#user-container {
overflow: auto
}
@media (min-width: 600px) {
.user-info {
text-align:left;
float: left
}
.bigavatar {
float: left;
margin: 2em
}
.bigavatar img {
border-radius: .7em
}
}
.form-group {
margin: 20px
}
label {
display: block;
font-weight: 700;
text-align: justify;
white-space: nowrap
}
html {
box-sizing: border-box
}
*,:after,:before {
box-sizing: inherit
}
h1,h2,h3,h4,h5,h6 {
font-weight: 700
}
body,html {
font-size: 14px;
line-height: 1.42857143;
height: 100%;
margin: 0;
text-align: center;
color: #34495e;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
body,button,html,input,textarea {
font-family: Noto Sans,sans-serif
}
a {
color: #34495e
}
a,a:hover {
text-decoration: none
}
a:hover {
color: #ed2553
}
a .count {
color: #999
}
a.bold {
font-weight: 700
}
code {
color: #ed2553;
border: 1px solid #fbd3dd;
background-color: #fef0f3
}
textarea {
resize: none
}
blockquote {
border: 0
}
form.inline {
display: inline
}
time {
font-variant-numeric: tabular-nums
}
.btn {
display: inline-block;
vertical-align: middle;
font-weight: 700;
cursor: pointer;
padding: 0 12px;
color: #fff;
border: 0;
border-radius: 3px;
outline: 0;
font-size: 100%;
height: 40px;
line-height: 40px;
margin: 3px;
-webkit-font-smoothing: antialiased
}
.btn:hover {
color: #fff;
background: #f15478
}
.btn.btn-unstyled {
color: inherit;
padding: 0;
margin: 0;
background: none;
cursor: pointer;
border: none
}
.btn.btn-thin,.btn.btn-unstyled {
font-weight: 400;
line-height: 1;
height: auto
}
.btn.btn-thin {
margin-top: 5px;
margin-bottom: 10px;
padding: 5px 6px
}
.btn.btn-primary {
background-color: #ed2553!important
}
.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover {
color: #fff!important;
background: #f15478!important
}
.btn.btn-primary.disabled,.btn.btn-primary:disabled {
cursor: default;
background-color: #be546c
}
.btn.btn-secondary {
background-color: #475d73
}
.btn.btn-secondary:active,.btn.btn-secondary:focus,.btn.btn-secondary:hover {
background: #516a83
}
.btn.btn-secondary.disabled,.btn.btn-secondary:disabled {
cursor: default;
background-color: #555d65
}
.btn.btn-square {
width: 40px;
height: 40px;
margin: 5px;
vertical-align: middle
}
.edit {
font-size: 15px;
padding: 2px 5px;
vertical-align: middle;
color: #fff;
border-radius: 3px;
background: #2a3744
}
.edit:hover {
color: #fff;
background: #3d5064
}
.btn-disabled {
opacity: .5
}
.tooltip {
display: inline-block;
position: relative;
border-bottom: 1px dotted #666;
text-align: left
}
.tooltip .top {
min-width: 150px;
top: -20px;
left: 50%;
transform: translate(-50%,-100%);
padding: 8px;
color: #444;
background-color: #eee;
font-weight: 400;
font-size: 13px;
border-radius: 8px;
position: absolute;
z-index: 99999999;
box-sizing: border-box;
box-shadow: 0 1px 8px rgba(0,0,0,.5);
display: none;
line-height: 17px
}
.tooltip:hover {
opacity: 1
}
.tooltip:hover .top {
display: block
}
.tooltip .top i {
top: 100%;
margin-left: -12px;
width: 24px;
overflow: hidden
}
.tooltip .top i,.tooltip .top i:after {
position: absolute;
left: 50%;
height: 12px
}
.tooltip .top i:after {
content: "";
width: 12px;
transform: translate(-50%,-50%) rotate(45deg);
background-color: #eee;
box-shadow: 0 1px 8px rgba(0,0,0,.5)
}
.container {
display: block;
clear: both;
margin: 10px auto;
padding: 10px;
border-radius: 5px;
background-color: #ecf0f1;
width: 100%;
max-width: 1200px
}
@media screen and (orientation: landscape) {
.container {
padding-left:calc(5px + constant(safe-area-inset-left));
padding-right: calc(5px + constant(safe-area-inset-right))
}
}
.container.left {
text-align: left
}
.container.right {
text-align: right
}
.container.padded {
padding: 3em
}
@media screen and (max-width: 1200px) {
.container {
border-radius:0
}
}
.container.advertisement.advertisement {
overflow: hidden;
margin-right: auto;
margin-left: auto;
text-align: center;
background-color: inherit;
min-height: 90px
}
.container.advertisement.advertisement iframe {
display: block;
margin-right: auto;
margin-left: auto
}
.invisible {
z-index: -1;
visibility: hidden
}
.pagination {
font-size: 1.3em;
margin-bottom: 2em;
margin-top: 2em
}
.pagination .first,.pagination .last,.pagination .next,.pagination .page,.pagination .previous {
display: inline-block;
min-width: 35px;
padding: 5px
}
.pagination .first.current,.pagination .last.current,.pagination .next.current,.pagination .page.current,.pagination .previous.current {
font-weight: 700;
border-radius: 100%;
background-color: #f2f5f5
}
.pagination .first:hover,.pagination .last:hover,.pagination .next:hover,.pagination .page:hover,.pagination .previous:hover {
border-radius: 100%;
background-color: #f8f9fa
}
.alphabetical-pagination {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.alphabetical-pagination li {
display: inline-block
}
.alphabetical-pagination li a,.alphabetical-pagination li span {
display: inline-block;
font-size: 1em;
line-height: 2.4em;
height: 2.4em;
min-width: 2.4em;
margin-right: .3em;
text-align: center
}
.alphabetical-pagination li a:hover,.alphabetical-pagination li span:hover {
border-radius: 100%;
background-color: #f5f7f7
}
.alphabetical-pagination li a.current,.alphabetical-pagination li span.current {
border-radius: 100%;
font-weight: 700
}
.alphabetical-pagination li a.disabled,.alphabetical-pagination li span.disabled {
color: #999
}
@supports (-webkit-touch-callout:none) {
@media (min-width: 600px) {
.ios-mobile-webkit-bottom-spacing {
display:none
}
}
}
a.tag, span.tag {
color: #fff;
font-size: 1em;
vertical-align: middle;
display: inline-flex;
margin: .13em;
flex-direction: row;
justify-content: center
}
a.tag>:first-child, span.tag {
border-top-left-radius: .3em;
border-bottom-left-radius: .3em
}
a.tag>:last-child, span.tag {
border-top-right-radius: .3em;
border-bottom-right-radius: .3em
}
.tag .count,.tag .name {
display: flex;
padding: .13em .39em;
align-items: center
}
.tag .name, span.tag {
background: #364657
}
span.tag.name {
padding: .13em .26em;
background: #4d4d4d;
}
.tag .count {
font-size: .9em;
color: #ccc;
font-weight: 400;
padding: .13em .26em;
background: #516a83
}
.tag:hover {
color: #fff
}
.tag:hover .name {
background: #475d73
}
.tag:hover .count {
background: #5b7793
}
#footer-container {
margin-top: 15px;
margin-bottom: 6px;
background-color: inherit
}
#footer-container .footer-item a {
margin: 10px;
color: #5e7980
}
.thumb-container {
text-align: center
}
.thumb-container img {
margin-top: 2px;
margin-right: 2px;
margin-left: 2px
}
.blacklisted-tag {
text-decoration: line-through
}
.blacklisted.gallery {
opacity: .1;
-webkit-filter: blur(5px);
filter: blur(5px);
will-change: filter
}
.blacklisted.gallery:hover {
opacity: .2;
-webkit-filter: blur(0);
filter: blur(0)
}
.blacklisted.tag {
opacity: .5;
text-decoration: line-through
}
#cover img,.gallerythumb img {
border-top-left-radius: .3em;
border-top-right-radius: .3em;
border-bottom-left-radius: .3em;
border-bottom-right-radius: .3em
}
.gallery,.gallery-favorite,.thumb-container {
display: inline-block;
vertical-align: top
}
.gallery-favorite img,.gallery img,.thumb-container img {
display: block;
border-top-left-radius: .3em;
border-top-right-radius: .3em;
max-width: 100%;
height: auto
}
@media screen and (min-width: 980px) {
.gallery,.gallery-favorite,.thumb-container {
width:19%;
margin: 3px
}
}
@media screen and (max-width: 979px) {
.gallery,.gallery-favorite,.thumb-container {
width:24%;
margin: 2px
}
}
@media screen and (max-width: 772px) {
.gallery,.gallery-favorite,.thumb-container {
width:32%;
margin: 1.5px
}
}
@media screen and (max-width: 500px) {
.gallery,.gallery-favorite,.thumb-container {
width:49%;
margin: .5px
}
}
.gallery-favorite a,.gallery a {
display: block
}
.caption,.gallery-favorite a img,.gallery a img {
position: absolute;
/* position: relative; */
width: 100%;
}
.caption {
line-height: 15px;
left: 0;
right: 0;
top: 100%;
z-index: 10;
overflow: hidden;
width: 100%;
max-height: 34px;
padding: 3px;
background-color: #fff;
font-weight: 700;
display: block;
text-align: center;
text-decoration: none;
color: #34495e;
border-bottom-left-radius: .3em;
border-bottom-right-radius: .3em
}
.gallery {
position: relative;
margin-bottom: 3em
}
.gallery:hover .caption {
max-height: 100%;
box-shadow: 0 10px 20px hsla(0,0%,39.2%,.5)
}
.gallery-favorite .btn {
margin-top: 20px
}
.gallery-favorite .gallery {
width: 100%
}
.gallery[data-tags*="6346"] .caption:before,.gallery[data-tags*="12227"] .caption:before,.gallery[data-tags*="29963"] .caption:before {
content: "";
display: inline-block;
vertical-align: middle;
float: left;
z-index: 2;
background-size: contain;
width: 18px;
height: 12px
}
.gallery[data-tags*="6346"] .caption:before {
background-image: url("data:image/gif;base64,R0lGODlhSAAwAOZhAO1UZPn6/PX+//X8//z9/vX4+/X//////+1TY+1PX/X7/vX7/fb///X9/+1SYvf4++1QYOxMXPn7/P7+//Xw9PXx9fGjre5pd/X8/vb4+/GnsPPN1O1OX/CQm+95hvTd4vXy9vGXovTb4PCVoO1TZPPS1+1OXu1QYfPT2fTm6/Ggqu1dbfX5/O5icPCSnfCTne1RYvTq7u5hcfGkrvTv8+5jce1UZfTr7/To7fKqsvPJz+1WZvPO0/CTnvXt8fPP1e93g/K0vPLEy/LEzO1PYO1YaO+Aje5od+1ZaPLDy+5gb/LFzO5ice+Klu1XZ++Cju1YZ+5hcPXs8PGirOxKW++JlexLXO+CjfK2v/K2vfXs8e+BjPG0u+5hb+1VZfb4+vX3+v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGEALAAAAABIADAAAAf/gGFhBwQBD1+IiYqLjI2Oj5CLDwEEB4JhEwFfYJydnp+goaKjpKNfARODEqWsra6vnRKEm7C1trBfhbe7vKQBGb3BwmCHw8a3iMfKr8nLzqTNz9Kf0dPW1dbS2NnO28MFCw0CBgINCwXdtMcFAz5LFi9NLxZCWgMsyt68GCBYTxdIIFhJAOWCkSAVBhzTdwsDjhBMIiRwAMALAAcJInQZkULhMIa1GtzoAYCIl5MoUUIg0SGGgI/qeimokGMHgpQ4T97UQEGBMJCvBJSoASOnUQcteAhA1wtoqwUUZnCwYdSoCRU0fDaNucvABw83q+ZEAESEgWBOWRlAIaOiWJwA0Fb8YICW6y0GGyy+zXlCB92twvDq3Zuy719eaUutbUsYZdy5dYV5BdtYZ9mzgINBlUq18dWskYUJJdoYqVKmiO3emlkzrNidPX+qviWSJASxK1u+lH3MYYgoEilaxBhBCUePvI8NAJHlyoUiCagkcHJkC5eEC2fzYudjiAUXVVxMSSLlXj7tvcCJI2cOdXZu19DDDz0/Xf1nie/jkq/fVv7+rXwBDIDGZBAAgcZQwh+CpeRywCoM8iILJppEWMspqQhCiCGRdOjhh5BMUokggQAAOw==")
}
.gallery[data-tags*="12227"] .caption:before {
background-image: url("data:image/gif;base64,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")
}
.gallery[data-tags*="29963"] .caption:before {
background-image: url("data:image/gif;base64,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")
}
.gallery-edit {
text-align: left;
overflow: auto
}
.gallery-edit .gallery {
float: left
}
.gallery-edit .tag-container {
display: inline-block
}
#info-container {
height: auto;
padding: 10px 40px 20px;
text-align: left
}
#info-container section.text {
padding-top: 10px;
padding-bottom: 10px
}
#info-container section:not(:last-of-type) {
padding-bottom: 10px;
border-bottom: 1px solid #dde4e6
}
#info-container h1 {
font-size: 2em
}
#info-container h2 {
font-size: 1.6em
}
#info-container h3 {
font-size: 1.4em
}
#info-container li {
margin: 5px
}
#info-container a {
color: #ed2553
}
#info-container #thanks {
margin-top: 20px;
text-align: center
}
.sort {
margin-top: -15px;
font-size: 20px
}
.sort:before {
content: "";
display: block;
clear: both;
margin-top: 1em
}
@media screen and (max-width: 550px) {
.sort {
font-size:16px
}
}
.sort .sort-type {
overflow: hidden;
display: inline-block;
border-radius: 5px;
margin: 10px;
background-color: #f2f5f5
}
.sort .sort-type>.sort-name,.sort .sort-type>a {
display: inline-block;
padding: .5em
}
.sort .sort-type>a:hover {
background-color: #e6ebed
}
.sort .sort-type>a.current {
font-weight: 700;
background-color: #ecf0f1
}
.sort+.container {
margin-top: 0
}
#info {
height: auto;
padding: 10px;
text-align: left
}
#info .title .pretty {
color: #34495e
}
#info .title .after,#info .title .before {
color: #959595
}
#info h1 {
font-size: 20px
}
#info h2 {
font-size: 17px;
margin-top: 10px;
margin-bottom: 20px
}
#info #gallery_id {
font-size: 15px;
cursor: pointer
}
#info #gallery_id .hash {
color: #666
}
#info .field-name {
font-weight: 700
}
#info .buttons {
margin-top: 30px
}
#info .buttons .btn {
min-width: 120px;
text-align: center;
margin-left: 0;
margin-right: 5px;
margin-bottom: 10px
}
#info a {
font-weight: 700
}
#profile-update input[type=file]#avatar {
display: none
}
#profile-update #avatar-upload {
overflow: auto;
width: 200px;
margin-bottom: 10px
}
#profile-update #avatar-upload img {
margin-bottom: 10px
}
#profile-update #avatar-upload .btn {
width: 110px
}
#profile-update #avatar-upload label[for=avatar] {
float: left;
width: 70px;
padding-right: 5px;
padding-left: 5px
}
#profile-update #avatar-upload label[for=avatar-clear] {
float: right
}
#profile-update #avatar-upload #avatar-clear {
position: relative;
top: 2px;
margin: 0 0 0 3px
}
#bigcontainer {
margin-bottom: 25px;
padding: 30px 20px
}
#bigcontainer form {
display: inline-block
}
@media screen and (min-width: 768px) {
#bigcontainer #cover,#bigcontainer #info-block {
display:inline-block;
width: 48%;
vertical-align: top
}
}
@media screen and (max-width: 500px) {
#bigcontainer #cover,#bigcontainer #info-block {
width:100%;
margin: .5px
}
}
#bigcontainer #cover img,#bigcontainer #info-block img {
max-width: 100%
}
.fa-heart,.fa-heart-o {
margin: 2px
}
.lazyload {
background-color: #e3e9eb
}
.lazyload-loading {
background: #dae2e4
}
#thumbnail-container {
margin-bottom: 25px;
padding: 15px;
text-align: left;
background-color: #2a3744
}
@media screen and (max-width: 980px) {
#thumbnail-container {
padding:10px 5px 5px;
border-radius: 0
}
}
@media screen and (max-width: 980px) and screen and (orientation:landscape) {
#thumbnail-container {
padding-left:constant(safe-area-inset-left);
padding-right: constant(safe-area-inset-right)
}
}
#thumbnail-container .lazyload {
background-color: #303f4d
}
#thumbnail-container .lazyload-loading {
background-color: #364657
}
#thumbnail-container .gallerythumb {
display: inline-block;
margin-bottom: 3px;
vertical-align: middle
}
#thumbnail-container .gallerythumb a {
display: inline-block
}
#thumbnail-container .gallerythumb img:hover {
-webkit-filter: brightness(110%);
-moz-filter: brightness(110%)
}
#thumbnail-container.clip-height .thumbs {
overflow: hidden;
position: relative
}
#thumbnail-container.clip-height .thumbs:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0;
z-index: 20;
box-shadow: 0 0 40px 80px #2a3744
}
#show-all-images-container {
text-align: center;
margin-top: 1em
}
#related-container {
margin-bottom: 25px;
padding-bottom: 20px
}
.commentform {
max-width: 100%
}
.login-comment {
text-decoration: underline
}
textarea {
width: 85%;
height: 90px;
margin-bottom: 5px;
padding: 10px;
border: 0;
border-radius: 3px;
outline: 0;
-webkit-appearance: none
}
#comment-container {
padding: 20px
}
.commentbutton {
width: 120px;
height: 40px;
color: #fff;
border: 0;
border-radius: 3px
}
/* .avatar {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
overflow: hidden;
margin-right: 10px;
border-radius: 100%
} */
.avatar img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%
}
.avatar .username {
display: inline-block;
vertical-align: middle
}
.comment {
display: flex;
text-align: left;
margin-bottom: 10px;
padding: 8px
}
.comment .header {
display: flex;
flex-direction: row;
margin-bottom: 5px
}
.comment .header time {
margin-left: .5em;
opacity: .6
}
.comment .header .right {
margin-left: auto;
text-align: right
}
.comment .header .right .comment-delete,.comment .header .right .comment-flag {
margin-left: 1em;
opacity: .6
}
.comment .header .right .comment-delete:hover,.comment .header .right .comment-flag:hover {
opacity: .9
}
.comment .body-wrapper {
flex: 1
}
.comment .body-wrapper .body {
word-break: break-word
}
.comment .body-wrapper .body a {
color: #ed2553
}
.comment .body-wrapper .body a:hover {
color: #ef3d66;
text-decoration: underline
}
.comment:target {
background-color: #d7e0e2
}
#favorites-search-bar {
width: 200px;
height: 35px;
padding: 10px;
border: 0;
border-radius: 3px;
outline: 0;
outline-width: 0;
outline-style: none;
background-color: #dae2e4;
-webkit-appearance: none
}
#favorites-search-form {
margin-bottom: 20px
}
#favorites-search {
display: inline-block
}
#favorites-search input {
background-color: #ecf0f1
}
#favorites-search-button {
width: 40px;
height: 35px
}
#favorites-random-button {
margin-left: -15px
}
.remove-button {
margin-top: 5px;
margin-bottom: 10px;
background-color: #e32636
}
.remove-button:hover {
text-decoration: none;
background-color: #e6414f
}
#favcontainer {
padding: 10px 10px 40px
}
.removed {
opacity: .5
}
#tag-container {
padding-bottom: 5px;
-webkit-columns: 170px;
-moz-columns: 170px;
-ms-columns: 170px;
-o-columns: 170px;
columns: 170px;
-webkit-column-rule-color: #e2e8e9;
-webkit-column-rule-width: 1px;
-webkit-column-rule-style: solid;
-moz-column-rule-color: #e2e8e9;
-moz-column-rule-width: 1px;
-moz-column-rule-style: solid;
-ms-column-rule-color: #e2e8e9;
-ms-column-rule-width: 1px;
-ms-column-rule-style: solid;
-o-column-rule-color: #e2e8e9;
-o-column-rule-width: 1px;
-o-column-rule-style: solid;
column-rule-color: #e2e8e9;
column-rule-width: 1px;
column-rule-style: solid
}
#tag-container .tag {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
page-break-inside: avoid;
display: flex;
margin-right: 1em;
margin-left: 1em;
margin-bottom: .2em
}
#tag-container .tag .name {
flex: 1
}
#tag-container .tag .count {
min-width: 2.5em;
justify-content: flex-end
}
#tag-container section {
border: 1px solid transparent;
border-radius: 5px
}
#tag-container section:first-of-type h2 {
margin-top: 0
}
#tag-container section:target {
border-color: #cfd9db;
background-color: #f5f7f7
}
input,input:focus {
-webkit-transition: none;
-moz-transition: none;
transition: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none
}
div.form-control {
background-color: transparent
}
.container.error h1 {
font-size: 50px
}
.container.error blockquote {
font-size: 25px;
font-style: italic
}
.container.error img {
max-width: 100%
}
.nobold {
font-weight: 400
}
.hidden {
display: none!important
}
#favorites-search {
padding-left: 20px;
padding-right: 60px;
margin-left: auto;
margin-right: auto;
max-width: 300px
}
.moderation-table,.moderation-table tr td.comment {
width: 100%
}
.moderation-table tr td.comment .comment {
width: 100%;
box-shadow: 0 0 5px #141414;
border-radius: .5em
}
.moderation-table tr td:nth-child(6) {
min-width: 160px
}
.moderation-table tr.voted {
display: none
}
.g-recaptcha,.tag-autocomplete,.tag-autocomplete .tag-wrapper {
display: inline-block
}
.tag-autocomplete .autocomplete-wrapper {
position: relative;
display: inline-block
}
.tag-autocomplete .autocomplete-wrapper.hidden {
display: none
}
.tag-autocomplete .autocomplete-wrapper input.tag-input {
font-weight: 400;
margin: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.tag-autocomplete .autocomplete-wrapper .dropdown {
z-index: 2;
position: absolute;
left: 0;
width: auto;
right: 0;
background-color: #364657;
margin-top: 0;
list-style-type: none;
padding-left: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
box-shadow: 0 10px 20px rgba(0,0,0,.5)
}
.tag-autocomplete .autocomplete-wrapper .dropdown li.active>a.tag {
background: #506984!important
}
.tag-autocomplete .autocomplete-wrapper .dropdown li.disabled {
font-style: italic;
padding: 2px 6px 3px;
color: grey
}
.tag-container .name {
font-weight: 700
}
.tag-container .tag.tag-deleted .name {
background-color: #643d3d;
text-decoration: line-through
}
.tag-container .tag.tag-deleted:hover .name {
background-color: #845050
}
.tag-container .tag.tag-added .name {
background-color: #3d643f
}
.tag-container .tag.tag-added:hover .name {
background-color: #508453
}
.tag-container .tag.tag-created .name {
background-color: #7c7b36
}
.tag-container .tag.tag-created:hover .name {
background-color: #a09e46
}
.tag-container .tag.tag-new {
cursor: pointer
}
.tag.tag-input {
margin-bottom: 0
}
#messages {
position: fixed;
top: 0;
width: 100%;
z-index: 20;
margin-top: 4em
}
.alert {
display: flex;
opacity: .9;
padding: 15px;
margin-left: 4em;
margin-right: 4em;
margin-bottom: 2em;
border: 1px solid transparent;
border-radius: 4px
}
.alert.alert-info,.alert.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.alert.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.alert.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.alert .alert-close {
margin-left: auto;
color: #34495e
}
.alert.fade-slide-in {
opacity: 0;
transform: translateY(-40px) scale(.95);
transition: opacity .1s ease,transform .2s ease
}
.alert.fade-slide-in.open {
transform: translateY(0) scale(1);
opacity: .9
}
.modal-wrapper {
display: block;
overflow: auto;
z-index: 20;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
background: rgba(0,0,0,.6)
}
.modal-wrapper.fade-slide-in {
background: transparent;
transition: background .1 ease
}
.modal-wrapper.fade-slide-in .modal-inner {
opacity: 0;
transform: translateY(-20px) scale(.95);
transition: opacity .1s ease,transform .2s ease
}
.modal-wrapper.fade-slide-in.open {
background: rgba(0,0,0,.6)
}
.modal-wrapper.fade-slide-in.open .modal-inner {
transform: translateY(0) scale(1);
opacity: 1
}
.modal-wrapper.modal-compact .modal-inner {
display: inline-block
}
.modal-wrapper.modal-compact .modal-inner h1 {
display: none
}
.modal-wrapper .modal-inner {
overflow: auto;
background-color: #fff;
border-radius: 5px;
max-width: 600px;
padding-top: 10px;
margin: 2em auto 50px;
box-shadow: 0 0 60px rgba(0,0,0,.5)
}
.modal-wrapper .modal-inner .contents {
padding: 10px
}
.modal-wrapper .modal-inner .contents :first-child {
margin-top: 0
}
.modal-wrapper .modal-inner .buttons {
padding: 5px;
margin-top: 10px;
background-color: #e6e6e6
}
#chatbanner {
margin: 20px
}
#chatbanner img {
border: 2px solid #ed2553
}
.announcement {
margin: 20px 5px;
font-size: 1.1em
}
.announcement a[href] {
color: #ed2553
}
#errors {
text-align: center;
list-style-type: none;
padding-left: 0;
color: #ef808a
}
select {
font-weight: 400
}
.color-icon {
color: #ed2553
}
#page-container {
margin-bottom: 5px;
padding-left: 0;
padding-right: 0
}
@media (max-width: 768px) {
#page-container img {
width:100%;
height: auto
}
}
@media (min-width: 769px) {
#page-container img {
max-width:100%;
height: auto
}
}
#page-container .pagination {
margin-bottom: 5px;
margin-top: 5px
}
#page-container .pagination .first,#page-container .pagination .last,#page-container .pagination .next,#page-container .pagination .page,#page-container .pagination .previous {
font-size: 17px;
margin-bottom: 10px;
margin-top: 10px
}
@media (min-width: 397px) {
#page-container .pagination .first,#page-container .pagination .last,#page-container .pagination .next,#page-container .pagination .page,#page-container .pagination .previous {
margin-right:20px;
margin-left: 20px
}
}
#page-container .page-number .current,#page-container .page-number .num-pages {
font-weight: 600
}
html.reader,html.reader #content,html.reader body {
height: 100%
}
html.reader body {
padding-top: 50px
}
html.reader #content {
margin-top: 0
}
html.reader nav {
margin-top: -50px
}
html.reader.nav-hidden body {
padding-top: 0
}
html.reader.nav-hidden nav {
display: none
}
html.reader .advertisement.advertisement {
margin: 0;
padding: 20px 0;
background-color: #324151;
max-width: 100%;
border-radius: 0
}
html.reader .reader-bar {
background-color: #3d5064;
color: #fff;
display: flex;
flex-direction: row;
justify-content: space-between
}
html.reader .reader-bar>* {
display: flex-item
}
html.reader .reader-bar .box,html.reader .reader-bar a,html.reader .reader-bar button {
color: #fff;
line-height: 20px;
padding: 10px;
min-width: 40px;
min-height: 100%;
border-radius: 0
}
html.reader .reader-bar a:hover,html.reader .reader-bar button:hover {
background-color: #516a83
}
html.reader .reader-bar .reader-buttons-left {
display: flex;
align-self: flex-start
}
html.reader .reader-bar .reader-pagination {
display: flex;
align-self: flex-center;
position: absolute;
left: 50%;
transform: translateX(-50%)
}
html.reader .reader-bar .reader-pagination .page-number {
vertical-align: top
}
html.reader .reader-bar .reader-pagination .page-number .current,html.reader .reader-bar .reader-pagination .page-number .num-pages {
font-weight: 700
}
@media screen and (max-width: 310px) {
html.reader .reader-bar .reader-pagination .first,html.reader .reader-bar .reader-pagination .last {
display:none
}
}
html.reader .reader-bar .reader-buttons-right {
display: flex;
align-self: flex-end
}
html.reader .reader-bar .reader-buttons-right .zoom-buttons {
display: flex
}
html.reader .reader-bar .reader-buttons-right .zoom-buttons .zoom-level {
font-size: .9em;
user-select: none
}
@media screen and (max-width: 640px) {
html.reader .reader-bar .reader-buttons-right .zoom-buttons .zoom-level {
display:none
}
}
@media screen and (max-width: 550px) {
html.reader .reader-bar .reader-buttons-right .zoom-buttons {
display:none
}
}
html.reader #image-container {
-webkit-tap-highlight-color: rgba(255,255,255,0);
text-align: center;
height: 100%;
outline: 0;
overflow-x: auto;
overflow-y: visible;
max-width: 100%;
height: auto;
min-height: 300px
}
html.reader #image-container img {
vertical-align: bottom;
height: auto;
max-width: 100%;
user-select: none
}
html.reader #image-container.fit-horizontal {
height: auto
}
html.reader #image-container.fit-horizontal.zoom-100 img {
max-width: 100%
}
html.reader #image-container.fit-horizontal.zoom-120 img {
max-width: 120%
}
html.reader #image-container.fit-horizontal.zoom-140 img {
max-width: 140%
}
html.reader #image-container.fit-horizontal.zoom-160 img {
max-width: 160%
}
html.reader #image-container.fit-horizontal.zoom-180 img {
max-width: 180%
}
html.reader #image-container.fit-horizontal.zoom-200 img {
max-width: 200%
}
html.reader #image-container.fit-horizontal.zoom-220 img {
max-width: 220%
}
html.reader #image-container.fit-horizontal.zoom-240 img {
max-width: 240%
}
html.reader #image-container.fit-horizontal.zoom-260 img {
max-width: 260%
}
html.reader #image-container.fit-horizontal.zoom-280 img {
max-width: 280%
}
html.reader #image-container.fit-horizontal.zoom-300 img {
max-width: 300%
}
html.reader #image-container.fit-both {
height: calc(100% + 20px)
}
html.reader #image-container.fit-both img {
max-height: 100%;
width: auto
}
html.reader #page-number {
-webkit-appearance: none;
display: inline-block;
border-radius: 3px;
padding: 0 .1em 0 1em;
font-size: 1em;
height: 40px;
border: 0;
vertical-align: top
}
html.reader #reader-settings {
padding: 20px;
text-align: left
}
html.reader #reader-settings h2 {
text-align: center
}
html.reader #reader-settings label {
clear: both
}
html.reader #reader-settings label .control {
float: right
}
html.reader #reader-settings input,html.reader #reader-settings label,html.reader #reader-settings select {
font-size: 16px
}
html.theme-blue #thumbnail-container .lazyload,html.theme-blue .lazyload {
background-color: #303f4d
}
html.theme-blue #thumbnail-container .lazyload-loading,html.theme-blue .lazyload-loading {
background-color: #364657
}
html.theme-blue,html.theme-blue body {
color: #d9d9d9;
background-color: #202a34
}
html.theme-blue a.btn {
color: #fff
}
html.theme-blue a,html.theme-blue ul.nav.navbar-nav>li>a {
color: #d9d9d9
}
html.theme-blue ul.nav.navbar-nav>li.active>a {
color: #fff
}
html.theme-blue .container {
background-color: #2a3744
}
html.theme-blue .gallery-thumbnail {
background-color: #303f4d
}
html.theme-blue .tag .name,html.theme-blue input.tag-input .name {
color: #d9d9d9;
background: #3d5064
}
html.theme-blue .tag .count,html.theme-blue input.tag-input .count {
background: #364657
}
html.theme-blue .tag:hover .name,html.theme-blue input.tag-input:hover .name {
background: #4b627a
}
html.theme-blue .tag:hover .count,html.theme-blue input.tag-input:hover .count {
background: #3d5064
}
html.theme-blue #tag-container {
-webkit-column-rule-color: #3a4b5d;
-moz-column-rule-color: #3a4b5d;
-ms-column-rule-color: #3a4b5d;
-o-column-rule-color: #3a4b5d;
column-rule-color: #3a4b5d
}
html.theme-blue #tag-container section:target {
border-color: #475d73;
background: #344454
}
html.theme-blue .gallery:hover .caption {
box-shadow: 0 10px 20px rgba(0,0,0,.5)
}
html.theme-blue .caption {
background-color: #3d5064;
color: #d9d9d9
}
html.theme-blue #info .title .pretty {
color: #d9d9d9
}
html.theme-blue #info .title .after,html.theme-blue #info .title .before {
color: #666
}
html.theme-blue .pagination .first:hover,html.theme-blue .pagination .last:hover,html.theme-blue .pagination .next:hover,html.theme-blue .pagination .page:hover,html.theme-blue .pagination .previous:hover {
background-color: #3d5064
}
html.theme-blue .pagination .first.current,html.theme-blue .pagination .last.current,html.theme-blue .pagination .next.current,html.theme-blue .pagination .page.current,html.theme-blue .pagination .previous.current {
background-color: #344454
}
html.theme-blue .sort-type {
background-color: #2a3744
}
html.theme-blue .sort-type>a:not(:last-child),html.theme-blue .sort-type>span:not(:last-child) {
border-right: 1px solid #202a34
}
html.theme-blue .alphabetical-pagination a:hover,html.theme-blue .alphabetical-pagination span:hover,html.theme-blue .sort a:hover {
background-color: #3d5064
}
html.theme-blue .alphabetical-pagination a.disabled,html.theme-blue .alphabetical-pagination span.disabled,html.theme-blue .sort a.disabled {
color: #737373
}
html.theme-blue .alphabetical-pagination a.current,html.theme-blue .alphabetical-pagination span.current,html.theme-blue .sort a.current {
background-color: #344454
}
html.theme-blue .comment:target {
background-color: #38495a
}
html.theme-blue .form-control {
border: none;
background-color: inherit
}
html.theme-blue code {
color: #a5b6c8;
border: none;
background-color: #3d5064
}
html.theme-blue #favorites-search input {
background-color: #fff
}
html.theme-blue .modal-inner {
background-color: #2a3744
}
html.theme-blue .modal-inner .buttons {
background-color: #38495a
}
html.theme-black #favorites-search input,html.theme-black input:not([type=file]):not([type=checkbox]),html.theme-black textarea {
background: #4d4d4d;
color: #d9d9d9
}
html.theme-black #favorites-search input:hover,html.theme-black input:not([type=file]):not([type=checkbox]):hover,html.theme-black textarea:hover {
background: #666
}
html.theme-black,html.theme-black body {
color: #d9d9d9;
background-color: #0d0d0d
}
html.theme-black.bare,html.theme-black.bare body {
background-color: #1f1f1f
}
html.theme-black a {
color: #d9d9d9
}
html.theme-black nav {
background-color: #1f1f1f
}
html.theme-black nav a:hover {
background-color: #383838
}
html.theme-black nav .menu-register a {
color: #fff
}
html.theme-black nav .menu-sign-in>a {
background-color: #383838
}
html.theme-black nav .menu-sign-in>a:hover {
background-color: #454545
}
html.theme-black nav .dropdown-menu.open {
box-shadow: 0 0 30px rgba(0,0,0,.5);
background-color: #383838
}
html.theme-black nav .dropdown-menu.open:before {
border-bottom-color: #383838
}
html.theme-black nav .dropdown-menu.open a:hover {
background-color: #525252
}
html.theme-black .tag-autocomplete .autocomplete-wrapper .dropdown {
background-color: #383838
}
html.theme-black #thumbnail-container,html.theme-black .container {
background-color: #1f1f1f
}
html.theme-black #thumbnail-container .lazyload,html.theme-black .lazyload {
background-color: #262626
}
html.theme-black #thumbnail-container .lazyload-loading,html.theme-black .lazyload-loading {
background-color: #2e2e2e
}
html.theme-black #thumbnail-container.clip-height .thumbs:after {
box-shadow: 0 0 40px 80px #1f1f1f
}
html.theme-black .gallery-thumbnail {
background-color: #212121
}
html.theme-black .tag,html.theme-black input.tag-input[type] {
color: #d9d9d9
}
html.theme-black .tag .name,html.theme-black input.tag-input[type] .name {
background: #4d4d4d
}
html.theme-black .tag .count,html.theme-black input.tag-input[type] .count {
color: grey;
background: #333;
box-shadow: inset 0 0 .4em #2b2b2b
}
html.theme-black .tag:hover .name,html.theme-black input.tag-input[type]:hover .name {
background: #595959
}
html.theme-black .tag:hover .count,html.theme-black input.tag-input[type]:hover .count {
background: #404040
}
html.theme-black #tag-container {
-webkit-column-rule-color: #2e2e2e;
-moz-column-rule-color: #2e2e2e;
-ms-column-rule-color: #2e2e2e;
-o-column-rule-color: #2e2e2e;
column-rule-color: #2e2e2e
}
html.theme-black #tag-container section:target {
border-color: #404040;
background: #262626
}
html.theme-black #tag-container section:target .tag:hover {
background: #333
}
html.theme-black .gallery:hover .caption {
box-shadow: 0 10px 20px rgba(0,0,0,.5)
}
html.theme-black .caption {
background-color: #404040;
color: #d9d9d9
}
html.theme-black #info-container section:not(:last-of-type) {
border-bottom: 1px solid #333
}
html.theme-black #info .title .pretty {
color: #fff
}
html.theme-black #info .title .after,html.theme-black #info .title .before {
color: #999
}
html.theme-black .pagination .first:hover,html.theme-black .pagination .last:hover,html.theme-black .pagination .next:hover,html.theme-black .pagination .page:hover,html.theme-black .pagination .previous:hover {
background-color: #333
}
html.theme-black .pagination .first.current,html.theme-black .pagination .last.current,html.theme-black .pagination .next.current,html.theme-black .pagination .page.current,html.theme-black .pagination .previous.current {
background-color: #262626
}
html.theme-black .sort-type {
background-color: #1a1a1a
}
html.theme-black .sort-type>a:not(:last-child),html.theme-black .sort-type>span:not(:last-child) {
border-right: 1px solid #0d0d0d
}
html.theme-black .alphabetical-pagination a:hover,html.theme-black .alphabetical-pagination span:hover,html.theme-black .sort a:hover {
background-color: #333
}
html.theme-black .alphabetical-pagination a.disabled,html.theme-black .alphabetical-pagination span.disabled,html.theme-black .sort a.disabled {
color: #737373
}
html.theme-black .alphabetical-pagination a.current,html.theme-black .alphabetical-pagination span.current,html.theme-black .sort a.current {
background-color: #2e2e2e
}
html.theme-black .comment:target {
background-color: #2b2b2b
}
html.theme-black .form-control {
border: none;
background-color: inherit
}
html.theme-black .btn {
color: #fff
}
html.theme-black .btn-secondary {
background-color: #4d4d4d
}
html.theme-black .btn-secondary:focus,html.theme-black .btn-secondary:hover {
background-color: #595959
}
html.theme-black #footer-container .footer-item a {
color: #333
}
html.theme-black #footer-container .footer-item a:hover {
color: #666
}
html.theme-black code {
color: #ed2553;
border: none;
background-color: #292929
}
html.theme-black.reader .reader-bar {
background-color: #383838
}
html.theme-black.reader .reader-bar a:hover,html.theme-black.reader .reader-bar button:hover {
background-color: #525252
}
html.theme-black.reader #image-container img {
background-color: #1a1a1a
}
html.theme-black.reader .advertisement {
background-color: #292929
}
html.theme-black .modal-inner {
background-color: #1f1f1f
}
html.theme-black .modal-inner .buttons {
background-color: #383838
}
html.theme-light .tag .name {
background: #5b7793
}
html.theme-light .tag .count {
background: #7690aa;
color: #d9d9d9
}
html.theme-light .tag:hover .name {
background: #7690aa
}
html.theme-light .tag:hover .count {
background: #96aabe
}
.flagged-comments td.user img {
margin-right: 0;
display: block
}
.flagged-comments td.buttons {
min-width: 180px
}
html.bare body,html.bare html {
background: #1f2933;
color: #fff;
height: 100%;
width: 100%;
padding: 0;
margin: 0
}
html.bare #messages {
position: static
}
html.bare #errors {
color: #ef808a;
list-style-type: none;
padding-left: 0
}
html.bare .logo img {
filter: brightness(1);
transition: .3s
}
html.bare .logo img:hover {
filter: brightness(1.6)
}
html.bare a {
color: #fff;
text-decoration: none;
font-weight: 700
}
html.bare a:hover {
color: #ee4972;
text-decoration: none
}
html.bare main {
display: table;
height: 100%;
margin-left: auto;
margin-right: auto
}
html.bare #content {
display: table-cell;
vertical-align: middle;
text-align: center
}
html.bare .lead {
color: #fff;
font-size: 15px;
margin-top: 2px;
font-style: italic
}
html.bare .row {
position: relative
}
html.bare .row input {
color: #000;
width: 300px;
height: 55px;
padding: 10px;
margin-bottom: 0;
border: 0;
outline: 0;
font-size: 1em;
-webkit-appearance: none;
border-radius: 0
}
html.bare .row:first-of-type input {
border-top-left-radius: 2px;
border-top-right-radius: 2px
}
html.bare .row:last-of-type input {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px
}
html.bare .row:not(:first-of-type) input {
border-top: 1px solid #3b3b3b
}
html.bare #form-error {
color: #fff
}
html.bare #form-error ul {
list-style: none;
text-align: center
}
html.bare .button-wide {
margin-top: 15px;
margin-bottom: 5px;
height: 50px;
width: 300px;
border: 0;
border-radius: 3px;
outline: none;
background: #ed2553;
color: #fff;
font-size: 1.2em;
-webkit-font-smoothing: antialiased;
font-weight: 700;
cursor: pointer
}
html.bare .button-wide:hover {
background: #ef3862
}
html.bare .captcha {
min-height: 78px;
margin-top: 15px;
position: relative;
left: 1px
}
html.bare .captcha .g-recaptcha>div {
width: auto!important
}
html.bare .captcha .g-recaptcha>div>div {
margin: auto
}
html.bare .alert a {
color: #ed2553
}
.cover {
padding: 0 0 141.6% 0;
}
.down_msg {
padding: 10px;
text-align: center;
background: #ec3649;
color: #fff;
overflow: hidden;
border-radius: 4px;
margin: 10px 0;
display: none;
}
.down_msg a {
color: #e6e6e6;
text-decoration: underline;
}
ul.action_list_icon {
padding-left: 0;
list-style: none;
}
ul.action_list_icon li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.select-pagination {
text-align: right;
bottom: 5px;
right: 0;
float: right;
margin: 0 -5px;
}
.entry-header .entry-header_wrap {
float: left;
}
.headtopread {
width: 100%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
ul.action_list_icon li a {
width: 30px;
height: 30px;
display: block;
text-align: center;
background-color: #ebebeb;
position: relative;
border-radius: 50%;
color: #eb3349;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
ul.action_list_icon li a i {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 18px;
display: inline-block;
}
.readimg img {
max-width: 100%;
height: auto;
}
.settings-page .nav-tabs-wrap {
margin-bottom: 30px;
}
.settings-page .nav-tabs-wrap ul.nav-tabs {
border-bottom: none;
list-style: none;
overflow: hidden;
margin: 0;
padding: 0;
}
.settings-page .nav-tabs-wrap ul.nav-tabs li {
width: 100%;
position: relative;
overflow: hidden;
}
.settings-page .nav-tabs-wrap ul.nav-tabs li a {
background-color: #1f1f1f;
color: #c3c3c3;
font-weight: 600;
padding: 10px 15px 8px;
border: none;
border-radius: 0;
margin-right: 0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
display: block;
line-height: 1.42857143;
}
/* .settings-page .nav-tabs-wrap ul.nav-tabs li a {
background-color: #030303;
color: #c3c3c3;
} */
.settings-page .nav-tabs-wrap ul.nav-tabs li.active a {
color: #fff;
}
.settings-page .nav-tabs-wrap ul.nav-tabs li.active a {
background: #ed2553;
}
.page .entry-header .entry-header_wrap {
overflow: hidden;
width: 100%;
}
.roww {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
@media (min-width: 576px) {
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 768px) {
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
}
.col-md-3, .col-sm-3, .col-md-9, .col-sm-9, .col-6 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.history-content {
position: relative;
padding: 10px;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
}
.history-content .item-thumb {
width: 55px;
float: left;
overflow: hidden;
margin-right: 10px;
}
.settings-page .item-thumb img {
border-style: none;
max-width: 100%;
height: auto;
}
.settings-page .mange-name .post-title h3 a {
text-overflow: ellipsis;
display: block;
overflow: hidden;
white-space: nowrap;
}
.settings-page .mange-name {
margin-bottom: 19px;
position: relative;
}
.settings-page .action {
margin: 0;
position: absolute;
top: 0px;
right: 0px;
}
.settings-page .action button {
color: #ff0000;
cursor: pointer;
}
.settings-page .tabs-content-wrap .tab-group-item .tab-item:last-child {
border-bottom: none;
}
.tabs-content-wrap .tab-group-item .tab-item {
padding: 10px 0;
/* border-bottom: 1px solid #303030; */
}
.choose-avatar {
width: 195px;
height: 195px;
position: relative;
float: left;
overflow: hidden;
border: 2px solid #e1e1e1;
margin-right: 22px;
margin-bottom: 20px;
}
.choose-avatar .loading-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.72);
z-index: 1;
display: none;
}
.choose-avatar .loading-overlay .loading-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.choose-avatar .loading-overlay i.fas.fa-spinner {
font-size: 40px;
color: #ec3348;
}
.choose-avatar img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.form-choose-avatar {
overflow: hidden;
color: #333;
}
.select-flie {
color: #fff;
}
.form-choose-avatar .select-avata {
display: block;
position: relative;
height: 40px;
}
.form-choose-avatar input[type=file] {
margin: 20px 0;
color: #888888;
font-size: 12px;
padding: 0;
line-height: 1;
margin-left: 5px;
display: none;
}
.form-choose-avatar .select-avata .file-name {
padding-left: 100px;
}
.form-choose-avatar .select-avata:after {
content: "Choose file";
background: #ffffff;
position: absolute;
top: -1px;
padding: 9px 11px;
display: inline-block;
font-size: 12px;
line-height: 1;
border-radius: 4px;
border: 1px solid #333333;
left: 0;
cursor: pointer;
color: #333333;
}
.form-choose-avatar .select-avata:after {
background: #030303;
color: #f4f4f4;
}
/* .settings-page input[type="submit"], .vbtn {
font-size: 13px;
font-weight: 600;
background-color: #eb3349;
border: none;
border-radius: 15px;
padding-left: 20px;
padding-right: 20px;
color: #fff;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
} */
.settings-page form {
overflow: hidden;
}
.roww.settings-page {
text-align: left;
}
#delete_acount {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.56);
z-index: 99999;
overflow: auto;
display: none;
}
.vmodal_container {
top: 10px;
background: #666;
width: 25%;
margin: 3% auto;
animation-name: animatetop;
animation-duration: 0.8s;
padding: 40px 117px 20px;
border: 1px solid rgb(255 255 255 / 27%);
}
.vmodal_container {
background-image: url(assets/images/b_bg-search.jpg);
}
.vmodal_header {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 15px;
}
.vmodal_modal_close {
float: right;
font-size: 1.5rem;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
background: none;
border: none;
}
.vmodal_modal_footer {
display: flex;
justify-content: flex-end;
}
.vmodal_modal_footer > * {
margin: .25rem;
}
.vmodal_modal_footer .btn-link {
text-decoration: none;
}
.form-control {
width: 100%;
height: 30px;
padding-left: 10px;
border-radius: 3px;
}
.settings-page input[type=radio] {
display: none;
box-sizing: border-box;
padding: 0;
}
.settings-page .tabs-content-wrap .tab-group-item.image_setting .tab-item .checkbox label:before {
padding-right: 10px;
font-size: 18px;
vertical-align: middle;
content: "\f14a";
}
input[type=radio] + label:before {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
padding-right: 12px;
content: "\f14a";
color: #b7b7b7;
}
input[type=radio]:checked + label:before {
color: #ed2553;
}
.settings-page h3 {
margin: 0;
}
@media (max-width: 576px) {
nav .logo {
float: initial;
}
nav {
padding-left: 10px;
}
}
/* The Modal (background) */
.manga_raven_modal {
display: none;
position: fixed;
z-index: 1;
padding: 100px 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
/* Modal Content */
.manga_raven_modal .mr_modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 100%;
max-width: 380px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
background: url(assets/images/bg-search.jpg);
border-radius: 5px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
.manga_raven_modal .close {
color: white;
float: right;
font-size: 28px;
/* font-weight: bold; */
margin-top: 5px;
}
.manga_raven_modal .close:hover, .manga_raven_modal .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.manga_raven_modal .mr_modal-header {
padding: 2px 16px;
color: white;
background: #ed2553;
}
.manga_raven_modal .mr_modal-header h2 {
font-size: 1.2rem;
/* line-height: 1; */
margin-top: 8px;
color: #fff;
font-weight: normal;
}
.manga_raven_modal .mr_modal-body {
padding: 10px 16px 20px;
}
button label {
margin-bottom: 0;
}
.manga_raven_modal .col-6 {
padding-right: 5px;
padding-left: 5px;
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.manga_raven_modal h6 {
line-height: 1.2;
color: #333333;
font-size: 14px;
padding: 0;
margin: 0 0 5px;
}
.btn-outline-primary {
color: #4d4a4a!important;
border: 2px solid #eb3349;
}
.btn-outline-primary:hover {
color: #fff!important;
}
.manga_raven_modal svg {
overflow: hidden;
vertical-align: middle;
}
.entry-header .select-pagination > *, .c-select-bottom .select-pagination > * {
padding: 0 5px;
display: inline-block;
vertical-align: middle;
}
.entry-header .select-pagination .nav-links, .c-select-bottom .select-pagination .nav-links {
margin: 0 -1px;
font-size: 0;
}
.entry-header .c-selectpicker, .c-select-bottom .c-selectpicker {
max-width: 450px;
}
.entry-header .c-selectpicker label, .c-select-bottom .c-selectpicker label {
margin-bottom: 0;
position: relative;
}
.entry-header .c-selectpicker select.selectpicker, .c-select-bottom .c-selectpicker select.selectpicker {
padding: 10px 30px 10px 16px;
border: none;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
select.selectpicker, .text-ui-light .c-select-bottom .c-selectpicker select.selectpicker {
background-color: rgba(235, 235, 235, 0.2);
color: #888888;
}
.entry-header .c-selectpicker label:after, .c-select-bottom .c-selectpicker label:after {
position: absolute;
top: 0;
right: 0;
content: "\f0dc";
font-family: Font Awesome\ 5 Free;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
background: transparent;
width: 17px;
top: 50%;
transform: translateY(-50%);
}
.entry-header .select-pagination .nav-links > *, .c-select-bottom .select-pagination .nav-links > * {
display: inline-block;
padding: 0 1px;
font-size: 14px;
}
.container.mr_shortcode {
background: transparent!important;
}
.mr_shortcode {
margin-bottom: 1em;
}
/* .raven_wid {
margin: 10px 0 20px;
} */
.mr_shortcode .manga_raven_text {
/* height: 105px; */
display: block;
overflow: hidden;
word-break: break-word;
word-wrap: break-word;
line-height: 30px;
position: relative;
}
.widget {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
margin: 0 0 3em;
}
.mr_shortcode .manga_raven_text:after {
content: "";
display: block;
width: 100%;
background: rgba(255, 255, 255, 0);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#0d0d0d));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #0d0d0d);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #0d0d0d);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #0d0d0d);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #0d0d0d);
position: absolute;
bottom: 0;
height: 30px;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
pointer-events: none;
}
.mr_shortcode .manga_raven_text_control {
text-align: right;
display: block;
}
.mr_shortcode .manga_raven_text_control button {
background: none;
border: none;
padding: 0;
color: #555;
font-weight: bold;
cursor: pointer;
width: auto;
color: #ed2553;
transition: 0.3s;
display: none;
outline: 0;
}
.manga_raven_text_control button:after, .manga_raven_text_control button.more:before, .manga_raven_text_control button.less:before {
display: inline-block;
font-style: normal!important;
font-weight: 900!important;
font-size: inherit;
line-height: inherit;
vertical-align: top;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
font-family: 'Font Awesome 5 Free';
margin: -2px 7px;
}
.manga_raven_text_control button.more:before {
content: "\f06e";
margin: 0px 7px;
}
.manga_raven_text_control button.more:after {
content: "\f0dd";
}
.manga_raven_text_control button.less:before {
content: "\f070";
margin: 0px 7px;
}
.manga_raven_text_control button.less:after {
content: "\f0de";
padding: 5px 0 0 0;
}
p.message.login, p.message.register {
color: red;
}
p.message.login.true, p.message.register.true {
color: green;
}
html:not(.theme-black) .settings-page .nav-tabs-wrap ul.nav-tabs li a {
background-color: #2a3744;
}
html:not(.theme-black) .mr_shortcode .manga_raven_text:after {
background: rgba(255, 255, 255, 0);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
}
html:not(.theme-black) .select-flie {
color: #000;
}
html:not(.theme-black) .vmodal_container {
color: #ccc;
}
.mt-1,.my-1{margin-top:.25rem!important}
.mb-3,.my-3{margin-bottom:1rem!important}
.o-h {overflow: hidden;}
.o-h .mobile, .o-h .desktop {
display: none;
}
@media screen and (min-width: 768px) {
.o-h .desktop {
display: block;
}
}
@media screen and (max-width: 767px) {
.o-h .mobile {
display: block;
}
}
html.theme-black .container.menu_nav {
background-color: transparent;
padding: 0;
}
nav.style3 {
flex-wrap: wrap;
justify-content: flex-start;
position: relative;
display: flex;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
border-radius: 6px;
background: #1f1f1f;
padding: 0 20px;
background: -moz-linear-gradient(top,#1f1f1f 0%,#2e2e2e 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1f1f1f),color-stop(100%,#2e2e2e));
background: -webkit-linear-gradient(top,#1f1f1f 0%,#2e2e2e 100%);
background: -o-linear-gradient(top,#1f1f1f 0%,#2e2e2e 100%);
background: -ms-linear-gradient(top,#1f1f1f 0%,#2e2e2e 100%);
background: linear-gradient(top,#1f1f1f 0%,#2e2e2e 100%);
}
.nav-container {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 10px 0;
}
.navbar-toggler {
color: rgba(255,255,255,.55);
border-color: rgba(255,255,255,.1);
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem;
transition: box-shadow .15s ease-in-out;
cursor: pointer;
margin-left: auto;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
display: flex;
flex-basis: auto;
overflow: initial!important;
max-height: initial!important;
}
.navbar-nav {
flex-direction: row;
margin-bottom: 0;
margin-right: auto;
display: flex;
padding-left: 0;
list-style: none;
margin: 0;
width: 100%;
}
.navbar-collapse a {
display: block;
padding: .5rem 1rem;
text-decoration: none;
color: rgba(255,255,255,.55);
padding-right: .5rem;
padding-left: .5rem;
margin: 0 5px;
border: 1px solid transparent;
}
.navbar-collapse li.current-menu-item a, .navbar-collapse li a:hover {
border-radius: 5px;
display: block;
background-color: #202020!important;
border-color: rgb(12 12 12 / 60%);
box-shadow: inset 0 5px 10px #2c2c2c;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* li.search-nav , */
.item-right {
margin-left: auto;
}
.nav-form {
padding: 15px 0;
margin: 0;
list-style: none;
width: 100%;
display: none;
}
.nav-form form {
width: 100%;
margin: 0;
display: flex;
}
.nav-form form input[type="text"] {
width: 100%;
padding: 10px;
}
.img-responsive {
max-width: 100%;
/* height: auto; */
}
@media (max-width: 768px) {
.collapse:not(.show) {
display: none;
}
.nav-container {
flex-direction: column;
}
.navbar-nav {
flex-direction: column;
margin-top: 15px;
}
/* li.search-nav, */
.item-right {
margin: 0;
}
}
@media (min-width: 769px) {
.navbar-toggler {
display: none;
}
}
.reading-content img {
max-width: 100%;
}
body.style2 #bigcontainer {
padding: 20px;
}
body.style2 #bigcontainer #cover {
width: 20%;
}
body.style2 #bigcontainer #cover img {
max-width: 100%;
height: auto;
}
body.style2 #bigcontainer #info-block {
width: 73%;
}
body.style2 #info {
padding: 0 10px;
}
body.style2 #info h1 {
margin-top: 0;
font-size: 18px;
}
body.style2 #info h2 {
margin: 10px 0;
font-size: 16px;
}
body.style2 #info .buttons {
margin-top: 10px;
}
@media screen and (max-width: 500px) {
body.style2 #bigcontainer #cover, body.style2 #bigcontainer #info-block {
width: 100%;
margin: .5px;
}
}
@media (max-width: 768px) {
body.style2 #bigcontainer #cover img {
max-width: 65%;
height: auto;
margin-bottom: 10px;
}
}