Advertisement
Oreo321

SRC custom css

Oct 16th, 2021
524
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.11 KB | None | 0 0
  1. /* On desktop view, set the page content to take the majority of the screen width. This is assuming I have ad-block. */
  2. @media (min-width: 1200px) {
  3.     .container {
  4.         max-width: calc(100% - 175px);
  5.     }
  6. }
  7.  
  8.  
  9. /* in the main site page, stretch the leaderboard to the entire width of its container */
  10. .old-leaderboard {
  11.   max-width: 100%;
  12. }
  13. /* in the main page, increase the font size of game titles  */
  14. .old-leaderboard .game-name > a {
  15.   font-size: 16px;
  16. }
  17.  
  18.  
  19. /* In leaderboard pages, keep game covers in their normal size */
  20. .game-info-container > .game-cover > a > img.cover-wide-48{
  21.   max-width: 180px;
  22.   max-height: 128px;
  23. }
  24. .game-info-container > .game-cover > a > img.cover-tall-48{
  25.   max-width: 180px;
  26.   max-height: 128px;
  27. }
  28.  
  29. /* increase the size of game covers in user profiles and the main page,
  30. but not as big */
  31. .game-cover > a > img.cover-wide-48{
  32.   max-width: 144px;
  33.   max-height: 102px;
  34. }
  35. .game-cover > a > img.cover-tall-48{
  36.   max-width: 102px;
  37.   max-height: 144px;
  38. }
  39.  
  40.  
  41. /* In user profile pages, keep the profile picture in its normal size */
  42. .profile-picture {
  43.   max-width: 100px;
  44.   max-height: 200px;
  45. }
  46.  
  47.  
  48. /* Font changes for widget titles */
  49. .widget-title {
  50.   /* Remove uppercase */
  51.   text-transform: none;
  52.   /* I prefer this over 0.46px */
  53.   letter-spacing: 0.26px;
  54.  
  55.   /* Remove the "industry" font family */
  56.   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  57. }
  58.  
  59.  
  60. /* Specifically for the title in the game info section, lower the font size of the release year, and set it as not bold. */
  61. .game-info > .widget-title {
  62.   font-size: 12px;
  63.   font-weight: normal
  64. }
  65. /* Turn the game title itself back to bold and large text. */
  66. .game-info > .widget-title > a {
  67.   font-size: 16px;
  68.   font-weight: bold;
  69. }
  70.  
  71.  
  72. /* Font changes for category tab names */
  73. .category-tab {
  74.   /* Remove uppercase */
  75.   text-transform: none;
  76.  
  77.   /* Remove the "industry" font family */
  78.   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  79. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement