Only Teardrops - Miniprofile

[Emmelie De Forest]

[googlefont="Open+Sans"]

Only Teardrops - miniprofile

Here's the miniprofile layout template from my skin, Only Teardrops. Please note that the colours are dependant on the group colours of the user.

If you use this miniprofile, you must state somewhere on your skin:

Miniprofile created by <a href="http://pixel-perfect.boards.net/user/154">Alcove</a> of Pixel Perfect.

Also, tell me where you are using this code.

Go to Layout Templates > Miniprofile. Delete everything there and replace it with this.

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<div class="$[miniprofile_class]">
   <div class="intmp" id="forthecolor$[user.group.id]">
       <div class="mpname" style="background:#$[user.group.color]">
           $[user]
           {if $[user.is_guest]}(guest){/if}
           {if $[user.is_deleted]}(deleted member){/if}</div>
       <div class="intmp2">
           <div class="bigimage">
               {foreach $[user.custom_field]}
               {if $[user.custom_field.name] == "200x300 image"}
               <span class="$[user.custom_field.content_class]">
                   <img src="$[user.custom_field.value]">
               </span>
               {/foreach}
           </div>
           <div class="bigimage2">
               <div class="mpava">
                   $[user.avatar]
               </div>
               <div class="mppostgall">
                   <b style="color:#$[user.group.color]"><span class="money_amount"></span></b> dollars <font color="#aaa">&</font> <b style="color:#$[user.group.color]">$[user.posts]</b> posts
               </div>
               <div class="mpapplot">
                   {foreach $[user.custom_field]}
                   {if $[user.custom_field.name] == "Application"}
                   <span class="$[user.custom_field.content_class]">
                       <a href="$[user.custom_field.value]" style="color:#$[user.group.color]">application</a>
                   </span>
                   {/if}
                   {/foreach}
                   
                   {foreach $[user.custom_field]}
                   {if $[user.custom_field.name] == "Plotter"}
                   <span class="$[user.custom_field.content_class]">
                       <a href="$[user.custom_field.value]" style="color:#$[user.group.color]">plotter</a>
                   </span>
                   {/if}
                   {/foreach}
                   
               </div>
               <div class="mpstatus">
                   {if $[user.personal_text.message]}
                   $[user.personal_text]
                   {/if}
                   <i>—
                       <font color="#$[user.group.color]">
                           {foreach $[user.custom_field]}
                           {if $[user.custom_field.name] == "OOC name"}
                           <span class="$[user.custom_field.content_class]">
                               $[user.custom_field.value]
                           </span>
                           {/if}
                           {/foreach}
                       </font>
                       (@$[user.username])</i>
               </div>
           </div>
       </div>
       {foreach $[user.mini_custom_field]}
       {if $[user.mini_custom_field.name] == "Music"}
       <div class="player"><object width="200" height="20" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" type="application/x-shockwave-flash">
           <param value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" name="movie">
           <param value="$[user.group.color]" name="bgcolor"><param value="mp3=$[user.mini_custom_field.value]&bgcolor=aaaaaa&loadingcolor=aaaaaa&buttoncolor=ffffff&slidercolor=ffffff;" name="FlashVars">
           </object></div>
       {/if}
       {/foreach}
   </div>
</div>

Go to Visual Editor > Style Sheet. Scroll to the very bottom and paste this in.

/* MINIPROFILE BY ALCOVE FROM PIXEL-PERFECT */
.mpava .avatar_size_default img{max-height:100px;max-width:100px}.mpava .avatar_size_default{height:100px;width:100px}.bigimage{background:url('http://via.placeholder.com/200x300');width:200px;height:300px}.bigimage2{background:#f7f7f7;width:160px;height:260px;padding:20px;transition:.4s;position:relative}.intmp2{width:200px;height:300px;overflow:hidden}.intmp{width:200px;background:#f0f0f0;padding:20px;text-align:center}.intmp:hover .bigimage2{margin-top:-300px}.mpname{font:11px/10px Open Sans;padding:10px 0;text-align:center;text-transform:uppercase;color:#fff;letter-spacing:1px;background:#aaa}.mpname a{font:11px/15px Open Sans !important;color:#fff !important}.mppostgall{color:#aaa;font:11px/15px Open Sans;text-transform:lowercase;height:25px;padding-top:5px}.mppostgall b{font:bold 11px/15px Open Sans;margin-right:2px}.mpapplot a{font:11px/25px Open Sans;height:25px;margin-bottom:5px;transition:.4s;display:block;background:#f0f0f0;text-transform:uppercase}.mpapplot a:hover{background:#33342f;color:#fff !important}.mpstatus{color:#aaa;font:10px/10px Open Sans;text-align:justify;margin-top:10px;max-height:30px}.mpstatus i{display:block;font:italic 11px/12px Open Sans;text-align:right;margin-top:5px}.mpava{margin:0 auto 5px;padding:10px;background:#f0f0f0;width:100px}.posts .post .left-panel {width: 240px!important;}.mini-profile { border: 0!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; padding: 0!important; width: 240px!important; }[u][/u]