NecromancerCoding

Fresh Limes Profile

Jul 25th, 2021 (edited)
1,250
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script>
  2. $(document).ready(function(){
  3. $('.pshleft > span').each(function(){
  4. var bodyTitle = $(this).text();
  5. var groupcolor = $(this).attr('style').split(':')[1].split(';')[0];
  6. $(this).parents('.perfilsencillo').attr('style', '--group:'+groupcolor+';--group-50:'+groupcolor+'80;');
  7. $(this).parents('html').children('head').children('title').html(bodyTitle);
  8. });
  9. $('.psfield .psflabel span').each(function() {
  10. $(this).parents('.psfield').addClass($(this).text().split(" ")[0].toLowerCase().replace(/'/g, "").replace(/\(|\)/g, ""));
  11. });
  12. });
  13. $(document).ready(function(){
  14. $('.psfield .psfcontent div:contains("-")').each(function(){
  15. var myVar = $(this).text();
  16. var myCount = myVar.length;
  17. if (myCount == 3) {
  18. $(this).parents('.psfield').remove();
  19. }
  20. });
  21. });
  22. $(document).ready(function(){
  23. $('.pscontact img[src*="icon_contact_pm.png"]').parent().html('<em class="fas fa-envelope"></em>').attr('title', 'Mensaje Privado');
  24. $('.pscontact img[src*="icon_contact_www.gif"]').parent().html('<em class="fas fa-id-card"></em>').attr('title', 'Expediente de personaje');
  25. $('.pscontact img[src*="http://placehold.it/1/111.png"]').parent().html('<em class="fas fa-suitcase"></em>').attr('title', 'Baúl');
  26. $('.pscontact img[src*="http://placehold.it/1/222.png"]').parent().html('<em class="fas fa-search"></em>').attr('title', 'Búsqueda');
  27. $('.pscontact a[href*="email"]').remove();
  28. $('.pscontact div:contains("-")').each(function(){
  29. $(this).remove();
  30. });
  31. });
  32. </script>
  33. <style>
  34. .perfilsencillo {
  35.     --bckg1: #f5f5f5;
  36.     --border1: 1px solid #e5e5e5;
  37.     --border2: 1px solid var(--group);
  38.     --border3: 1px solid rgb(255 255 255 / 15%);
  39.     --border4: 1px solid rgb(0 0 0 / 15%);
  40.     --avatar: 400px;
  41.     --avatar-w: 250px;
  42.     --title: #fff;
  43.     --text: #999;
  44.     --shadow-w: 1px 1px white, -1px 1px white, 1px -1px white, -1px -1px white, 1px 0px white, -1px 0px white, 0px -1px white, 0px 1px white;
  45.     --shadow-d: 1px 1px rgba(0,0,0,0.2),-1px 1px rgba(0,0,0,0.2),1px -1px rgba(0,0,0,0.2),-1px -1px rgba(0,0,0,0.2), 1px 0px rgba(0,0,0,0.2),-1px 0px rgba(0,0,0,0.2),0px 1px rgba(0,0,0,0.2),0px -1px rgba(0,0,0,0.2);
  46. }
  47.  
  48. .pshead, .psbody, .psbot, .pscontact, .pscontact a, .pslinks, .pslinks a, .psfields, .psfield, .psbright, .psflabel, .psfcontent {
  49.     display:flex;
  50.     justify-content:center;
  51.     align-items:center;
  52. }
  53.  
  54. .psbody {
  55.     background:#000;
  56.     position:relative;
  57.     padding: 21px;
  58.     border-radius: 10px;
  59. }
  60.  
  61. .psbody:before {
  62.     content:'';
  63.     position:absolute;
  64.     left:0;
  65.     right:0;
  66.     top:0;
  67.     bottom:0;
  68.     background-image:linear-gradient(-125deg, var(--group), var(--group-50));
  69.     border: var(--border3);
  70.     border-radius: 10px;
  71.     box-sizing: border-box;
  72. }
  73.  
  74. .psbleft, .psbright {
  75.     position: relative;
  76.     background: var(--bckg1);
  77.     border: var(--border1);
  78. }
  79.  
  80. .psbright {
  81.     flex-grow: 1;
  82.     height: calc(var(--avatar) + 42px);
  83.     flex-direction: column;
  84.     border-radius: 0 10px 10px 0;
  85. }
  86.  
  87. .psbleft {
  88.     padding: 20px;
  89.     border-right: 0;
  90.     height: calc(var(--avatar) + 2px);
  91.     border-radius: 10px 0 0 10px;
  92. }
  93.  
  94. .psfields {
  95.     flex-grow: 1;
  96.     align-self: stretch;
  97.     flex-wrap: wrap;
  98.     padding: 20px;
  99. }
  100.  
  101. .psbot {
  102.     border-top: var(--border1);
  103.     align-self: stretch;
  104.     padding: 20px;
  105.     justify-content: space-between;
  106. }
  107.  
  108. .psbleft img {
  109.     border: var(--border2);
  110.     border-radius: 10px;
  111.     height: var(--avatar);
  112.     width: var(--avatar-w);
  113.     object-fit: cover;
  114.     object-position: center;
  115.     background: var(--group);
  116. }
  117.  
  118. .pshead {
  119.     border-bottom: var(--border2);
  120.     margin-bottom: 20px;
  121.     justify-content: space-between;
  122.     text-transform: uppercase;
  123. }
  124.  
  125. .pshright {
  126.     font: 10px 'Poppins';
  127.     font-weight: 700;
  128. }
  129.  
  130. .pshleft span {
  131.     font: 20px 'Poppins';
  132.     display: inline-block;
  133.     vertical-align: top;
  134. }
  135.  
  136. .pshleft {
  137.     font: 10px 'Poppins';
  138.     font-weight: 700;
  139.     line-height: 32px;
  140. }
  141.  
  142. .psfield {
  143.     flex-grow: 1;
  144.     align-self: stretch;
  145.     flex-basis: calc(33% - 11px);
  146.     margin-right: 20px;
  147.     margin-top: 20px;
  148.     flex-direction: column;
  149. }
  150.  
  151. .psfield:nth-of-type(3n+0) {
  152.     margin-right: 0;
  153. }
  154.  
  155. .psfield:nth-of-type(-n+3) {
  156.     margin-top: 0;
  157. }
  158.  
  159. .psfield .psflabel {
  160.     border: var(--border4);
  161.     background: var(--group-50);
  162.     align-self: stretch;
  163.     padding: 10px;
  164.     font: 0px 'Poppins';
  165.     border-radius: 10px 10px 0 0;
  166.     text-align: center;
  167.     flex-grow: 2;
  168. }
  169.  
  170. .psfield .psflabel span {
  171.     font-size: 12px;
  172.     color: var(--title)!important;
  173.     text-transform: uppercase;
  174.     font-weight: 700;
  175.     text-shadow: var(--shadow-d);
  176. }
  177.  
  178. .psfcontent {
  179.     align-self: stretch;
  180.     border: var(--border1);
  181.     border-top: 0;
  182.     background: var(--bckg2);
  183.     padding: 10px;
  184.     border-radius: 0 0 10px 10px;
  185.     font: 12px 'Poppins';
  186.     color: var(--text);
  187.     flex-grow: 1;
  188. }
  189.  
  190. .psbot a {
  191.     font-size: 14px;
  192.     color: var(--group-50);
  193. }
  194.  
  195. .pslinks a {
  196.     margin-right: 10px;
  197. }
  198.  
  199. .pscontact a {
  200.     margin-left: 10px;
  201. }
  202.  
  203. .psbot a:hover {
  204.     color: var(--group);
  205. }
  206.  
  207. .psadmin {
  208.     margin-top: 20px;
  209.     text-align: center;
  210.     font: 12px 'Poppins';
  211.     text-transform: uppercase;
  212.     color: var(--title);
  213. }
  214.  
  215. .psadmin a {
  216.     background: var(--group);
  217.     border-radius: 20px;
  218.     border: var(--border3);
  219.     padding: 5px 10px;
  220.     display: inline-block;
  221.     vertical-align: top;
  222.     margin: 0 5px;
  223.     color: var(--title);
  224. }
  225. </style>
  226. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"/>
  227. <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/>
  228. <div class="perfilsencillo">
  229. <div class="pshead">
  230. <div class="pshleft">
  231. {USERNAME} / {POSTER_RANK}
  232. </div>
  233. <div class="pshright">
  234. <!-- BEGIN switch_show_status -->{USER_ONLINE} / <!-- END switch_show_status -->{LAST_VISIT_TIME}
  235. </div>
  236. </div>
  237. <div class="psbody">
  238. <div class="psbleft">
  239. {AVATAR_IMG}
  240. </div>
  241. <div class="psbright">
  242. <div class="psfields">
  243. <!-- BEGIN profile_field -->
  244. <div class="psfield">
  245. <div class="psflabel">{profile_field.LABEL}</div>
  246. <div class="psfcontent">{profile_field.CONTENT}</div>
  247. </div>
  248. <!-- END profile_field -->
  249. </div>
  250. <div class="psbot">
  251. <div class="pslinks">
  252. <a href="/sta/{PUSERNAME}" title="Temas donde {PUSERNAME} ha participado"><em class="fas fa-folder-open"></em></a>
  253. <a href="/st/{PUSERNAME}" title="Temas creados por {PUSERNAME}"><em class="fas fa-file-alt"></em></a>
  254. <a href="/spa/{PUSERNAME}" title="Mensajes de {PUSERNAME}"><em class="fas fa-comments"></em></a>
  255. </div>
  256. <div class="pscontact">
  257. <!-- BEGIN contact_field -->
  258. {contact_field.CONTENT}
  259. <!-- END contact_field -->
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264.  
  265. <div class="psadmin">{ADMINISTRATE_USER}{BAN_USER}</div>
RAW Paste Data