Guido_Fe

beginworld-css

Mar 8th, 2021 (edited)
632
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. :root {
  3.     --main-bg-color: #2e3440;
  4.     --main-fg-color: #d8dee9;
  5.  
  6.     --color-black: #3b4252;
  7.     --color-red: #bf616a;
  8.     --color-green: #a3be8c;
  9.     --color-yellow: #ebcb8b;
  10.     --color-blue: #81a1c1;
  11.     --color-purple: #b48ead;
  12.     --color-cyan: #88c0d0;
  13.     --color-gray: #e5e9f0;
  14.     --color-black-light: #4c566a;
  15. }
  16.  
  17. body {
  18.     color: var(--main-fg-color);
  19.     background-color: var(--main-bg-color);
  20.    
  21. }
  22.  
  23. a {
  24.     color: inherit;
  25.     text-decoration: none;
  26. }
  27.  
  28. h1 {
  29.     text-align: center;
  30.     color: var(--color-red);
  31.    
  32. }
  33.  
  34.  
  35. .flex-right {
  36.     padding: 10pt;
  37.     padding-bottom: 0pt;
  38.     background-color: var(--color-blue);
  39.     border-style: dashed;
  40.     border-width: 2pt;
  41.     border-radius: 10pt;
  42.     border-color: var(--main-fg-color);
  43.     color: var(--color-black-light);
  44.     font-weight: bold;
  45. }
  46.  
  47. .flex-right code{
  48.     background-color: var(--color-black-light);
  49.     color: var(--main-fg-color);
  50.     padding: 4pt;
  51.     border-radius: 5pt;
  52.  
  53. }
  54.  
  55. .flex-container {
  56.     align-items: flex-start;
  57.     justify-content: space-between;
  58. }
  59.  
  60. .flex-left nav {
  61.     line-height: 25pt;
  62. }
  63.  
  64. .flex-left nav a{
  65.     padding-top: 6pt;
  66.     padding-bottom: 5pt;
  67.     padding-left: 5pt;
  68.     padding-right: 5pt;
  69. }
  70. .flex-left nav a:hover {
  71.     background-color: var(--color-green);
  72.     color: var(--color-black);
  73.  
  74. }
RAW Paste Data