Advertisement
Guest User

julay burichan theme v1.0 - futaba edition

a guest
Apr 11th, 2020
609
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.91 KB | None | 0 0
  1. /* Julay Burichan Theme v1.0 */
  2.  
  3. /*** MAIN ***/
  4.  
  5. * {
  6.   margin: revert;
  7.   padding: revert;
  8.   transition: revert !important;
  9.   animation: revert !important;
  10. }
  11.  
  12. html {
  13.   background-image: none;
  14. }
  15.  
  16. body {
  17.   font-size: 12pt;
  18.   font-family: "Times New Roman", Times, serif;
  19.   margin-left: 0;
  20.   margin-right: 0;
  21.   margin-top: 5px;
  22.   padding-left: 5px;
  23.   padding-right: 5px;
  24. }
  25.  
  26. hr {
  27.   border-bottom:revert;
  28.   border-top:revert;
  29. }
  30.  
  31. p {
  32.   margin: 0;
  33. }
  34.  
  35. .bracket-list {
  36.   color: revert;
  37. }
  38.  
  39. .bracket-list > *:not(:last-child)::after {
  40.   color: revert;
  41.   font-size: revert;
  42.   padding-left: 4px;
  43.   padding-right: 4px;
  44. }
  45.  
  46. .bracket-button::before,
  47. .bracket-button::after {
  48.   color: revert;
  49. }
  50.  
  51. a, a:visited {
  52.   text-decoration: revert;
  53. }
  54.  
  55. a:hover {
  56.   color: #d00 !important;
  57. }
  58.  
  59. /*** NAVIGATION BAR ***/
  60.  
  61. .top-nav {
  62.   font-size: 11pt;
  63.   padding: 2px 0;
  64.   position: sticky;
  65.   margin-top: -5px;
  66.   margin-left: -5px;
  67.   width: calc(100% + 10px);
  68. }
  69.  
  70. .WebringButton {
  71.   font-size: inherit;
  72.   text-shadow: none;
  73.   color: magenta;
  74. }
  75.  
  76. /*** FLOATING MENU ***/
  77.  
  78. #watchedMenu,
  79. #settingsMenu {
  80.   width: revert;
  81. }
  82.  
  83. .floatingMenu {
  84.   box-shadow: revert;
  85. }
  86.  
  87. .floatingMenu .header {
  88.   padding: 0.25rem 0.5rem;
  89. }
  90.  
  91. .settingsTab {
  92.   border-radius: revert;
  93.   padding: 0.125rem 0.5rem;
  94. }
  95.  
  96. .settingsContentPanel textarea {
  97.   min-width: 300px;
  98. }
  99.  
  100. .post-table textarea {
  101.   min-height: 6rem;
  102. }
  103.  
  104. .post-table [type="password"] {
  105.   width: calc(100%);
  106.   margin: revert;
  107. }
  108.  
  109. /*** BOARD TITLE/HEADER AREA ***/
  110.  
  111. #bannerImage {
  112.   max-height: 100px !important;
  113.   max-width: 300px !important;
  114. }
  115.  
  116. .board-header {
  117.   margin: revert;
  118. }
  119.  
  120. #labelName {
  121.   font-family: inherit;
  122.   font-size: 24pt;
  123.   font-weight: 700;
  124. }
  125.  
  126. #labelDescription {
  127.   font-size: 10pt;
  128.   color: #af0a0f;
  129. }
  130.  
  131. #favouriteButton.checkedFavouriteButton {
  132.   text-shadow: none;
  133. }
  134.  
  135. /*** GLOBAL ANNOUNCEMENT ***/
  136.  
  137. .global-announcement-board-owners-feel-free-to-hide-this {
  138.   margin: revert;
  139. }
  140.  
  141. /*** NEW THREAD/REPLY BOX ***/
  142.  
  143. #postingForm {
  144.   margin: revert;
  145. }
  146.  
  147. #posting-table {
  148.   border-spacing: 1px;
  149. }
  150.  
  151. #posting-table th,
  152. #posting-extra-table th {
  153.   padding: revert;
  154. }
  155.  
  156. #posting-table textarea {
  157.   min-height: 6rem;
  158. }
  159.  
  160. [type="text"],
  161. [type="password"],
  162. [type="number"],
  163. textarea {
  164.   background-color: revert;
  165.   color: revert;
  166.   border: revert;
  167.   padding: revert;
  168. }
  169.  
  170. #qrbody,
  171. #fieldMessage {
  172.   font-family: revert;
  173.   font-size: revert;
  174. }
  175.  
  176. .dropzone p {
  177.   transition: revert;
  178.   border: 2px dashed #7776;
  179. }
  180.  
  181. button,
  182. input[type="submit"],
  183. input[type="button"],
  184. .Button {
  185.   all: revert;
  186. }
  187.  
  188. #posting-extra-table {
  189.   border-spacing: revert;
  190. }
  191.  
  192. .post-submit {
  193.   margin: revert;
  194.   min-width: revert;
  195. }
  196.  
  197. .posting-extra {
  198.   margin: revert;
  199. }
  200.  
  201. /*** BOARD ANNOUNCEMENT ***/
  202.  
  203. #panelMessage {
  204.   font-size: 14pt;
  205. }
  206.  
  207. /*** BOARD NAVIGATION ***/
  208.  
  209. .board-nav {
  210.   margin: revert;
  211. }
  212.  
  213. /*** POSTS/REPLIES ***/
  214.  
  215. .opCell {
  216.   margin: 1rem 0;
  217.   /*margin-left: 5px;*/
  218. }
  219.  
  220. .opHead > *,
  221. .postInfo > * {
  222.   vertical-align: revert;
  223. }
  224.  
  225. .innerPost,
  226. .markedPost {
  227.   display: table;
  228.   margin: 4px 0;
  229.   padding: 2px;
  230.   border-width: revert;
  231.   border-style: revert;
  232. }
  233.  
  234. deletionCheckBox {
  235.   margin: 3px !important;
  236. }
  237.  
  238. .extraMenuButton i {
  239.   font-size: 16pt;
  240.   line-height: 16px;
  241.   vertical-align: -2px;
  242.   padding-left: 4px;
  243.   padding-right: 4px;
  244.   padding-top: 0;
  245. }
  246.  
  247. .hideButton i {
  248.   font-size: revert;
  249.   padding: revert;
  250. }
  251.  
  252. .linkName.noEmailName {
  253.   color: #117743 !important;
  254.   cursor: text;
  255. }
  256.  
  257. .linkSelf,
  258. .linkQuote,
  259. .linkSelf:visited,
  260. .linkQuote:visited {
  261.   text-decoration: none;
  262. }
  263.  
  264. .panelBacklinks a {
  265.   font-size: revert;
  266.   margin: 0;
  267. }
  268.  
  269. figure.uploadCell {
  270.   margin: 0;
  271.   padding: 0;
  272. }
  273.  
  274. .uploadDetails {
  275.   margin: revert;
  276.   margin-top: 2px;
  277.   margin-left: 20px;
  278. }
  279.  
  280. .imgLink {
  281.   float: left;
  282.   margin-left: 20px;
  283.   margin-right: 20px;
  284.   margin-top: 3px;
  285.   margin-bottom: 5px;
  286. }
  287.  
  288. .divMessage {
  289.   margin: 16px 40px;
  290.   padding: 0;
  291.   display: block;
  292. }
  293.  
  294. .spoiler {
  295.   padding: revert;
  296. }
  297.  
  298. .redText {
  299.   font-size: 14pt;
  300. }
  301.  
  302. .divBanMessage {
  303.   font-size: revert;
  304.   margin: revert;
  305.   margin-left: 40px;
  306.   margin-right: 40px
  307.   margin-top: 0;
  308.   margin-bottom: 16px;
  309. }
  310.  
  311. .embedButton.glowOnHover {
  312.   color: #34345C;
  313.   cursor: pointer;
  314.   margin-left: 4px
  315. }
  316.  
  317. .embedButton.glowOnHover:hover {
  318.   color: #d00;
  319. }
  320.  
  321. .postCell:not(:empty)::before {
  322.     content: ">>";
  323. }
  324.  
  325. .postCell::before {
  326.   float: left;
  327.   margin-right: 2px;
  328.   margin-top: 0;
  329.   margin-left: 2px;
  330. }
  331.  
  332. .labelLastEdit {
  333.   /*margin-left: 40px;*/
  334. }
  335.  
  336. .labelLastEdit {
  337.   color: #707070;
  338. }
  339.  
  340. .labelOmission {
  341.   color: #707070;
  342. }
  343.  
  344. /*** FOOTER ***/
  345.  
  346. .reportFieldset,
  347. #settingsFieldset {
  348.   border-style: none;
  349. }
  350.  
  351. .cute-bird img,
  352. .cute-bird img:hover {
  353.   filter: revert;
  354. }
  355.  
  356. /*** FUTABA ***/
  357.  
  358. html {
  359.   background-color: #ffffee;
  360.   color: #800000;
  361. }
  362.  
  363. .innerPost {
  364.   background-color: #f0e0d6;
  365. }
  366. .markedPost {
  367.   background-color: #f0c0b0 !important
  368. }
  369.  
  370. a,
  371. a:hover,
  372. a:visited {
  373.   color: #00e;
  374. }
  375.  
  376. .linkSelf,
  377. .linkQuote,
  378. .linkSelf:visited,
  379. .linkQuote:visited {
  380.   color: #800000;
  381. }
  382.  
  383. .quoteLink,
  384. .quoteLink:visited {
  385.   color: navy;
  386. }
  387.  
  388. .panelBacklinks a {
  389.   color: navy;
  390. }
  391.  
  392. .top-nav {
  393.   background-color: #f0e0d6;
  394.   border-bottom: 1px solid #800000;
  395. }
  396.  
  397. #posting-table th,
  398. #posting-extra-table th {
  399.   background-color: #ea8;
  400. }
  401.  
  402. .floatingMenu {
  403.   background-color: #f0e0d6;
  404.   border: 1px solid #800000;
  405. }
  406.  
  407. .menuClose {
  408.   color: #800000;
  409. }
  410.  
  411. .settingsTab {
  412.   background-color: #ffe;
  413. }
  414.  
  415. #selectedTab {
  416.   background-color: #ea8;
  417.   color: black;
  418. }
  419.  
  420. .reportFieldset,
  421. #settingsFieldset {
  422.   background-color: #f0e0d6;
  423. }
  424.  
  425. .dropzone {
  426.   color: black;
  427. }
  428.  
  429. #selectedDiv,
  430. #selectedDivQr {
  431.   color: black;
  432. }
  433.  
  434. #quick-reply {
  435.   background-color: #f0e0d6;
  436. }
  437.  
  438. #quick-reply .handle {
  439.   background-color: #ea8;
  440. }
  441.  
  442. #quick-reply .handle .close-btn {
  443.   color: #800000 !important;
  444. }
  445.  
  446. .labelSubject {
  447.   color: #cc1105;
  448. }
  449.  
  450. .redText {
  451.   color: #cc1105;
  452. }
  453.  
  454. .quoteLink.you::after,
  455. .quoteLink.op::after {
  456.   color: #800000;
  457. }
  458.  
  459. .extraMenu div, .hideMenu div {
  460.   color: #00e;
  461. }
  462.  
  463. /*** THE WEBRING ***/
  464.  
  465. .Webring {
  466.   font-family: revert;
  467. }
  468.  
  469. .WebringTable a:hover {
  470.   color: #ddd !important;
  471.   text-shadow: revert;
  472. }
  473.  
  474. .WebringTable a {
  475.   color: white;
  476. }
  477.  
  478. /*** TOMORROW THEME ADJUSTMENTS ***/
  479.  
  480. .theme_tomorrow #labelName {
  481.   font-family: revert;
  482. }
  483.  
  484. .theme_tomorrow #labelName, .theme_tomorrow #labelDescription {
  485.   color: revert;
  486. }
  487.  
  488. .theme_tomorrow #qrbody,
  489. .theme_tomorrow #fieldMessage {
  490.   font-family: revert;
  491. }
  492.  
  493. .theme_tomorrow a:hover,
  494. .theme_tomorrow .quoteLink:hover,
  495. .theme_tomorrow .watchedCellCloseButton:hover,
  496. .theme_tomorrow .filterDeleteButton:hover {
  497.   color: #5f89ac !important;
  498. }
  499.  
  500. .theme_tomorrow hr {
  501.   border-top: revert;
  502.   border-bottom: revert;
  503. }
  504.  
  505. .theme_tomorrow button,
  506. .theme_tomorrow input[type="submit"],
  507. .theme_tomorrow input[type="button"] {
  508.   box-shadow: revert;
  509.   border-color: black;
  510. }
  511.  
  512. .theme_tomorrow .linkName.noEmailName,
  513. .theme_tomorrow .labelYou {
  514.   color: #c5c8c6 !important;
  515. }
  516.  
  517. .theme_tomorrow .labelLastEdit {
  518.   color: #969896;
  519. }
  520.  
  521. .theme_tomorrow .labelOmission {
  522.   color: #969896;
  523. }
  524.  
  525. .theme_tomorrow .greenText {
  526.   color: #b5bd68;
  527. }
  528.  
  529. .theme_tomorrow .redText {
  530.   color: #cc6666;
  531. }
  532.  
  533. .theme_tomorrow .pinkText {
  534.   color: #c795a5;
  535. }
  536.  
  537. .theme_tomorrow .embedButton.glowOnHover {
  538.   color: #81a2be;
  539. }
  540.  
  541. .theme_tomorrow .embedButton.glowOnHover:hover {
  542.   color: #5f89ac;
  543. }
  544.  
  545. .theme_tomorrow .labelRole,
  546. .theme_tomorrow .global-announcement-board-owners-feel-free-to-hide-this,
  547. .theme_tomorrow .divBanMessage,
  548. .theme_tomorrow #panelMessage {
  549.   color: #e77;
  550. }
  551.  
  552. .theme_tomorrow .WebringButton {
  553.   color: #e9e;
  554. }
  555.  
  556. .theme_tomorrow a,
  557. .theme_tomorrow a:visited,
  558. .theme_tomorrow .menuClose,
  559. .theme_tomorrow .extraMenu div,
  560. .theme_tomorrow .hideMenu div {
  561.   color: #81a2be;
  562. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement