Canvas (light greys/pink/blue/purple theme)

[Dorothia]

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 reply on this thread 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:&nbsp; <//---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;">    <!-- 670x200 --> </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: There is a link down there. No extras though. This one doesn't come with a live preview guys sorry >_< THEME ------- EXTRAS

[ruchii]

Hello, I love the theme!
Just a question. How can I change so that the topics and other stuff don't write out in small letters?

[Dorothia]

Oh my! I'm so sorry for the late reply, I never noticed this. I'm not exactly sure what you're asking. What topics and other stuff?

[Asura]

Hello, is there any dark version? cause i'm going to use it for medieval story..

[Dorothia]

No there is no dark version. And Im not planning on making one sorry. I have a dark skin that you could use however.

[Asura]

what is it? may i see it?

[Dorothia]

I have another skin. Dark Moon that I've released. Its a dark skin.

[Alice in the Boxxx]

Hey there, I love your skin. I have been trying to change colors to fit my site, but there's one thing I cannot figure out. How do you change the colors of the board titles on the home page? I have searched and search but cannot find it.

[Dorothia]

Board title? Board URL? If so you can find it in your layout templates, board then board list

[Alice in the Boxxx]

Those board titles. I am unsure of how to change those colors.

[Dorothia]

The pink? Then yes follow my previous instructions

[Alice in the Boxxx]

I am sure I am just missing it, because I have looked there - and just looked again. I've gone to Themes > Layout Templates > Board List but I cannot find the place to change the colors. Am I perhaps going to the wrong place?

[Prima]

Hi Dorothia! I really love this theme so I'm looking for some help for several things. @_@

I was wondering if you could help me with some coding? I'm having trouble changing the pink links at the top that have dropdown menus. I changed the hex codes and they're still pink. I'm also having trouble changing the pink hover color in the navigation area.

Another thing I'd like to change is the reply button which I can't see with the current template I'm using as well as change the color of the reply boxes for both quick reply and full reply.

You can view the issue here: mistraltesting.proboards.com/

Is there also a way to make it so the side boxes match each template? Possibly a code that changes them to match? I don't want to force members to use the default template.

[Dorothia]

To change the pink, you'll have to change the hover for the links which you'll find in the CSS list I've provided. Navigation and everything else can be changed in the Advanced Themes & CSS tabs.


?? What templates do you speak of?

[Alice in the Boxxx]

I am sorry, but I am still unable to change the pink on mine. Is there something I am missing. As I said before, I have already gone through Themes > Layout Templates > Board List.