Whit's CSS Reset: A Base BBCode for your Coding Needs.
Forum Index > PokéFarm > Guides >
Whitley's CSS Reset for Pokefarm Forum Templates
What is a Css Reset? "A CSS Reset (or “Reset CSS”) is a short, often compressed (minified) set of CSS rules that resets the styling of all HTML elements to a consistent baseline." -CSSRESET.Com What does a CSS Reset do? Basically, a CSS Reset easily overwrites initial CSS, making it more easy for you to make the changes you want. It gets rid of extra backgrounds and borders that you'd have to manually change, and allows you to set up what you need in it's place without extra junk in the background. How do I use a CSS Reset? Put it at the very top of your [style] set, then add your customization below! Can I reset an existing template? You may need to modify the reset, as this was designed to reset any stylings inherited by the Pokefarm forums. Basically, this resets the default, and is a starting point which is easier to use and build upon. Is this reset free to use? Yes, but I do accept and appreciate tips ^^ May I modify it? Yes, but you may not re-release it, and you must credit me. Do not sell templates made with my reset.Get the CSS Reset Style
[style]
/* Whitley's Template CSS RESET by Whit on Pokefarm*/
.whitley{font-size: 12px;font-family: Arial, Helvetica, sans-serif;
.panel,.panel>h3,.panel.accordion>h3>a,.tabbed_interface.horizontal>ul>li.tab-active,.tabbed_interface.horizontal>ul,.tabbed_interface.horizontal>ul>li, .tabbed_interface.horizontal>div,.bbcode_table td,.panel>div,.bbcode_table th,.bbcode_table,{color: black;padding: 5px;border-radius: 0px;box-sizing:border-box;background-color:transparent;border: 0px solid transparent;box-shadow: 0 0 0 transparent;font-weight:200;}.bbcode_table th,.bbcode_table td,.panel.accordion>h3,.panel>div,.tabbed_interface.horizontal>ul>li,.tabbed_interface.horizontal>ul>li.tab-active,.tabbed_interface>div.tab-active{border: 1px solid black;}.tabbed_interface.horizontal>ul>li.tab-active,.tabbed_interface>div.tab-active, .bbcode_table th,.panel.accordion>h3.active,.panel>div{background-color:lightgray;}.tabbed_interface.horizontal>ul>li:hover,.tabbed_interface.horizontal>ul>li.tab-active:hover,.panel.accordion>h3:hover{transition: 0.5s;background-color:white;}.tabbed_interface>div.tab-active{margin: 0px;margin-top:-1px;}b{color:gray;font-size: 13px;}i{color: gray;font-size: 13px;}h1, h2, h3 {color: black;}h1{font-size:2.4em}h2{font-size:1.8em}h3{font-size:1em}a{text-decoration:none;color: gray;transition: 0.5s;}a:hover{color:white;}.tabbed_interface.horizontal>ul{padding: 0px;}}
/* Whitley's Template CSS RESET by Whit on Pokefarm*/
/* ADD CSS BELOW */
[/style]
[styleclass=whitley]
ADD CONTENT HERE
[/styleclass]
See What it does!
- No Reset
- Reset
H1
H2
H3
Bold Italics LinkTITLE 1
CONTENTS 1
TITLE 2
CONTENTS 2
TITLE 3
CONTENTS 3
TITLE 4
CONTENTS 4
- Title 1
- Title 2
- Title 3
contents 1
contents 2
contents 3
QUOTE
QUOTE HERE
QUOTE originally posted by WHO SAID THE QUOTE
QUOTE HERE
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| cell 1 | cell 2 | cell 3 |
| cell 4 | cell 5 | cell 6 |
H1
H2
H3
Bold Italics LinkTITLE 1
CONTENTS 1
TITLE 2
CONTENTS 2
TITLE 3
CONTENTS 3
TITLE 4
CONTENTS 4
- Title 1
- Title 2
- Title 3
contents 1
contents 2
contents 3
QUOTE
QUOTE HERE
QUOTE originally posted by WHO SAID THE QUOTE
QUOTE HERE
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| cell 1 | cell 2 | cell 3 |
| cell 4 | cell 5 | cell 6 |
Cannot post: Please log in to post