thequeenroyal

rising home

Oct 18th, 2023 (edited)
940
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.67 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&family=Poppins:wght@500;900&family=Playfair+Display:ital,wght@1,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. }
  12.  
  13. /* latin-ext */
  14. @font-face {
  15.   font-family: 'Karla';
  16.   font-style: normal;
  17.   font-weight: 500;
  18.   font-display: swap;
  19.   src: url(https://fonts.gstatic.com/s/karla/v31/qkBIXvYC6trAT55ZBi1ueQVIjQTDypqaHUlKd7c.woff2) format('woff2');
  20.   unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  21. }
  22. /* latin */
  23. @font-face {
  24.   font-family: 'Karla';
  25.   font-style: normal;
  26.   font-weight: 500;
  27.   font-display: swap;
  28.   src: url(https://fonts.gstatic.com/s/karla/v31/qkBIXvYC6trAT55ZBi1ueQVIjQTDypqaE0lK.woff2) format('woff2');
  29.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  30. }
  31.  
  32. #rising_home {
  33.   width: 720px;
  34.   height: auto;
  35.   margin: 25px 0 0;
  36.    
  37. }
  38. #rising_home b {
  39.   color: var(--accent);
  40. }
  41. #rising_home .basing {
  42.   width: 100%;
  43.   padding: 35px;
  44.   border: var(--border);
  45. box-sizing: border-box;
  46. }
  47.   #rising_home .bases {
  48.     width: 100%;
  49.    background: var(--background);
  50.    box-sizing: border-box;
  51.   border: var(--border);
  52.   }
  53. #rising_home .title {
  54.   font: 900 40px/150% Playfair Display;
  55.   color: var(--color);
  56.   text-align: center;
  57.   padding: 10px;
  58.   box-sizing: border-box;
  59. }
  60. #rising_home .title:after {
  61.   content:'';
  62.   display: block;
  63.   margin: 25px auto;
  64.   width: 50%;
  65.   height: 5px;
  66.   background: var(--accent);
  67.  
  68. }
  69. #rising_home .post {
  70.   background: var(--background);
  71.   font: 500 14px/235% Karla;
  72.   text-align: justify;
  73.   letter-spacing: .5px;
  74.   padding: 20px;
  75.   box-sizing: border-box;
  76.   color: var(--text);
  77. }
  78. #rising_home .postbase {
  79.     background: var(--background);
  80.     width: 100%;
  81.   padding: 30px;
  82.   box-sizing: border-box;
  83. }
  84. #rising_home .post span {
  85.   background: var(--accent);
  86.   padding: 10px 25px;
  87.   font: 40px Abril Fatface;
  88.   text-transform: uppercase;
  89.   color: var(--color);
  90.   float: left;
  91.   margin: 5px 10px;
  92. }
  93.  #rising_home::after {
  94.   display: block;
  95.   content: "starlight";
  96.   padding: 5px 10px;
  97.   font: 10px Consolas;
  98.   text-transform: uppercase;
  99.   opacity: .4;
  100.   font-weight: bold;
  101.   color: #8c8c8c; }
Advertisement
Add Comment
Please, Sign In to add comment