Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html {
- text-rendering: optimizeLegibility;
- font-family: verdana, Helvetica, sans-serif;
- }
- body {
- background: #4a4a50;
- background:
- url(https://www.transparenttextures.com/patterns/45-degree-fabric-light.png),
- linear-gradient(to bottom, #000 0, #000 270px, transparent 900px),
- linear-gradient(to top, #000 0, #000 270px, #222 900px)
- ;
- text-rendering: optimizeLegibility;
- font-family: verdana, Helvetica, sans-serif;
- font-size: 14px;
- line-height: 20px;
- color: #4e4e4e;
- }
- section.posts,
- section.posts .cntnt__right,
- header,
- footer {
- width: 960px;
- margin: auto;
- }
- .board-tags {
- margin: 15px auto;
- }
- a.hashlink {
- font-weight: normal;
- font-size: 13px;
- }
- .reply,
- .thread {
- background: #fff;
- background: #fcfcfc;
- }
- header,
- header a,
- header span,
- footer,
- footer a,
- footer span,
- .thread-nav,
- .thread-nav a,
- .norm-reply .reply-label-wrapper span {
- text-decoration: none;
- color: #ddd;
- text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
- }
- header a:hover,
- footer a:hover,
- .thread-nav a:hover {
- color: #2196F3;
- }
- .thread-nav input[type="text"],
- header input[type="text"],
- footer input[type="text"] {
- outline: none;
- padding: 3px 6px;
- color: #555 !important;
- box-shadow: 2px 2px 1px rgba(12, 13, 15, 0.1);
- border-radius: 1px;
- border: 0;
- }
- .reply {
- border: 0;
- padding: 5px 10px 5px 10px;
- width: 100%;
- -webkit-border-radius: inherit;
- }
- .reply .post-details {
- border-top: 1px solid #e9e9e9;
- }
- img.img.preview {
- margin-top: 2px;
- background: #3a3a3a;
- border-radius: 2px;
- box-shadow: 0px 2px 4px rgba(12, 13, 15, 0.2);
- }
- img.fullsize {
- border-radius: 2px;
- box-shadow: 0px 3px 6px rgba(12, 13, 15, 0.2);
- }
- #fullscreen-container {
- padding: 0px;
- margin: 0 8px;
- background: #fcfcfc !important;
- border-radius: 6px;
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
- }
- #fullscreen-container img {
- border-radius: 4px;
- }
- .post .file-attr {
- line-height: 1.4em;
- }
- .thread {
- box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.26), 0 3px 6px rgba(0, 0, 0, 0.33);
- padding: 15px 5px 15px 5px;
- border-radius: 3px;
- margin-bottom: 20px;
- }
- .thread-nav {
- margin-bottom: 10px;
- }
- .logo {
- margin: 20px auto;
- }
- .bb {
- box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
- background: #515156f7;
- border: 0;
- border-radius: 2px 2px 0px 0px;
- padding: 2px 8px;
- color: #dcdcdc;
- right: 55px;
- }
- .bb .bb-header-text-new {
- font-weight: inherit;
- color: #fff;
- }
- .bb.favorites {
- right: 215px;
- }
- .bb a {
- color: #d6d6d6;
- }
- .reply.hidden-thread-box,
- .hidden-post-box {
- border: 0 !important;
- margin-bottom: 20px;
- box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0), 0 3px 6px rgba(0, 0, 0, 0.23);
- background: #ffffffaa;
- padding: 10px !important;
- color: #666;
- border-radius: 3px;
- display: none;
- }
- .reply.hidden-thread-box .hidden-thread-num {
- font-weight: normal;
- }
- .nav-arrows {
- filter: invert(0.85) opacity(0.5);
- }
- .spoiler,
- .spoiler a {
- transition: color .35s ease-in;
- background: #dcdcdc;
- color: transparent;
- padding: 2px 5px;
- border-radius: 1px;
- }
- .spoiler:hover,
- .spoiler:hover a {
- color: #222;
- }
- body.replypage .reply .reflink:before {
- color: #aba!important;
- color: #08c!important;
- }
- a,
- .a-link-emulator {
- color: #f60;
- color: #08c;
- text-decoration: none;
- }
- a:hover,
- .a-link-emulator:hover {
- color: #2196F3;
- }
- .new-posts-marker .post {
- border-bottom: 2px solid #FFC107;
- border-bottom: 1px dashed #2196F3;
- }
- .watched-posts-marker .post {
- border-left: 2px solid #ffb68c;
- border-left: 1px solid #2196F3;
- padding-left: 9px;
- }
- .reply-posts-marker .post {
- border-left: 2px dashed #ffb68c;
- border-left: 1px dashed #2196F3;
- padding-left: 9px;
- }
- .unkfunc {
- color: #708090;
- color: #576773;
- color: #6d6f73;
- font-weight: bold;
- font-size: 12px;
- }
- .norm-reply {
- margin: 15px;
- }
- .qr-reply {
- background: #fcfcfc;
- color: #666;
- padding: 5px;
- border-radius: 2px;
- border: 0;
- box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0), 0 3px 6px rgba(0, 0, 0, 0.23);
- }
- .qr-header {
- background: white;
- }
- .qr .qr-header {
- background: transparent;
- border: 0;
- /* filter: none; */
- }
- .qr-reply input {
- background: #fcfcfc;
- color: #666;
- border: 0;
- margin: 2px;
- margin-bottom: 5px;
- }
- .qr-reply .qr-mail {
- display: flex;
- }
- .qr-reply input.qmail {
- flex: auto;
- }
- .qr-reply input.qsubmit {
- transition: color 0.25s ease;
- }
- .qr-reply input.qsubmit:hover {
- color: #08c;
- }
- img.markup {
- filter: opacity(75%);
- }
- .toolbar-area div {
- margin: 5px 0;
- }
- .qr-reply .qcomment {
- border: 0;
- border-top: 1px solid #f0f0f0;
- border-bottom: 1px solid #f0f0f0;
- border-radius: 2px;
- }
- .post blockquote,
- .post .image {
- margin: 5px 5px;
- }
- .post-wrapper {
- margin: 0;
- }
- .post-wrapper .image {
- margin-left: 0;
- }
- .post .post-details {
- color: #888;
- font-size: 11px;
- white-space: nowrap;
- }
- .post.oppost .post-details .post-title {
- font-size: 15px;
- grid-area: title;
- border-bottom: 1px solid #eaeaea;
- padding-bottom: 10px;
- margin-bottom: 5px;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .post.reply .post-details {
- padding-top: 5px;
- }
- .post.oppost .post-details {
- margin-bottom: 5px;
- display: grid;
- grid-auto-rows: 0;
- grid-auto-columns: 0;
- grid-template-rows: 1fr auto;
- grid-template-columns: fit-content(200px) fit-content(100px) 1fr fit-content(250px);
- grid-template-areas:
- "title title title title"
- "date reflink . panel"
- ;
- }
- .post.oppost .post-details .posttime-reflink {
- display: contents;
- }
- .post.oppost .post-details .posttime-reflink > .reflink {
- grid-area: reflink;
- }
- .post.oppost .post-details .posttime {
- grid-area: date;
- padding-right: 10px;
- }
- .post.oppost .post-details > .reflink {
- grid-area: reflink;
- display: contents;
- }
- .post.oppost .post-details .postpanel {
- font-size: 0px;
- overflow: hidden;
- grid-area: panel;
- }
- .post.oppost .post-details .postpanel * {
- font-size: 14px;
- margin-left: 2px;
- }
- .thread {
- padding: 15px 15px !important;
- }
- .oppost-wrapper {
- padding: 0;
- }
- .post,
- .mess-post {
- padding: 0 10px;
- padding-bottom: 5px;
- }
- .mess-post {
- display: inline-block;
- }
- *:not(.post-wrapper) > .post.reply {
- /* popup post reply */
- padding: 5px 15px !important;
- border: 0 !important;
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
- max-width: 50% !important;
- border-radius: 2px;
- }
- *:not(.post-wrapper) > .post.reply .post-details {
- border: 0;
- }
- *:not(.post-wrapper) > .post.reply .post-title {
- display: none;
- }
- .post .post-message {
- margin: 10px 0px;
- }
- .reply.hiclass {
- background: inherit;
- animation: background-fade-highlight 2.5s ease-out;
- }
- @keyframes background-fade-highlight {
- from {
- background: #d1f0ff;
- background: #2196F377;
- }
- to {
- background: inherit;
- }
- }
- hr,
- a.board-banner.desktop,
- section#moneymoneymoney-top,
- span.message-sticker-btn,
- span.message-byte-len,
- .adminbar.adminbar-top,
- .top-user-boards.desktop,
- .moneymoneymoney,
- .nb__data,
- .post .post-details > span.desktop,
- .post .post-details .ophui,
- .post .post-details .ananimas,
- .post .post-details .turnmeoff,
- .post.oppost .post-details .postertrip,
- .post.reply .post-details .postpanel,
- .qr-vk-public,
- .kupi-passcode-suka,
- #postform tr.rules-area,
- #report-form {
- display: none;
- }
- header #postform table {
- background: #fcfcfc;
- color: #555;
- padding: 15px;
- margin-top: 15px;
- border-radius: 3px;
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
- }
- #postform input {
- box-shadow: none;
- background: #fcfcfc;
- color: #666;
- border: 0;
- padding: 3px 6px;
- }
- #postform input:hover {
- color: #07c;
- }
- .norm-reply .postform,
- .norm-reply .postform span {
- color: #666;
- text-shadow: initial;
- }
- @media (max-width: 1000px) {
- header, footer,
- section.posts .cntnt__right,
- section.posts {
- width: 720px;
- }
- }
- @media (max-width: 760px) {
- body {
- padding-left: 0;
- padding-right: 0;
- margin: 0;
- }
- section.posts .thread-nav {
- padding: 0 5px;
- }
- section.posts .cntnt__right,
- section.posts {
- width: 100%;
- margin: 0;
- }
- .thread,
- .reply.hidden-thread-box,
- .hidden-post-box {
- border-radius: 0;
- }
- header, footer {
- width: 90%;
- }
- }
- #hideFm {
- color: #777;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement