Single post in Styleclass and You: An Introduction
Forum Index > PokéFarm > Guides > Styleclass and You: An Introduction >
Can anyone tell me why this code isn't working in mobile view but does in regular view? (About me)
code
[styleclass=icon][/styleclass]
[centre][img]https://see.fontimg.com/api/renderfont4/519DV/eyJyIjoiZnMiLCJoIjo2NSwidyI6MTAwMCwiZnMiOjY1LCJmZ2MiOiIjMDhERkJFIiwiYmdjIjoiI0ZGRkZGRiIsInQiOjF9/R3J5bQ/better-grade.png[/img][/centre]
[Sc=peanuts][sc=tabbed_interface vertical][ul]
[li][size=9]🔳[/size][/li]
[li][size=9]🔳[/size][/li]
[li][size=9]🔳[/size][/li]
[li][size=9]🔳[/size][/li]
[li][size=9]🔳[/size][/li]
[/ul][
][sc=tab]Hi. I'm 5 hours behind server time. I usually am online from 11:30 - 17:00 server time pretty reliably except Sundays. Otherwise it's just when I can get online.
Journal: [url=https://pokefarm.com/forum/thread/309336/Lazy-Acres]Lazy Acres[/url]
Favorite type: [type=fire/V=17][type=electric/V=17]
Rus count: 43
[/sc][
][sc=tab][Centre][b][u]Current Hunt:[/u][/b][/centre]
17[img]https://pfq-static.com/img/pkmn/shiny.png/t=1400179603[/img]/22[img]https://pfq-static.com/img/pkmn/albino.png/t=1414662094[/img]/0[img]https://pfq-static.com/img/pkmn/melanistic.png/t=1435353274[/img]/1,650 [pkmn=Munna(S)][pkmn=Munna(A)][pkmn=Munna(M)][pkmn=Munna] Apr/30/21 - Current
*Regulars are free.
[/sc][
][sc=tab][Centre][b][u]UFT:[/u][/b][/centre]
[Inventory=fire gem][tip=Fire gem][item=fire gem][/tip]
[math][inventory=Cute Box]+[inventory=Dainty Box]+[inventory=Deluxe Box]+[inventory=Glittery Box]+[inventory=Gorgeous Box]+[inventory=Hard Box]+[inventory=Heavy Box]+[inventory=Light Box]+[inventory=Nifty Box]+[inventory=Pretty Box]+[inventory=Shiny Box]+[inventory=Sinister Box][/math][tip=boxes][item=sinister box][/tip]
S/A Munna (ask)
[/sc][
][sc=tab][Centre][b][u]Favorites:[/u][/b][/centre]
[pkmnpanel=GtS2j][Pkmnpanel=GhPXb][pkmnpanel=zbtcY]
Pokemon panel code by [url=https://pokefarm.com/user/Yeah]Yeah[/url] in BBCode guide posts
[/sc][
][sc=tab]
Icon made by [url=https://pokefarm.com/user/Dr.Devorak]Dr.Devorak[/url] here [url=https://pokefarm.com/forum/thread/224420/Lf-Avatars-Cute-art/post/4666606]Art thread[/url]
- It's also my avatar
[/sc][
][/sc]
[Style]
Background: gray;
Border-radius: 8px;
Padding: 5px;
Font-size: 14px;
.icon {
width: 85px;
height: 85px;
background-size: 81px 81px;
background-image: url("https://pokefarm.com/upload/Grym/Art_made_for_me/Dr_Devorak/1561779349544.png");
border: rgba(255,255,255,0.8) 3px solid;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
border-radius: 8px;
top: 10px;
position: absolute;
left: 10px
}
Ul {
background: transparent;
}
Li {
Padding: 1px;
Border: 2px solid #0ef0c7;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-width: 1px 1px 1px 2px;
background: teal;
background: linear-gradient(top, #0ef0c7 50%, teal 100%);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 gray;
text-shadow: 0 1px Black;
color: White;
Text-align: center;
Padding: 5px;
}
.tab {
padding: 10px;
Border: 1px solid teal;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-width: 1px 0px 0px 1px;
box-shadow: 0 1px 3px rgba(4, 4, 4, 4.4), inset 0 1px 0 Teal;
background: #0ef0c7;
color: black;
}
.tabbed_interface {
display: flex;
align-items: start;
&>ul {
flex-flow: column nowrap;
}
&>div {
margin: 0;
flex: 1 1 auto;
}
}
.party>div{
.name{
height:9px;
position:absolute;
width:100%;
top:-7px;
}
border:none;
background:none;
width:50px;
box-shadow:none;
height:105px;
margin:7px;
padding:7px;
left:85px;
>.extra,.taste,.expbar{display:none;}
>.pkmn:before{background:lavender;border-color:indigo;}
.action{
position:absolute;
left:85px;
top:65px;
width: 35px !important;
.berrybuttons[data-up="bitter"]>a[data-berry="rawst"], .berrybuttons[data-up="sweet"]>a[data-berry="pecha"], .berrybuttons[data-up="dry"]>a[data-berry="chesto"], .berrybuttons[data-up="spicy"]>a[data-berry="cheri"], .berrybuttons[data-up="sour"]>a[data-berry="aspear"], .berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
height: 40px;
}
.berrybuttons>a {display:none;}
.berrybuttons>a>img { margin-top: -20px; }
}
}
[/style][/sc]
0