Advertisement
az4521

Discord Old-style CSS

Jun 30th, 2017 (edited)
1,008
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 19.48 KB | None | 0 0
  1. /*window cleanup*/
  2. [class*="wordmark"] {
  3.     display: none;
  4. }
  5.  
  6. [class*="winButton"]:hover {
  7.     background-color: hsla(0, 0%, 100%, .05)!important;
  8. }
  9.  
  10. [class*="sidebar"] {
  11.     border-radius: 0!important;
  12. }
  13.  
  14. /*channel icons*/
  15. #channels [aria-label*="Text"][role="img"] svg,
  16. #channels [aria-label*="Voice"][role="img"] svg {
  17.     width: 14px;
  18.     height: 14px;
  19.     padding: 4px
  20. }
  21.  
  22. #channels {
  23.     overflow-y: overlay!important;
  24. }
  25.  
  26. #channels [aria-label*="channel)"] [role="button"] svg path {
  27.     opacity: 0.75
  28. }
  29.  
  30. #channels [aria-label*="(voice channel)"] [aria-label*="Voice"] svg path {
  31.     display: none;
  32. }
  33.  
  34. #channels [aria-label*="(voice channel)"] [aria-label*="Voice"] svg {
  35.     background-size: 10px;
  36.     filter: invert(50%);
  37.     background-image: url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ x=\'0px\'\ y=\'0px\'\ width=\'306px\'\ height=\'306px\'%3E%3Cpolygon\ points=\'94.35,0\ 58.65,35.7\ 175.95,153\ 58.65,270.3\ 94.35,306\ 247.35,153\'/%3E%3C/svg%3E);
  38.     background-repeat: no-repeat;
  39.     background-position: center;
  40.     transition: transform 0.2s
  41. }
  42.  
  43. [class*="onnected"] [aria-label*="(voice channel)"] [aria-label*="Voice"] svg {
  44.     transform: rotate(90deg);
  45. }
  46.  
  47. /*voice buttons*/
  48. [aria-label="User area"] [class*="buttons"] button,
  49. [aria-label="User area"] [class*="voiceButtons"] button {
  50.     width: 34px;
  51.     border-width: 0 0 0 1px;
  52.     border-color: #222;
  53.     border-style: solid;
  54.     border-radius: 0
  55. }
  56.  
  57. [aria-label="User area"] [class*="buttons"] *:last-child,
  58. [aria-label="User area"] [class*="voiceButtons"] *:last-child {
  59.     border-width: 0 0 0 1px;
  60.     border-radius: 0 3px 3px 0;
  61. }
  62.  
  63. [aria-label="User area"] [class*="buttons"] *:first-child,
  64. [aria-label="User area"] [class*="voiceButtons"] *:first-child {
  65.     border-width: 0!important;
  66.     border-radius: 3px 0 0 3px;
  67. }
  68.  
  69. [aria-label="User area"] [class*="buttons"] * svg,
  70. [aria-label="User area"] [class*="voiceButtons"] * svg {
  71.     opacity: 0.75;
  72. }
  73.  
  74. [aria-label="User area"] [class*="buttons"] *:hover svg,
  75. [aria-label="User area"] [class*="voiceButtons"] *:hover svg {
  76.     opacity: 1;
  77. }
  78.  
  79. [aria-label="User area"] [class*="buttons"],
  80. [aria-label="User area"] [class*="voiceButtons"] {
  81.     border-width: 1px;
  82.     border-radius: 3px;
  83.     border-style: solid;
  84.     border-color: #222;
  85.     background: rgb(46, 49, 54);
  86.     height: 34px;
  87.     box-shadow: inset 0 -2px 0 0 hsl(218, 9%, 17%);
  88.  
  89. }
  90.  
  91. /*voice channel user counts*/
  92. [aria-label*="voice channel)"] [class*="total"]:after {
  93.     content: "/"!important;
  94.     border: none!important;
  95.     padding-left: 0.1em;
  96. }
  97.  
  98. [aria-label*="voice channel)"] [class*="users"],
  99. [aria-label*="voice channel)"] [class*="total"] {
  100.     background: none!important;
  101. }
  102.  
  103. /*text channel selection*/
  104. #channels .containerDefault_c69b6d[class*="selected"] {
  105.     border-radius: 0;
  106.     margin: 0;
  107.     border-left: 3px solid #7289d9!important;
  108.     background: linear-gradient(to right, #282b30 85%, #2f3136)
  109. }
  110.  
  111. #channels .containerDefault_c69b6d[class*="selected"] [class*="unread"] {
  112.     display: none;
  113. }
  114.  
  115. #channels .containerDefault_c69b6d  a,
  116. #channels .containerDefault_c69b6d [class*="link"] {
  117.     background: none!important;
  118.     padding-right: 12px;
  119. }
  120.  
  121. #channels .containerDefault_c69b6d:hover {
  122.     background: linear-gradient(to right, #292c31 85%, #2f3136);
  123. }
  124.  
  125. #channels [class*="spine"] {
  126.     z-index: 1;
  127. }
  128.  
  129. #channels .containerDefault_c69b6d[class*="selected"] [class*="spine"] {
  130.     left: 19px;
  131. }
  132.  
  133. /*friends list*/
  134. [aria-label="Private channels"] a {
  135.     padding: 1px 8px 1px 16px;
  136.     margin: 0;
  137.     border-radius: 0;
  138.     height: 42px
  139. }
  140.  
  141. [aria-label="Private channels"] li {
  142.     margin-left: 0;
  143.     max-width: unset!important;
  144. }
  145.  
  146. [aria-label="Private channels"] li>div {
  147.     padding-right: 0;
  148.     background: none;
  149. }
  150.  
  151. [aria-label="Private channels"] li>div:hover {
  152.     background: linear-gradient(to right, rgba(40, 43, 48, .6) 85%, rgba(47, 49, 54, .6))
  153. }
  154.  
  155. [aria-label="Private channels"] div[class*="selected"] {
  156.     border-left: 3px solid #7289d9;
  157.     background: linear-gradient(to right, #282b30 85%, #2f3136);
  158.     margin-left: 0;
  159.     border-radius: 0;
  160. }
  161.  
  162. [aria-label="Private channels"] a>div {
  163.     background-color: unset!important;
  164. }
  165.  
  166. /*member list*/
  167. [aria-label="Members"]>div:not(:first-child) {
  168.     padding-left: 8px;
  169.     margin: 0;
  170.     border-radius: 0;
  171.     max-width: unset!important;
  172. }
  173.  
  174. [aria-label="Members"]>div:not(:first-child):hover,
  175. [aria-label="Members"]>div:not(:first-child)[class*="selected"] {
  176.     background: linear-gradient(to right, #282b30 85%, #2f3136);
  177. }
  178.  
  179. [aria-label="Members"]>div:not(:first-child)>div {
  180.     background-color: unset!important;
  181. }
  182.  
  183. /*square roles*/
  184.  
  185. [id*="popout"] [aria-label="Roles"] [class*="pill"],
  186. [id*="popout"] [aria-label="Role"] [class*="pill"],
  187. [aria-label="View All Roles"],
  188. [aria-label="Collapse Roles"] {
  189.     display: grid!important;
  190.     grid-template-columns: 1fr;
  191.     grid-template-rows: 1fr;
  192.     border-radius: 3px;
  193.     border-width: 1px;
  194.     border-style: solid;
  195.     padding: 0!important
  196. }
  197.  
  198. [id*="popout"] [aria-label="Roles"] [class*="pill"] *,
  199. [id*="popout"] [aria-label="Role"] [class*="pill"] * {
  200.     margin: 0!important;
  201. }
  202.  
  203. [id*="popout"] [aria-label="Roles"] [class*="pill"] img,
  204. [id*="popout"] [aria-label="Role"] [class*="pill"] img {
  205.     display: none;
  206. }
  207.  
  208. [aria-label="Remove Role"] svg {
  209.     opacity: 0;
  210. }
  211.  
  212. [id*="popout"] [aria-label="Roles"] [class*="roleRemoveButton"],
  213. [id*="popout"] [aria-label="Role"] [class*="roleRemoveButton"],
  214. [id*="popout"] [aria-label="Roles"] [class*="roleName"],
  215. [id*="popout"] [aria-label="Role"] [class*="roleName"],
  216. [aria-label="Remove Role"] {
  217.     grid-column: 1;
  218.     grid-row: 1;
  219. }
  220.  
  221. [id*="popout"] [class*="roleCircle"] {
  222.     opacity: 0.2;
  223.     border-radius: 3px!important;
  224.     height: 22px!important;
  225.     width: 100%!important;
  226. }
  227.  
  228. [id*="popout"] [aria-label="Roles"] [class*="roleName"],
  229. [id*="popout"] [aria-label="Role"] [class*="roleName"] {
  230.     padding: 2px 6px!important;
  231. }
  232.  
  233. /*search popout*/
  234. ul[aria-labelledby="SEARCH_OPTIONS-header"] div[role="option"],
  235. ul[aria-labelledby="HISTORY-header"] div[role="option"] {
  236.     margin: 0;
  237.     padding: 0 20px;
  238.     border-radius: 0;
  239. }
  240.  
  241. ul[aria-labelledby="SEARCH_OPTIONS-header"] div[role="option"]:after,
  242. ul[aria-labelledby="HISTORY-header"] div[role="option"]:after {
  243.     background: none;
  244. }
  245.  
  246. ul[aria-labelledby="SEARCH_OPTIONS-header"] div[role="option"]:hover,
  247. ul[aria-labelledby="HISTORY-header"] div[role="option"]:hover {
  248.     background: linear-gradient(to right, rgba(40, 43, 48, .6) 85%, rgba(47, 49, 54, .6))
  249. }
  250.  
  251. /*grey chat box buttons*/
  252. [class*="channelTextArea"] button{
  253.     transition: filter .1s;
  254. }
  255.  
  256. [class*="channelTextArea"] button:not(:hover) {
  257.     filter: brightness(60%);
  258.  
  259. }
  260.  
  261. /*TODO square pings*/
  262. .numberBadge__50328 {
  263.     border-radius: 4px;
  264.     border: 2px solid #202225;
  265.     box-sizing: content-box;
  266. }
  267.  
  268. .lowerBadge-3WTshO {
  269.     bottom: -4px;
  270. }
  271.  
  272. .lowerBadge-3WTshO, .upperBadge-2XnnGB {
  273.     right: -4px;
  274. }
  275.  
  276. *[href*="badge_masks"] {
  277.     display: none;
  278. }
  279.  
  280. /*mobile online*/
  281. *[mask="url(#svg-mask-avatar-status-mobile-32)"] {
  282.     mask: url(#svg-mask-avatar-status-round-32);
  283. }
  284.  
  285. *[mask="url(#svg-mask-status-online-mobile)"][width="10"] {
  286.     mask: url(#svg-mask-status-online);
  287.     height: 10px;
  288.     y: 22px;
  289. }
  290.  
  291. /*reacts*/
  292. [id*="message-accessories"] [class*="reaction_"] {
  293.     border-radius: 2px!important;
  294.     border-width: 0px!important;
  295.     color: #7A7C80!important;
  296.     background-color: rgba(122, 124, 128, 0.15)!important;
  297. }
  298.  
  299. [id*="message-accessories"] [class*="reactionMe_"] {
  300.     color: #738BD7!important;
  301.     background-color: rgba(115, 139, 215, 0.15)!important;
  302. }
  303.  
  304. [id*="message-accessories"] [class*="reaction_"]:hover {
  305.     background-color: rgba(122, 124, 128, 0.25)!important;
  306. }
  307.  
  308. [id*="message-accessories"] [class*="reactionMe_"]:hover {
  309.     background-color: rgba(115, 139, 215, 0.25)!important;
  310. }
  311.  
  312. [id*="message-accessories"] [class*="reactionCount_"] {
  313.     color: unset!important;
  314. }
  315.  
  316. /*top left discord icon*/
  317.  
  318. [class*="tutorialContainer"] [aria-label="Direct Messages"][class*="selected"] svg {
  319.     filter: invert(1)!important;
  320. }
  321.  
  322. [class*="tutorialContainer"] [aria-label="Direct Messages"] svg {
  323.     background-image: url(data:image/svg+xml,%3Csvg\ width=\'28\'\ height=\'20\'\ version=\'1.1\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ d=\'m20.664\ 20s-0.863-1.0238-1.5822-1.9286c3.1404-0.8809\ 4.339-2.8333\ 4.339-2.8333-0.9828\ 0.6429-1.9178\ 1.0953-2.7568\ 1.4048-1.1986\ 0.5-2.3493\ 0.8333-3.476\ 1.0238-2.3014\ 0.4286-4.411\ 0.3095-6.2089-0.0238-1.3665-0.2619-2.5411-0.6429-3.524-1.0238-0.55137-0.2143-1.1507-0.4762-1.75-0.8095-0.07192-0.0477-0.14384-0.0715-0.21575-0.1191-0.04795-0.0238-0.07192-0.0476-0.09589-0.0714-0.43151-0.2381-0.67124-0.4048-0.67124-0.4048s1.1507\ 1.9048\ 4.1952\ 2.8095c-0.71918\ 0.9048-1.6062\ 1.9762-1.6062\ 1.9762-5.2979-0.1667-7.3116-3.619-7.3116-3.619\ 0-7.6666\ 3.452-13.881\ 3.452-13.881\ 3.4521-2.5714\ 6.7364-2.5\ 6.7364-2.5l0.2397\ 0.28571c-4.3151\ 1.2381-6.3048\ 3.119-6.3048\ 3.119s0.52739-0.28572\ 1.4144-0.69047c2.5651-1.119\ 4.6027-1.4286\ 5.4418-1.5\ 0.1438-0.02381\ 0.2637-0.04762\ 0.4075-0.04762\ 1.4623-0.19047\ 3.1164-0.23809\ 4.8425-0.04762\ 2.2773\ 0.26191\ 4.7226\ 0.92857\ 7.2157\ 2.2857\ 0\ 0-1.8938-1.7857-5.9692-3.0238l0.3356-0.38095s3.2843-0.071428\ 6.7363\ 2.5c0\ 0\ 3.4521\ 6.2142\ 3.4521\ 13.881\ 0\ 0-2.0377\ 3.4523-7.3356\ 3.619zm-11.147-11.119c-1.3664\ 0-2.4452\ 1.1904-2.4452\ 2.6428s1.1027\ 2.6428\ 2.4452\ 2.6428c1.3665\ 0\ 2.4452-1.1904\ 2.4452-2.6428\ 0.024-1.4524-1.0787-2.6428-2.4452-2.6428zm8.75\ 0c-1.3664\ 0-2.4452\ 1.1904-2.4452\ 2.6428s1.1028\ 2.6428\ 2.4452\ 2.6428c1.3665\ 0\ 2.4452-1.1904\ 2.4452-2.6428s-1.0787-2.6428-2.4452-2.6428z\'/%3E%3C/svg%3E%0A);
  324.     filter: invert(0.5);
  325.     transition: filter .15s ease-out;
  326.     background-position: center;
  327.     background-repeat: no-repeat
  328. }
  329.  
  330. [class*="tutorialContainer"] [aria-label="Direct Messages"] rect,
  331. [class*="tutorialContainer"] [aria-label="Direct Messages"] path {
  332.     display:none;
  333. }
  334.  
  335. /*darker mention text*/
  336. [data-popout-root], html {
  337.     --mention-foreground: var(--brand-360)!important;
  338.     --mention-background: var(--brand-20a)!important;
  339. }
  340.  
  341. /*no nitro gift button*/
  342. button[aria-label="Send a gift"] {
  343.     display: none;
  344. }
  345.  
  346. /*hide nitro from the community tab */
  347. nav[aria-label="Private channels"] a[href*=store] {
  348.     display: none;
  349. }
  350.  
  351. /* move gif favourite star to the right */
  352. [class^="imageAccessory"] {
  353.     left: unset!important;
  354.     right: 6px!important;
  355. }
  356.  
  357. /* fix overflow with long channel descriptions */
  358. nav[class*="guilds"]+div[class*="base"] div[class*="sidebar"]+div {
  359.     width: calc(100% - 240px)!important;
  360. }
  361.  
  362. /*make me #adbeef*/
  363. img[src*="220588591217246208"]+h3>span>span {
  364.     color: #adbeef!important
  365. }
  366.  
  367. /*old blurple*/
  368. [data-popout-root], html {
  369.     --brand-experiment: #7289da!important;
  370.     --brand-experiment-100: #f8f9fd!important;
  371.     --brand-experiment-130: #f2f4fc!important;
  372.     --brand-experiment-160: #ebeefa!important;
  373.     --brand-experiment-200: #e3e7f8!important;
  374.     --brand-experiment-230: #dae0f5!important;
  375.     --brand-experiment-260: #d1d9f3!important;
  376.     --brand-experiment-300: #c7d0f0!important;
  377.     --brand-experiment-330: #b5c1ec!important;
  378.     --brand-experiment-360: #a5b3e7!important;
  379.     --brand-experiment-400: #8ea1e1!important;
  380.     --brand-experiment-430: #869adf!important;
  381.     --brand-experiment-460: #7d92dd!important;
  382.     --brand-experiment-500: #7289da!important;
  383.     --brand-experiment-530: #687dc6!important;
  384.     --brand-experiment-560: #5c6fb1!important;
  385.     --brand-experiment-600: #4e5d94!important;
  386.     --brand-experiment-630: #435180!important;
  387.     --brand-experiment-660: #3b4770!important;
  388.     --brand-experiment-700: #2e3757!important;
  389.     --brand-experiment-730: #2b3352!important;
  390.     --brand-experiment-760: #272f4b!important;
  391.     --brand-experiment-800: #222941!important;
  392.     --brand-experiment-830: #1a2032!important;
  393.     --brand-experiment-860: #111521!important;
  394.     --brand-experiment-900: #06070b!important;
  395.     --brand-experiment-05a: rgba(114,137,218,0.05)!important;
  396.     --brand-experiment-10a: rgba(114,137,218,0.1)!important;
  397.     --brand-experiment-15a: rgba(114,137,218,0.15)!important;
  398.     --brand-experiment-20a: rgba(114,137,218,0.2)!important;
  399.     --brand-experiment-25a: rgba(114,137,218,0.25)!important;
  400.     --brand-experiment-30a: rgba(114,137,218,0.3)!important;
  401.     --brand-experiment-35a: rgba(114,137,218,0.35)!important;
  402.     --brand-experiment-40a: rgba(114,137,218,0.4)!important;
  403.     --brand-experiment-45a: rgba(114,137,218,0.45)!important;
  404.     --brand-experiment-50a: rgba(114,137,218,0.5)!important;
  405.     --brand-experiment-55a: rgba(114,137,218,0.55)!important;
  406.     --brand-experiment-60a: rgba(114,137,218,0.6)!important;
  407.     --brand-experiment-65a: rgba(114,137,218,0.65)!important;
  408.     --brand-experiment-70a: rgba(114,137,218,0.7)!important;
  409.     --brand-experiment-75a: rgba(114,137,218,0.75)!important;
  410.     --brand-experiment-80a: rgba(114,137,218,0.8)!important;
  411.     --brand-experiment-85a: rgba(114,137,218,0.85)!important;
  412.     --brand-experiment-90a: rgba(114,137,218,0.9)!important;
  413.     --brand-experiment-95a: rgba(114,137,218,0.95)!important;
  414.     --brand: #7289da!important;
  415.     --brand-100: #f8f9fd!important;
  416.     --brand-130: #f2f4fc!important;
  417.     --brand-160: #ebeefa!important;
  418.     --brand-200: #e3e7f8!important;
  419.     --brand-230: #dae0f5!important;
  420.     --brand-260: #d1d9f3!important;
  421.     --brand-300: #c7d0f0!important;
  422.     --brand-330: #b5c1ec!important;
  423.     --brand-360: #a5b3e7!important;
  424.     --brand-400: #8ea1e1!important;
  425.     --brand-430: #869adf!important;
  426.     --brand-460: #7d92dd!important;
  427.     --brand-500: #7289da!important;
  428.     --brand-530: #687dc6!important;
  429.     --brand-560: #5c6fb1!important;
  430.     --brand-600: #4e5d94!important;
  431.     --brand-630: #435180!important;
  432.     --brand-660: #3b4770!important;
  433.     --brand-700: #2e3757!important;
  434.     --brand-730: #2b3352!important;
  435.     --brand-760: #272f4b!important;
  436.     --brand-800: #222941!important;
  437.     --brand-830: #1a2032!important;
  438.     --brand-860: #111521!important;
  439.     --brand-900: #06070b!important;
  440.     --brand-05a: rgba(114,137,218,0.05)!important;
  441.     --brand-10a: rgba(114,137,218,0.1)!important;
  442.     --brand-15a: rgba(114,137,218,0.15)!important;
  443.     --brand-20a: rgba(114,137,218,0.2)!important;
  444.     --brand-25a: rgba(114,137,218,0.25)!important;
  445.     --brand-30a: rgba(114,137,218,0.3)!important;
  446.     --brand-35a: rgba(114,137,218,0.35)!important;
  447.     --brand-40a: rgba(114,137,218,0.4)!important;
  448.     --brand-45a: rgba(114,137,218,0.45)!important;
  449.     --brand-50a: rgba(114,137,218,0.5)!important;
  450.     --brand-55a: rgba(114,137,218,0.55)!important;
  451.     --brand-60a: rgba(114,137,218,0.6)!important;
  452.     --brand-65a: rgba(114,137,218,0.65)!important;
  453.     --brand-70a: rgba(114,137,218,0.7)!important;
  454.     --brand-75a: rgba(114,137,218,0.75)!important;
  455.     --brand-80a: rgba(114,137,218,0.8)!important;
  456.     --brand-85a: rgba(114,137,218,0.85)!important;
  457.     --brand-90a: rgba(114,137,218,0.9)!important;
  458.     --brand-95a: rgba(114,137,218,0.95)!important;
  459.     --brand-rgb: 114,137,218!important;
  460.     --brand-100-rgb: 248,249,253!important;
  461.     --brand-130-rgb: 242,244,252!important;
  462.     --brand-160-rgb: 235,238,250!important;
  463.     --brand-200-rgb: 227,231,248!important;
  464.     --brand-230-rgb: 218,224,245!important;
  465.     --brand-260-rgb: 209,217,243!important;
  466.     --brand-300-rgb: 199,208,240!important;
  467.     --brand-330-rgb: 181,193,236!important;
  468.     --brand-360-rgb: 165,179,231!important;
  469.     --brand-400-rgb: 142,161,225!important;
  470.     --brand-430-rgb: 134,154,223!important;
  471.     --brand-460-rgb: 125,146,221!important;
  472.     --brand-500-rgb: 114,137,218!important;
  473.     --brand-530-rgb: 104,125,198!important;
  474.     --brand-560-rgb: 92,111,177!important;
  475.     --brand-600-rgb: 78,93,148!important;
  476.     --brand-630-rgb: 67,81,128!important;
  477.     --brand-660-rgb: 59,71,112!important;
  478.     --brand-700-rgb: 46,55,87!important;
  479.     --brand-730-rgb: 43,51,82!important;
  480.     --brand-760-rgb: 39,47,75!important;
  481.     --brand-800-rgb: 34,41,65!important;
  482.     --brand-830-rgb: 26,32,50!important;
  483.     --brand-860-rgb: 17,21,33!important;
  484.     --brand-900-rgb: 6,7,11!important;
  485. }
  486.  
  487. div[aria-label*="folder"] div[style*="rgba(88, 101, 242, 0.4)"] {
  488.     background-color: var(--brand-experiment-40a)!important;
  489. }
  490.  
  491. div[aria-label*="folder"] svg[style*="rgb(88, 101, 242)"] {
  492.     color: var(--brand-experiment-500)!important;
  493. }
  494.  
  495. /*old font*/
  496. :root {
  497.     --font-primary: Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
  498.     --font-display: "ABC Ginto Normal","Helvetica Neue",Helvetica,Arial,sans-serif;
  499.     --font-headline: "ABC Ginto Nord","Helvetica Neue",Helvetica,Arial,sans-serif;
  500. }
  501.  
  502. @font-face {
  503.     font-family: Whitney;
  504.     font-weight: 300;
  505.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Whitney/Whitney-300.woff) format("woff")
  506. }
  507.  
  508. @font-face {
  509.     font-family: Whitney;
  510.     font-weight: 400;
  511.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Whitney/Whitney-400.woff) format("woff")
  512. }
  513.  
  514. @font-face {
  515.     font-family: Whitney;
  516.     font-weight: 500;
  517.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Whitney/Whitney-500.woff) format("woff")
  518. }
  519.  
  520. @font-face {
  521.     font-family: Whitney;
  522.     font-weight: 600;
  523.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Whitney/Whitney-600.woff) format("woff")
  524. }
  525.  
  526. @font-face {
  527.     font-family: Whitney;
  528.     font-weight: 700;
  529.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Whitney/Whitney-700.woff) format("woff")
  530. }
  531.  
  532. @font-face {
  533.     font-family: Ginto;
  534.     font-weight: 300;
  535.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-300.woff) format("woff")
  536. }
  537.  
  538. @font-face {
  539.     font-family: Ginto;
  540.     font-weight: 400;
  541.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-400.woff) format("woff")
  542. }
  543.  
  544. @font-face {
  545.     font-family: Ginto;
  546.     font-weight: 500;
  547.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-500.woff) format("woff")
  548. }
  549.  
  550. @font-face {
  551.     font-family: Ginto;
  552.     font-weight:  600;
  553.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-600.woff) format("woff")
  554. }
  555.  
  556. @font-face {
  557.     font-family: Ginto;
  558.     font-weight: 700;
  559.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-700.woff) format("woff")
  560. }
  561.  
  562. @font-face {
  563.     font-family: Ginto;
  564.     font-weight: 300;
  565.     font-style: italic;
  566.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-300-italic.woff) format("woff")
  567. }
  568.  
  569. @font-face {
  570.     font-family: Ginto;
  571.     font-weight: 400;
  572.     font-style: italic;
  573.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-400-italic.woff) format("woff")
  574. }
  575.  
  576. @font-face {
  577.     font-family: Ginto;
  578.     font-weight: 500;
  579.     font-style: italic;
  580.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-500-italic.woff) format("woff")
  581. }
  582.  
  583. @font-face {
  584.     font-family: Ginto;
  585.     font-weight: 600;
  586.     font-style: italic;
  587.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-600-italic.woff) format("woff")
  588. }
  589.  
  590. @font-face {
  591.     font-family: Ginto;
  592.     font-weight: 700;
  593.     font-style: italic;
  594.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-700-italic.woff) format("woff")
  595. }
  596.  
  597. @font-face {
  598.     font-family: Ginto;
  599.     font-weight: 500;
  600.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-500.woff2) format("woff2"), url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-500.woff) format("woff")
  601. }
  602.  
  603. @font-face {
  604.     font-family: Ginto;
  605.     font-weight: 600;
  606.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-600.woff2) format("woff2"), url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-600.woff) format("woff")
  607. }
  608.  
  609. @font-face {
  610.     font-family: Ginto;
  611.     font-weight: 700;
  612.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-700.woff2) format("woff2"), url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-700.woff) format("woff")
  613. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement