julay burichan theme v1.1 - futaba edition

/* Julay Burichan Theme v1.1 */

/*** MAIN ***/

* {
  margin: revert;
  padding: revert;
  transition: revert !important;
  animation: revert !important;
}

html {
  background-image: none;
}

body {
  font-size: 12pt;
  font-family: "Times New Roman", Times, serif;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

hr {
  border-bottom:revert;
  border-top:revert;
  margin: 8px 0;
}

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: 11pt;
  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;
}

.floatingMenu {
  box-shadow: revert;
}

#settingsMenu {
  min-height: revert;
}

.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;
}

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

.post-table {
  margin-top: revert;
}

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

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

.qr-details table {
  margin: 0 -3px 0;
  /*width: calc(100%);*/
}

.post-table [type="text"], .post-table [type="password"], .post-table textarea {
  height: revert;
}

.post-table [type="password"] {
  width: calc(100%);
}

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

#bannerImage {
  max-height: 100px !important;
  max-width: 300px !important;
}

.board-header {
  margin: revert;
}

#labelName {
  font-family: inherit;
  font-size: 24pt;
  font-weight: 700;
}

#labelDescription {
  font-size: 10pt;
  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;
}

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

#posting-table th,
#posting-extra-table th {
  padding: revert;
}

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

[type="text"],
[type="password"],
[type="number"],
textarea {
  background-color: revert;
  color: revert;
  border: revert;
  padding: revert;
}

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

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

button,
input[type="submit"],
input[type="button"],
.Button {
  all: revert;
}

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

.post-submit {
  margin: revert;
  min-width: revert;
}

.posting-extra {
  margin: revert;
}

/*** BOARD ANNOUNCEMENT ***/

#panelMessage {
  font-size: 14pt;
}

#panelMessage #divMessage {
  margin: 1.4rem 0;
}

/*** BOARD NAVIGATION ***/

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

/*** 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;
}

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;
}

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

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: 16px 40px;
  padding: 0;
  display: block;
}

.spoiler {
  padding: revert;
}

.redText {
  font-size: 14pt;
}

.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: ">>";
}

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

.labelLastEdit {
  color: #707070;
}

.labelOmission {
  color: #707070;
}

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

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

/*** 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 {
  /*float: left;*/
  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: revert;
}

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

.theme_tomorrow hr {
  border-top: revert;
  border-bottom: revert;
}

.theme_tomorrow button,
.theme_tomorrow input[type="submit"],
.theme_tomorrow input[type="button"] {
  box-shadow: revert;
  border-color: black;
}

.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;
}

/*** THE WEBRING ***/

.Webring {
  font-family: revert;
}

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

.WebringTable a {
  color: white !important;
}

/*** 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"] {
  max-height: 128px;
  max-width: 128px;
}

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