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; } }