Advertisement
thequeenroyal

ursominion

Oct 7th, 2022
1,342
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.66 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. #ursominion {
  16.   width: 720px;
  17.   height: auto;
  18.   margin: 25px 0 0;
  19.    
  20. }
  21. #ursominion b {
  22.   color: var(--accent);
  23. }
  24.  #ursominion .base {
  25. width: 100%;
  26.   padding: 25px;
  27.   border: var(--border);
  28.   background: var(--background);
  29.  }  
  30. #ursominion .heads {
  31. width: 100%;
  32.   height: auto;
  33.   padding: 10px;
  34.   border:  var(--border);
  35.   box-sizing: border-box;
  36.   margin-left: 3px;
  37.   margin-top: 5px;
  38.  
  39. }
  40. #ursominion  .head {
  41.   width: 80px;
  42.   head: 80px;
  43.   padding: 10px;
  44.   border:var(--border);
  45.   margin-left: -3px;
  46.   margin-top: 5px;
  47. }
  48. #ursominion .foto {
  49.   width: 80px;
  50.   height: 80px;
  51.   background: center/cover;
  52.  
  53. }
  54. #ursominion .quote {
  55. width: 100%;
  56.   height: 80px;
  57.   font: 13px/140% IBM Plex Mono;
  58.   text-transform: lowercase;
  59.   color: var(--color);
  60.   text-align: justify;
  61.  box-sizing: border-box;
  62.  
  63. }
  64. #ursominion .borda {
  65.   width: 100%;
  66.   head: auto;
  67.   padding: 10px;
  68.   box-sizing: border-box;
  69.   border: var(--border);
  70. }
  71. #ursominion .title {
  72.   font: 500 40px/150% Montserrat;
  73.   color: var(--color);
  74.   text-align: center;
  75.   text-transform: uppercase;
  76. }
  77.  
  78. #ursominion .post {
  79.   background: var(--background);
  80.   font: 500 12px/230% Montserrat;
  81.   text-align: justify;
  82.   letter-spacing: .5px;
  83.   padding: 20px;
  84.   box-sizing: border-box;
  85.   color: var(--text);
  86. }
  87. #ursominion .postbase {
  88.     background: var(--background);
  89.     width: 100%;
  90.   padding: 30px;
  91.   box-sizing: border-box;
  92.   border: var(--border);
  93.   margin-top: 3px;
  94. }  
  95.  
  96. #ursominion .title n {
  97.   font: 900 40px/150% Montserrat;
  98.   color: var(--accent);
  99.   text-transform: uppercase;
  100.   text-align: center
  101. }
  102. #ursominion .notas {
  103.   font: 12px/140% IBM Plex Mono;
  104.   color: var(--color);
  105.   text-align: center;
  106.   background: var(--background);
  107.   text-transform: lowercase;
  108. }
  109. #ursominion:after {
  110.   display: block;
  111.   content: "starlight";
  112.   padding: 5px 10px;
  113.   font: 10px Consolas;
  114.   text-transform: uppercase;
  115.   opacity: .4;
  116.   font-weight: bold;
  117.   color: #8c8c8c; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement