Yotsuba B Theme v1.0 2020-05-07

/* Yotsuba B Theme v1.0 2020-05-07 */

/*** MAIN ***/

* {
  margin: revert;
  padding: revert;
  box-sizing: revert;
  transition: revert !important;
/*
  animation: revert !important;
*/
}

/*
html {
  background-image: none;
}
*/

body {
  font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

hr {
  border-bottom:revert;
  border: none;
  border-top: 1px solid #b7c5d9;
  margin: revert;
  height: 0;
  font-size: 1rem;
}

p {
  margin: 0;
}

/*
.bracket-list {
  color: revert;
}
*/

.bracket-list > *:not(:last-child)::after {
  /*color: revert;*/
  font-size: revert;
  padding-left: 4px;
  padding-right: 4px;
}

.bracket-button::before,
.bracket-button::after {
  color: revert;
}

*/
a, a:visited {
  text-decoration: revert;
}
*/

a:hover {
  color: #d00 !important;
}

/*** NAVIGATION BAR ***/

.top-nav {
  font-size: 9pt;
  padding: 2px 0;
  position: sticky;
  margin-top: -5px;
  margin-left: -5px;
  width: calc(100% + 10px);
}

.WebringButton {
  font-size: inherit;
  text-shadow: none;
  color: magenta;
}

/*** FLOATING MENU ***/

#watchedMenu,
#settingsMenu {
  width: revert;
  min-height: 200px;
}

.floatingMenu .header {
  padding: 0.25rem 0.5rem;
}

.settingsTabs {
  margin: 0;
}

.settingsTab {
  border-radius: revert;
  padding: 0.125rem 0.5rem;
}

.settingsContentPanel {
  margin: 0;
  margin-top: 4px;
}

.settingsContentPanel textarea {
  min-width: 300px;
  min-height: 200px;
}

#quick-reply-container {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#quick-reply {
  border: 1px solid #b7c5d9;
}

#qrbody,
#fieldMessage {
  font-family: inherit;
  font-size: inherit;
}

.post-table {
  margin-top: -2px;
}

#quick-reply .handle {
  margin: -2px -3px -1px -3px;
}

.post-table [type="text"], .post-table [type="password"], .post-table textarea {
  width: calc(100% - 5px);
  min-width: revert;
  height: revert;
}

.post-table textarea {
  min-height: 6rem;
  height: 6rem;
}

#qrbody {
  min-width: 302px;
  padding: 2px 4px 3px;
}

div#dropzoneQr.dropzone {
  margin: -1px -2px 0;
}

#qrbutton {
  margin-right: 2px;
}

.posting-extra summary {
  padding: 2px 0;
}

.qr-details.posting-extra {
  margin: 5px 2px 0 2px;
}

/*** BOARD TITLE/HEADER AREA ***/

#bannerImage {
  max-height: 102px !important;
  max-width: 302px !important;
  border: 1px solid #34345c
}

.board-header {
  margin: revert;
}

#labelName {
  font-family: Tahoma, sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -2px;
}

#labelDescription {
  font-size: x-small;
  color: #af0a0f;
}

#favouriteButton.checkedFavouriteButton {
  text-shadow: none;
}

/*** GLOBAL ANNOUNCEMENT ***/

.global-announcement-board-owners-feel-free-to-hide-this {
  margin: revert;
}

/*** NEW THREAD/REPLY BOX ***/

#postingForm {
  margin: revert;
}

td {
  margin: 0;
  padding: 0;
}

.post-form-container {
  display: table;
  position: revert;
  margin-left: auto;
  margin-right: auto;
}

#posting-table {
  border-spacing: 1px;
}

#posting-table th,
#posting-extra-table th {
  padding: 0 5px;
  margin: 0;
  border: 1px solid #000;
}

#posting-table textarea {
  height: 6rem;
  min-height: 6rem;
}

