Free CSS Rules!

1. DO NOT sell, raffle, or trade this CSS, I will never give anyone permission to gain something from selling something I made.
2. You can tweak it a bit! You can change the logo, swap a few colors, but do not use my CSS as a template! Go to Katies CSS tutorial to get the template I use.
3. You have the rights to suggest WOF charcater CSS! I mostly am starting out on arc 1 for the css! As I finish on, I will soon do all main protags and maybe legends.
4. DO NOT REMOVE KATIES CREDIT NOR MY CREDIT!

- , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , -

CSS CODES !

ARC 1 PROTAGS

Clay from WOF CSS ; ;


<ꕥꕥlink rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/3vwd6sj7zsuoap2/tsunami.css?dl=0"ꕥꕥ />


Tsunami from WOF CSS ; ;


<ꕥꕥlink rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/mu7gj6fx4jqiz1e/tsunami.css?dl=0"ꕥꕥ />


Glory from WOF CSS ; ;


<ꕥꕥlink rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/hjqhkejr88yqe0o/glory.css?dl=0"ꕥꕥ />


Starflight from WOF CSS ; ;





<ꕥꕥlink rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/p0u7mqpf44xxfkt/starflight.css?dl=0"ꕥꕥ />


Sunny from WOF CSS ; ;





<ꕥꕥlink rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/yv9c7hulosh3mqx/sunny.css.css?dl=0"ꕥꕥ />


- , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , -

ARC 2 PROTAGS

Moonwatcher from WOF CSS ; ;

Winter from WOF CSS ; ;

Peril from WOF CSS ; ;

Turtle from WOF CSS ; ;

Qibli from WOF CSS ; ;

- , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , -

ARC 3

Blue from WOF CSS ; ;

Luna from WOF CSS ; ;

Swordtail from WOF CSS ; ;

Cricket from WOF CSS ; ;

Sundew & Willow from WOF CSS ; ;

Snowfall from WOF CSS ; ;

Queen Wasp from WOF CSS ; ;

- , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , -

LEGENDS

Darkstalker, Fathom, Clearsight from WOF CSS ; ;

Darkstalker from WOF CSS ; ;

Clearsight from WOF CSS ; ;




<ꕥꕥlink rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/fi571asy3c0zuxd/clearsight.css?dl=0" ꕥꕥ/>


Fathom from WOF CSS ; ;

Whiteout from WOF CSS ; ;

Foeslayer from WOF CSS ; ;

Arctic from WOF CSS ; ;

- , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , -

SIDE CHARACTERS

Queen Ruby from WOF CSS ; ;

Queen Scarlet from WOF CSS ; ;

Queen Coral from WOF CSS ; ;

Queen Moohren from WOF CSS ; ;

Queen Thorn from WOF CSS ; ;

Queen Glacier from WOF CSS ; ;

Queen Battlewinner from WOF CSS ;;

- , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , -

LIST OF WORKING ON CSS.


this is in order, the first one will be the one i will work on as soon as possible, the last is the last one i will finish on in the arc.

1. riptide
2. winter
3. peril
4. darkstalker
5. whiteout
6. darkstalker + fathom + clearsight

- , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , -

remove the ꕥ from CSS links to let the css work on your homepage! I am a beginner, so expect that it isn't always the best. I will work on arc 2 and 3 after I complete the set of the DoD!

- , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , -

thank you for reading, i am a beginner at CSS so sorry if anything looks weird!! as i progress hopefully i will be able to do greater things with my CSS!

- , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , -
- , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , - - , < > , -


!boxes
NOTE: remove the double exclimation marks [exclimation marks = !!]

<!!div class="boxcontainer"><!!div class="smallbox"><!!h2!!>header<!!/!!h2!!>text<!!/div> **THIS IS A SMALL BOX**

<!!div class="boxcontainer"><!!div class="mediumbox"><!!h2!!>header<!!/!!h2!!>text<!!/div> **THIS IS A MEDIUM BOX**

<!!div class="boxcontainer"><!!div class="smallbox"><!!h2!!>header<!!/!!h2!!>text<!!/div> **THIS IS A LARGE BOX**

i am NOT doing hover boxes, i checked them out, and only 1/3 worked. whih the only one that worked was the small hover box, so here is the code for the small hover box.

<!!div class="boxcontainer"><!!div class="smallhoverbox"><!!h2!!>header<!!/!!h2!!>text<!!/div>

remove ꕥ from the css codes to make them work btw !!