Rekisteröidy

Erkilta mimikoitu tyyli v2.0

MrSuni
+ -

:root { --base-color-0: transparent !important; --base-color-1: transparent !important; --base-color-2: transparent !important; --base-color-3: transparent !important; --base-color-4: transparent !important; --base-color-5: transparent !important; --base-color-6: transparent !important; } html { width: calc(100vw - 34px); overflow-y: overlay; } body { #background-color: #5d513f !important; #background-color: #746d62 !important; background-color: #ccc !important; #background-image: url(https://i.imgur.com/HUc7fTo.jpg) !important; #background-image: url(https://i.imgur.com/0bvXEEb.gif) !important; background-image: url(https://i.imgur.com/EmqjiZB.png) !important; #background-size: cover !important; background-size: calc(125% + 68px) auto !important; background-repeat: no-repeat; background-position: top center !important; background-attachment: scroll !important; padding-top: 30px !important; padding-bottom: 30px !important; padding-left: calc(100vw - 100%) !important; padding-right: 0px !important; font-family: -apple-system, BlinkMacSystemFont, Tahoma, Roboto, Verdana, Arial, sans-serif !important; } #main-body p { font-size: 13px; } #channel-basic-info, .user-basic-info, #user-channels, body { line-height: 1.4em !important; } #main-header { background-color:#bf0000 !important; height: 60px !important; border: none !important; margin: 0px auto !important; padding: 20px 25px !important; } #main-header a { color: #fff; font-weight: bold; text-decoration: none !important; } #main-header a:hover { text-decoration: underline !important; } #main-header *, .menu-group { font-size: 14px !important; } #main-header *, #media-basic-info, .menu-group, .message-text, .status-message, #user-description, #thread-container, #status-update, textarea, h1, .info-item-value, #about-page { font-family: -apple-system, BlinkMacSystemFont, Tahoma, Roboto, Verdana, Arial, sans-serif !important; } #main-header .menu-group { padding: 0 !important; text-shadow: 0px -1px #333; } #main-header, #main-container { width: 70%; min-width: 1080px !important; max-width: 1440px !important; border: none !important; } #main-container { background-color: rgba(255,255,255,1.0) !important; box-shadow: 0px 5px 20px 0px rgba(0,0,0,1.0), 0px 10px 40px 0px rgba(0,0,0,1.0); border: 2px solid #a90000 !important; border-top: none !important; margin: 0px auto 30px auto !important; } #main-container .bordered { border: none !important; } #main-container .bordered-bot { border: 1px solid transparent !important; } #main-container *, .user-basic-info { background: transparent; border-width: 1px; border-color: #afafaf; } #main-container a { color: #06a; text-decoration: none !important; } #main-container a:hover { color: #c00; } #main-body { padding: 0.5vw !important; margin-top: 0.5vw !important; margin-left: 0.5vw !important; margin-right: 0.5vw !important; margin-bottom: 1vw !important; } .fa-spinner { display: block !important; text-align: center !important; padding: 30px; } .action { text-decoration: none !important; } .frontpage-media-item img { width: 160px !important; height: 160px !important; margin: auto !important; border: 1px solid #afafaf !important; padding: 1px; object-fit: cover !important; } #new-threads .forum-thread { width: -webkit-fill-available !important } #channel-meta { width: 25%; } #channel-meta.bordered div { width: auto !important; min-width: 160px; max-width: 250px; } #channel-desc h4 { margin-bottom: 10px !important; } .info-item { font-weight: bold; } .info-item-value { font-weight: normal; } .info-item.info-item-what, .info-item.info-item-value { font-size: inherit !important; } #style-page { background: #fff; } #style-page thead tr { background: #eee; } #style-page tr { background: #fff; } button, input, select, textarea { background: #fff !important; } #index-status-container, #forum-container, #channel-content-container, .channels.bordered.table-container, #chat-container, #media-content, #profile-site-container { background: linear-gradient(to bottom, #eee 0%, #fff 10vw) !important; } #index-status-container { padding: 1px; } .status-new { width: calc(100% - 400px) !important; margin: 10px !important; } #status-update-input.bordered { background: #fff; height: 100px !important; border: 1px solid #afafaf !important; } .status-new textarea { max-width: 500px !important; min-width: 250px !important; } #status-list-contaner { width: auto !important; width: -webkit-fill-available !important; margin: 10px !important; } .status-user { margin-bottom: 10px; } #main-body .status-update.bordered { background: #fff; border: 1px solid #afafaf !important; border-radius: 4px; } .status-message-container { direction: unset !important; width: 100%; } .feeds-container > div > .medias > a { margin-top: auto !important; display: inline-block !important; } #message-input.unrounded { background: #fff; min-height: 100px !important; } .user-thumbnail, .message-meta-pic { height: 2em; width: 2em; object-fit: cover; } #channel-search, #media-search, #message-search, #search { background-color: #fff; width: 100%; text-indent: 10px; border-radius: 10px !important; border: 1px solid #afafaf !important; } input[type="text"] { border: 1px solid #afafaf !important; } #message-submit, #submitMessage, #mediaUpload, #chat-submit, #submit, input[type=submit] { border-radius: 3px !important; padding: 3px 5px 3px 5px; font-weight: normal; border: 1px solid #b20000; vertical-align: middle; text-shadow: #760000 0px -1px 0px; background-color: #b20000 !important; background-repeat: repeat-x; background-position: center top; color: #ffffff; cursor: pointer; text-decoration: none !important; } .message-container a { font-size: smaller; color: #aaa !important; } .message-container .message-content a.action { font-size: small !important; color: #333 !important; } .message-article { background: #fff !important; border: 1px solid #afafaf !important; margin-top: 4px !important; margin-bottom: 4px !important; border-radius: 4px; } .message-article .date-added { #font-size: smaller; } .message-article .date-edited { #font-size: smaller; font-style: italic; } .message-article .action { font-weight: bold; } span.message-header { padding: 4px !important; #margin-bottom: 8px !important; } span.message-header span#media-rates { color: #afafaf !important; } .message-content { border-top: 1px solid #afafaf !important; padding: 8px !important; } #channel-content-container .message.op-message { background: #fff; padding: 2px !important; border: 1px solid #afafaf !important; margin-bottom: 5px !important; } .status-user a { font-weight: bold; } .status-actions a { color: #aaa !important; font-size: smaller; text-decoration: underline !important; } .status-actions .rates-container, #status-hide { color: #aaa !important; font-size: smaller; } .status-update, article{ padding: 0.5em !important; } tr, article, .status-update { border-bottom: 1px solid #eee !important; } #user-info-container { width: 25% !important; min-width: 160px; max-width: 250px; } .user-basic-info.bordered { width: auto !important; } .user-basic-info.bordered h4 { margin-top: 0px !important; margin-bottom: 10px !important; } .user-basic-info.bordered img { margin-bottom: 10px !important; } #profile-site-container { margin: 0 !important; } #mahti-modal-container { background-color: #eee !important; } #chat-container { width: 80% !important; margin: auto; border: 1px solid #afafaf !important; border-radius: 4px; } #right-stuff-feeds-container #chat-container { width: 90% !important; } #chat-body-container { height: 500px !important; margin: 4px !important; font-size: 14px; } .chat-messages-container { word-break: break-word !important; font-size: 13px !important; line-height: 1.3em; } #chat-page-messages.bordered.chat-messages-container { background: #fff !important; padding: 0px !important; overflow-x: hidden !important; border: 1px solid #afafaf !important; word-break: break-word !important; font-size: 13px !important; line-height: 1.3em; } #chat-container div { justify-content: normal !important; } input#chat-page-input.bordered.unrounded { background: #fff; width: 80% !important; margin: 0px 10px 10px 10px !important; overflow: unset !important; border: 1px solid #afafaf !important; } #chat-submit.unrounded.bordered { margin: 0px 5px 8px 4px !important; border: 1px solid #afafaf !important; border-radius: 2px !important; } #chat-container.bordered div { border: 1px solid #afafaf !important; } #chat-container.feeds-container.bordered { width: 100% !important; } .medias a { width: 160px !important; height: 160px !important; } .medias img { width: 160px !important; height: 160px !important; margin: auto !important; border: 1px solid #afafaf !important; padding: 1px; object-fit: cover !important; transition: all .2s ease-in-out; } .medias a img { position: unset !important; transform: none !important; -webkit-transform: none !important; } .medias img:hover { filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.5)); } div.media-file { background-color: #eee !important; padding: 2px !important; } .content-container.text-center { width: 100% !important; } #media-basic-info.bordered, #media-box.bordered { position: static !important; } .media-file { width: 100% !important; } .media-file > .embedded-media { min-width: 480px !important; min-height: 300px !important; width: 100% !important; height: 26vw !important; } #media-modal-container { position: absolute !important; width: 100% !important; top: 0 !important; } #media-modal-container.bordered { border: none !important; padding: 0px !important; } #media-modal { background-color: rgba(0,0,0,0.8) !important; background-size: cover; background-repeat: repeat; background-position: top center !important; overflow-y: auto !important; width: 100%; max-height: initial !important; padding: 5vw; } #media-modal > img, #media-modal > video { display: block; margin: auto; } #media-modal img { background-color: #fff; max-width: 90vw !important; } #media-modal-container #mahti-modal-close, .fa.fa-mouse-pointer { color: #eee; padding: 5px !important; } #messages-container img.youtube { max-width: fit-content; max-height: 22vw; } #media-actions { float: none !important; } #media-box.bordered img { max-height: 100px !important; border: 1px solid #afafaf; padding: 1px; } #media-right-items-container { margin-left: 0px !important; margin-right: 0px !important; background: #fff; } #media-right-items { min-width: 220px; max-width: 25%; margin: auto !important; } #media-right-items .bordered { display: block !important; } #media-right-items .bordered div { width: 100% !important; } #media-right-items .bordered.action { text-align: center !important; } #info-box { text-align: center !important; } #info-box #media-date { float: inherit !important; display: inherit !important; } #media-right-items .bordered.spoiler { min-height: 2.0em !important; max-height: 6.0em !important; overflow-x: hidden !important; color: inherit !important; } #new_tag.unrounded { background: #fff; width: 100%; max-width: 225px; } #media-right-items .bordered label { width: 100%; } #media-channel.unrounded { background: #fff; max-width: 90%; } #media-right-items .medias { height: -webkit-fill-available; height: -moz-available; overflow-y: overlay; } #media-right-items > div > .action-container > .medias > a { margin-top: 0px !important; } #media-right-items > div > .action-container > .medias > a > img, #media-right-items > div > .action-container > .medias > a { max-width: -webkit-fill-available !important; max-height: -webkit-fill-available !important; } #preview { width: 400px !important; height: auto; max-width: 400px !important; min-height: 100px; max-height: 400px; background-color: #fff !important; box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.5), 0px 10px 40px 0px rgba(0,0,0,0.5); overflow: hidden !important; position: absolute; font-family: tahoma, verdana, arial, sans-serif !important; } #preview p { font-size: 13px; } #preview .message-article.message { background-color: #fff !important; border: 1px solid #afafaf !important; } #preview .message-meta { max-width: 100px !important; background-color: #fff !important; border-right: 1px solid #afafaf; } #preview .message-header { background-color: #fff !important; border-bottom: 1px solid #afafaf; } #preview .message-container { width: 100% !important; border-top; 1px solid #afafaf; } #preview #op-info { background-color: #fff !important; } #preview #op-info img { max-height: 100px !important; max-width: 100px !important; } #preview #op-info.bordered-right.bordered-top { border-right: 1px solid #afafaf !important; border-top: 1px solid #afafaf !important; } #preview #thread-container { background-color: #fff !important; } #preview #forum-thread-message.bordered { background-color: #fff !important; border: 1px solid #afafaf !important; border-radius: 4px !important; } #footer { background: #afafaf !important; }

[ 0 viestiä | ]