#posting-table td input,
#posting-extra-table td [type="text"],
#posting-extra-table td [type="password"] {
  width: 244px;
  min-width: revert;
  margin: 0;
  margin-right: 2px;
  padding: 2px 4px 3px;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

#posting-table td textarea {
  width: 292px;
  margin: 0;
  margin-right: 2px;
  padding: 2px 4px 3px;
}

.dropzone p {
  transition: revert;
  border: 2px dashed #7776;
}

button,
input[type="submit"],
input[type="button"],
.Button {
  all: revert;
  background: linear-gradient(to bottom, #f8f8f8, #dcdcdc) no-repeat;
  border: 1px solid #bbb;
  border-radius: 2px;
  height: 24px;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
.Button:active {
  background: linear-gradient(to bottom, #dcdcdc, #f8f8f8) no-repeat;
}

#posting-extra-table {
  border-spacing: 1px;
}

.post-submit {
  margin: 0 0 0 0;
  min-width: revert;
  right: revert;
  position: relative;
  float: right;
}

.posting-extra {
/*
  margin: revert;
*/
}

/*** BOARD ANNOUNCEMENT ***/

#panelMessage {
  font-size: 1.17em;
}

#panelMessage #divMessage {
  margin: 1em 0;
}

/*** BOARD NAVIGATION ***/

.board-nav {
  margin: revert;
/*
  margin-bottom: 10px;
*/
}

.opCell:first-child > hr {
  margin-top: revert;
  margin-bottom: revert;
}

/*** POSTS/REPLIES ***/

.opCell {
  margin: 0;
}

.opHead > *,
.postInfo > * {
  vertical-align: revert;
}

.innerPost,
.markedPost {
  display: table;
  margin: 4px 0;
  padding: 2px;
  /*border-width: revert;
  border-style: revert;*/
}

.markedPost {
  border:1px solid #ba9dbf;
  border-left: none;
  border-top: none;
}

deletionCheckBox {
  margin: 3px !important;
}

.extraMenuButton i {
  font-size: 16pt;
  line-height: 16px;
  vertical-align: -2px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0;
}

.hideButton i {
  font-size: revert;
  padding: revert;
}

.linkName.noEmailName {
  color: #117743 !important;
  cursor: text;
}

.linkSelf,
.linkQuote,
.linkSelf:visited,
.linkQuote:visited {
  text-decoration: none;
}

.linkSelf:hover,
.linkQuote:hover {
  color: #d00;
}

.panelBacklinks a {
  font-size: revert;
  margin: 0;
  text-decoration: none;
}

figure.uploadCell {
  margin: 0;
  padding: 0;
}

/*.uploadDetails::before {
  content: "File: ";
}*/

.uploadDetails {
  font-size: revert;
  margin: revert;
  margin-top: 0px;
  margin-left: 20px;
  max-width: 400px;
  white-space: nowrap;
}

.panelUploads.multipleUploads .uploadCell .uploadDetails {
  white-space: normal;
  max-width: 256px;
}

.nameLink {
  display: none;
}

.imgLink {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 3px;
  margin-bottom: 5px;
}

.divMessage {
  margin: 1rem 3rem;
  padding: 0;
  display: block;
}

.divMessage br {
  display: block;
}

.spoiler {
  padding: revert;
}

.redText {
  font-size: 11pt;
}

.divBanMessage::before {
  display: none;
}

.divBanMessage {
  font-size: revert;
  margin: revert;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 0;
  margin-bottom: 16px;
}

.embedButton.glowOnHover {
  color: #34345C;
  cursor: pointer;
  margin-left: 4px
}

.embedButton.glowOnHover:hover {
  color: #d00;
}

.postCell:not(:empty)::before {
  content: ">>";
  color: #b7c5d9;
}

.postCell::before {
  float: left;
  margin-right: 2px;
  margin-top: 0;
  margin-left: 2px;
}

.labelLastEdit {
  color: #707070;
}

.labelOmission {
  color: #707070;
  margin: 0;
  margin-top: 10px;
}

