Canvas | Slightly Insane

aquarius

sane

Dec 17, 2013 19:09:03 GMT -5

Quote Smangii, xXSilentSouls, and 8 more like this

canvas

> > RULES & REGULATIONS

> CREDIT: Pretty much everything on here was made by me. The mini-profile, board mod etc...

> SKELETON: Do not use it as a skeleton, I made it for people to use and I don't want you to base something else off of it. You may change the colors and fonts but nothing else.

> BANNER: It's 1020x300, just thought you might want to know.

> LOVE: Yes I sorta need this, it's a drive and I'm addicted to it. Just love it okay? Just do...

> REPOSTING: If you find this theme somewhere else without my name on it, either Dorothia or Aquarius please PM me and I will deal with it in a very nice way.

> EDITS: If you would like to make a few edits just send me a PM and I will help you out. Seriously, I love helping people okay? Don't be afraid to talk to me. I don't bite >.>

> CODES:   (This skin comes with a crap load of fonts that I thought would look good on it, soooo.... yeah)

(Old Posts:

New Posts:

GLOBAL HEADERS:

<//---FONT LIST--//> <link href='http://fonts.googleapis.com/css?family=Oleo+Script:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Nixie+One|Rouge+Script|Lobster|Petit+Formal+Script|Wire+One|Rationale|Fjalla+One|Cookie|Norican|Dorsa|Satisfy|Playball' rel='stylesheet' type='text/css'> <//---END FONT LIST--//> <style> .button-fontName .select_menu_list{ max-height: 300px; overflow-y: auto; overflow-x: hidden; font-size: 13px!important; padding: 8px; } .sidebox { background-color: #f8f8f8; -webkit-box-shadow: 0px 0px 5px #9b9b9b; box-shadow: 0px 0px 5px #9b9b9b; -moz-box-shadow: 0px 0px 5px #9b9b9b; } .sbtitle { padding: 5px; color: #181818; border-bottom: 1px dashed #dadada; font-family: lobster; font-size: 30px; text-align: center; text-transform: lowercase; } .minititle { padding: 5px; border-bottom: 1px dashed #dadada; font-family: Petit Formal Script; font-size: 11px; text-align: right; text-transform: lowercase; color: #997788; } .content { text-align: justify; padding: 5px; font-size: 10px; font-family: tahoma; color: #181818; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; } .content2 { opacity: 0.3; text-align: justify; padding: 10px; font-size: 10px; font-family: tahoma; color: #181818; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; } .content2:hover { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; opacity: 1; } .staffwords { text-align: center; border-bottom: 1px solid #9d9d9d; font-family: ms gothic; font-size: 11px; text-transform: uppercase; } .pmstaff, .pmstaff:link, .pmstaff a:visited, .pmstaff a:active { text-align: center; font-family: ms gothic; font-size: 11px; text-transform: uppercase; } .stafficon { border: 3px dashed #181818; opacity: 0; background-color: #f8f8f8; width: 73px; height: 73px; font-size: 10px; font-weight: bold; text-align: center; font-family: verdana; -webkit-transition: .3s linear; transition: .3s linear; } .stafficon:hover { opacity: 1.0; -webkit-transition: .3s linear; transition: .3s linear; } .nav{ height: 20px; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; overflow: hidden; -o-transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; } .nav:hover, .nav a:hover { -webkit-transition: 0.6s; height: 150px; -o-transition: 0.6s; color: #dadada; transition: 0.6s; -moz-transition: 0.6s; } .boxheader { font: 15px fjalla one; color: #181818; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 4px; margin-bottom: 10px; } ::-webkit-scrollbar-thumb:vertical { background-color:#dadada; } ::-webkit-scrollbar { width:7px; height:5px; background-color:#998888; } .censusname { font-family: ms gothic; font-size: 11px; border-bottom: 1px solid #eeeeee; letter-spacing: -1px; text-transform: uppercase; padding-left: 2px; } .censusmale, .censusfemale { text-align: center; font-family: ms gothic; font-size: 11px; text-transform: uppercase; padding-left: 2px; border-bottom: 1px solid #eeeeee; } .OTMtitle { padding-bottom: 2px; font-family: Fjalla One; font-size: 15px; color: #181818; background-color: #f8f8f8; } .OTM { height: 15px; overflow: hidden; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; } .OTM:hover { height: 90px; overflow: auto; background-color: #f8f8f8; margin-bottom: 4px; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .sideboxlinks ul { margin: 0px; padding: 0px; } .sideboxlinks ul li { margin: 0px; padding: 0 -1 -1 0; margin-bottom: 2px; list-style: none; } .sideboxlinks ul li a { display: block; font-family: verdana; height: 9px; font-size: 9px; color: #09406f; text-transform: uppercase; text-decoration: none; border-left: 10px solid #dadada; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; padding-left: 5px; padding-top: 3px; padding-bottom: 2px;} .sideboxlinks ul li b { display: block; font-family: verdana; font-size: 9px; color: #09406f; text-transform: uppercase; text-decoration: none; border-left: 10px solid #dadada; height: 9px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; padding-left: 5px; padding-top: 3px; padding-bottom: 2px;} .sideboxlinks ul li a:hover { display: block; font-family: verdana; font-size: 9px; color: #697bbd; text-transform: uppercase; text-decoration: none; border-left: 30px solid #b0b9d6; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; padding-left: 5px; padding-top: 3px; padding-bottom: 2px; } </style> <center> <table><tbody><tr><td style="padding: 30px;"><div class="sidebox"><div class="sbtitle" style="border-top: 5px solid #d1729b;"><span style="color: #997788;">W</span>ELCOME</div> <div class="content" style="width: 250px;height: 200px; overflow-y: auto;"> <div class="minititle">introduction</div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<br> <div class="minititle">setting</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</div></div></td> <td style="padding: 30px;"><div class="sidebox"><div class="sbtitle" style="border-top: 5px solid #285f8e;"><span style="color: #997788;">n</span>avigation</div> <div class="content" style="width: 200px;height: 200px; overflow-y: auto;"><div class="sideboxlinks"><ul> <li><a href="LINK HERE">00. Link Name</a></li> <li><a href="LINK HERE">01. Link Name</a></li> <li><a href="LINK HERE">02. Link Name</a></li> <li><a href="LINK HERE">03. Link Name</a></li> <li><a href="LINK HERE">04. Link Name</a></li> <li><a href="LINK HERE">05. Link Name</a></li> <li><a href="LINK HERE">06. Link Name</a></li> <li><a href="LINK HERE">07. Link Name</a></li> <li><a href="LINK HERE">08. Link Name</a></li> <li><a href="LINK HERE">09. Link Name</a></li> <li><a href="LINK HERE">10. Link Name</a></li> <li><a href="LINK HERE">11. Link Name</a></li></li></ul> </div></div></td> <td style="padding: 30px;"><div class="sidebox"><div class="sbtitle" style="border-top: 5px solid #b1a1c6;"><span style="color: #997788;">a</span>nnouncements</div> <div class="content" style="width: 250px;height: 200px; overflow-y: auto;"> <div class="minititle">out of character</div><span style="font-family: fjalla one;font-size: 13px;">Month day 2013</span><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<br> <div class="minititle">in character</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. </div></div></td></tr></tbody></table> </center>
GLOBAL FOOTERS:

<center><table><tbody><tr><td style="padding: 10px;"><div class="sidebox"><div class="sbtitle" style="border-top: 5px solid #d1729b;"><span style="color: #997788;">c</span>box rules</div> <div class="content" style="width: 300px;overflow-y: auto;padding: 5px;">✚ one line rule here.<br> ✚ one line rule here.<br> ✚ one line rule here.<br> ✚ one line rule here.<br> ✚ one line rule here.<br> ✚ one line rule here.<br> ✚one line rule here.<br> </div></div><br><br><br><br><br> <div class="sidebox"><div class="sbtitle" style="border-top: 5px solid #d1729b;"><span style="color: #997788;">c</span>redits</div> <div class="content" style="width: 300px;overflow-y: auto;padding: 5px;"><b>SITE NAME HERE</b> is an original idea made by OwnerThe site skin/theme, MYO and BYO are all made by [a href="http://gangnam-style.proboards.com/user/506"]Aquarius[/a]/[a href="http://adoxography.boards.net/user/127"]Dorothia[/a] so no stealing! Codes were found on PB Support and Images were found on Google, Zerochan or any other resource website. Everything else belongs to the Staff and members, if we forgot to mention you in the credits please get in contact with a staff member. </div></div></td> <td style="padding: 5px;"><div class="sidebox"><div class="sbtitle" style="border-top: 5px solid #b1a1c6;"><span style="color: #997788;">l</span>e chatbox</div> <div class="content" style="width: 670px;overflow-y: auto;">  </div></div></td></tr></tbody></table> </center> <center> <table style="width: 100%;"><tr><td valign="top" style="padding: 10px;"><div class="sidebox"><div class="sbtitle" style="border-top: 5px solid #285f8e;"><span style="color: #997788;">A</span>FFILIATION</div> <div class="content2"><a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <marquee height="31px" behavior="scroll" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()" direction="left"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> <a href="LINKHERE" target="_blank"><img src="http://i.imgur.com/tNZj3Qy.png" border="0" alt="OPEN SPOT" /></a> </marquee></div></div></td></tr></tbody></table></center>

> UPDATES:

THEME ------- (no extras)

Deleted

Dec 18, 2013 3:06:44 GMT -5

Quote

This one is definitely my favourite of yours. Such girly colours (I'm male), yet the colours are used so great together.
Awesome work

insanee of the month

Xikeon

untamable

Dec 18, 2013 5:04:09 GMT -5

Quote

I agree, a nice template!

One thing I noticed though is that the difference between the on/off icons may be a bit too vague..

aquarius

sane

OP

Dec 18, 2013 9:02:38 GMT -5

Quote

Well my on off icons are just a suggestion, not mandatory icons.

I made them pretty quick.

Thanks for liking my skin!

I'm around and round we go

Smangii

admin + overseer

Moderator

Dec 19, 2013 19:57:05 GMT -5

Quote

I just noticed your preview links link to a different forum/skin

But from what I can see in the preview it indeed does look great

cowruu

lurking

Jan 20, 2014 18:15:58 GMT -5

Quote

i was wondering if there were any codes for the board in the live link? i really like that one

Eruza

Apr 15, 2014 20:27:23 GMT -5

Quote aquarius likes this

Omg, this is so awesome.

sigma

lurking

Dec 18, 2016 7:39:12 GMT -5

Quote

Great theme, I love the aesthetics you've done.

hannah00

lurking

Oct 9, 2017 7:37:32 GMT -5

Quote

=)

lucien

lurking

Jun 3, 2018 19:19:30 GMT -5

Quote

nice theme

bamy

lurking

Jun 15, 2018 10:15:51 GMT -5

Quote

Nice!

dcvamps

lurking

Sept 7, 2018 17:18:16 GMT -5

Quote

Really like the theme, but the dropbox link isn't working, is there some other way to get the theme?

jackthequeen

lurking

Aug 12, 2019 10:41:11 GMT -5

Quote

I really want to use this theme but I can't figure it out on the new proboards! D:

rain5051

lurking

Aug 25, 2019 7:04:02 GMT -5

Quote

This looks nice.

butterfly

lurking

Feb 3, 2022 21:24:30 GMT -5

Quote

so cute!

Slightly Insane

Hello

Canvas light pinks purples

Hello

Canvas lightpinkspurples

Canvas light pinks purples