Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- pink
- /* Small text in post area */
- .small {
- font-size: 75%;
- text-decoration: none;
- }
- /* "rules" in post area */
- .small a {
- color: #80002c;
- text-decoration: none;
- }
- /* "rules" hover in post area */
- .small a:hover {
- color: #c48899;
- }
- /* Theme selector */
- #themeSelector {
- color: #80002c;
- background: #ffdddc;
- font-size: 100%;
- border: 1px solid #80002c;
- }
- /* Horizontal line */
- hr {
- height: 0px;
- border-width: 2px medium medium;
- border-style: dashed none none;
- border-color: #80002c;
- }
- /* Links in nav, "hide file", some side catalog text and signs before "Anonymous" */
- .coloredIcon {
- color: #80002c;
- cursor: pointer;
- }
- /* nav links and buttons before "/fa/g" hover */
- .coloredIcon:hover,
- span.hideButton:hover,
- span.extraMenuButton:hover,
- span.watchButton:hover {
- color: #c48899;
- text-shadow: none;
- }
- /* Links, includes side catalog text */
- a {
- color: #c48899;
- text-decoration: none;
- }
- /* Mouse hover over elements with <a> tag */
- a:hover, .glowOnHover:hover {
- text-shadow: none;
- color: #4d4dff;
- }
- /* Area for inputing text */
- input, select, textarea {
- box-shadow: none;
- border: 1px solid #80002c;
- border-radius: 0px;
- background: #ffe6ea;
- color: #80002c;
- font-family: 'Hack', monospace, sans-serif;
- font-size: 80%;
- }
- [type="text"],
- [type="password"],
- [type="number"],
- textarea {
- background-color: white;
- color: black;
- box-shadow: none;
- border: 1px solid #80002c;
- border-radius: 0px;
- padding: 0.25rem;
- background: #ffe6ea;
- }
- /* Buttons */
- input[type=button], input[type=submit], button, .dropzone, .selectedCell
- {
- border: 0px #07371F;
- border-radius: 5px;
- background: #ffcccb;
- color: #80002c;
- padding-left: 0.25em;
- font-family: 'Hack', monospace, sans-serif;
- font-size: 80%;
- font-weight: bold;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- cursor: pointer;
- }
- /* body styles, inherited by whole page */
- body {
- position: relative;
- color: #80002c;
- background: #ffe4e6;
- font-family: 'Hack', monospace, sans-serif;
- font-size: 100%;
- margin: 0px;
- }
- /* header and nav / top of page styles */
- /* Navigator bar */
- .top-nav { position:sticky; }
- .top-nav {
- top: 0;
- width: 100%;
- background-color: #ffdddc;
- box-shadow: 0px 2px 5px;
- border-bottom: 0px;
- padding-bottom: 3px;
- font-size: 70%;
- text-align: center;
- z-index: 1;
- max-width:100vw;
- }
- .divMessage{max-width:100%;text-overflow:wrap;word-break:break-word;overflow:hidden;float:left}
- /* Text in navigator bar */
- nav span, nav a {
- display: inline-block;
- text-decoration: none;
- margin: 0 0.2em;
- }
- /* That small logo after "rules" in post area */
- a.rules:after {
- font-family: Icons;
- content: "\e052";
- margin-right: 0.5em;
- color: #80002c;
- height: 80%;
- font-size: 80%;
- padding-left: 0.25em;
- vertical-align: middle;
- }
- /* markdown */
- .greenText {
- color: #789922;
- }
- .redText {
- color: #AF0A0F;
- font-weight: bold;
- font-size: 125%;
- }
- span.spoiler {
- background: #000000;
- color: #000000;
- padding: 0 1px;
- }
- /* Mouse hover over spoiler text */
- .spoiler:hover {
- color: #80002c;
- background: none;
- }
- /* footer styles */
- footer {
- width: 100%;
- margin: 3em 0px 2em 0px;
- text-align: center;
- font-size: 75%;
- }
- /* this has to go down here to override anything above it */
- .hidden {
- display: none;
- }
- #settingsWrapper input.hidden {
- display: none;
- box-shadow: none;
- }
- /* Settings menu header text */
- .floatingMenu .headerLabel {
- font-size: 80%;
- }
- /* menu buttons */
- .menuClose {
- color: #80002c;
- cursor: pointer;
- float: right;
- font-size: 1.5rem;
- line-height: 1.5rem;
- }
- /* Floating menu header */
- .floatingMenu .header, .floatingMenu .headerLabel {
- cursor: pointer;
- }
- /* Settings, post and quick reply fields */
- #newPostFieldset, #quick-reply table, .modalDecorationPanel,
- .floatingMenu, #settingsFieldset, .reportFieldset {
- border: 1px dashed #80002c;
- background: #ffdddc;
- }
- .settingsTab {
- background-color: #ffe6ea;
- padding: 0.25rem 0.5rem;
- margin: 0.25rem;
- border-radius: 4px;
- }
- #selectedTab {
- background-color: #b3647a;
- color: white;
- }
- /* "Show forms" at the end */
- #showFormsButton {
- color: #80002c;
- }
- a, .checkedFavouriteButton:before,
- #selectedTab {
- color: #c48899;
- cursor: pointer
- }
- /* "/fa/ - Fashion" and "Dress to Impress" */
- .boardHeader p#labelName, p#labelDescription {
- font-size: 200%;
- color: #80002c;
- display: inline-block;
- }
- /* Posting form labels */
- #postingForm th{
- border: 0px;
- background: #ffcccb;
- }
- /* Tab titles in settings */
- .settingsTab {
- color: #80002c;
- }
- /* Selected tab in settings */
- #selectedTab {
- text-shadow: none;
- color: #c48899;
- }
- /* Text areas when clicked on */
- #postingForm input:focus, #postingForm textarea:focus,
- .modalDecorationPanel input[type='text']:focus, #settingsMenu input[type='text']:focus,
- #settingsMenu textarea:focus {
- box-shadow: none;
- }
- /* Settings */
- .floatingMenu {
- color: #80002c85;
- box-shadow: 4px 4px 4px;
- }
- /* Catalog cell */
- .catalogCell{
- color: #80002c;
- background-color: #ffcccb;
- box-shadow: none;
- margin-bottom: 20px;
- padding: 10px;
- border: 1px solid #80002c;
- box-shadow: 3px 3px 3px #80002c54;
- }
- /* Checkbox(?) */
- input[type=checkbox].postingCheckbox+label:before {
- font-family: Icons;
- content: "\e0db";
- margin-right: 0.5em;
- color: #80002c;
- display: inline-block;
- cursor: pointer;
- }
- /* Reply area */
- .innerPost {
- border: 1px solid #80002c;
- background: pink;
- }
- /* Focused reply */
- div.markedPost {
- border: 1px dashed #80002c;
- }
- /* "Open file" */
- a.nameLink {
- color: #80002c;
- }
- /* Mouse hover "Open file" and "(Hide file)" */
- a.nameLink:hover,
- a.hideFileButton:hover {
- color: #c48899;
- text-shadow: none;
- }
- /* Post created time */
- .labelCreated {
- color: #80002c;
- cursor: context-menu;
- }
- /* Quotes*/
- .linkQuote, .linkSelf, .panelBacklinks a,
- .quoteLink {
- font-weight: normal;
- color: #80002c;
- }
- /* Mouse hover quotes */
- .linkQuote:hover, .linkSelf:hover, .panelBacklinks a:hover,
- .quoteLink:hover {
- text-shadow: none;
- color: blue;
- }
- /* Name with email */
- a.linkName {
- color: #B3003E;
- }
- /* Name and mouse hover name*/
- a.noEmailName,
- a.noEmailName:hover {
- cursor: context-menu;
- color: #b3003e;
- }
- /* Subject */
- span.labelSubject {
- color: #e60050;
- }
- /* Role */
- span.labelRole:before {
- color: #ff0000;
- }
- /* ==RED TEXT== */
- .redText {
- color: #ff0000;
- }
- /* Close buttons*/
- span#closeSettingsMenuButton:hover,
- span#closeSideCatalogButton:hover,
- span#closeWatcherMenuButton:hover {
- color: #80002c;
- }
- /* Watched cell subject */
- label.watchedCellLabel a,
- span.watchedCellCloseButton:hover {
- color: #80002c;
- }
- /* Watched cell label hover */
- label.watchedCellLabel a:hover {
- color: #c48899;
- }
- /* "Manage board" and "moderate thread" */
- #linkManagement, #linkMod {
- color: #80002c;
- }
- /* "Manage board" and "moderate thread" mouse hover*/
- #linkManagement:hover, #linkMod:hover {
- color: #c48899;
- }
- /* "Manage board" and "moderate thread" */
- #linkModeration {
- color: #80002c;
- }
- /* "Manage board" and "moderate thread" mouse hover*/
- #linkModeration:hover {
- color: #c48899;
- }
- span#divPages a {
- color: #80002c;
- }
- /* Page number hover*/
- span#divPages a:hover {
- color: #c48899;
- }
- /* Quick reply header*/
- #quick-reply th {
- border: none;
- }
- a.linkReply {
- font-weight: normal;
- }
- /* width */
- ::-webkit-scrollbar {
- width: 7px;
- height: 7px;
- }
- /* Track */
- ::-webkit-scrollbar-track {
- background: #ffcccb;
- }
- /* Handle */
- ::-webkit-scrollbar-thumb {
- background: #b3647a;
- }
- /* Handle on hover */
- ::-webkit-scrollbar-thumb:hover {
- background: #80002c;
- }
- #divLatestPosts .latestPostCell {
- background: #ffdddc;
- border: 1px solid #80002c;
- box-shadow: 3px 3px 3px #80002c54;
- }
- #divLatestImages img {
- background: #ffdddc;
- border: 1px solid #f4b8c2a6;
- }
- .topBoards a {
- background: #ffdddc;
- }
- .innerPost {
- background: #ffcccb;
- box-shadow: 3px 3px 3px #80002c54;
- }
- div.markedPost {
- background: #eab5b4;
- }
- a {
- color: #80002c;
- text-decoration: none;
- }
- .linkQuote:Hover, .linkSelf:Hover, .panelBacklinks a:Hover, .quoteLink:Hover {
- font-weight: normal;
- color: #c48899;
- }
- #navOptionsSpan a:Hover {
- color: #c48899;
- }
- .originalNameLink {
- color: #80002c;
- }
- .coloredIcon:Hover {
- color: #c48899;
- }
- #divLatestPosts .latestPostCell, .innerPost, .sideCatalogCell, .markedPost, .sideCatalogMarkedCell, .catalogCell {
- border: 1px solid #80002c;
- }
- .boardPages {
- color: #80002c;
- padding: 0.1em 0.25em;
- }
- a {
- color: #80002c;
- text-decoration: none;
- }
- a:Hover {
- color: #c48899;
- text-decoration: none;
- }
- /* Side catalog */
- #sideCatalogDiv {
- color: #80002c;
- background: #ffe4e6;
- }
- a.sideCatalogCell:hover {
- text-shadow: none;
- color: #c48899;
- }
- /* Side catalog cell */
- .sideCatalogCell {
- background: #ffcccb;
- border: 1px solid #80002c;
- box-shadow: 3px 3px 3px #80002c54;
- }
- /* Side catalog selected cell */
- .sideCatalogMarkedCell {
- border: 1px dashed #80002c;
- background: #EAB5B4;
- box-shadow: none;
- }
- .sideCatalogMarkedCell:hover {
- color: #c48899;
- text-shadow: none;
- }
- /* Also side catalog */
- #sideCatalog {
- color: #80002c;
- background: #ffe4e6;
- },
- @keyframes webringbutton-rainbow {
- from, to { color: red; text-shadow-color: red }
- 12.5% { color: orange; text-shadow-color: orange }
- 25% { color: yellow; text-shadow-color: yellow }
- 37.5% { color: lime; text-shadow-color: lime }
- 50% { color: green; text-shadow-color: green }
- 62.5% { color: #66f; text-shadow-color: blue }
- 75% { color: #f6f; text-shadow-color: purple }
- 87.5% { color: magenta; text-shadow-color: magenta }
- }
- .WebringButton {
- font-size: 120%;
- text-shadow: 0 0 5px;
- animation: webringbutton-rainbow 3s linear infinite;
- }
- .WebringWrapper {
- position: fixed;
- z-index: 1000000;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .WebringWrapper--closing {
- pointer-events: none;
- }
- @keyframes webringwrappershade-fadein {
- from { opacity: 0 } to { opacity: 0.6 }
- }
- .WebringWrapper__shade {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: black;
- opacity: 0.6;
- animation: webringwrappershade-fadein .3s ease;
- }
- @keyframes webringwrappershade-fadeout {
- from { opacity: 0.6 } to { opacity: 0 }
- }
- .WebringWrapper--closing .WebringWrapper__shade {
- opacity: 0;
- animation: webringwrappershade-fadeout .3s ease;
- }
- @keyframes webring-slidein {
- from { transform: translate(-50%, -50%) scale(1.3); opacity: 0 }
- to { translate(-50%, -50%) scale(1); opacity: 1 }
- }
- .Webring {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%) scale(1);
- font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
- min-width: 90%;
- min-height: 500px;
- max-height: 95%;
- background-image: linear-gradient(to right bottom, #c48899, #b3647a);
- color: #ffe4e6;
- animation: webring-slidein .3s cubic-bezier(.21,.75,0,1);
- }
- @keyframes webring-slideout {
- from { transform: translate(-50%, -50%) scale(1); opacity: 1 }
- to { translate(-50%, -50%) scale(1.3); opacity: 0 }
- }
- .WebringWrapper--closing .Webring {
- transform: translate(-50%, -50%) scale(1.3);
- opacity: 0;
- animation: webring-slideout .3s cubic-bezier(.21,.75,0,1);
- }
- .Webring__close {
- font-size: 3rem;
- position: absolute;
- z-index: 100;
- top: 2rem;
- right: 2rem;
- line-height: 0;
- cursor: pointer;
- }
- /* layout */
- .Webring__inner {
- position: absolute;
- height: 100%;
- width: 100%;
- top: 0;
- left: 0;
- display: grid;
- grid-template-columns: 3rem auto;
- }
- .WebringTabs {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -o-user-select: none;
- user-select: none;
- }
- .WebringTabs__button {
- width: 3rem;
- height: 3rem;
- position: relative;
- cursor: pointer;
- }
- .WebringTabs__button--selected {
- cursor: default;
- }
- .WebringTabs__button__strip {
- position: absolute;
- z-index: 100;
- top: 0;
- left: 0;
- height: 3rem;
- white-space: nowrap;
- overflow: hidden;
- width: 3rem;
- background-color: #80002c;
- color: #ffdddc;
- box-shadow: none;
- transition: .25s ease;
- transition-property: width, background-color, color, box-shadow;
- }
- .WebringTabs__button__strip:hover {
- width: 12rem;
- background-color: #b3647a;
- color: #ffe4e6;
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.21), 0 4px 8px rgba(0, 0, 0, 0.3);
- }
- .WebringTabs__button--selected .WebringTabs__button__strip {
- background-color: #ffdddc;
- color: #c48899;
- }
- .WebringTabs__button__strip svg {
- width: 1.5rem;
- height: 1.5rem;
- padding: 0.75rem;
- box-sizing: content-box;
- }
- .WebringTabs__button__strip span {
- display: inline-block;
- height: 3rem;
- line-height: 3rem;
- vertical-align: top;
- padding: 0 1rem;
- }
- .WebringTabs__button--close {
- position: absolute;
- bottom: 0;
- }
- .WebringTabs__button--refresh {
- position: absolute;
- bottom: 3rem;
- }
- .WebringTabs__button--refresh span {
- font-size: 70%;
- }
- @keyframes refreshloading {
- from { transform: rotate(0deg); }
- to { transform: rotate(360deg); }
- }
- .WebringTabs__button--refresh-loading svg {
- animation: refreshloading 1s linear infinite;
- }
- .WebringStage {
- background-color: rgba(0, 0, 0, 0.3);
- overflow-y: auto;
- }
- .WebringTable {
- padding: 1rem;
- color: #ffdddc;
- }
- .WebringTable a {
- color: #ffe4e6;
- outline: none;
- text-shadow: none;
- }
- .WebringTable a:hover {
- color: #ffcccb;
- text-shadow: 0 0 4px;
- }
- .WebringTable a:active {
- color: #eab5b4;
- }
- .WebringTable__header {
- text-align: center;
- margin-top: 0;
- }
- .WebringTable table {
- width: 100%;
- }
- .WebringTable td {
- padding: 1px 3px;
- }
- .WebringTable__board--samesite td:nth-child(1) {
- background-color: #b3647a;
- }
- .WebringTable__board td:nth-child(3),
- .WebringTable__board td:nth-child(2)
- {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- max-width: 200px;
- }
- .WebringTable table tr:nth-child(2n) td {
- background-color: #80002c;
- }
- .WebringTable__board--samesite td:nth-child(1) {
- background-color: #b3647a !important;
- font-weight: bold;
- }
- .WebringTable__board--sameboard td {
- background-color: #b3647a !important;
- font-weight: bold;
- }
- .WebringTable__board__last-activity {
- text-align: center;
- color: #ffe4e6;
- }
- @media (max-width: 600px) {
- .Webring {
- max-width: 100%;
- width: 100%;
- height: 90%;
- }
- .WebringTable table th:nth-child(3),
- .WebringTable table th:nth-child(4),
- .WebringTable table th:nth-child(5),
- .WebringTable table th:nth-child(6),
- .WebringTable table td:nth-child(3),
- .WebringTable table td:nth-child(4),
- .WebringTable table td:nth-child(5),
- .WebringTable table td:nth-child(6) {
- display: none;
- }
- .WebringTable__board td:nth-child(2) {
- max-width: 120px;
- }
- }
- /* Webring boards on the boardlist */
- .linkBoard[href^="http"] ~ .fa-puzzle-piece {
- display: none;
- }
- .linkBoard[href^="http"]::after {
- content: "WR";
- position: relative;
- display: inline-block;
- margin-left: 5px;
- padding: 3px 6px;
- border-radius: 5px;
- color: #ffe4e6;
- background-color: #00796B;
- font-size: 0.8rem;
- font-family: sans-serif;
- pointer-events: none;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement