Single post in Coding Diaries
Forum Index > PokéFarm > Journals > Coding Diaries >
Name Here
Template coded by Aemilia. If you use this template, do not remove the link back to this post.
Code
[styleclass=carrdStyle][sc=carrd][sc=img][/sc][h1]Name[/h1][
]Text
[sc=bubble link1][url=https://google.com]Trades [img]https://img.icons8.com/material-sharp/25/000000/transaction.png[/img][/url][/sc]
[sc=bubble link2][url=https://google.com]Art [img]https://img.icons8.com/external-tulpahn-basic-outline-tulpahn/25/000000/external-art-back-to-school-tulpahn-basic-outline-tulpahn.png[/img][/url][/sc][/sc][sc=carrd2][url=https://google.com][img]https://img.icons8.com/external-kiranshastry-lineal-kiranshastry/64/000000/external-notebook-interface-kiranshastry-lineal-kiranshastry.png[/img][/url][url=https://google.com][img]https://img.icons8.com/fluency-systems-regular/48/000000/trophy.png[/img][/url][url=https://google.com][img]https://img.icons8.com/windows/64/000000/friends.png[/img][/url][/sc]
[sc=credits][url=https://pokefarm.com/forum/post/6297232]Template[/url] | [pit=Icons8][url=https://icons8.com/icon/92276/transaction]Transaction[/url] || [url=https://icons8.com/icon/4G3lPrTsMBd9/art]Art [/url] || [url=https://icons8.com/icon/REc7gZxaUO7W/notebook]Notebook[/url] || [url=https://icons8.com/icon/ehCpqWjLfVRz/trophy]Trophy[/url] || [url=https://icons8.com/icon/55461/friends]Friends[/url][/pit] | [url=https://placekitten.com/75/75]Kitty[/url] | Free Use[/sc][/styleclass]
[style]
/* TEMPLATE BY AEMILIA, FREE USE, MUST HAVE PERMISSION TO EDIT CODES OUTSIDE OF THE COLOURS AND PICTURES */
/* ONLY EDIT THIS PORTION TO MODIFY THE COLOURS IN THE TEMPLATE */
@bg = #F28C28;
@text = #000000;
@accent1 = #CB6A0A;
@accent2 = #A15000;
@link1 = #000000;
@link2 = #000000;
@button1 = rgba(255,255,255,.85);
@button2 = rgba(255,255,255,.85);
@border = #000000;
@pic = 'https://placekitten.com/75/75';
/* DO NOT MODIFY THIS PORTION WITHOUT PERMISSION */
.carrdStyle
{
background-color: @bg;
min-height: 475px;
box-sizing: border-box;
padding-top: 25px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 310px;
color: @text;
font-size: 10pt;
a, a:link, a:active, a:hover, a:visited
{
color: @link1;
}
.carrd
{
a, a:link, a:visited, a:hover, a:active{text-decoration: none;color:@link1;}
border-radius: 15px 15px 0 0;
height: 66.67%;
width: 80%;
background-color: @accent1;
padding: 10px;
box-sizing: inherit;
text-align: center;
.img
{
background: url(@pic) grey;
border-radius: 100%;
background-size: cover;
border: 3px solid @border;
height: 75px;
width: 75px;
margin: 0 auto;
}
h1
{
font-size: 20pt;
font-family: sans-serif;
padding-top: 5px;
}
.bubble
{
height: 45px;
line-height: 45px;
text-align: left;
padding-left: 15px;
font-size: 13pt;
border-radius: 15px;
color: black;
img
{
float: right;
margin-top: 10px;
margin-right: 15px;
}
a
{
display:block;
height:100%;
width:100%;
}
}
.link1
{
a{color: @link1;}
background: @button1;
}
.link2
{
a{color: @link2;}
background-color: @button2;
}
}
.carrd2
{
background-color: @accent2;
border-radius: 0 0 15px 15px;
height: 60px;
width: 80%;
margin-bottom: 25px;
display: flex;
justify-content: center;
align-items: center;
a img {height:30px;width:30px;}
a
{
display: inline-block;
background: @button1;
margin:5px;
padding:5px;
border-radius:100%;
}
}
.credits
{
position:absolute;
bottom:175px;
span.bbcode_tooltip
{
border-bottom-color:black;
}
.tooltip_content
{
position:absolute;
bottom:0;
left:0;
background:@accent1;
text-align:center;
color:#000000;
a,a:link,a:hover,a:active,a:visited
{
color:inherit;
font-weight:bold;
}
}
}
}
[/style]
Buying:
BSDs 20 ZC
Prisms 70 ZC
BSDs 20 ZC
Prisms 70 ZC
