Advertisement
daysling

Untitled

May 15th, 2022
666
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.61 KB | None | 0 0
  1. <style>
  2.     @font-face {
  3.       font-family: Whitney;
  4.       src: url("https://discordapp.com/assets/6c6374bad0b0b6d204d8d6dc4a18d820.woff");
  5.       font-weight: 300;
  6.     }
  7.  
  8.     @font-face {
  9.       font-family: Whitney;
  10.       src: url("https://discordapp.com/assets/e8acd7d9bf6207f99350ca9f9e23b168.woff");
  11.       font-weight: 400;
  12.     }
  13.  
  14.     @font-face {
  15.       font-family: Whitney;
  16.       src: url("https://discordapp.com/assets/3bdef1251a424500c1b3a78dea9b7e57.woff");
  17.       font-weight: 500;
  18.     }
  19.  
  20.     @font-face {
  21.       font-family: Whitney;
  22.       src: url("https://discordapp.com/assets/be0060dafb7a0e31d2a1ca17c0708636.woff");
  23.       font-weight: 600;
  24.     }
  25.  
  26.     @font-face {
  27.       font-family: Whitney;
  28.       src: url("https://discordapp.com/assets/8e12fb4f14d9c4592eb8ec9f22337b04.woff");
  29.       font-weight: 700;
  30.     }
  31.  
  32.     body {
  33.       background-color: #36393e;
  34.       color: #dcddde;
  35.       font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, sans-serif;
  36.       font-size: 16px;
  37.       margin: 0;
  38.       padding: 0;
  39.     }
  40.  
  41.     .message-container {
  42.       display: flex;
  43.       flex-direction: column;
  44.       padding-left: 15px;
  45.       font-family: Arial, Helvetica, sans-serif;
  46.       font-weight: bold;
  47.     }
  48.  
  49.     .parent-container {
  50.       padding: 25px;
  51.       display: flex;
  52.       border-radius: 13px;
  53.     }
  54.     .parent-container:hover {
  55.       padding: 25px;
  56.       display: flex;
  57.       border-radius: 5px;
  58.       background-color: #26282c;
  59.     }
  60.     .avatar {
  61.       border-radius: 50%;
  62.       height: 50px;
  63.       width: 50px;
  64.     }
  65.  
  66.     .info__guild-name {
  67.       font-family: Arial, Helvetica, sans-serif;
  68.       font-weight: bold;
  69.       font-size: xx-large;
  70.       color: white;
  71.  
  72.     }
  73.  
  74.     .info {
  75.       display: flex;
  76.       max-width: 100%;
  77.       margin: 0 5px 10px;
  78.     }
  79.  
  80.   .info__channel-messages-count{
  81.           font-family: Arial, Helvetica, sans-serif;
  82.       font-weight: bold;
  83.   }
  84.     .info__guild-icon {
  85.       border-radius: 50%;
  86.       height: 50px;
  87.       width: 50px;
  88.     }
  89.  
  90.     .info__metadata {
  91.       flex: 1;
  92.       margin-left: 10px;
  93.     }
  94.  
  95.     .info__guild-icon-container {
  96.       flex: 0;
  97.     }
  98.     ::-webkit-scrollbar {
  99.     width: 15px;
  100.   }
  101.  
  102.   /* Track */
  103.   ::-webkit-scrollbar-track {
  104.     background: #b4b4b4b4;
  105.     border-radius: 4px;
  106.   }
  107.    
  108.   /* Handle */
  109.   ::-webkit-scrollbar-thumb {
  110.     background: rgb(94, 94, 94);
  111.     border-radius: 4px;
  112.   }
  113.  
  114.   /* Handle on hover */
  115.   ::-webkit-scrollbar-thumb:hover {
  116.     background: rgb(54, 54, 54);
  117.   }
  118.   img{
  119.     border-radius: 6px;
  120.   }
  121.   </style>
  122.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement