Skip to content

Instantly share code, notes, and snippets.

@CST1229
Created January 12, 2022 15:41
Show Gist options
  • Save CST1229/98221afc7982c58ead050a6eef4d8fa9 to your computer and use it in GitHub Desktop.
Save CST1229/98221afc7982c58ead050a6eef4d8fa9 to your computer and use it in GitHub Desktop.
/* Emoji picker */
form div.txtarea div[style="padding-top: 4px; float: right"] {
direction: rtl;
margin-right: 18px;
font-size: 0;
height: 23px;
padding-top: 0 !important;
margin-top: 4px;
border: solid 1px #cec7b9;
background: #ecebe7;
}
form div.txtarea div[style="padding-top: 4px; float: right"] > img {
cursor: pointer;
padding: 4px;
}
form div.txtarea div[style="padding-top: 4px; float: right"]:not(:hover) img:not([alt=":)"]) {
display: none;
}
form div.txtarea div[style="padding-top: 4px; float: right"]:not(:hover) {
width: 23px;
}
/* Pixelated emojis */
img[src^="https://tbgforums.com/forums/img/smilies/"], form div.txtarea div[style="padding-top: 4px; float: right"] > img {
image-rendering: pixelated;
}
/* Post editor buttons */
form div.txtarea div[style="padding-top: 4px"] {
font-size: 0;
}
form div.txtarea div[style="padding-top: 4px"] > input {
cursor: pointer;
width: 16px;
height: 16px;
padding: 10px;
background-repeat: no-repeat;
background-position: center;
image-rendering: pixelated;
margin: 0;
margin-right: 5px;
color: transparent;
--divider: #cccccc;
border: solid 1px #cec7b9;
background-color: #ecebe7;
}
/* Iconnnns */
form div.txtarea input[value="B"][type="button"] {
background-image: url(https://cdn.scratch.mit.edu/scratchr2/static/__b38eff8dc852ebf7d34024454446b255__//djangobb_forum/js/markitup/sets/bbcode/images/bold.png);
}
form div.txtarea input[value="I"][type="button"] {
background-image: url(https://cdn.scratch.mit.edu/scratchr2/static/__b38eff8dc852ebf7d34024454446b255__//djangobb_forum/js/markitup/sets/bbcode/images/italic.png);
}
form div.txtarea input[value="U"][type="button"] {
background-image: url(https://cdn.scratch.mit.edu/scratchr2/static/__b38eff8dc852ebf7d34024454446b255__//djangobb_forum/js/markitup/sets/bbcode/images/underline.png);
}
form div.txtarea input[value="URL"][type="button"] {
background-image: url(https://cdn.scratch.mit.edu/scratchr2/static/__b38eff8dc852ebf7d34024454446b255__//djangobb_forum/js/markitup/sets/bbcode/images/link.png);
}
form div.txtarea input[value="IMG"][type="button"] {
background-image: url(https://cdn.scratch.mit.edu/scratchr2/static/__b38eff8dc852ebf7d34024454446b255__//djangobb_forum/js/markitup/sets/bbcode/images/picture.png);
}
form div.txtarea input[value="CODE"] {
background-image: url(https://cdn.scratch.mit.edu/scratchr2/static/__b38eff8dc852ebf7d34024454446b255__//djangobb_forum/js/markitup/sets/bbcode/images/code.png);
}
form div.txtarea input[value="QUOTE"] {
background-image: url(https://cdn.scratch.mit.edu/scratchr2/static/__b38eff8dc852ebf7d34024454446b255__//djangobb_forum/js/markitup/sets/bbcode/images/quotes.png);
}
/* Textbox */
form div.txtarea textarea {
margin-top: 4px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment