modernizedPsycho

CSS Help?

Nov 14th, 2025
331
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.41 KB | None | 0 0
  1. .profile-info-stack{
  2.   display:grid;
  3.   background-color: #b0b0b0;
  4.   padding: 4px;
  5.   grid-template-columns: repeat(2, auto);
  6.   grid-template-rows: repeat(4, auto);
  7.   grid-template-areas:
  8.   "header header"
  9.   "pfp aboutme"
  10.   "pfp follow"
  11.   "memberSince eventBadges";
  12. }
  13. .profile-info-hstack{
  14.   display: contents;
  15.   }
  16. .pp-uc-member-since {
  17.   grid-area: memberSince;
  18.   color: #000;
  19.   padding: 2px;
  20.   font-family: ms gothic;
  21.   border-top: 2px solid #595959;
  22.   border-left: 2px solid #595959;
  23.   border-right: 2px solid #dfdfdf;
  24.   border-bottom: 2px solid #dfdfdf;
  25.   width: 220px;
  26.   height: 34px;
  27. }
  28. /* Event Badges */
  29. .css-hjkukh{
  30.   grid-area: eventBadges;
  31.   height: 34px;
  32.   border-top: 2px solid #595959;
  33.   border-left: 2px solid #595959;
  34.   border-right: 2px solid #dfdfdf;
  35.   border-bottom: 2px solid #dfdfdf;
  36.   }
  37. .pp-uc-avatar {
  38.   grid-area: pfp;
  39.  width: 100%;
  40.   border-radius: 0px;
  41.   box-shadow: none;
  42.   background-color: #b0b0b0;
  43.   border-top: 2px solid #595959;
  44.   border-left: 2px solid #595959;
  45.   border-right: 2px solid #dfdfdf;
  46.   border-bottom: 2px solid #dfdfdf;
  47. }
  48. /* Header */
  49. .pp-uc-title:before{
  50. content: "About the creator: modernPsych0";
  51.   font-family: verdana;
  52.   font-size: 15px;
  53. }
  54. .profile-info-stack-inner-flex{
  55.   grid-area: header;
  56.   background-image: linear-gradient(170deg, #000080, #1084d0);
  57.   padding: 5px;
  58.   }
  59. .pp-uc-title{
  60.   text-align: left;
  61.     font-size: 0px;
  62.   }
  63. /* Follower Count */
  64. .pp-uc-followers-count::before{
  65.   content: "«» "
  66. }
  67. .pp-uc-followers-count::after{
  68.   content: "«» April 5, 1999 (MDNI)\a«» Cisgender Pansexual (She/Her) \a «» Certified in Gooberology";
  69.   white-space: pre;
  70.   display: block;
  71. }
  72. .pp-uc-followers-count {
  73.   grid-area: aboutme;
  74.   color: #000;
  75.   padding: 5px;
  76.   background-color: #fff;
  77.   font-family: ms gothic;
  78.   text-align: left;
  79.   border-top: 3px solid #808080;
  80.   border-left: 3px solid #808080;
  81.   border-right: 3px solid #dfdfdf;
  82.   border-bottom: 3px solid #dfdfdf;
  83. }
  84. /* Follow Button */
  85. .profile-uc-follow-text{
  86.   font-family: ms gothic;
  87. }
  88. .profile-uc-follow-button{
  89.     border-radius: 0px;
  90.   }
  91. .pp-uc-follow-button:before{
  92.     display: none;
  93.   }
  94. .Btn{
  95.   grid-area: follow;
  96.   width: 150px;
  97.   height: 40px;
  98.   color: #000;
  99.   border-top: 2px solid #dfdfdf;
  100.   border-bottom: 2px solid #808080;
  101.   border-left: 2px solid #dfdfdf;
  102.   border-right: 2px solid #808080;
  103.   BORDER-RADIUS: 0PX;
  104.   background: #c7c7c7
  105. }
Advertisement
Add Comment
Please, Sign In to add comment