<script>document.title="Beauty and the Beast";</script>
<center>
<font style="font-size: 30px;
color: white;
font-weight: none;
line-height: 40px;
font-family: Broadway;">
Viva La Vie<br>
</font style>
<font style="
font-size: 50px;
color: black;
font-weight: bold;
line-height: 4 px;
font-family: Broadway;"
>Boheme
<br><br><br><br><Br><br></font style>
<font color="white">
<A href="http://www.xanga.com/The_Broadway_Layouts">Broadway</a></font>
</centeR>
<!-- The code below makes the color of your scrollbar change-->
<style type="text/css">
body {
background-color: #8B5742;
background-image: url("http://img.theatermania.com/news/images/7194a.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom center;
scrollbar-arrow-color: white;
scrollbar-track-color: black;
scrollbar-shadow-color: black;
scrollbar-face-color: #8B5742;
scrollbar-highlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-3dlight-color: black;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* THIS EDITS THE MAIN TEXT OF YOUR XANGA
.*/
font: normal 14px Arial;
line-height: 14px;
color: white;
letter-spacing:0px;
text-align:justify;
}
}
.blogbody b, .standard b, p b, strong {
*/ THIS EDITS THE BOLDED TEXT
.*/
font-weight: bold;
color: white;
font-family: Arial;
}
*/ THIS EDITS THE ITALICIZED TEXT
*/
em,i {
font-weight: italize;
color: white;
font-family: Arial;
}
*/ THIS EDITS THE UNDERLINED TEXT
.*/
u {
font-weight: underline;
font-weight: italize;
color: white;
font-family: Arial;
}
table.footer TD {
/* THIS MAKES THE FOOTER AT THE BOTTOM CENTERED */
/* LEAVE IT ALONE UNLESS YOU KNOW WHAT TO DO*/
text-align: center;
}
div.blogheader, .caption {
/* THIS EDITS THE FONT AND COLOR OF THE DATES
On your xanga you have the little box at the top of an entry that says the date. Use what I told you above to
figure out what each of these parts of the code mean. You can change the border colors and thickness around
the date as you wish.*/
font-family: Broadway;
font-weight: bold;
text-transform: none;
font-size: 23px;
line-height: 25px;
background-color: #transparent;
color: black;
letter-spacing: 0px;
text-align: center;
border-top: 4px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 4px solid white;
filter:alpha (opacity=70, finishopacity=70, style=1);
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* THIS EDITS ALL LINKS
This edits the links or hyperlinks on your page. I would change them to be a different color of the main text
so they can be identified easily. Text decoration is if you want your links to be bold, italicized, underlined, etc.*/
color: blue;
text-decoration: NONE;
font: normal 12px Arial Narrow;
}
a:visited, a.footernav:visited, {
/* THIS EDITS LINKS THAT THE USER HAS VISITED
Once you click on a link, it is considered "Visited". Change the color, font, size, etc. of a visited link if you want.*/
color: white;
text-decoration: NONE;
font: normal 13px arial;
}
a:hover {
/* THIS EDITS LINKS WHEN YOU PUT YOU MOUSE OVER THEM
Putting your mouse over a link is known as a "hover". You can change the color, font, size, etc. of a hover
link if you want. */
color: black;
text-decoration: none;
font-weight: underline;
font:normal 16px Broadway;
cursor: crosshair;
background-color: #8B5742;
border-left: 2x solid white;
border-top: 2x solid white;
border-bottom: 0x solid white;
border-right: 0x solid white;
filter:alpha (opacity=70, finishopacity=70, style=1);
}
input, select, textarea, .textfield, .button {
/* THIS EDITS THE BUTTONS DROPDOWNS, ETC.
This code edits the buttons and dropdowns on your page. A music playlist is an example of a dropdown menu.
Feel free to change the font, color, size etc. of your buttons and dropdown menus. */
font:normal 14px Arial;
background-color: black;
letter-spacing:1px;
color: white;
filter:alpha (opacity=70, finishopacity=70, style=1);
}
table.left {
/* THIS EDITS THE MENU MODULE
This edits the module on the side of your xanga containing your profile information, subscriptions, blogrings,
etc. Change the border color [where it says black use the hex codes to pick another color if you wish] and thickness
[change 1px to another number] and type of border [solid, dashed, dotted, etc]*/
border: 3px solid black;
width:170px;
filter:alpha (opacity=70, finishopacity=70, style=1);
}
table.left th {
/* ON YOUR MENU MODULE THIS EDITS THE TITLE PART OF IT*/
/* This part edits the titles like blogrings, subscriptions, etc. Use your knowledge to figure out what everything
means based on the codes above.*/
background-image: none;
background-color: #8B5742;
font: normal 16px Monotype Corsiva;
text-transform: none;
color: white;
}
table.left TD {
/* ON YOUR MENU MODULE, THIS EDITS THE BODY OF IT
This edits the boyd of your menu module. Use that good old prior knowledge to figure out how to alter the code.*/
background-image: none;
background-color: #transparent;
border: 1px solid black;
font:normal 12px Arial;
line-height:13px;
color: white;
text-transform: lowercase;
}
table.search TD, table.search, table.announcements {
/* THIS CHANGES THE BORDER OF THE SEARCH BAR
Self explanatory...change this as you wish.*/
background-color: black;
border: 1px solid black;
}
table.search TD, table.announcements TH {
/* CHANGES THE COLOR OF THE NEW WEBLOG ENTRIES BOX
You know when you are signed into your own xanga and you see the box that says New Weblog Entry and some other things?
This code changes that box.*/
border: 1px solid black;
}
hr {
/* THIS IS THE COLOR OF A HORIZONTAL DIVIDER
There is a horizontal divider at the bottom of most xangas using the style sheet. Change the color if you wish.*/
border: 1px solid black;
}
</style>
<BODY style="border-bottom: white
10t solid; border-top: #8B5742
10t solid; border-left: white
10t solid; border-right: #8B5742
10t solid"></BODY>
<script language=JavaScript>
<!--
//blink boxes - xanga.com/add_ons
//by sean f http://www.xanga.com/seanmeister
//fixed to work with new security measures by
//hotaru_01 http://www.xanga.com/hotaru_01
// customize by changing the values below
// these are the various colors, in quotes, seperated by commas
var blinkColors = new Array("black","black")
// the border color
var blinkBorderColor = "#000000"
// the border width, in pixels
var blinkBorderWidth = 1;
// the # of rows
var blinkRows = 1;
// the # of columns
var blinkCols = 2;
// the width of the entire box, in pixels or %
var blinkWidth = 500;
// the height of each row, in pixels
var blinkRowHeight = 7;
// speed of blinking, in milliseconds
var blinkRate = 13;
// do not edit below this line
st=setTimeout;
document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");
for (r = 0; r < blinkRows; r++){
document.write("<TR>");
for (c = 0; c < blinkCols; c++){
document.write("<TD height='" + blinkRowHeight + "'></TD>");
}
document.write("</TR>");
}
document.write("</table>");
// ... and this makes it blink
function blinkIt() {
changecell = Math.floor(Math.random() * (blinkCols * blinkRows));
changecolor = Math.floor(Math.random() * blinkColors.length);
bb = document.getElementById("blinkbox");
bbtd = bb.getElementsByTagName("td");
bbtd[changecell].style.backgroundColor = blinkColors[changecolor];
st('blinkIt()', blinkRate);
}
blinkIt();
//-->
</script></SCRIPT>
<style type"=text/css>
EDIT TO YOUR LIKING --\/
texttable.left, td.mainleft, table.left, table.navigation,
table.search{display:none}
table.blogbody {
width: 400px;
background-color: #transparent;
line-height:18px;
color: white;
padding: 1px;
height: 300px;
overflow: auto;
}
*/ THIS EDITS THE CUSTOM MODULE COLORS, BORDERS, ETC.*/
table.module {
border: 1px solid #FFFFFF;
width:200px;
background-color: #transparent;
filter:alpha (opacity=70 finishopacity=70 style=1);
}
table.module th {
font:11px arial;
color: white;
background-color: #transparent;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid black;
border-right: 1px solid black;
}
table.module
td {
background-color: ;
border-top: 1px solid #666666;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #666666;
border-bottom: 1px solid #ffffff;
}</style>
<table border=0
width="165"><tr><td valign="top" width="160"><table
border="1" cellspacing="0" cellpadding="4" width="100%"
class="module"><tr><th valign="top" align="left"
class="module">
<td
width="500" valign="top" align="left">
<BODY
style="border-left:#ffffff 1px solid;
border-right:#ffffff 1px solid; | 