.labelId {
  border-radius: 0;
  margin: 0;
  padding: 0 4px;
}

.extraMenu, .hideMenu {
  margin: 0;
  padding: 4px 0;
  min-width: 110px;
  left: revert;
  top: revert;
}

.fa-ban::before, .fa-caret-right::before {
  color: #34345C;
}

.fa-ban:hover::before, .fa-caret-right:hover::before {
  color: #d00;
}

.labelBoard {
  display: none;
}

/*** FOOTER ***/
/*
#board-index #board-bottom-nav,
#board-thread #board-bottom-nav {
  margin: 0;
}

#board-bottom-nav .bracket-button {
  float: left;
}

#pages-container {
  margin-right: auto;
}

#boardContentLinks {
  margin-left: auto;
  margin-right: 10px;
}

#actionsForm {
  float: right;
}

#actionsForm summary,
#bottomForms summary {
  text-align: right;
}

#actionsForm details {
  margin: 0;
  margin-top: 2px;
}

.reportFieldset,
#settingsFieldset {
  border-style: none;
  margin: 0;
  min-height: 261px;
}

.contentAction {
  padding-bottom: revert;
}

.cute-bird {
  margin-right: 0;
  height: revert;
}

.cute-bird img {
  height: 32px;
  width: 48px
}

.cute-bird img,
.cute-bird img:hover {
  filter: revert;
  margin: revert;
  padding: revert;
}
*/

/*** MODERATOR ***/

/*
.panelASN,
.panelIp,
.divHash {
  display: block;
  margin-left: 20px;
}

#divMod {
  padding-bottom: 24px;
}
*/

/*** FUTABA ***/

/******************************************
html {
  background-color: #ffffee;
  color: #800000;
}

.innerPost {
  background-color: #f0e0d6;
}
.markedPost {
  background-color: #f0c0b0 !important
}

a,
a:hover,
a:visited {
  color: #00e;
}

.linkSelf,
.linkQuote,
.linkSelf:visited,
.linkQuote:visited {
  color: #800000;
}

.quoteLink,
.quoteLink:visited {
  color: navy;
}

.panelBacklinks a {
  color: #00e;
}

.top-nav {
  background-color: #f0e0d6;
  border-bottom: 1px solid #d9bfb7;
}

#posting-table th,
#posting-extra-table th {
  background-color: #ea8;
}

.floatingMenu {
  background-color: #f0e0d6;
  border: 1px solid #d9bfb7;
}

.menuClose {
  color: #800000;
}

.settingsTab {
  background-color: #ffe;
}

#selectedTab {
  background-color: #ea8;
  color: black;
}

.reportFieldset,
#settingsFieldset {
  background-color: #f0e0d6;
}

.dropzone {
  color: black;
}

#selectedDiv,
#selectedDivQr {
  color: black;
}

#quick-reply {
  background-color: #f0e0d6;
}

#quick-reply .handle {
  background-color: #ea8;
}

#quick-reply .handle .close-btn {
  color: #800000 !important;
}

.labelSubject {
  color: #cc1105;
}

.redText {
  color: #cc1105;
}

.quoteLink.you::after,
.quoteLink.op::after {
  color: #800000;
}

.extraMenu div, .hideMenu div {
  color: #00e;
}
**********************************/

/*** TOMORROW THEME ADJUSTMENTS ***/

.theme_tomorrow #labelName {
  font-family: revert;
}

.theme_tomorrow #labelName, .theme_tomorrow #labelDescription {
  color: revert;
}

.theme_tomorrow #qrbody,
.theme_tomorrow #fieldMessage {
  font-family: inherit;
}

.theme_tomorrow a:hover,
.theme_tomorrow .quoteLink:hover,
.theme_tomorrow .watchedCellCloseButton:hover,
.theme_tomorrow .filterDeleteButton:hover {
  color: #5f89ac !important;
}

