SHARE
TWEET

Untitled

a guest Feb 27th, 2020 100 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Theme%20-%20Compressed.css";
  2.  
  3. @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";
  4.  
  5. @\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-%20Hover%20Image%20On%20Circle%20Compressed.css";
  6.  
  7. /*-S-T-A-R-T--------------------*\
  8. | Theme Colours                  |
  9. \*------------------------------*/
  10.  
  11. :root {
  12.     /* Generic Colours */
  13.     --pbg: #D6B8C4;
  14.     --bg: #FFFFFF;
  15.     --bg-dark: #ddd;
  16.     --text: #F48498;
  17.     --text-h: #F48498;
  18.     --text-dim: #bababa;
  19.     --text-dim-h: #646464;
  20.     --text-dark: #111;
  21.     --icon: #323232;
  22.     --accent: #E78F8E;
  23.  
  24.     /* Button Colours */
  25.     --btn-bg: #fff;
  26.     --btn-bg-h: #C14D4D;
  27.     --btn-head-bg-h: #C14D4D;
  28.     --btn-text-h: #fff;
  29.  
  30.     /* Header Colours */
  31.     --text-head: #C14D4D;
  32.     --text-head-h: #C14D4D;
  33.  
  34.     /* Status Colours */
  35.     --watching: #E78F8E;
  36.     --completed: #E78F8E;
  37.     --onhold: #E78F8E;
  38.     --dropped: #E78F8E;
  39.     --plantowatch: #E78F8E;
  40.  
  41.     /* Single-Use Colours */
  42.     --cover-bg: #E78F8E;
  43.     --edit-btn: #E78F8E;
  44.     --checkmark: #E78F8E;
  45. }
  46.  
  47. /*------------------------E-N-D-*/
  48.  
  49. /*-S-T-A-R-T--------------------*\
  50. | Character Renders R0.3         |
  51. \*------------------------------*/
  52.  
  53. footer:before, footer:after {
  54.     content: "";
  55.     position: fixed;
  56.     top: 0;
  57.     z-index: -1;
  58.    
  59.     width: calc(50% - 538px);
  60.     min-width: 262px;
  61.     height: 100%;
  62.     background: transparent no-repeat center bottom / contain scroll;
  63. }
  64.  
  65. /* Left Render */
  66. footer:before {
  67.     right: calc(100% - (50% - 538px));
  68.    
  69.     background-image: url(URLHERE);
  70.     background-position: left bottom;
  71. }
  72.  
  73. /* Right Render */
  74. footer:after {
  75.     left: calc(100% - (50% - 538px));
  76.    
  77.     background-image: url(https://i.imgur.com/9QvPoSp.png);
  78.     background-position: right bottom;
  79. }
  80.  
  81. /*------------------------E-N-D-*/
  82.  
  83. body { --avatar: url(https://66.media.tumblr.com/3c309c63898238438aa35898d0ec510d/tumblr_pxsm694SWg1rg9sr0o2_250.png); }
  84.  
  85. body { --banner: url(https://i.imgur.com/8DsjJgz.jpg); }
  86.  
  87. body { --character: url(none); }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top