Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Germania+One|Martel:900|Poppins:500');
- /* Mewch.net "Based & Fashy" CSS */
- /* Stuff to hide */
- .labelCreated, .sizeLabel, .dimensionLabel, input.deletionCheckBox { display:none; }
- div#panelMessage hr { display:none; }
- .uploadDetails { color: transparent; }
- /* Custom Fonts */
- body, div.divMessage, input, select, textarea, #postingForm button, #qrbutton, #divMessage {
- font-family: 'Poppins', sans-serif;
- }
- nav, .opHead, div.postInfo.title, .boardHeader p, #postingForm th, strong em .aa, .redText, .title, #divMessage strong span.aa {
- font-family: 'Germania One', cursive;
- }
- .redText strong {
- font-family: 'Martel', cursive;
- }
- /* Cursors */
- html, *, hover { cursor: url(https://i.imgur.com/VXi5y9v.png), default; }
- a, .embedButton, select, .divRefresh input, #postingForm button, #qrbutton { cursor: url(https://i.imgur.com/2jvE2AN.png), progress !important; }
- label, img, .hideFileButton { cursor: url(https://i.imgur.com/2jvE2AN.png), progress !important; }
- /* Custom Text */
- .redText {
- color: #d30;
- text-shadow: 1px 1px 0px #001, -1px 1px 0px #001, 1px -1px 0px #001, -1px -1px 0px #001, 0px 1px 0px #001, 0px -1px 0px #001, -1px 0px 0px #001, 1px 0px 0px #001;
- font-weight: bold;
- font-size: 140%;
- text-transform: capitalize;
- }
- .redText strong {
- color: #f6A;
- text-shadow: 0px 1px 1px black, 0px 1px 1px black, 0px 0px 1px black, 0px 0px 1px black;
- font-weight: bold;
- font-size: 140%;
- }
- .opHead, div.postInfo.title, .labelId {
- font-size:15px;
- }
- #divMessage strong span.aa { color:limegreen; font-size:12px;}
- .title {margin-bottom:8px; text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;}
- /* User ID */
- .labelId { background-color: #0000 !important; text-transform: uppercase; color: orange; text-shadow: 0px 1px 1px black, 0px 1px 1px black, 0px 0px 1px black, 0px 0px 1px black; }
- /* Thread indicators (pinned, cyclic, locked, bumplocked) */
- .pinIndicator:after, .cyclicIndicator:after, .lockIndicator:before, .bumpLockIndicator:after {
- position:relative;
- bottom:-2px;
- }
- /* Thread Divider */
- hr {
- border-top: 3px solid;
- border-image: linear-gradient(to right, #0579, #0031, #6f02, #0031, #0579) 1;
- padding-bottom: 16px;
- }
- div.floatingMenu hr {
- border-top: 1px solid grey;
- margin: 0;
- padding: 0;
- border-image-source: url("");
- }
- /* Post Information / Title Field */
- .title, .watchButton, .labelSubject, .linkName, .noEmailName, .noEmailName:hover, .linkSelf, .linkQuote, .pinIndicator:after, .cyclicIndicator:after, .lockIndicator:before, .bumpLockIndicator:after {
- color:white;
- text-decoration: none;
- text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
- }
- /* Subject */
- .labelSubject {
- color: gold;
- font-variant: small-caps;
- }
- .labelSubject:before { color: gold; content:"» "; }
- .labelSubject:after { color: gold; content:" «"; }
- /* Board navigation and options */
- nav {
- background-color: #222;
- background: #3336;
- border-bottom:0px solid #444;
- color: silver;
- font-size: 13px;
- margin-left: -8px;
- padding-top: 4px;
- padding-bottom: 6px;
- }
- .coloredIcon { color:white; text-shadow: 0px 1px 1px black, 0px 1px 1px black, 0px 0px 1px black, 0px 0px 1px black;}
- .coloredIcon:hover {
- transition: all ease-in 0.15s;
- font-size: 120%;
- color:chartreuse;
- }
- /* Board Announcement */
- #divMessage {
- font-size:11px;
- background-size: 48px;
- padding: 10px;
- width: 60%;
- margin-left: auto;
- margin-right: auto;
- color: orange;
- text-shadow: 0px 1px 1px black, 0px 1px 1px black, 0px 0px 1px black, 0px 0px 1px black;
- font-weight: bold;
- text-align: center;
- margin-top: 12px;
- margin-bottom: 22px;
- }
- #divMessage strong { color:orangered; }
- /* Board background & Mascot */
- body {
- background: #EEF2FF;
- color: #000;
- background: url('https://i.imgur.com/zrlszvA.gif'), #EEF2FF;
- background-repeat: no-repeat, repeat;
- background-attachment: fixed, fixed;
- background-position: right bottom, center;
- background-size: 20%, 10%;
- }
- /* Hyperlinks */
- a, a:visited, .hideButton, .unhideButton, .embedButton, #closeWatcherMenuButton, .watchedCellCloseButton, .hideFileButton {
- text-decoration: none;
- color: #148888;
- transition: all ease-in 0.25s;
- }
- a:hover, .linkSelf:hover, .linkQuote:hover, .hideButton:hover, .unhideButton:hover, .embedButton:hover, #closeWatcherMenuButton:hover, .watchButton:hover, .watchedCellCloseButton:hover, .hideFileButton:hover {
- color: red;
- transition: all ease-in 0.25s;
- }
- /* Postnumber quotes */
- .panelBacklinks a { color: #f42; font-size: 15px; }
- .panelBacklinks a:hover { color: crimson; }
- .quoteLink { color: crimson; text-decoration: none; }
- .quoteLink:hover { color: red; text-decoration: none; }
- /* Thread Background */
- .opCell {
- padding: 0px 0px 1px 12px;
- }
- /* Post Counter */
- body { counter-reset:postcount; }
- #ipDelete + #panelMessage + #threadList .linkQuote:after { counter-increment: postcount; content: "#" counter(postcount); color: goldenrod; text-shadow: 0px 1px 1px black, 0px 1px 1px black, 0px 0px 1px black, 0px 0px 1px black; margin-left: 0.5em; margin-right: 1em; }
- /* Post replies */
- .innerPost, .markedPost {
- background:#D6DAF0;
- margin: 0px;
- box-shadow: none;
- border: 1px solid #B7C5D9;
- border-style: none solid solid none;
- max-width: 94% !important;
- transition: all ease-in 0.85s;
- }
- .divMessage { margin: 0px 0px 11px 36px; }
- /* Highlighted post */
- .markedPost {
- background:#D6BAD0;
- }
- /* Hover post */
- .innerPost:hover {
- transition: all ease-in 0.35s;
- background:#D6BAD0;
- }
- /* Input Fields, Buttons, Textfields, etc. */
- input, select, textarea, #postingForm button, #qrbutton {
- font-size:13px;
- background: #fff;
- color: #000;
- border: 1px solid gray;
- }
- input:hover, select:hover, textarea:hover, #postingForm button:hover, #qrbutton:hover {
- border: 1px solid goldenrod;
- }
- /* Reply Dialog */
- input, select, textarea { font-size: 12px; }
- #postingForm th {
- background: 0;
- border: 0;
- padding: 2px 4px;
- color: #a00;
- font-size: 15px;
- text-align: right;
- font-variant: small-caps;
- }
- #postingForm td {
- background: 0;
- }
- #postingForm {
- color:#000;
- margin: 6px;
- padding: 16px;
- padding-left:0px;
- border-radius: 0px;
- background: 0;
- }
- #postingForm button, #qrbutton {
- border-radius:0;
- margin: 0;
- padding: 0;
- height: 22px;
- width: 89px;
- font-weight:bold;
- }
- #postingForm button:hover, #qrbutton:hover { color: red; }
- /* Quick Reply Dialog */
- #quick-reply table {
- background: #D6DAF0;
- border-radius:7px;
- margin-top: 8px;
- margin-bottom: 8px;
- margin-left: 8px;
- padding-top: 6px;
- padding-left: 6px;
- padding-bottom: 0px;
- }
- #quick-reply th .handle {
- background-color: #0000;
- }
- #quick-reply th {
- background-color: #aaf;
- border: 1px solid #B7C5D9;
- }
- #quick-reply th .close-btn {
- color:#a00;
- }
- /* Theme Selector */
- #themeSelector {
- background: #444;
- color: #eee;
- }
- #themeSelector { font-size:8px;}
- #themeSelector:hover { transition: all ease-in 0.15s; font-size:11px;}
- /* File upload */
- .dropzone, .selectedCell {
- background: rgba(255, 255, 255, 0.5);
- border: 2px dashed rgba(125, 125, 125, 0.4);
- color: rgba(0, 0, 0, 0.5);
- }
- .dropzone:hover, .selectedCell:hover {
- color: #000;
- }
- /* Post Options (Moderation) Menu */
- span.extraMenuButton {
- margin-right: 6px;
- }
- .floatingMenu { background: #fffe; }
- .floatingMenu label:before {margin-left: 4px; content:"• "; color:red;}
- .modalDecorationPanel {
- background: rgba(255,255,235,.8);
- }
- /* >greentext */
- .greenText {
- color: #148800;
- }
- /* Spoilers */
- span.spoiler, span.spoiler a {
- background: transparent;
- color: transparent;
- text-shadow: 0 0 5px #000, 0 0 7px #000, 0 0 8px #000;
- padding: 0 1px;
- transition: 1s;
- }
- span.spoiler:hover { /* spoiler hover */
- background: transparent;
- color: #fff;
- }
- /* Board Title */
- .boardHeader p#labelName {
- color: firebrick;
- font-size: 42px;
- line-height:1.34em;
- font-weight: bold;
- text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
- }
- /* Board Subtitle */
- .boardHeader p#labelDescription {
- color: #181;;
- font-size: 150%;
- text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
- }
- /* Flags */
- .imgFlag {
- padding-top:0px;
- padding-bottom:5px;
- max-width: 32px;
- max-height: 24px;
- position: relative;
- bottom: -8px;
- }
- /* Flags Animation (Buzz Script) */
- .imgFlag {
- transform: translateZ(0);
- }
- .imgFlag:hover {
- animation-name: buzz;
- animation-duration: 0.25s;
- animation-timing-function: linear;
- animation-iteration-count: infinite;
- }
- @keyframes buzz {
- 50% {
- transform: translateX(4px) rotate(3deg);
- }
- 100% {
- transform: translateX(-4px) rotate(-3deg);
- }
- }
- /* Flags Preview (Spinner) */
- .flagPreview {
- transition: all ease-in 1s;
- transition: all ease-out 1s;
- }
- .flagPreview:hover {
- transition: all ease-in 1s;
- transition: all ease-out 1s;
- animation: spin 1s linear infinite;
- }
- @keyframes spin {
- from { transform: rotate(0deg); }
- to { transform: rotate(360deg); }
- }
- /* Post Decorations */
- .innerPost:before {
- content: url(https://i.imgur.com/51WcWZb.png);
- float: right;
- position: relative;
- left: 4px;
- opacity: 1;
- }
- .innerPost:hover:before {
- content: url(https://i.imgur.com/kqptMRV.png);
- float: right;
- opacity: 1;
- }
Add Comment
Please, Sign In to add comment