.theme_tomorrow hr {
  border-top: 1px solid #282a2e;;
  /*border-bottom: revert;*/
}

.theme_tomorrow button,
.theme_tomorrow input[type="submit"],
.theme_tomorrow input[type="button"] {
  box-shadow: revert;
  border-color: #606060;
  background: linear-gradient(to bottom, #373841, #282a2e) no-repeat;
}

.theme_tomorrow button:active,
.theme_tomorrow input[type="submit"]:active,
.theme_tomorrow input[type="button"]:active,
.theme_tomorrow .Button:active {
  background: linear-gradient(to bottom, #282a2e, #373841) no-repeat;
}

.theme_tomorrow .linkName.noEmailName,
.theme_tomorrow .labelYou {
  color: #c5c8c6 !important;
}

.theme_tomorrow .labelLastEdit {
  color: #969896;
}

.theme_tomorrow .labelOmission {
  color: #969896;
}

.theme_tomorrow .greenText {
  color: #b5bd68;
}

.theme_tomorrow .redText {
  color: #cc6666;
}

.theme_tomorrow .pinkText {
  color: #c795a5;
}

.theme_tomorrow .embedButton.glowOnHover {
  color: #81a2be;
}

.theme_tomorrow .embedButton.glowOnHover:hover {
  color: #5f89ac;
}

.theme_tomorrow .labelRole,
.theme_tomorrow .global-announcement-board-owners-feel-free-to-hide-this,
.theme_tomorrow .divBanMessage,
.theme_tomorrow #panelMessage {
  color: #e77;
}

.theme_tomorrow .WebringButton {
  color: #e9e;
}

.theme_tomorrow a,
.theme_tomorrow a:visited,
.theme_tomorrow .menuClose,
.theme_tomorrow .extraMenu div,
.theme_tomorrow .hideMenu div {
  color: #81a2be;
}

.theme_tomorrow #bannerImage {
  border: 1px solid #000;
}

.theme_tomorrow #favouriteButton.checkedFavouriteButton {
  color: #f0c674;
}

.theme_tomorrow #favouriteButton {
  color: #969896;
}

.theme_tomorrow #themeSelector {
  background: #1d1f21;
  color: #c5c8c6;
  border: 1px solid #808080;
}

.theme_tomorrow #themeSelector:hover {
  border: 1px solid #b0b0b0;
}

.theme_tomorrow #quick-reply {
  border: 1px solid #1d1f21;
}

.theme_tomorrow .fa-ban::before, .theme_tomorrow .fa-caret-right::before {
  color: #81a2be;
}

.theme_tomorrow .fa-ban:hover::before, .theme_tomorrow .fa-caret-right:hover::before {
  color: #5f89ac;
}

.theme_tomorrow .postCell:not(:empty)::before {
  color: revert;
}

/*** THE WEBRING ***/

.Webring {
  font-family: revert;
}

.WebringTable a:hover {
  color: #ddd !important;
  text-shadow: revert;
}

.WebringTable a {
  color: white !important;
}

.WebringTable__header {
  font-family: Tahoma, sans-serif;
  font-size: 28px;
  letter-spacing: -2px;
}

/*** SMALL THUMBNAILS ***/

/*
.imgLink > img[src^="/.media/"],
.imgLink[src$="videomp4"],
.imgLink[src$="videowebm"],
.imgLink[src$="audioogg"],
.imgLink[src$="audiompeg"],
img[src="/genericThumb.png"],
img[src="https://julay.world/audioGenericThumb.png"],
img[src="https://anon.cafe/audioGenericThumb.png"] {
  max-height: 128px;
  max-width: 128px;
}

.panelUploads.multipleUploads .uploadCell .uploadDetails {
  font-size: 8pt;
  max-width: 150px;
}

div.panelUploads.opUploadPanel > figure.uploadCell > a.imgLink > img[src^="/.media/"] {
  max-height: 250px;
  max-width: 250px;
}
*/