CSS Template | The Endless Forest

A twist to the usual TEFc page. With a little div-extra.
It's a little bit tricky to edit if you're not too familiar with CSS, though. So ask away if it isn't working.

There are 2 files - the first one (Div stuff) is the code you paste here on this site (under the cut, though).
The second file (Mainframe) is not something you absolutely need unless you want to change how the whole page looks. If you want to change things, however, save the file, then upload it via a hosting site. I used dropbox - only thing you need to remember about this is to change the link you get from dropbox itself (https://www.dropbox.com/s/v6h45dt5wzeqk0y/Template.css?dl=0 > https://dl.dropbox.com/s/v6h45dt5wzeqk0y/Template.css), then paste it into <link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/v6h45dt5wzeqk0y/Template.css"> that you see at the bottom of the div hell. Btw, I recommend getting Notepad ++ to edit your css.

And ofc, these are snippets (mainly) from Unplugged & AlisonRobin.

[ Div stuff / Mainframe ]

Title

TEXT AREA

Lorem ipsum dolor sit amet, a duis pede tellus mattis, metus lacus sollicitudin purus ac diam, odio mattis tristique eleifend aliquet, feugiat sollicitudin eros quis cum nullam fringilla, commodo quis purus nullam tortor ornare. Mollis sollicitudin gravida, sapien lectus, sed ullamcorper dui in augue sem dapibus, vel praesent. Ut eleifend amet ipsum rutrum. Nisl wisi suspendisse urna tortor et, fusce lacinia justo, vitae tempus autem, magnis gravida suspendisse adipiscing, et arcu magna nec. Neque mattis quisque ante nunc, rhoncus venenatis, tincidunt suspendisse, ullamcorper eu amet.
Lorem ipsum dolor sit amet, a duis pede tellus mattis, metus lacus sollicitudin purus ac diam, odio mattis tristique eleifend aliquet, feugiat sollicitudin eros quis cum nullam fringilla, commodo quis purus nullam tortor ornare. Mollis sollicitudin gravida, sapien lectus, sed ullamcorper dui in augue sem dapibus, vel praesent. Ut eleifend amet ipsum rutrum. Nisl wisi suspendisse urna tortor et, fusce lacinia justo, vitae tempus autem, magnis gravida suspendisse adipiscing, et arcu magna nec. Neque mattis quisque ante nunc, rhoncus venenatis, tincidunt suspendisse, ullamcorper eu amet.
Lorem ipsum dolor sit amet, a duis pede tellus mattis, metus lacus sollicitudin purus ac diam, odio mattis tristique eleifend aliquet, feugiat sollicitudin eros quis cum nullam fringilla, commodo quis purus nullam tortor ornare. Mollis sollicitudin gravida, sapien lectus, sed ullamcorper dui in augue sem dapibus, vel praesent. Ut eleifend amet ipsum rutrum. Nisl wisi suspendisse urna tortor et, fusce lacinia justo, vitae tempus autem, magnis gravida suspendisse adipiscing, et arcu magna nec. Neque mattis quisque ante nunc, rhoncus venenatis, tincidunt suspendisse, ullamcorper eu amet.
Lorem ipsum dolor sit amet, a duis pede tellus mattis, metus lacus sollicitudin purus ac diam, odio mattis tristique eleifend aliquet, feugiat sollicitudin eros quis cum nullam fringilla, commodo quis purus nullam tortor ornare. Mollis sollicitudin gravida, sapien lectus, sed ullamcorper dui in augue sem dapibus, vel praesent. Ut eleifend amet ipsum rutrum. Nisl wisi suspendisse urna tortor et, fusce lacinia justo, vitae tempus autem, magnis gravida suspendisse adipiscing, et arcu magna nec. Neque mattis quisque ante nunc, rhoncus venenatis, tincidunt suspendisse, ullamcorper eu amet.
Lorem ipsum dolor sit amet, a duis pede tellus mattis, metus lacus sollicitudin purus ac diam, odio mattis tristique eleifend aliquet, feugiat sollicitudin eros quis cum nullam fringilla, commodo quis purus nullam tortor ornare. Mollis sollicitudin gravida, sapien lectus, sed ullamcorper dui in augue sem dapibus, vel praesent. Ut eleifend amet ipsum rutrum. Nisl wisi suspendisse urna tortor et, fusce lacinia justo, vitae tempus autem, magnis gravida suspendisse adipiscing, et arcu magna nec. Neque mattis quisque ante nunc, rhoncus venenatis, tincidunt suspendisse, ullamcorper eu amet.
Lorem ipsum dolor sit amet, a duis pede tellus mattis, metus lacus sollicitudin purus ac diam, odio mattis tristique eleifend aliquet, feugiat sollicitudin eros quis cum nullam fringilla, commodo quis purus nullam tortor ornare. Mollis sollicitudin gravida, sapien lectus, sed ullamcorper dui in augue sem dapibus, vel praesent. Ut eleifend amet ipsum rutrum. Nisl wisi suspendisse urna tortor et, fusce lacinia justo, vitae tempus autem, magnis gravida suspendisse adipiscing, et arcu magna nec. Neque mattis quisque ante nunc, rhoncus venenatis, tincidunt suspendisse, ullamcorper eu amet.
Lorem ipsum dolor sit amet, a duis pede tellus mattis, metus lacus sollicitudin purus ac diam, odio mattis tristique eleifend aliquet, feugiat sollicitudin eros quis cum nullam fringilla, commodo quis purus nullam tortor ornare. Mollis sollicitudin gravida, sapien lectus, sed ullamcorper dui in augue sem dapibus, vel praesent. Ut eleifend amet ipsum rutrum. Nisl wisi suspendisse urna tortor et, fusce lacinia justo, vitae tempus autem, magnis gravida suspendisse adipiscing, et arcu magna nec. Neque mattis quisque ante nunc, rhoncus venenatis, tincidunt suspendisse, ullamcorper eu amet.
Lorem ipsum dolor sit amet, a duis pede tellus mattis, metus lacus sollicitudin purus ac diam, odio mattis tristique eleifend aliquet, feugiat sollicitudin eros quis cum nullam fringilla, commodo quis purus nullam tortor ornare. Mollis sollicitudin gravida, sapien lectus, sed ullamcorper dui in augue sem dapibus, vel praesent. Ut eleifend amet ipsum rutrum. Nisl wisi suspendisse urna tortor et, fusce lacinia justo, vitae tempus autem, magnis gravida suspendisse adipiscing, et arcu magna nec. Neque mattis quisque ante nunc, rhoncus venenatis, tincidunt suspendisse, ullamcorper eu amet.

TEXT AREA

Lorem ipsum dolor sit amet, mollit eros, lacus qui lorem suspendisse ultrices porta lectus, nulla magna amet lacus. Rutrum molestie velit dolor hac dui ut, lorem nec, placerat mauris a consectetuer a ut nunc, nibh suspendisse massa, pede elit fusce hendrerit adipiscing cursus posuere. Phasellus vulputate nisl fringilla nec lectus massa, nascetur et non pulvinar risus nonummy lorem, ligula lacus lacus, praesent non turpis, urna ligula et elementum. At etiam dolore a et blandit ultrices, eget malesuada, porttitor per tempor, dictumst ridiculus, lectus et duis consectetuer placerat varius eu. A id sed a. Vestibulum nec cubilia sem nibh pellentesque, eu rutrum nulla corrupti lobortis imperdiet arcu, ante et dictumst nulla mauris et rutrum, a est nunc. Vestibulum consectetuer dui donec sed egestas ligula, ipsum platea, dictum nibh quam ligula. Donec varius curabitur eget. Placerat consequatur venenatis, sed nisl in tincidunt elit occaecati luctus, leo rhoncus vestibulum. Mauris ultricies per sed bibendum turpis justo, at conubia at consectetur donec, qui libero nonummy et fringilla eros, tellus viverra suspendisse, odio dui.

TEXT AREA

Whatever little note you'd like here

December 11, 2016 - 4:30pm — Silverfang

omg this is all so pretty..

omg this is all so pretty.. ♥
e; omg the comments too q>q

—

December 11, 2016 - 6:04pm — Keepiru

nice indeed

December 11, 2016 - 7:06pm — Shey

ooo pretty!! :0

December 11, 2016 - 7:28pm — SoliloquyChryseis

very nice!

December 11, 2016 - 9:18pm — Nihdogg

I like the simplicity of how

I like the simplicity of how it looks o.o ty for this!

December 11, 2016 - 9:40pm — Echosong

ooo

December 11, 2016 - 10:02pm — FishBiscuit

Cool stuff, indeed! Thank you

Cool stuff, indeed! Thank you for sharing c:

December 13, 2016 - 5:39pm — Eq

I hope it'll prove useful.

December 13, 2016 - 6:02pm — Evern

Lovely.

December 13, 2016 - 9:27pm — Tuhka

Ohh this is really lovely!

Ohh this is really lovely! Thank you so much for sharing it. ♥
Tracking this for possible future use~

December 13, 2016 - 10:07pm — leotie

proooobably gonna use

proooobably gonna use this,,,, well done ♥

July 11, 2017 - 6:49pm — CydaLuva83

I'm sorry for bumping this

I'm sorry for bumping this old thread, but is there a way to have the tabs just by themselves without altering the whole page?

Signature By Aihnna, Avatar by YaraMyst

November 10, 2017 - 12:57pm — Eq

Ah, very, very belated

Ah, very, very belated response... I'm hardly here anymore.
I don't know if this is still relevant, but the 'slidey' tabs were borrowed from Unplugged. If you still want the ones specifically used here, here's the new div-stuff, and the dropbox file (it's added in the pastebin, just adding it here in case you wanna mess with it).
Ask away if it's not working/not what you wanted.

September 5, 2020 - 6:08pm — officialseal

Using this! Thank you so

Using this! Thank you so much, it's gorgeous!

September 5, 2020 - 11:10pm — Eq