I have never used sidebars before and this is my first time installing one. The website skin comes from one source, the sidebar code from another source, and the content layout of the sidebar from yet a third source. So far I have managed to make them work together well. However, once a user signs out, the sidebar and all it's links are still visible. It isn't supposed to be and I don't know how to fix it, though I've tried. When logged in, the sidebar is supposed to scroll separately on its own, and the header, navigation, and board are all supposed to scroll as one. I was also hoping to do this without the use of actual scroll bars showing on the page but if it cannot be done without them then that is fine so long as they can be edited (color, style, ect) as easily as the skin.
The only major issue (aside from those above) is that this is an RPG forum where the skin, banners, header, forum markers, buttons, etc. all are customized and recustomized frequently - changing on a frequent basis depending on what is happening in the RPGs, depending on what holiday it is, or just changes depending on the root admin's request. Any code that is added to the codes I am posting below must be able to be edited so the style can be changed to fit any changes on the site. I would prefer straight CSS over javascript because it makes customizing easier.
Normally I would hack away at the code and eventually figure it out and fix it, but after spending a week to just finding a good sidebar code and 4 days editing the whole thing so that it matches and works with the skin to this point ..... well I figured it was time for my brain to stop clenching in agony and ask for help.
I will post all my codes so that it may help further as well as a mockup of what the website looks like. At this point any help is welcome at all.
-darklore-
Website http://z13.invisionfree.com/DARK_TESTER01/index.php?act=idx
What I Want It To Do http://jsfiddle.net/NGLN/qndjW/11/#
Images - Header Code
Spoiler: click to toggle <br><center> <a href="http://s183.photobucket.com/user/shalamar_drake/media/Dark%20Lore%20Designs/DLD_Test_Banner01.png.html" target="_blank"><img src="http://i183.photobucket.com/albums/x231/shalamar_drake/Dark%20Lore%20Designs/DLD_Test_Banner01.png" border="0" alt=" photo DLD_Test_Banner01.png"/></a></center>
Board Wrappers - Javascript
Spoiler: click to toggle <script type="text/javascript" src="http://www.jacuba.com/service/checker/-/-/" defer="defer"></script> <body onload="if (window.Jacuba) Jacuba.applyTo('element: TEXTAREA')"> <script> /*Code copyright of Zelnen and Verminox*/ function joindate(){ var boardname = "House of Lomax" var frameTD = window.frames['zelnen'].document.getElementsByTagName('TD') for(x=0;x<frameTD.length;x++){ if(frameTD[x].className=="row3" && frameTD[x].innerHTML.match("Joined")){ td = document.getElementsByTagName("td"); for (t=0; t<td.length; t++){ if(td[t].className=="row4" && td[t].innerHTML.match("Our members have made a total of")){ td[t].innerHTML = td[t].innerHTML + "<br>" + boardname + " was started on " + frameTD[x+1].innerHTML + ""; }}}} } </script>
<script type='text/javascript' src='http://z3.ifrm.com/53/36/0/p372447/lightbox.js'></script>
Board Wrappers - Header
Spoiler: click to toggle <br><br> <div align="center"> <div class="forumbg"> <!--NAVIGATION GOES HERE --> <div class="navigation"> <img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /> <a href="http://z15.invisionfree.com/The_Lomax_Retreat/index.php?act=idx">LOMAX RETREAT</a> <img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /> <a href="http://z13.invisionfree.com/House_Of_Boone/index.php?act=idx">HOUSE OF BOONE</a> <img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /> </div> <% BOARD HEADER %> <% NAVIGATION %> <table width="100%" class='0' cellspacing="5" cellpadding="-1"> <tr><td width="150" class='0' valign="top"> <center><a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?"><img src="http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/leopard-home-button_small.png"></a></center> <div class='tableborder'> <div class='maintitle'><font color="#757171">LOMAX MOTTO</font> <div class='tablepad'> <span class='desc'><center>FROM BLOOD AND ASH WE ARE BORN ANEW </center></span> </div> <div class='tableborder'> <div class='maintitle'><font color="#757171">HOUSE TOOLS</font> <div class='tablepad'> <span class='desc'> <a href=" http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=158">Address Book</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showtopic=2059”>Address Book - Staff</a>< br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=208">Admin Forum</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?act=calendar">Calendar</a><br> <a href='http://z9.invisionfree.com/House_Of_Lomax/index.php?act=Stats&CODE=leaders' style='text-decoration:none'>Staff</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?act=Help">Help</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?act=Members">Members</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?act=site">Portal</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?act=Search&f=">Search</a><br><a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=160">Webmaster Help</a><br> </div> <div class='tableborder'> <div class='maintitle'><font color="#757171">MESSAGES</font></div> <div class='tablepad'> <div class='tablepad'> <span class='desc'>Click <a href='http://z9.invisionfree.com/House_Of_Lomax/index.php?act=Msg'>here</a> to read your personal messages.</div> <div class='tablepad'><span class='desc'>Click <a href='http://z9.invisionfree.com/House_Of_Lomax/index.php?act=Msg&CODE=04'>here</a> to compose a new message.</span> </div> <div class='tableborder'> <div class='maintitle'><font color="#757171">TOPIC INFO</font></div> <div class='tablepad'> <span class='desc'><a href='http://z9.invisionfree.com/House_Of_Lomax/index.php?act=Search&CODE=getactive' style='text-decoration:none'>Today's Active Topics</a><br /> <a href='http://z9.invisionfree.com/House_Of_Lomax/index.php?act=Stats' style='text-decoration:none'>Today's Top 10 Posters</a><br /> <a href='http://z9.invisionfree.com/House_Of_Lomax/index.php?act=Members&max_results=10&sort_key=posts&sort_order=desc' style='text-decoration:none'>Overall Top 10 Posters</a><br /> <br /> <center><div class='tableborder'> <div class='maintitle'><font color="#757171">LOMAX LINKS</font></div> <div class='tablepad'> <center> <img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /><br> <span class="lhs"> <span class="lhs"><b><font color="#757171">WELCOME SECTION</font></b></span> <br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=3">House Rules</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=207">House Guidelines</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?act=boardrules">House Ettiquite</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=2">Greeting Center</a> <br> <br> <img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /> <br> <span class="lhs"><b><font color="#757171">FAMILY NEWS & ANNOUNCEMENTS</font></b></span><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=119">Admin / HOH Announcements</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=5">Attacks</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=200">Bindings & Severences</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=6">Family Announcements & News</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=140">Family Meetings</a> <br> <br> <img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /> <br> <span class="lhs"><b><font color="#757171">FAMILY OFFICES</font></b></span><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=18">Seth’s Office</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=20">Emerald Summer’s Office</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=55">Abagail’s Office</a> <br> <br<img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /> <br> <span class="lhs"><b><font color="#757171">THE LOMAX EMPIRE</font></b></span><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=205">The Lomax Estates</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=70">Art Studio</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=116">Ballroom</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=14">Den</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=173">Dining Room</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=16">Garden & Pool</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=38">Garage</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=13">Kitchen & Wine Cellar</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=11">Living Room</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=172">Music Studio</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=139">Paintball Arena</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=97">Punishment Palace</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=10">Rubber Room</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=75">Stables & Zoo</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=195">The Training Grounds</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=170">Weapons Range</a> <br> <br> <img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /> <br> <span class="lhs"><b><font color="#757171">FAMILY LIBRARY</font></b></span><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=83">Archives</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=30">History</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=118">City Information</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=81">Family Geneology</a> <br> <br> <img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /> <br> <span class="lhs"><b><font color="#757171">FAMILY FUN SECTION<br> (Open to All)</b></font></span><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=105">Banners & Avatars</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=7">Family Fun</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=188">Jokes R Us</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=4">Photo Album</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=31">Role Play</a> <br> <br> <img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /> <br> <span class="lhs"><b><font color="#757171">FAMILY BEDROOMS </font></b></span><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?c=421635">North Wing (Rooms A-G) </a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?c=421636">South Wing (Rooms H-N)</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?c=421634">East Wing (Rooms O-T)</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?c=421637">West Wing (Rooms U-Z)</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?c=421630">Couples Rooms</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?c=421633">Guest House</a> <br> <br> <img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif " /> <br> <span class="lhs"><b><font color="#757171"> OOC </font></b></span><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=208">Admin Forum</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=158">Contact Us</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=91">M.I.A. (Missing In Action)</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=32">OOC Matters Only</a><br> <a href="http://z9.invisionfree.com/House_Of_Lomax/index.php?showforum=160">Webmaster Help</a> <br> <br> <br> <center> <a href=" http://z9.invisionfree.com/House_Of_Lomax/index.php?"><img src=" http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/leopard-home-button_small.png " /></a> </center> <td width="5" class='0'> ></td> <td width="90%" class='0' valign="top"> </div> <div id="content"> <div id='pageContent'> <% BOARD %> </div> <script> // Expand/Collapse Categories v4 - Leave Copyright Intact Wherever Used // Created For Invision Free // Author: Zero Tolerance © Game Zone | Evolution 2004 [ http://gzevolution.net] UseImgs="Yes" ImgExpand="http://www.webpost.net/el/elitecoding/expand.gif" ImgCollapse="http://www.webpost.net/el/elitecoding/collapse.gif" </script> <script src='http://i1.ifrm.com/1183/88/upload/p4118586.ibf'></script> <script type="text/javascript" src="http://z3.ifrm.com/63/1/0/f655575/yt.js"></script> <script name="Advanced Profile: Base (By Mwr247)" src="http://i4.ifrm.com/12221/196/upload/p1332772.ibf"></script> <script name="Advanced Profile: Profile Views (By Mwr247)" src="http://i4.ifrm.com/12221/196/upload/p1384647.ibf"></script> <script type='text/javascript'> // Require a signature - Joe of Outlineforum.com if ($('#menu_ucp').length) { if (location.href.match('/?c=32')) { $('textarea[name=post]').after('<br /><br /><em class="signature">The board administrator requires you to have a signature.</em><br />'); } else { $.get(main_url + 'home/?c=32', function(a) { if (!$('table#sig_box', a).length) { lightbox.generate({ content: '<table><tr><th>Error</th></tr><tr><td>The board administrator requires you to have a signature. Click <a href=\"' + main_url + 'home/?c=32\">here</a> to update it.</td></tr></table>' }); } }); } } </script>
Board Wrappers - Footer
Spoiler: click to toggle <div align=center> Theme by Abagail. </div> <script language="JavaScript" src="http://i4.ifrm.com/6036/174/upload/p2231252.ibf"></script> </tr></td> </table> </div> <style type="text/css">body, a:hover {cursor: url( http://cur.cursors-4u.net/games/gam-10/gam910.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/03/31/nightmare-wings-gaia-online.html" target="_blank" title="Nightmare Wings - Gaia Online"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Nightmare Wings - Gaia Online" style="position:absolute; top: 0px; right: 0px;" /></a> <script> /* Resize Images in posts By slayer766 of thecodingzone.com */ var toobig_height = 600; //Set the height of the image shouldn't go over var toobig_width = 600; //Set the width of the image shouldn't go over var b = document.getElementsByTagName('img'); for(var c=b.length-1;c>-1;c--){ if(b[c].getAttribute("alt")=="user posted image"){ if(b[c].width > toobig_width){ b[c].width = toobig_width;} if(b[c].height > toobig_height){ b[c].height = toobig_height;}}} </script> <script type="text/javascript"> // Resize Signature Images if(location.href.match(/showtopic/) || location.href.match(/showuser/)){ x = document.images for(y=0;y<x.length;y++) if(x[y].parentNode.tagName=="DIV" && x[y].parentNode.className == "signature") { x[y].width = '500' x[y].height = '200' }} </script> <div class='row4' style='position:absolute; background-color: #000000; border:1px solid #66ff00; padding:10px; display:none; width:300px' id='miniTopic'></div> <script> function Request() { if (window.XMLHttpRequest ) { return new XMLHttpRequest(); } else if (window.ActiveXObject) { try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { return false; } } } } function SetDescPos(e) { if (typeof event!='undefined') { e=new Object(); e.pageX=event.clientX+document.body.scrollLeft; e.pageY=event.clientY+document.body.scrollTop; } descarea=document.all?document.all.miniTopic:document.getElementById("miniTopic"); descarea.style.left=e.pageX+2; descarea.style.top=e.pageY+2; } function GetTopic(url,tTitle) { maxlen=300; if (typeof saveDesc=='undefined') { saveDesc=[]; } if (typeof saveDesc[url]!='undefined') { descarea=document.all?document.all.miniTopic:document.getElementById("miniTopic"); descarea.innerHTML="<b><u>"+tTitle+"</u></b><br />"+saveDesc[url]; descarea.style.display=''; } else { url=url; tTitle=tTitle; descReq=Request(); descReq.open("GET",url); descarea=document.all?document.all.miniTopic:document.getElementById("miniTopic"); descarea.innerHTML="<b>Loading Topic Description...Please Wait... <img src='http://static.whosgoing.com/images/loading.gif'>"; descarea.style.display=''; descReq.onreadystatechange=function() { if (descReq.readyState==4) { txt=descReq.responseText; txt.match(/<div class=["']postcolor["']>(.*?)<\/div>/i); ntxt=RegExp.$1; if (ntxt.length>maxlen) { ntxt=ntxt.substring(0,maxlen); if (ntxt.match(/(<[^>]*?$)/i)!=null) { ntxt=ntxt.replace(RegExp.$1,''); } ntxt+="..."; } descarea=document.all?document.all.miniTopic:document.getElementById("miniTopic"); descarea.innerHTML="<b><u>"+tTitle+"</u></b><br />"+ntxt; saveDesc[url]=ntxt; } } descReq.send(null); } } if (document.location.href.match(/showforum=[0-9]+/i)) { as=document.getElementsByTagName("a"); for (p=0; p<as.length; p++) { if (as[p].href && as[p].href.match(/showtopic=[0-9]/i)) { u=as[p].href; as[p].onmouseover=function() { GetTopic(this.href,this.innerHTML); } as[p].title=''; as[p].onmouseout=function() { descarea=document.all?document.all.miniTopic:document.getElementById("miniTopic"); descarea.style.display="none"; } } } } document.onmousemove=SetDescPos; </script> <script type="text/javascript"> // Display Time in Posts if(location.href.match("showtopic=")) { var day = new Date() var x = document.getElementsByTagName('span') for(y=0;y<x.length;y++){ if(x[y].className == "postdetails" && x[y].innerHTML.match(/Show the link to this post/i)){ x[y].innerHTML +=" <b><u>Current Time Now:</u></b> " + day.getHours() + ":" + day.getMinutes() if(day.getMinutes() < 10) { day.getMinutes = "0" + day.getMinutes }}}} </script> <script type="text/javascript"> // Replace Sig Line with Image if(location.href.match('showtopic')){ var x = document.getElementsByTagName('td') for(y=0;y<x.length;y++){ if(x[y].className == "post2" || x[y].className == "post1" && x[y].innerHTML.match(/--------------------/) && x[y].width == "100%"){ x[y].innerHTML = x[y].innerHTML.replace(/--------------------/, '<div style="text-align: center"><img src="http://i183.photobucket.com/albums/x231/shalamar_drake/Divider%20Bars/dividerbar_525.jpg"/></div>') }}} </script> <script type='text/javascript'> /* Online/Offline legend Written by Godkillah from phantom-designs.net */ var OnlineImg='http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo003.gif'; var OfflineImg='http://i183.photobucket.com/albums/x231/shalamar_drake/Ravenblack%20-%20House%20of%20Lomax/vikings-game-logo004.gif'; var OnlineColor='green'; var OfflineColor='red'; </script><script src="http://i1.ifrm.com/11801/187/upload/p834120.ibf"></script>
Style Sheet - CSS Skin Code
Spoiler: click to toggle html { overflow-x: hidden; overflow-y: auto; } form { display:inline; } img { vertical-align:middle; border:0px; -moz-border-radius: 15px; } BODY { font-family: Verdana, Tahoma, Arial, sans-serif;: 11px; color: #FFFFFF; margin:0px 10px 0px 10px; background:url( http://image.blog.bitcomet.com/postpic/20080701/1282490_hufkos080701170004.jpg); background-repeat: repeat; background-position:center top; background-attachment:fixed; background-color:#000; } TABLE, TR { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #757171; background-repeat:no-repeat; filter:alpha(opacity=93); -moz-opacity:.93; -khtml-opacity:.93; opacity:.93;} TD { } a:link, a:visited, a:active { text-decoration: none; color: #01DFD7; letter-spacing:1px; text-decoration:none; text-transform:none; font-variant:none; text-shadow: #000 1px 1px 1px;} a:hover { color: #66ff00; text-decoration:none; text-transform:none; font-variant:none; font-family:times new roman; } fieldset.search { padding:6px; line-height:150% } label { cursor:pointer; } img.attach { border:2px outset #EEF2F7;padding:2px } .googleroot { padding:6px; line-height:130% } .googlechild { padding:6px; margin-left:30px; line-height:130% } .googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; } .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; } .googlepagelinks { font-size:1.1em; letter-spacing:1px } .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 } li.helprow { padding:0px; margin:0px 0px 10px 0px } ul#help { padding:0px 0px 0px 15px } option.cat { font-weight:bold; } option.sub { font-weight:bold;color:#555 } .caldate { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px } .warngood { color:green } .warnbad { color:red } #padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px } #profilename { font-size:28px; font-weight:bold; font-family:trajan pro, times new roman, Verdana, Tahoma, Arial, sans-serif;; text-shadow: #000 1px 1px 1px; letter-spacing:2px; } #calendarname { font-size:22px; font-weight:bold; } #photowrap { padding:6px; } #phototitle { font-size:24px; border:none; } #photoimg { text-align:center; margin-top:15px } #ucpmenu { line-height:150%;width:22%; background-color: #000; } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #000;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; } #ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { margin:10px 100px 10px 100px; background-color:#222; padding-bottom:10px; border:1px solid #000000; filter:alpha(opacity=73); -moz-opacity:.73; -khtml-opacity:.73; opacity:.73; } #submenu { display: none } #submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; } #userlinks { background-color: #242222; -moz-border-radius: 6px;filter:alpha(opacity=73); -moz-opacity:.73; -khtml-opacity:.73; opacity:.73; } #navstrip { font-weight:bold; padding:0px; -moz-border-radius: 8px; font-size:11; } .activeuserstrip { background:#1C1B1B; height:5px; border:none !important; width:100%; } .pformstrip { font-weight:bold; background-color:#1C1B1B; color:#B0A9A9; text-transform:lowercase; font-variant:small-caps; font-size:10px; font-family:times new roman; letter-spacing:2px; padding:0px;} .pformleft { background-color: #000; padding:6px; margin-top:1px;width:25%; border:none; } .pformleftw { background-color: #000; padding:6px; margin-top:1px;width:40%; border:none; } .pformright { background-color: #000; padding:6px; margin-top:1px;border:none; } .post1 { background-color: #000 } .post2 { background-color: #000 } .postlinksbar { font-weight:bold; background-color:#1C1B1B; color:#B0A9A9; text-transform:lowercase; font-variant:small-caps; font-size:10px; font-family:times new roman, Verdana, Tahoma, Arial, sans-serif; letter-spacing:2px;} .row1 { background-color: #000 } .row2 { background-color: #000 } .row3 { background-color: #000 } .row4 { background-color: #000 } .darkrow1 { background-color: #1C1B1B; } .darkrow2 { background-color:#1C1B1B; padding:0px; } .darkrow3 { background-color: #1C1B1B; } .hlight { background-color: #DFE6EF } .dlight { background-color: #EEF2F7 } .titlemedium { font-weight:bold; background-color:#1C1B1B; color:#B0A9A9; text-transform:lowercase; font-variant:small-caps; font-size:10px; font-family:times new roman, Verdana, Tahoma, Arial, sans-serif;; letter-spacing:2px; padding:0px; } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C } .maintitle { vertical-align:bottom; color:#B0A9A9; font-size:18px; letter-spacing:1px; text-align:center; font-family:trajan pro, times new roman, Verdana, Tahoma, Arial, sans-serif; text-decoration:none; text-transform:lowercase; font-variant:small-caps; text-shadow: #000 1px 1px 1px; font-weight:bold; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #01DFD7; size:15px; text-align:center; font-family:trajan pro, times new roman, Verdana, Tahoma, Arial, sans-serif;; text-transform:lowercase; font-variant:small-caps; text-shadow: #000 2px 2px 2px; font-weight:none; } .maintitle a:hover { text-decoration: none; text-shadow: #000 1px 1px 1px; color:#66ff00; } .plainborder { border:none; } .tableborder {-moz-border-radius: 10px; background-color:#222; padding-bottom:10px; } .tablefill { background-color:#000;padding:6px } .tablepad { background-color:#000;padding:6px } .sidebg { background-color:#1C1B1B; -moz-border-radius: 15px; filter:alpha(opacity=85); -moz-opacity:.85; -khtml-opacity:.85; opacity:.85; width:185px;padding:5px; } .cboxbg { background-color:#1C1B1B; -moz-border-radius: 25px; filter:alpha(opacity=85); -moz-opacity:.85; -khtml-opacity:.85; opacity:.85; width:190px; padding:5px; height:200px; } .tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px } .wrapmini { float:left;line-height:1.5em;width:25% } .pagelinks { float:left;line-height:1.2em;width:35% } .desc { font-size:11px; color:#757171; text-align:justify; } .edit { font-size: 9px } .signature { text-align:center; image-align:center; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #339; } .postdetails { font-size: 12px; text-align:justified; } .postcolor { font-size: 12px; line-height: 120%; font-family:Verdana, Tahoma, Arial, sans-serif, tahoma; color:#B0A9A9; } .normalname { font-size: 12px; font-weight: bold; color: #003 } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px } .unreg { font-size: 11px; font-weight: bold; color: #900 } .searchlite { font-weight:bold; color:#F00; background-color:#FF0 } #QUOTE { font-family:tahoma; font-size: 10px; color: #757171; background-color: #1C1B1B; padding:5px; -moz-border-radius: 15px; } #CODE { font-family: tahoma; font-size: 11px; color: #fff; background-color: #1C1B1B; padding:5px; -moz-border-radius: 15px; } div.row4 { background:none; border:none !important; } .copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px } .codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle } .forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: tahoma; vertical-align: middle; background-color:#B0A9A9; color:#1C1B1B; -moz-border-radius: 5px; filter:alpha(opacity=85); -moz-opacity:.85; -khtml-opacity:.85; opacity:.85; } .thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border:none; } .purple { color:purple;font-weight:bold } .red { color:red;font-weight:bold } .green { color:green;font-weight:bold } .blue { color:blue;font-weight:bold } .orange { color:#F90;font-weight:bold }
Edited by darklore, Jun 17 2013, 07:59 PM.
|