Single post in Styleclass and You: An Introduction
Forum Index > PokéFarm > Guides > Styleclass and You: An Introduction >
Hi there,
under the .panel section in your code, you can add box-shadow: none; to get rid of the drop shadow (glow)
here's what it looks like:
code
[styleclass=background_main][styleclass=body_text]
[display=A display box]
Text in the [url=https://google.com]display[/url] box.
Also accordions, hide boxes, etc.
[/display]
[/styleclass][/styleclass]
[style]
// for the background colour
.background_main
{ background-color: #ed7a00; }
.body_text
{ color: #ffe793; font-size: 14px; font-family: "trebuchet ms", "times new roman"; padding: 5%;}
// for links
a:link
{ text-decoration: none; color: #bf5c00; }
a:visited
{ text-decoration: none; color: #d36000; }
a:hover
{ text-decoration: none; letter-spacing: 1px; transition: all 0.6s; }
// for boxes: display, hide, accordion, etc.
.panel
{ box-shadow:none;
border: none;
&>h3
{
border-bottom: none;
background-color: #d36000;
color: #9e4900;
a
{ color: #9e4900; }
}
&>div
{
background-color: #ffe793;
color: #d36000;
padding-bottom: 1%;
a:link
{ color: #ffad21; }
a:visited
{ color: #d8911e;}
}
}
[/style]
A display box
Text in the display box.
Also accordions, hide boxes, etc.