Advertisement
thequeenroyal

unholy

Oct 6th, 2022
800
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.48 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=IBM+Plex+Serif&family=Abril+Fatface&family=Montserrat:wght@500;900&display=swap');
  2. @font-face {
  3.    font-family: "Couture";
  4.   src: url(https://dl.dropbox.com/s/uooxtl95ioyu2f9/couture-bld.otf);
  5.  format("truetype"); }
  6. /* latin-ext */
  7. @font-face {
  8.   font-family: 'Montserrat';
  9.   font-style: normal;
  10.   font-weight: 400;
  11.   font-display: swap;
  12.   src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  13.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  14. }
  15. #unholy {
  16.   width: 720px;
  17.   height: auto;
  18.   margin: 25px 0 0;
  19.    
  20. }
  21. #unholy b {
  22.   color: var(--accent);
  23. }
  24. #unholy .base  {
  25.   width: 100%;
  26.   padding: 20px;
  27.   background: var(--background);
  28.   border: var(--border);
  29.  
  30. }
  31. #unholy .foto {
  32.   width: 100%;
  33.   height: 250px;
  34.   background: center/cover;
  35.    
  36. }
  37. #unholy .borda {
  38.   width: 100%;
  39.   height: auto;
  40.   padding: 10px;
  41.   box-sizing: border-box;
  42.   border: var(--border);
  43.  
  44. }
  45. #unholy .title {
  46.   font: 500 40px/150% Montserrat;
  47.   color: var(--color);
  48.   text-transform: uppercase;
  49.   text-align: center;
  50.   padding: 10px;
  51.   position: relative;
  52.   top: 80px;
  53. }
  54. #unholy .title n {
  55.   font: 900 40px/150% Montserrat;
  56.   color: var(--color);
  57.   text-transform: uppercase;
  58.   text-align: center;
  59.  
  60. }
  61. #unholy .line {
  62.   width: 85%;
  63.   font: 12px/150% IBM Plex Mono;
  64.   color: var(--color);
  65.   text-align: justify;
  66.   text-transform: lowercase;
  67.   position: relative;
  68.   top: 75px;
  69. }
  70.  
  71. #unholy .post {
  72.   background: var(--background);
  73.   font: 500 12px/230% Montserrat;
  74.   text-align: justify;
  75.   letter-spacing: .5px;
  76.   padding: 20px;
  77.   box-sizing: border-box;
  78.   color: var(--text);
  79. }
  80. #unholy .postbase {
  81.     background: var(--background);
  82.     width: 100%;
  83.   padding: 30px;
  84.   box-sizing: border-box;
  85.   border: var(--border);
  86.   margin-top: 5px;
  87. }  
  88. #unholy .notes {
  89.   width: 100%;
  90.   padding: 15px;
  91.  background: center/cover;
  92.   box-sizing: border-box;
  93. }
  94.  
  95. #unholy .notes b {
  96.   font: 13px/100% IBM Plex Mono;
  97.   color: var(--color);
  98.   text-transform: lowercase;
  99.   text-align: center;
  100.  background: #0000001c;
  101.  
  102.  
  103. }
  104.  
  105. #unholy:after {
  106.   display: block;
  107.   content: "starlight";
  108.   padding: 5px 10px;
  109.   font: 10px Consolas;
  110.   text-transform: uppercase;
  111.   opacity: .4;
  112.   font-weight: bold;
  113.   color: #8c8c8c; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement