|
|
Post by TweaK on Jun 4, 2011 1:31:09 GMT -6
<div class="narctitle"><font color="774b67">CATH</font>ARSIS</div>
<div class="narctitle2">a story of <font color="774b67">evil rpg</font></div>
<div style="background-image: url(http://i54.tinypic.com/2pq0pp5.jpg);background-position: bottom left; height:479px; width:423px; margin-bottom: -10px; margin-left: 130px"></div>
<table width="92%" cellpadding="4" cellspacing="1" align="center" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" height="20" align="center">
<font size=2px>WE GOT SOME BREAKING NEWS, READ BELOW FOR SOME FORUM UPDATES<i>!</i></size>
</td>
</tr>
<tr>
<td width="75%" class="windowbg" vAlign="top">
<div style="overflow: auto; height: 120px"><div style=" padding: 2px; text-align: justify;">
<div class=welcomebg>
<img src="http://i.imgur.com/Tzlzp.png" width="75" height="75" align="left" border="3px solid">
<div class="h3"><b>- June 3rd, 2011 -</b></div> ...IT'S FRIDAY, FRI-*suddenly shot* Ahem, so I would like to just simply state that we have an Icon Dump <i>board</i> instead because it'll save time and effort and less lag for everyone while looking for their icons. :'D If you like to know where it is, head to the Artistic Corner and you should notice a sub-board has been created and a few threads that I've already made to move some of the icons from the original dump thread for example starters. <strike>I have to finish the move anyways, example or not. OTL</strike> I just thought it was really neat idea. Sorry to anyone who suddenly got confused about this sudden change if anyone did.</div>
<br>
<div class=welcomebg>
<div class="h3"><b>- May 19th, 2011 -</b></div> Limit added to power slots. Sigma and Digamma are now only allowed <b>three</b> power slots per character. Oh, also only three weapons are allowed on Uman.</div>
<br>
<div class=welcomebg>
<img src="http://i.imgur.com/azLMa.png" width="75" height="75" align="left" border="3px solid">
<div class="h3"><b>- April 30th, 2011 -</b></div> Hey, it's a new skin! Are you amazed? You should be. 8| Well, holy flying cows of... something. We're finally done with the changes and everything looks pretty <i>niiiiice.</i> We now have a guide for people to are completely lost on BtM/new. It also contains on how to switch one character race to another. c': <b>AND LOTS MORE!</b> -cough- Karma is enabled, but you guys can no longer do the karma to geld transfer system. Sorry, guys. Though you may now know that there's a <i>Reputation</i> added to everyone's mini profile.... Hm, I wonder what that is for? <b>MEGA TEASE</b>.</div>
<br>
</div></div>
</td>
<td width="25%" class="windowbg" vAlign="top">
<center>
<div class="wellink"><a href="http://behindxthexmask.proboards.com/index.cgi?board=btmsinformation&action=display&thread=1182">RULES;;</a><br></div>
<div class="wellink"><a href="http://behindxthexmask.proboards.com/index.cgi?board=btmsinformation&action=display&thread=1184">TIMELINE;;</a><br></div>
<div class="wellink"><a href="http://behindxthexmask.proboards.com/index.cgi?board=btmsinformation&action=display&thread=1187">RACES & APP;;</a><br></div>
<div class="wellink"><a href="http://behindxthexmask.proboards.com/index.cgi?board=extrainformation&action=display&thread=2519">POWERDIRECTORY;;</a><br></div>
<div class="wellink"><a href="http://behindxthexmask.proboards.com/index.cgi?board=missions&action=display&thread=11&page=1">THE SHOP;;</a></div>
</center>
</td>
</tr>
</table>
<div class="container">
<div class="tabs">
<div class="tabberbg">
<ul>
<li onclick="change_tab(1);" class="selected"><a href="javascript:void(0);">NEWS</a></li>
<li onclick="change_tab(2);"><a href="javascript:void(0);">PLOT</a></li>
<li onclick="change_tab(3);"><a href="javascript:void(0);">STAFF</a></li>
<li onclick="change_tab(4);"><a href="javascript:void(0);">AWARDS</a></li>
<li onclick="change_tab(5);"><a href="javascript:void(0);">PLAYLIST</a></li>
<li onclick="change_tab(6);"><a href="javascript:void(0);">CREDITS</a></li>
</ul>
</div>
</div>
<div class="content_shown" id="1">
<div align=center><div style="background-color:606570;width:600px;height:230px;padding:10px;">
<div style="border:6px #272a32 solid;-moz-border-radius:2em;background:url(http://i1206.photobucket.com/albums/bb446/gittyicons/miku%20hatsune%20-%20vocaloid/c8uen.png);width:100px;height:100px;float:left;"> </div><p><div style="background-color:272a32;width:550px;text-align:right;font-family:courier new;color:bdc1c9;text-transform:uppercase;font-size:13px;letter-spacing:4px;"> SORRY GUYS </div><div align=right> <div style="width:450px;height:85px;padding-right:30px;padding-top:5px;text-align:justify;overflow:auto;"></div></div>
<BR clear= "right"><a href="http://kingoftherotten.proboards.com/index.cgi" target="_blank"><img src="http://i1206.photobucket.com/albums/bb446/gittyicons/deliITaffbutton.png"border="0" width="88" height="31" alt="Deliverance"></a>
<br>coming soon!
</div></div>
</div>
<div class="content_shown" id="2">
<div align=center><img src=http://i1206.photobucket.com/albums/bb446/gittyicons/BORN%20TOO%20SLOW/MATRIX%20SKIN/btsmatrixtableplotheader.png></img>
</div><p>
<div align=center><div style="background-color:606570;width:590px; padding:3px; text-align:justify;">
<p><div align=left> The assassination of Marcus Chamberlain and the crumbling of one of the most powerful corporations on Lazarus 9 has lead to a gaping power vacuum, to be filled by the new emerging anti-corporation groups and non-humans who have banded under one banner of glitz, gambling and infiltration against the law enforcement and their respective employers. A cry for an elected government to run the colony is growing louder every day, and a new drug, <b>JETFAX</b>, permeating the streets has caused crime to grow and the colony rockier than ever. </div>
<br><a href=http://www.borntooslow.proboards.com/index.cgi?board=general&action=display&thread=1>RULES</a> ● <a href=http://www.borntooslow.proboards.com/index.cgi?board=general&action=display&thread=2>PLOT</a> ● <a href=http://www.borntooslow.proboards.com/index.cgi?board=general&action=display&thread=3>RACES</a> ● <a href=http://www.borntooslow.proboards.com/index.cgi?board=general&action=display&thread=5>FACECLAIM<a/> ● <a href=http://www.borntooslow.proboards.com/index.cgi?board=general&action=display&thread=45>CANONS</a> </p>
</div></div></div></div>
<div class="content_shown" id="3">
<div align=center><a href=http://www.borntooslow.proboards.com/index.cgi?action=viewprofile&user=pippa><img src=http://i51.tinypic.com/t0p46b.jpg></img></a> <a href=http://www.borntooslow.proboards.com/index.cgi?action=viewprofile&user=admin><img src=http://i52.tinypic.com/2lk35lw.jpg></img></a> <a href=http://www.borntooslow.proboards.com/index.cgi?action=viewprofile&user=dante><img src=http://i55.tinypic.com/10e1pug.jpg></img></a>
</div></div></div>
<div class="content_shown" id="4">
<div align=center><img src=http://i52.tinypic.com/2poo0if.jpg></img>
</div></div></div>
<div class="content_shown" id="5">
<div align=center><div style="background-color:606570;width:600px;padding:5px;"><div id="we7widget" name="we7widget"><a href="http://www.we7.com/user/view-playlist?playlistId=1565560">Free music - BORN TOO SLOW</a></div><script type="text/javascript" src="http://www.we7.com/scripts/widget.js"></script>
</div></div></div>
<div class="content_shown" id="6">
<div align=center><div style="background-color:606570;width:600px;padding:5px;">BORN TOO SLOW was created by GITTY, and all graphics/images on the site were created by her, with textures from <a href=http://bloomotion.com/textures.php?autor=&series=&ordnen=&richtung=&seite=27>BLOOMOTION</a> and images found on <a href=http://www.zerochan.net/>zerochan</a>. Unique codes made by XOCHII. Pre-made codes and tutorials were found on various sites, namely <a href=http://support.proboards.com/index.cgi?board=codedatabase&action=display&thread=70177>Proboards Support</a>, <a href=http://smangii.proboards.com/index.cgi>Slightly Insane</a>, <a href=http://codeswithgraphics.vforums.co.uk/>codes with graphics</a> and <a href=http://on-the-edge.proboards.com/>ON THE EDGE!</a>. All materials belong to their respectful owners.
</div></div></div>
</div>
<script type="text/javascript">
<!--
/* Important this is here! */
hide();
//-->
</script></div>
|
|
|
|
Post by TweaK on Jun 29, 2011 13:57:02 GMT -6
<style type="text/css">
<!--
a, .nav {
text-transform: uppercase;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
font-size: 14px;
font-family: arial narrow;
}
a:hover, .nav:hover {
color: #fff36e;
text-decoration: none!important;
cursor: crosshair;
}
.catbg, .titlebg {
text-align: center;
}
.cattext, .cattext a, .titletext, .titletext A, .titlebg {
font-family: arial narrow;
font-weight: bold;
letter-spacing: 3px;
font-size: 15px;
text-transform: uppercase;
text-align: center;
}
.cattext:before, .titletext:before, .titlebg:before {
content: "\300C";
color: #fff36e;
}
.cattext:after, .titletext:after, .titlebg:after{
content: "\300D";
color: #fff36e;
}
input, textarea, .codeArea, .quote {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background-color: #272727;
color: #707070;
border: 0px;
padding: 7px;
}
.descfade {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
opacity: .5;
filter:alpha(opacity=50);
}
.descfade:hover {
opacity: .9;
filter:alpha(opacity=90);
}
#buttonthing {
background-color: #242424;
color: #707070;
display: block;
padding: 5px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
position: fixed;
width: 150px;
top: 200px;
left: 0px;
margin-left: -69px;
text-align: center;
-webkit-border-top-left-radius: 35px;
-webkit-border-top-right-radius: 35px;
-moz-border-radius-topleft: 35px;
-moz-border-radius-topright: 35px;
border-top-left-radius: 35px;
border-top-right-radius: 35px;
z-index: 3;
opacity: .6;
filter:alpha(opacity=60);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#buttonthing:hover {
color: #fff36e;
opacity: .8;
filter:alpha(opacity=80);
}
#content123 {
width: 200px;
background-color: #0f0f0f;
color: #707070;
opacity: .7;
filter:alpha(opacity=70);
display: none;
top: 150px;
position: fixed;
-webkit-border-top-right-radius: 35px;
-webkit-border-bottom-right-radius: 35px;
-moz-border-radius-topright: 35px;
-moz-border-radius-bottomright: 35px;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
padding: 8px 15px 8px 25px;
z-index: 2;
}
//-->
</style>
<style type="text/css">
<!--
.group1:before, .group2:before, .group3:before {
content: "\2020";
color: #d73e3e;
font-family: times new roman;
}
.group4:before {
content: "\2020";
color: #d7d53e;
font-family: times new roman;
}
.group5:before {
content: "\2020";
color: #94d73e;
font-family: times new roman;
}
.group6:before {
content: "\2020";
color: #c56ad9;
font-family: times new roman;
}
.group7:before {
content: "\2020";
color: #3eb8d7;
font-family: times new roman;
}
.group8:before {
content: "\2020";
color: #efefef;
font-family: times new roman;
}
.group1 a, .group1 a:hover, .group2 a:hover,.group3 a:hover, .group4 a:hover, .group5 a:hover, .group6 a:hover, group7 a:hover, .group8 a:hover, .group3 a, .group4 a, .group5 a, .group6 a, .group7 a, .group8 a, .group1, .group2, .group3, .group4, .group5, .group6, .group7, .group8 {
text-transform: none!important;
}
.census {
background-color: #242424;
margin: 1px;
}
.forumsubtitle {
color: #fff36e;
font-family: arial narrow;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 5px;
z-index: 1;
}
#menuDiv {
}
//-->
</style>
<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
<script type="text/javascript">
<!--
/* welcome table below ads */
document.write('<div id="welcome"></div>');
var welcome = document.getElementById("welcome");
var iTable = document.getElementsByTagName("table");
iTable[0].width = "100%";
welcome.parentNode.replaceChild(iTable[0], welcome);
// -->
</script>
<script type='text/javascript'>
/* Adjustable Custom Menu Bar in Welcome Table by SubDevo */
/* Global Header - Please leave this header intact. Do not repost. */
/* [url]http://interoceandesigns.com[/url] or [url]http://lsdp.proboards.com[/url] */
var posVert=-10; // Menu Vertical Position.
var posHoriz=0; // Menu Horizontal Position.
var bWidth=720; // Banner Width.
var bHeight=200; // Banner Height.
var bLogo="http://i.imgur.com/HK7OG.png"; // URL to Banner Image.
var divider=" ยท "; // Divider Character or URL to Divider Image.
var remBrackets=1; // Remove "[]" from Menu. 1=Yes, 0=No.
var td=gT("td"),tb=gT("table")[0];tb.style.width=bWidth;tb.rows[1].style.display="none";
var nb="&nb"+"sp;",a=td[1].style,mI=td[5].innerHTML; a.height=bHeight+"px";
divider=nb+((divider.match(/^http:\/\//i))?'<img src="'+divider+'" alt="::" \/>':divider)+nb;
var cd=document.createElement("div"),cc=document.createElement("center");
if(bLogo&&bLogo.match(/^http:\/\//i)){a.backgroundImage="url("+bLogo+")"; a.width=bWidth+"px";}
mI=mI.replace(/a>.+?<a/gi,'a>'+divider+'<a');
cd.id="menuDiv"; cd.innerHTML=(remBrackets)?mI.replace(/(\[|\])/gi,""):mI;
with(cd.style){position="relative"; top=posVert+"px"; left=posHoriz+"px";}
cc.appendChild(cd); tb.parentNode.insertBefore(cc,tb.nextSibling);
function gT(n){var h=document.getElementsByTagName(n);return h;}
</script>
<!-- GLIDE PM BAR -->
<style type="text/css">
/* Glide PM Bar CSS */
#glide div a {
color: #a4a4a4; /* COLOR OF LINKS IN THE BAR */
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#glide div a:hover {
color: #fff36e;
}
#glide {
background-color: #191919; /* BACKGROUND COLOR OF BAR */
color: #707070; /* TEXT COLOR IN BAR */
/* no more editing */
width: 100%;
height: 25px;
overflow: hidden;
position: fixed;
top: 0px;
left: 0px;
padding: 3px;
}
body {
margin-top: 35px;
}
#glide div {
margin: 5px;
}
#glide #gleft {
float: left;
}
#glide #gright {
float: right;
};
#glide {
position: absolute;
top: expression(document.body.scrollTop);
padding-right: 0px;
}
</style>
<div id="glide" onmouseover="glideShow();" onmouseout="glideHide();"><div id="gleft"></div><div id="gright"></div></div>
<script type="text/javascript">
<!--
/* Glide PM Bar v1.0
Written by Devin F
Don't redistribute */
var ginfo = document.getElementsByTagName("font")[2].innerHTML.split(/<br\s?\/?>/i);
var glide = document.getElementById("glide");
var gleft = document.getElementById("gleft");
var gright = document.getElementById("gright");
var ghide;
document.body.removeChild(document.body.getElementsByTagName("br")[0]);
gleft.innerHTML = (pb_username != "Guest") ? ginfo[0] : "Please <a href='index.cgi?action=login'>login</a> or <a href='index.cgi?action=register'>register</a> to use this feature";
gright.innerHTML = ginfo[1] + gright.innerHTML;
function glideHide(){ //<-- IT RHYMES! =P
ghide = setTimeout("glide.style.height = '3px'", 500);
}
function glideShow(){ //<-- Doesn't rhyme. =(
glide.style.height = '25px';
clearTimeout(ghide);
}
glideHide();
//-->
</script>
<!-- END OF GLIDE PM BAR -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<div id="buttonthing" >SWITCH ACCOUNTS</div>
<div id="content123">
<BR>
<center><form onsubmit="disable(this);if(location.href.indexOf('action=logout')==-1)this.redirect.value=location.href;" name="sideloginform" method="post" action="/index.cgi">
<input type="hidden" name="redirect" value="/index.cgi">
<input type="hidden" value="login2" name="action">
<center><table width="100%" cellspacing="1" cellpadding="0" border="0">
<tr><td width="100%"><center><input type="text" class="sidelogin user" maxlength="24" tabindex="3001" size="24" name="username"></center></td></tr>
<tr><td width="100%"><center><input type="password" class="sidelogin password" tabindex="3002" size="24" name="password"></center></td></tr>
<tr><td width="100%" align="center" colspan="2">
<input type="submit" class="sidelogin submit" tabindex="3004" value=" GO ! ">
<img src="http://s3.images.proboards.com/blank.gif" onload="document.getElementById('sidelogout').style.display=(pb_username=='Guest'?'none':'')"></td></tr>
</table>
</form></center>
</div>
<script>
$("#buttonthing").click(function () {
$("#content123").slideToggle("slow");
});
</script>
<script type="text/javascript">
/***********************************************
* Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//Gradual Elements Fader- By Dynamic Drive at http://www.dynamicdrive.com
//Last updated: Nov 8th, 07'
var gradualFader={}
gradualFader.baseopacity=0.4 //set base opacity when mouse isn't over element (decimal below 1)
gradualFader.increment=0.05 //amount of opacity to increase after each iteration (suggestion: 0.1 or 0.2)
document.write('<style type="text/css">\n') //write out CSS to enable opacity on "gradualfader" class
document.write('.gradualfader{filter:progid:DXImageTransform.Microsoft.alpha(opacity='+gradualFader.baseopacity*100+'); -moz-opacity:'+gradualFader.baseopacity+'; opacity:'+gradualFader.baseopacity+';}\n')
document.write('</style>')
gradualFader.setopacity=function(obj, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
var targetobject=obj
if (targetobject && targetobject.filters && targetobject.filters[0]){ //IE syntax
if (typeof targetobject.filters[0].opacity=="number") //IE6
targetobject.filters[0].opacity=value*100
else //IE 5.5
targetobject.style.filter="alpha(opacity="+value*100+")"
}
else if (targetobject && typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
targetobject.style.MozOpacity=value
else if (targetobject && typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
targetobject.style.opacity=value
targetobject.currentopacity=value
}
gradualFader.fadeupdown=function(obj, direction){
var targetobject=obj
var fadeamount=(direction=="fadeup")? this.increment : -this.increment
if (targetobject && (direction=="fadeup" && targetobject.currentopacity<1 || direction=="fadedown" && targetobject.currentopacity>this.baseopacity)){
this.setopacity(obj, targetobject.currentopacity+fadeamount)
window["opacityfader"+obj._fadeorder]=setTimeout(function(){gradualFader.fadeupdown(obj, direction)}, 50)
}
}
gradualFader.clearTimer=function(obj){
if (typeof window["opacityfader"+obj._fadeorder]!="undefined")
clearTimeout(window["opacityfader"+obj._fadeorder])
}
gradualFader.isContained=function(m, e){
var e=window.event || e
var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
if (c==m)
return true
else
return false
}
gradualFader.fadeinterface=function(obj, e, direction){
if (!this.isContained(obj, e)){
gradualFader.clearTimer(obj)
gradualFader.fadeupdown(obj, direction)
}
}
gradualFader.collectElementbyClass=function(classname){ //Returns an array containing DIVs with specified classname
var classnameRE=new RegExp("(^|\\s+)"+classname+"($|\\s+)", "i") //regular expression to screen for classname within element
var pieces=[]
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (var i=0; i<alltags.length; i++){
if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1)
pieces[pieces.length]=alltags[i]
}
return pieces
}
gradualFader.init=function(){
var targetobjects=this.collectElementbyClass("gradualfader")
for (var i=0; i<targetobjects.length; i++){
targetobjects[i]._fadeorder=i
this.setopacity(targetobjects[i], this.baseopacity)
targetobjects[i].onmouseover=function(e){gradualFader.fadeinterface(this, e, "fadeup")}
targetobjects[i].onmouseout=function(e){gradualFader.fadeinterface(this, e, "fadedown")}
}
}
</script><br/><center><script type="text/javascript">
<!--
/* Beatsons Tabbed content - The Javascript */
var maxtabs = 4; //how many tabs you have.
/* No need to edit below here */
function change_tab(id) {
var e = document.getElementById(id);
e.style.display = '';
var i = 1;
for (i=1;i<id;i++)
{
f = document.getElementById(i);
f.style.display = 'none';
}
var a = id + 1;
for (a=id+1;a>id && a<=maxtabs;a++)
{
g = document.getElementById(a);
g.style.display = 'none';
}
}
function hide() {
var b = 2;
for (b=2;b>1 && b<=maxtabs;b++)
{
h = document.getElementById(b);
h.style.display = 'none';
}
}
//-->
</script>
<style type="text/css">
<!--
/* Beatsons Tabbed content - The CSS */
/*Edit below here if you know CSS */
.container {
width: 720px;
text-align: center;
}
.tabs {
text-align: left;
margin: 1px;
}
a.tab {
margin: 2px;
background-color: #181818;
padding: 7px;
text-decoration: none;
border: 0;
width: 180px;
}
.content_shown {
width: 720px;
margin: auto;
background: #191919;
text-align: justify;
padding: 0px;
}
.acontain {
width: 180px;
background-color: #181818;
padding: 10px;
cursor: crosshair;
}
a.staff {
width: 245px;
padding: 7px;
background-color: #242424;
display: block;
margin: 2px 2px 2px 7px;
font-size: 15px;
border-left: 7px solid #fff36e;
}
a.staff:hover {
text-decoration: none;
}
a.linky {
background-color: #343434;
padding: 4px 4px 4px 10px;
margin: 1px;
text-align: justify;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
display: block;
font-size: 12px;
}
a.linky:hover {
text-decoration: none;
}
.linkbubble {
border-left: 1px dashed #ebe068;
padding: 5px;
width: 200px;
margin: 4px 0px 4px 0px;
}
h1.title {
background-color: #dbd165;
display: block;
padding: 3px;
color: #181818;
font-family: arial narrow;
font-size: 14px;
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
margin-top: 5px;
}
h1.icon {
float: right;
width: 100px;
height: 100px;
border: 5px solid #dbd165;
margin: 5px 0px 0px 5px;
}
.content1 {
text-align: justify;
padding: 0px 5px 5px 5px;
}
.content2 {
width: auto;
border-top: 5px solid #dbd165;
margin-bottom: 0px;
padding-bottom: 10px;
}
.subtitle2 {
text-align: right;
padding: 0px 10px 1px 10px;
font-size: 8px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 5px;
margin: -10px -5px 3px 15px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-left-radius: 50px;
background-color: #dbd165;
display: inline;
float: right;
color: #181818;
}
a.aff, img.aff {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
opacity: .6;
filter: alpha(opacity=60);
}
a.aff:hover, img.aff:hover {
opacity: .8;
filter: alpha(opacity=80);
}
//-->
</style>
<table class="container"><tr>
<td class="acontain gradualfader" onclick="change_tab(1);">UPDATES</td>
<td class="acontain gradualfader" onclick="change_tab(2);">PLOT</td>
<td class="acontain gradualfader" onclick="change_tab(3);">STAFF</td>
<td class="acontain gradualfader" onclick="change_tab(4);">CREDITS</td></tr>
<tr><td class="content_shown" id="1" colspan="4">
<table width="100%"><tr><td width="70%"><h1 class="icon"><img src="http://i.imgur.com/0iJVz.png" border="0"></h1><h1 class="title">SAY, AM I CRAZY?</h1><div class="subtitle2">June 19, 2011</div>
<div class="content1">WE'RE NOT ALL DEAD, GAISSSS. We're back now that the evil madness called school is over. CATH is gone through a major face lift and the plot has undergone a tad bit of revision. Before to post in the activity check so we know who's staying. Hopefully, all of you (especially you, people with important characters) decide to stay. :3 Also, congrats to Pink! She's the newest member of our staff team /hands hammer of power <3</div></td>
<td width="30%"><div class="linkbubble">
<a class="linky gradualfader" href="http://xsuperbia.proboards.com/index.cgi?board=rules&action=display&thread=1">RULES</a>
<a class="linky gradualfader" href="http://xsuperbia.proboards.com/index.cgi?board=rules&action=display&thread=4">PLOT</a>
<a class="linky gradualfader" href="http://xsuperbia.proboards.com/index.cgi?board=charries&action=display&thread=6">PROFILE TEMPLATE</a>
<a class="linky gradualfader" href="http://xsuperbia.proboards.com/index.cgi?board=charries&action=display&thread=3">FACE CLAIM</a>
<a class="linky gradualfader" href="http://xsuperbia.proboards.com/index.cgi?board=charries&action=display&thread=5">CANON POSITIONS</a></div></td></tr></table></td>
<td class="content_shown" id="2" colspan="4">
<img src="http://i.imgur.com/rMutC.png" style="border: 5px solid #dbd165;float: left;margin: 10px;" class="none">
<div class="content1" style="margin: 5px 20px 0px 20px;padding: 5px;"><h1 class="title" style="margin: 5px 0px 5px 20px;font-size: 25px;">WELCOME TO OUR DECADENT CACOPHONY</h1>
Lucifenia has gone into a state of madness and desolation. The Lucis Council is running amuck and scaring off the people of the kingdom, leaving only the citizens that are loyal to the committee to occupy the land. The forced out Lucifenians have gone into hiding, seeking shelter in other places to escape the horrible oppression. Elsewhere, war has broken out between the three neighboring kingdoms. Cities and other places have fallen into shambles under the weight of the war; Elphegort and Marlon no longer know if they will be able to fend off the attacks set off by the Venomanian king while trying to overthrow the Lucis Council.
<br><br>
The question now is: what will <i>you</i> help with?</div></td>
<td class="content_shown" id="3" colspan="4"><img src="http://i.imgur.com/fsUeC.png" border="0" alt="Staff" name="rollimg" style="float: right;" class="gradualfader"/>
<BR><BR><BR>
<span onmouseover="document.rollimg.src=image1.src;" onmouseout="document.rollimg.src=image0.src;"><a class="staff gradualfader" href="http://xsuperbia.proboards.com/index.cgi?action=viewprofile&user=pink">PINK</a></span>
<span onmouseover="document.rollimg.src=image2.src;" onmouseout="document.rollimg.src=image0.src;"><a class="staff gradualfader" href="http://xsuperbia.proboards.com/index.cgi?action=viewprofile&user=admin">ELLIE</A></span>
<span onmouseover="document.rollimg.src=image3.src;" onmouseout="document.rollimg.src=image0.src;"><a class="staff gradualfader" href="http://xsuperbia.proboards.com/index.cgi?action=viewprofile&user=kura">KURA</a></span></td>
<td class="content_shown" id="4" colspan="4"><div class="content1" style="font-size: 12px; padding: 10px;">the original concept for <b>story of evil </b>was created by <b>mothy/akuno-p</b> of <b>nico nico douga</b>. codes from <b>socal</b>, <b>proboards support</b>, and <b>slightly insane</b>. images from <b>zerochan</b>. the skin was designed by <b>aeon</b>. stealing isn't cool so don't do it, yo :C</div></td>
</tr></table>
<script type="text/javascript">
<!--
/* Important this is here! */
hide();
//-->
</script></center>
<script type="text/javascript">
if (document.images) {
image0 = new Image;
image1 = new Image;
image2 = new Image;
image3 = new Image;
image0.src = 'http://i.imgur.com/fsUeC.png';
image1.src = 'http://i.imgur.com/Xqnc7.png';
image2.src = 'http://i.imgur.com/fQCdq.png';
image3.src = 'http://i.imgur.com/8GiL9.png';
} else {
image0 = '';
image1 = '';
image2 = '';
image3 = '';
document.rollimg = '';
}
</script>
|
|
