Advertisement
Guest User

julay burichan theme v1.1

a guest
Apr 13th, 2020
566
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.13 KB | None | 0 0
  1. /* Julay Burichan Theme v1.1 */
  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.   margin: 8px 0;
  30. }
  31.  
  32. p {
  33.   margin: 0;
  34. }
  35.  
  36. .bracket-list {
  37.   color: revert;
  38. }
  39.  
  40. .bracket-list > *:not(:last-child)::after {
  41.   color: revert;
  42.   font-size: revert;
  43.   padding-left: 4px;
  44.   padding-right: 4px;
  45. }
  46.  
  47. .bracket-button::before,
  48. .bracket-button::after {
  49.   color: revert;
  50. }
  51.  
  52. a, a:visited {
  53.   text-decoration: revert;
  54. }
  55.  
  56. a:hover {
  57.   color: #d00 !important;
  58. }
  59.  
  60. /*** NAVIGATION BAR ***/
  61.  
  62. .top-nav {
  63.   font-size: 11pt;
  64.   padding: 2px 0;
  65.   position: sticky;
  66.   margin-top: -5px;
  67.   margin-left: -5px;
  68.   width: calc(100% + 10px);
  69. }
  70.  
  71. .WebringButton {
  72.   font-size: inherit;
  73.   text-shadow: none;
  74.   color: magenta;
  75. }
  76.  
  77. /*** FLOATING MENU ***/
  78.  
  79. #watchedMenu,
  80. #settingsMenu {
  81.   width: revert;
  82. }
  83.  
  84. .floatingMenu {
  85.   box-shadow: revert;
  86. }
  87.  
  88. #settingsMenu {
  89.   min-height: revert;
  90. }
  91.  
  92. .floatingMenu .header {
  93.   padding: 0.25rem 0.5rem;
  94. }
  95.  
  96. .settingsTabs {
  97.   margin: 0;
  98. }
  99.  
  100. .settingsTab {
  101.   border-radius: revert;
  102.   padding: 0.125rem 0.5rem;
  103. }
  104.  
  105. .settingsContentPanel {
  106.   margin: 0;
  107.   margin-top: 4px;
  108. }
  109.  
  110. .settingsContentPanel textarea {
  111.   min-width: 300px;
  112. }
  113.  
  114. #quick-reply {
  115.   border: 1px solid #b7c5d9;
  116. }
  117.  
  118. .post-table {
  119.   margin-top: revert;
  120. }
  121.  
  122. .post-table textarea {
  123.   min-height: 6rem;
  124. }
  125.  
  126. .posting-extra summary {
  127.   padding: 2px 4px;
  128. }
  129.  
  130. .qr-details table {
  131.   margin: 0 -3px 0;
  132.   /*width: calc(100%);*/
  133. }
  134.  
  135. .post-table [type="text"], .post-table [type="password"], .post-table textarea {
  136.   height: revert;
  137. }
  138.  
  139. .post-table [type="password"] {
  140.   width: calc(100%);
  141. }
  142.  
  143. /*** BOARD TITLE/HEADER AREA ***/
  144.  
  145. #bannerImage {
  146.   max-height: 100px !important;
  147.   max-width: 300px !important;
  148. }
  149.  
  150. .board-header {
  151.   margin: revert;
  152. }
  153.  
  154. #labelName {
  155.   font-family: inherit;
  156.   font-size: 24pt;
  157.   font-weight: 700;
  158. }
  159.  
  160. #labelDescription {
  161.   font-size: 10pt;
  162.   color: #af0a0f;
  163. }
  164.  
  165. #favouriteButton.checkedFavouriteButton {
  166.   text-shadow: none;
  167. }
  168.  
  169. /*** GLOBAL ANNOUNCEMENT ***/
  170.  
  171. .global-announcement-board-owners-feel-free-to-hide-this {
  172.   margin: revert;
  173. }
  174.  
  175. /*** NEW THREAD/REPLY BOX ***/
  176.  
  177. #postingForm {
  178.   margin: revert;
  179. }
  180.  
  181. #posting-table {
  182.   border-spacing: 1px;
  183. }
  184.  
  185. #posting-table th,
  186. #posting-extra-table th {
  187.   padding: revert;
  188. }
  189.  
  190. #posting-table textarea {
  191.   height: 6rem;
  192.   min-height: 6rem;
  193. }
  194.  
  195. [type="text"],
  196. [type="password"],
  197. [type="number"],
  198. textarea {
  199.   background-color: revert;
  200.   color: revert;
  201.   border: revert;
  202.   padding: revert;
  203. }
  204.  
  205. #qrbody,
  206. #fieldMessage {
  207.   font-family: revert;
  208.   font-size: revert;
  209. }
  210.  
  211. .dropzone p {
  212.   transition: revert;
  213.   border: 2px dashed #7776;
  214. }
  215.  
  216. button,
  217. input[type="submit"],
  218. input[type="button"],
  219. .Button {
  220.   all: revert;
  221. }
  222.  
  223. #posting-extra-table {
  224.   border-spacing: 1px;
  225. }
  226.  
  227. .post-submit {
  228.   margin: revert;
  229.   min-width: revert;
  230. }
  231.  
  232. .posting-extra {
  233.   margin: revert;
  234. }
  235.  
  236. /*** BOARD ANNOUNCEMENT ***/
  237.  
  238. #panelMessage {
  239.   font-size: 14pt;
  240. }
  241.  
  242. #panelMessage #divMessage {
  243.   margin: 1.4rem 0;
  244. }
  245.  
  246. /*** BOARD NAVIGATION ***/
  247.  
  248. .board-nav {
  249.   margin: revert;
  250.   margin-bottom: 10px;
  251. }
  252.  
  253. /*** POSTS/REPLIES ***/
  254.  
  255. .opCell {
  256.   margin: 0;
  257. }
  258.  
  259. .opHead > *,
  260. .postInfo > * {
  261.   vertical-align: revert;
  262. }
  263.  
  264. .innerPost,
  265. .markedPost {
  266.   display: table;
  267.   margin: 4px 0;
  268.   padding: 2px;
  269.   border-width: revert;
  270.   border-style: revert;
  271. }
  272.  
  273. deletionCheckBox {
  274.   margin: 3px !important;
  275. }
  276.  
  277. .extraMenuButton i {
  278.   font-size: 16pt;
  279.   line-height: 16px;
  280.   vertical-align: -2px;
  281.   padding-left: 4px;
  282.   padding-right: 4px;
  283.   padding-top: 0;
  284. }
  285.  
  286. .hideButton i {
  287.   font-size: revert;
  288.   padding: revert;
  289. }
  290.  
  291. .linkName.noEmailName {
  292.   color: #117743 !important;
  293.   cursor: text;
  294. }
  295.  
  296. .linkSelf,
  297. .linkQuote,
  298. .linkSelf:visited,
  299. .linkQuote:visited {
  300.   text-decoration: none;
  301. }
  302.  
  303. .panelBacklinks a {
  304.   font-size: revert;
  305.   margin: 0;
  306. }
  307.  
  308. figure.uploadCell {
  309.   margin: 0;
  310.   padding: 0;
  311. }
  312.  
  313. /*.uploadDetails::before {
  314.   content: "File: ";  
  315. }*/
  316.  
  317. .uploadDetails {
  318.   font-size: revert;
  319.   margin: revert;
  320.   margin-top: 0px;
  321.   margin-left: 20px;
  322.   max-width: 400px;
  323.   white-space: nowrap;
  324. }
  325.  
  326. .panelUploads.multipleUploads .uploadCell .uploadDetails {
  327.   white-space: normal;
  328.   max-width: 256px;
  329. }
  330.  
  331. .nameLink {
  332.   display: none;
  333. }
  334.  
  335. .imgLink {
  336.   float: left;
  337.   margin-left: 20px;
  338.   margin-right: 20px;
  339.   margin-top: 3px;
  340.   margin-bottom: 5px;
  341. }
  342.  
  343. .divMessage {
  344.   margin: 16px 40px;
  345.   padding: 0;
  346.   display: block;
  347. }
  348.  
  349. .spoiler {
  350.   padding: revert;
  351. }
  352.  
  353. .redText {
  354.   font-size: 14pt;
  355. }
  356.  
  357. .divBanMessage::before {
  358.   display: none;
  359. }
  360.  
  361. .divBanMessage {
  362.   font-size: revert;
  363.   margin: revert;
  364.   margin-left: 40px;
  365.   margin-right: 40px;
  366.   margin-top: 0;
  367.   margin-bottom: 16px;
  368. }
  369.  
  370. .embedButton.glowOnHover {
  371.   color: #34345C;
  372.   cursor: pointer;
  373.   margin-left: 4px
  374. }
  375.  
  376. .embedButton.glowOnHover:hover {
  377.   color: #d00;
  378. }
  379.  
  380. .postCell:not(:empty)::before {
  381.     content: ">>";
  382. }
  383.  
  384. .postCell::before {
  385.   float: left;
  386.   margin-right: 2px;
  387.   margin-top: 0;
  388.   margin-left: 2px;
  389. }
  390.  
  391. .labelLastEdit {
  392.   color: #707070;
  393. }
  394.  
  395. .labelOmission {
  396.   color: #707070;
  397. }
  398.  
  399. .labelId {
  400.   border-radius: 0;
  401.   margin: 0;
  402.   padding: 0 4px;
  403. }
  404.  
  405. .extraMenu, .hideMenu {
  406.   margin: 0;
  407.   padding: 4px 0;
  408.   min-width: 110px;
  409.   left: revert;
  410.   top: revert;
  411. }
  412.  
  413. /*** FOOTER ***/
  414.  
  415. #board-index #board-bottom-nav,
  416. #board-thread #board-bottom-nav {
  417.   margin: 0;
  418. }
  419.  
  420. #board-bottom-nav .bracket-button {
  421.   float: left;
  422. }
  423.  
  424. #pages-container {
  425.   margin-right: auto;
  426. }
  427.  
  428. #boardContentLinks {
  429.   margin-left: auto;
  430.   margin-right: 10px;
  431. }
  432.  
  433. #actionsForm {
  434.   float: right;
  435. }
  436.  
  437. #actionsForm summary,
  438. #bottomForms summary {
  439.   text-align: right;
  440. }
  441.  
  442. #actionsForm details {
  443.   margin: 0;
  444.   margin-top: 2px;
  445. }
  446.  
  447. .reportFieldset,
  448. #settingsFieldset {
  449.   border-style: none;
  450.   margin: 0;
  451.   min-height: 261px;
  452. }
  453.  
  454. .contentAction {
  455.   padding-bottom: revert;
  456. }
  457.  
  458. .cute-bird {
  459.   /*float: left;*/
  460.   margin-right: 0;
  461.   height: revert;
  462. }
  463.  
  464. .cute-bird img {
  465.   height: 32px;
  466.   width: 48px
  467. }
  468.  
  469. .cute-bird img,
  470. .cute-bird img:hover {
  471.   filter: revert;
  472.   margin: revert;
  473.   padding: revert;
  474. }
  475.  
  476. /*** MODERATOR ***/
  477.  
  478. .panelASN,
  479. .panelIp,
  480. .divHash {
  481.   display: block;
  482.   margin-left: 20px;
  483. }
  484.  
  485. #divMod {
  486.   padding-bottom: 24px;
  487. }
  488.  
  489. /*** FUTABA ***/
  490.  
  491. /*
  492. html {
  493.   background-color: #ffffee;
  494.   color: #800000;
  495. }
  496.  
  497. .innerPost {
  498.   background-color: #f0e0d6;
  499. }
  500. .markedPost {
  501.   background-color: #f0c0b0 !important
  502. }
  503.  
  504. a,
  505. a:hover,
  506. a:visited {
  507.   color: #00e;
  508. }
  509.  
  510. .linkSelf,
  511. .linkQuote,
  512. .linkSelf:visited,
  513. .linkQuote:visited {
  514.   color: #800000;
  515. }
  516.  
  517. .quoteLink,
  518. .quoteLink:visited {
  519.   color: navy;
  520. }
  521.  
  522. .panelBacklinks a {
  523.   color: #00e;
  524. }
  525.  
  526. .top-nav {
  527.   background-color: #f0e0d6;
  528.   border-bottom: 1px solid #d9bfb7;
  529. }
  530.  
  531. #posting-table th,
  532. #posting-extra-table th {
  533.   background-color: #ea8;
  534. }
  535.  
  536. .floatingMenu {
  537.   background-color: #f0e0d6;
  538.   border: 1px solid #d9bfb7;
  539. }
  540.  
  541. .menuClose {
  542.   color: #800000;
  543. }
  544.  
  545. .settingsTab {
  546.   background-color: #ffe;
  547. }
  548.  
  549. #selectedTab {
  550.   background-color: #ea8;
  551.   color: black;
  552. }
  553.  
  554. .reportFieldset,
  555. #settingsFieldset {
  556.   background-color: #f0e0d6;
  557. }
  558.  
  559. .dropzone {
  560.   color: black;
  561. }
  562.  
  563. #selectedDiv,
  564. #selectedDivQr {
  565.   color: black;
  566. }
  567.  
  568. #quick-reply {
  569.   background-color: #f0e0d6;
  570. }
  571.  
  572. #quick-reply .handle {
  573.   background-color: #ea8;
  574. }
  575.  
  576. #quick-reply .handle .close-btn {
  577.   color: #800000 !important;
  578. }
  579.  
  580. .labelSubject {
  581.   color: #cc1105;
  582. }
  583.  
  584. .redText {
  585.   color: #cc1105;
  586. }
  587.  
  588. .quoteLink.you::after,
  589. .quoteLink.op::after {
  590.   color: #800000;
  591. }
  592.  
  593. .extraMenu div, .hideMenu div {
  594.   color: #00e;
  595. }
  596. */
  597.  
  598. /*** TOMORROW THEME ADJUSTMENTS ***/
  599.  
  600. .theme_tomorrow #labelName {
  601.   font-family: revert;
  602. }
  603.  
  604. .theme_tomorrow #labelName, .theme_tomorrow #labelDescription {
  605.   color: revert;
  606. }
  607.  
  608. .theme_tomorrow #qrbody,
  609. .theme_tomorrow #fieldMessage {
  610.   font-family: revert;
  611. }
  612.  
  613. .theme_tomorrow a:hover,
  614. .theme_tomorrow .quoteLink:hover,
  615. .theme_tomorrow .watchedCellCloseButton:hover,
  616. .theme_tomorrow .filterDeleteButton:hover {
  617.   color: #5f89ac !important;
  618. }
  619.  
  620. .theme_tomorrow hr {
  621.   border-top: revert;
  622.   border-bottom: revert;
  623. }
  624.  
  625. .theme_tomorrow button,
  626. .theme_tomorrow input[type="submit"],
  627. .theme_tomorrow input[type="button"] {
  628.   box-shadow: revert;
  629.   border-color: black;
  630. }
  631.  
  632. .theme_tomorrow .linkName.noEmailName,
  633. .theme_tomorrow .labelYou {
  634.   color: #c5c8c6 !important;
  635. }
  636.  
  637. .theme_tomorrow .labelLastEdit {
  638.   color: #969896;
  639. }
  640.  
  641. .theme_tomorrow .labelOmission {
  642.   color: #969896;
  643. }
  644.  
  645. .theme_tomorrow .greenText {
  646.   color: #b5bd68;
  647. }
  648.  
  649. .theme_tomorrow .redText {
  650.   color: #cc6666;
  651. }
  652.  
  653. .theme_tomorrow .pinkText {
  654.   color: #c795a5;
  655. }
  656.  
  657. .theme_tomorrow .embedButton.glowOnHover {
  658.   color: #81a2be;
  659. }
  660.  
  661. .theme_tomorrow .embedButton.glowOnHover:hover {
  662.   color: #5f89ac;
  663. }
  664.  
  665. .theme_tomorrow .labelRole,
  666. .theme_tomorrow .global-announcement-board-owners-feel-free-to-hide-this,
  667. .theme_tomorrow .divBanMessage,
  668. .theme_tomorrow #panelMessage {
  669.   color: #e77;
  670. }
  671.  
  672. .theme_tomorrow .WebringButton {
  673.   color: #e9e;
  674. }
  675.  
  676. .theme_tomorrow a,
  677. .theme_tomorrow a:visited,
  678. .theme_tomorrow .menuClose,
  679. .theme_tomorrow .extraMenu div,
  680. .theme_tomorrow .hideMenu div {
  681.   color: #81a2be;
  682. }
  683.  
  684. /*** THE WEBRING ***/
  685.  
  686. .Webring {
  687.   font-family: revert;
  688. }
  689.  
  690. .WebringTable a:hover {
  691.   color: #ddd !important;
  692.   text-shadow: revert;
  693. }
  694.  
  695. .WebringTable a {
  696.   color: white !important;
  697. }
  698.  
  699. /*** SMALL THUMBNAILS ***/
  700.  
  701. .imgLink > img[src^="/.media/"],
  702. .imgLink[src$="videomp4"],
  703. .imgLink[src$="videowebm"],
  704. .imgLink[src$="audioogg"],
  705. .imgLink[src$="audiompeg"],
  706. img[src="/genericThumb.png"],
  707. img[src="https://julay.world/audioGenericThumb.png"] {
  708.   max-height: 128px;
  709.   max-width: 128px;
  710. }
  711.  
  712. .panelUploads.multipleUploads .uploadCell .uploadDetails {
  713.   font-size: 9pt;
  714.   max-width: 150px;
  715. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement