Created By  Katie www.xanga.com/East_Coast_Designz

Name: 8th and Ocean

Normal bold italic underlined

[ You Can Change The Txt ]

Custom Header

  <script>document.title=".´¯`» [ 8TH & OCEAN <3*]";</script> <img src="http://img263.imageshack.us/img263/8822/8thandocean8zs6mw.png"/> <style type="text/css"> /* Cutsom Style Sheet */ /* by Mike [East Coast Designz] */ body { background-color: #ffffff; background-image: url(http://img285.imageshack.us/img285/2825/icedoutbg6lb.png); background-repeat: repeat; background-attachment: fixed; background-position: bottom right; scrollbar-arrow-color: #EF8F8F; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #EF8F8F; scrollbar-darkshadow-color:#EF8F8F; scrollbar-3dlight-color: #EF8F8F; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:16px; color:#bbbbbb; letter-spacing:0px; text-align:center; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; } .left B, { font: bold 11px arial; color: "#EF8F8F"; line-height: 16px;} .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #EF8F8F; } I,EM{ font-family:georgia; text-align:center; color: EF8F8F; font-weight:normal; } .blogbody u, .standard u, { text-decoration: underline; font: regular 11px arial; font-weight: regular; color: #EF8F8F; text-transform: none; border-bottom: 1pt solid #EF8F8F; } } /* edits the dates */ div.blogheader, .caption { background-image: url(); background-repeat:repeat; font-family:arial; font-size:11px; text-transform:uppercase; line-height:16px; font-weight:bold; padding-top: 4px; padding-bottom: 4px; letter-spacing:0px; color: #EF8F8F; background-color: white; text-align:center; border-top: 3px solid #EF8F8F; border-left: 3px solid #EF8F8F; border-right: 3px solid #EF8F8F; border-bottom: 3px solid #EF8F8F ; text-align: center; width: 370px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ffffff; text-decoration: none; text-align:center; background-color: #EF8F8F; font:normal 11px terminal; border: #EF8F8F 1px solid; font-weight:bold; text-transform:uppercase; line-height:16px; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #ffffff; background-color: #EF8F8F; text-decoration: none; text-align:center; font:normal 11px terminal; border: #EF8F8F 1px solid; font-weight:bold; text-transform:uppercase; line-height:16px; } a:hover { /* edits when user mouseovers the links */ color:#EF8F8F ; text-decoration: none; background-color: #ffffff; font:normal 11px terminal; border: #EF8F8F 1px solid; font-weight:bold; text-transform:uppercase; line-height:16px; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 2px solid #EF8F8F; font:normal 11px arial; background-color:#ffffff; letter-spacing:0px; color: #EF8F8F; } table.left { /* this edits the menu module */ border: 2px solid #EF8F8F; width:190px; background-image: url(); background-repeat: repeat; text-align:center; background-color:#ffffff; color: #bbbbbb; } table.blogbody { /* this edits the other the place where the blog is */ border-top: 3px solid #EF8F8F; border-left: 3px solid #EF8F8F; border-right: 3px solid #EF8F8F; border-bottom: 3px solid #EF8F8F; background-image: url(); background-repeat: no-repeat; background-repeat: no-repeat; background-attachment: fixed; background-position: bottom right; background-color: #ffffff; text-align:center; width: 370px; font:normal 11px arial; line-height:16px; color: #bbbbbb; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ /* h e a i e*/ background-image: url(); background-repeat:repeat; background-position:center; text-transform:uppercase; font-family: arial; font-size:11px; line-height:16px; font-weight:regular; padding-top: 4px; padding-bottom: 4px; letter-spacing:1px; color: #EF8F8F; background-color: white; text-align:center; border-top: 0px solid #ffffff; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; border-bottom: 3px solid #EF8F8F; text-align: center; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: #ffffff; background-image: url(); background-repeat: repeat; text-align:center; border-top: 3px solid #EF8F8F; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; border-bottom: 0px solid #ffffff; font:normal 11px arial; line-height:16px; color: #bbbbbb; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 1px solid #EF8F8F; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px solid #EF8F8F; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ display: none; } </style> <BODY style="border-bottom: #EF8F8F 2t solid; border-top: #EF8F8F 2t solid; border-left: #EF8F8F 2t solid; border-right: #EF8F8F 2t solid"></TBODY> <style type="text/css"> table.navigation, table.footer { display:none; } </style> <div align="center"> <DIV id=scroll3 style="background-color: #ffffff;filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #ffffff, endColorStr=#EF8F8F); width: 50px; height: 150px; background-image: url(''); BORDER-RIGHT: 2px solid #EF8F8F; padding:1px; BORDER-TOP: 2px solid #EF8F8F; OVERFLOW: none; BORDER-LEFT: 2px solid #EF8F8F; BORDER-BOTTOM: 2px solid #EF8F8F; WIDTH: 567px;HEIGHT:150%;"><FONT style="FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 16px; FONT-FAMILY: arial; LETTER-SPACING: 1px; FONT-WEIGHT: normal;"> <a href="http://www.xanga.com">[ <b>XANGA</b> ]</a> <a href="http://www.xanga.com/private">[ <b>PRIVATE</b> ]</a> <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAME">[ <b>ADD ME</b> ]</a> <a href="http://www.xanga.com/CLAF">[ <b>CLAF</b> ]</a> <a href="http://www.xanga.com/signin.aspx">[ <b>LOG OUT</b> ]</a> <a href="http://www.xanga.com/EAST_COAST_DESIGNZ">[ <b>CREDITS</b> ]</a> </CENTER></DIV> <img src="http://img312.imageshack.us/img312/6224/8thandocean8zs.png"/> <style type="text/css"> /* Cutsom Style Sheet */ /* by Mike [East Coast Designz] */ body { background-color: #ffffff; background-image: url(http://img285.imageshack.us/img285/2825/icedoutbg6lb.png); background-repeat: repeat; background-attachment: fixed; background-position: bottom right; scrollbar-arrow-color: #EF8F8F; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #EF8F8F; scrollbar-darkshadow-color:#EF8F8F; scrollbar-3dlight-color: #EF8F8F; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:16px; color:#bbbbbb; letter-spacing:0px; text-align:center; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; } .left B, { font: bold 11px arial; color: "#EF8F8F"; line-height: 16px;} .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #EF8F8F; } I,EM{ font-family:georgia; text-align:center; color: EF8F8F; font-weight:normal; } .blogbody u, .standard u, { text-decoration: underline; font: regular 11px arial; font-weight: regular; color: #EF8F8F; text-transform: none; border-bottom: 1pt solid #EF8F8F; } } /* edits the dates */ div.blogheader, .caption { background-image: url(); background-repeat:repeat; font-family:arial; font-size:11px; text-transform:uppercase; line-height:16px; font-weight:bold; padding-top: 4px; padding-bottom: 4px; letter-spacing:0px; color: #EF8F8F; background-color: white; text-align:center; border-top: 3px solid #EF8F8F; border-left: 3px solid #EF8F8F; border-right: 3px solid #EF8F8F; border-bottom: 3px solid #EF8F8F ; text-align: center; width: 370px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ffffff; text-decoration: none; text-align:center; background-color: #EF8F8F; font:normal 11px terminal; border: #EF8F8F 1px solid; font-weight:bold; text-transform:uppercase; line-height:16px; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #ffffff; background-color: #EF8F8F; text-decoration: none; text-align:center; font:normal 11px terminal; border: #EF8F8F 1px solid; font-weight:bold; text-transform:uppercase; line-height:16px; } a:hover { /* edits when user mouseovers the links */ color:#EF8F8F ; text-decoration: none; background-color: #ffffff; font:normal 11px terminal; border: #EF8F8F 1px solid; font-weight:bold; text-transform:uppercase; line-height:16px; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 2px solid #EF8F8F; font:normal 11px arial; background-color:#ffffff; letter-spacing:0px; color: #EF8F8F; } table.left { /* this edits the menu module */ border: 2px solid #EF8F8F; width:190px; background-image: url(); background-repeat: repeat; text-align:center; background-color:#ffffff; color: #bbbbbb; } table.blogbody { /* this edits the other the place where the blog is */ border-top: 3px solid #EF8F8F; border-left: 3px solid #EF8F8F; border-right: 3px solid #EF8F8F; border-bottom: 3px solid #EF8F8F; background-image: url(); background-repeat: no-repeat; background-repeat: no-repeat; background-attachment: fixed; background-position: bottom right; background-color: #ffffff; text-align:center; width: 370px; font:normal 11px arial; line-height:16px; color: #bbbbbb; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ /* h e a i e*/ background-image: url(); background-repeat:repeat; background-position:center; text-transform:uppercase; font-family: arial; font-size:11px; line-height:16px; font-weight:regular; padding-top: 4px; padding-bottom: 4px; letter-spacing:1px; color: #EF8F8F; background-color: white; text-align:center; border-top: 0px solid #ffffff; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; border-bottom: 3px solid #EF8F8F; text-align: center; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: #ffffff; background-image: url(); background-repeat: repeat; text-align:center; border-top: 3px solid #EF8F8F; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; border-bottom: 0px solid #ffffff; font:normal 11px arial; line-height:16px; color: #bbbbbb; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 1px solid #EF8F8F; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px solid #EF8F8F; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ display: none; } </style> <BODY style="border-bottom: #EF8F8F 2t solid; border-top: #EF8F8F 2t solid; border-left: #EF8F8F 2t solid; border-right: #EF8F8F 2t solid"></TBODY> <style type="text/css"> table.navigation, table.footer { display:none; } </style> <div align="center"> <DIV id=scroll3 style="background-color: #ffffff;filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #ffffff, endColorStr=#EF8F8F); width: 50px; height: 150px; background-image: url(''); BORDER-RIGHT: 2px solid #EF8F8F; padding:1px; BORDER-TOP: 2px solid #EF8F8F; OVERFLOW: none; BORDER-LEFT: 2px solid #EF8F8F; BORDER-BOTTOM: 2px solid #EF8F8F; WIDTH: 567px;HEIGHT:150%;"><FONT style="FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 16px; FONT-FAMILY: arial; LETTER-SPACING: 1px; FONT-WEIGHT: normal;"> <a href="http://www.xanga.com">[ <b>XANGA</b> ]</a> <a href="http://www.xanga.com/private">[ <b>PRIVATE</b> ]</a> <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAME">[ <b>ADD ME</b> ]</a> <a href="http://www.xanga.com/CLAF">[ <b>CLAF</b> ]</a> <a href="http://www.xanga.com/signin.aspx">[ <b>LOG OUT</b> ]</a> <a href="http://www.xanga.com/EAST_COAST_DESIGNZ">[ <b>CREDITS</b> ]</a> </CENTER></DIV>

Web Stats

  <script language=javascript> // swaps sidebar position on default xanga site layout function swapSidebar(){ var tds = document.getElementsByTagName("td") for (var i = 0; i < tds.length; i++){ if (tds[i].className == "mainleft" || tds[i].width == "200"){ var sidebar = tds[i].cloneNode(true); tds[i].parentNode.appendChild(sidebar); tds[i].parentNode.removeChild(tds[i]); break; }} } swapSidebar(); </script> 

Please Note: I Made The Majority Of This Style Sheet some Codes Came from Various Layout Sites Thank You =]