Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background: none;
- background-color: #111111;
- /*background-image: linear-gradient(to bottom, #040404 0, #040404 2.5rem, #111 6rem);*/
- color: #dddddd !important;
- font-family: "Courier New" !important;
- font-size: 12px !important;
- }
- a {
- color: #d8b1ea !important;
- }
- a:hover {
- color: #8892ff !important;
- }
- h1 {
- font-family: inherit;
- color: #d8b1ea;
- }
- header {
- margin: 2.5rem 0 1rem;
- }
- hr {
- border-color: #dddddd;
- border-top: dotted 1px;
- }
- /*img {
- opacity: .5;
- }*/
- .boardlist:not(.bottom) {
- height: 2.5rem;
- line-height: 2.5rem;
- padding: 0 1rem;
- background-color: #111 !important;
- color: #888;
- font-size: .75rem !important;
- border-color: #333;
- }
- .boardlist:not(.bottom) .sub {
- margin-right: .5rem;
- display: inline-block;
- color: transparent !important;
- }
- .boardlist:not(.bottom) .sub[data-description='0'] {
- font-size: .70rem;
- background-color: transparent;
- }
- .boardlist:not(.bottom) a {
- height: 2.5rem;
- display: inline-block;
- padding: 0 .25rem;
- transition: background-color .125s ease;
- margin: 0 -.25rem;
- }
- .boardlist:not(.bottom) a:after {
- font-size: .70rem;
- display: inline-block;
- margin-left: .25rem;
- margin-top: -.25rem;
- }
- .boardlist:not(.bottom) a:hover {
- background-color: rgba(255,255,255,.2);
- color: #CCC !important;
- }
- @media all and (min-width: 720px) {
- .boardlist:not(.bottom) a {
- margin: 0;
- }
- .boardlist:not(.bottom) .sub [href$='8ch.net']:after {
- content: "Home";
- }
- .boardlist:not(.bottom) .sub [href$='boards.html']:after {
- content: "Boards";
- }
- .boardlist:not(.bottom) .sub [href$='faq.html']:after {
- content: "FAQ";
- }
- .boardlist:not(.bottom) .sub [href$='random.php']:after {
- content: "Random";
- }
- .boardlist:not(.bottom) .sub [href$='create.php']:after {
- content: "Create Board";
- }
- .boardlist:not(.bottom) .sub [href$='bans.html']:after {
- content: "Bans";
- }
- .boardlist:not(.bottom) .sub [href$='search.php']:after {
- content: "Search";
- }
- .boardlist:not(.bottom) .sub [href$='mod.php']:after {
- content: "Moderate";
- }
- .boardlist:not(.bottom) .sub [href$='ads.html']:after {
- content: "Ads";
- }
- .boardlist:not(.bottom) .sub [href$='infinitechan']:after {
- content: "Twitter";
- }
- .boardlist:not(.bottom) .sub [href$='claim.html']:after {
- content: "Claims";
- }
- .boardlist:not(.bottom) .sub [href$='catalog.html']:after {
- content: "Bugs";
- }
- }
- .boardlist:not(.bottom) .sub[data-description='1'] {
- display: none !important;
- }
- .boardlist:not(.bottom) > :nth-child(4) {
- display: none;
- }
- .boardlist:not(.bottom) > :nth-child(5) {
- display: none;
- }
- .boardlist:not(.bottom) [title='Options'] {
- font-size: 0;
- }
- .boardlist:not(.bottom) [title='Options']:after {
- content: "Options";
- display: inline-block;
- font-size: .75rem;
- margin: 0;
- }
- .board_image {
- margin-top: 2.5rem !important;
- }
- .subtitle a,
- div:not(.banner) a.unimportant,
- #expand-all-images + .unimportant {
- display: inline-block;
- font-size: .575rem;
- border-radius: .15rem;
- background-color: #111111;
- color: #dddddd !important;
- padding: .55rem .5rem;
- text-decoration: none;
- text-transform: uppercase;
- font-weight: bold;
- overflow: hidden;
- outline: 0 none;
- position: relative;
- }
- .subtitle a:hover,
- div:not(.banner) a.unimportant:hover {
- color: #d8b1ea !important;
- }
- /* Ripple effect */
- /*@keyframes ripple {
- to { transform: scale(1); opacity: 0; }
- }*/
- .subtitle a:after,
- div:not(.banner) a.unimportant:after {
- content: '';
- display: block;
- width: 20rem;
- height: 20rem;
- background-color: #111111;
- border-radius: 100%;
- position: absolute;
- top: 50%;
- left: 50%;
- margin-left: -10rem;
- margin-top: -10rem;
- transform: scale(0);
- opacity: 1;
- visibility: hidden;
- }
- .subtitle a:not(:active):after,
- div:not(.banner) a.unimportant:not(:active):after {
- animation: ripple .5s ease-out;
- }
- .subtitle a:focus:after,
- div:not(.banner) a.unimportant:focus:after {
- visibility: visible;
- }
- #expand-all-images {
- display: inline-block;
- padding-right: 1rem;
- padding-left: 1rem;
- }
- #expand-all-images + .unimportant {
- display: inline-block;
- margin-right: 1rem;
- }
- #expand-all-images + .unimportant label {
- font-size: .575rem;
- }
- #expand-all-images + .unimportant input {
- margin: 0;
- }
- #gallery-view {
- display: inline-block;
- right: 0;
- margin-top: 2rem;
- padding-right: 1rem;
- }
- #shrink-all-images {
- display: inline-block;
- }
- div.blotter {
- color: #FFF;
- }
- /* Recolor post form */
- form table tr th {
- background-color: #d8b1ea;
- color: #111111;
- }
- .dropzone .file-hint
- {
- border: 1px dashed #545454;
- background: #171717;
- color: #d8b1ea;
- }
- .dropzone
- {
- background-color: transparent;
- padding: 0;
- min-height: 48px;
- color: #d8b1ea !important;
- }
- /* File info */
- .files {
- display: inline;
- float: left;
- }
- .file {
- display: inline-block;
- }
- .fileinfo {
- display: inline-block;
- float: left;
- width: 16rem;
- text-align: right;
- }
- .fileinfo span:first-child {
- font-size: 0;
- }
- .fileinfo span small {
- font-size: .625rem;
- float: right;
- }
- .fileinfo span.unimportant {
- display: block;
- }
- .fileinfo > a:nth-child(2) {
- float: left;
- }
- .file > a {
- display: block;
- clear: both;
- }
- .post-image {
- width: 16rem !important;
- height: auto !important;
- }
- /* Posts */
- div.post.reply {
- background-color: #111111;
- border-color: #d8b1ea;
- border-style: solid;
- }
- .intro span.subject {
- color: #a5d9bf;
- }
- .intro span.name {
- color: #e8ede0;
- }
- .intro span.capcode {
- color: #e8ede0;
- }
- .intro span.trip {
- color: #8892ff;
- }
- div.post.reply.highlighted {
- background-color: #171219;
- color: #fff;
- }
- /* JS options */
- #options_div {
- background-color: #333;
- }
- .options_tab_icon {
- color: #FFF;
- }
- .theme-catalog div.thread
- {
- background: none repeat scroll 0 0 #111111;
- border: 1px solid #d8b1ea;
- display: inline-block;
- font-size: 11px;
- font-weight: normal;
- margin-bottom: 25px;
- margin-left: 20px;
- margin-right: 15px;
- max-height: 200px;
- overflow: hidden;
- padding: 15px;
- position: relative;
- text-align: center;
- vertical-align: top;
- width: 205px !important;
- }
- pre
- {
- margin: 0;
- }
- div.pages
- {
- background: none repeat scroll 0 0 #111111;
- border-bottom: 1px dotted #dddddd;
- border-right: 1px dotted #dddddd;
- color: #dddddd;
- display: inline;
- padding: 5px;
- }
- div.post.reply div.body span.spoiler a
- {
- color: black;
- }
- span.spoiler a {
- color: #af0a0f !important;
- }
- span.spoiler:hover a {
- color: #8892ff !important;
- }
- span.spoiler
- {
- background: #af0a0f none repeat scroll 0% 0%;
- color: #af0a0f;
- padding: 0px 1px;
- }
- span.spoiler:hover
- {
- background: transparent none repeat scroll 0% 0% !important;
- color: white !important;
- padding: 0px 1px;
- }
- span.spoiler:hover, div.post.reply div.body span.spoiler:hover a
- {
- color: white;
- }
- .intro span.capcode,
- p.intro a.capcode,
- p.intro a.nametag
- {
- color: red;
- margin-left: 0;
- }
- /* Greentext Meme-arrows Quoting */
- .quote
- {
- color: #17b23e;
- }
- /*
- a:link,
- a:visited,
- p.intro a.email span.name
- {
- color: #41cdff;
- }
- */
- .watchThread
- {
- font-size: 0px;
- }
- .watchThread:before
- {
- content: "[◮]";
- font-size: 13px;
- }
- div.blotter
- {
- color: #a5d9bf;
- }
- .options_tab, #options_tablist
- {
- background-color: #111111 !important;
- }
- .options_tab_icon
- {
- padding: 5px;
- color: #FF;
- cursor: pointer;
- }
- .options_tab_icon.active
- {
- padding: 5px;
- color: #d8b1ea;
- cursor: pointer;
- }
- h2
- {
- color: #d8b1ea;
- }
- header div.subtitle, h1
- {
- color: white;
- text-align: center;
- }
- .box-title
- {
- background: #4779B1 none repeat scroll 0% 0%;
- color: white;
- }
- textarea
- {
- border: #d8b1ea 1px solid;
- background-color: #111111;
- color: #dddddd;
- min-height: 19px;
- min-width: 400px;
- }
- input
- {
- background: #111111;
- color: #dddddd;
- border: 1px solid #d8b1ea !important;
- }
- div.banner
- {
- background-color: transparent;
- padding: 1px;
- }
- td > form table tr th, td
- {
- background: #111111;
- }
- #options_div, #alert_div
- {
- background-color: #111111;
- border: 1px solid #d8b1ea;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement