Computer Hope
Internet & Networking => Web design => Topic started by: ete-kquiaoit on September 18, 2013, 05:15:12 PM
-
:P lizzy just post it here
-
http://www.schillmania.com/projects/snowstorm/ (http://www.schillmania.com/projects/snowstorm/)
This might help, found in google search for "Snow Java Script"
I like the christmas lights at the top of this page that you touch and they pop..lol
-
thanks ^_^ i also found a couple im posting this for my friend lizzy. you are right the lights are cute ^_^
<!--Simply copy and paste into <BODY>
Just above the </BODY> tag. -->
<SCRIPT type="text/javascript">
/*
Snow Fall 1 - no images - Java Script
Visit http://rainbow.arch.scriptmania.com/scripts/
for this script and many more
*/
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times","Arial","Times","Verdana")
// Set the letter that creates your snowflake (recommended: * )
var snowletter="*"
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6
// Set the maximum-size of your snowflakes
var snowmaxsize=30
// Set the minimal-size of your snowflakes
var snowminsize=8
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.scrollHeight
marginright = document.body.clientWidth-15
}
else if (ns6) {
marginbottom = document.body.scrollHeight
marginright = window.innerWidth-15
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds = 0;
lftrght = Math.random()*15;
x_mv = 0.03 + Math.random()/10;
snow=document.getElementById("s"+i)
snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
snow.size=randommaker(snowsizerange)+snowminsize
snow.style.fontSize=snow.size+'px';
snow.style.color=snowcolor[randommaker(snowcolor.length)]
snow.style.zIndex=1000
snow.sink=sinkspeed*snow.size/5
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=randommaker(2*marginbottom-marginbottom-2*snow.size)
snow.style.left=snow.posx+'px';
snow.style.top=snow.posy+'px';
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds += x_mv;
snow.posy+=snow.sink
snow.style.left=snow.posx+lftrght*Math.sin(crds)+'px';
snow.style.top=snow.posy+'px';
if (snow.posy>=marginbottom-2*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</SCRIPT>
<p><font face="arial" size="-2">Free JavaScript from </font>
<font face="arial, helvetica" size="-2">Rainbow Arch (http://rainbow.arch.scriptmania.com/scripts/)</font></p>
------------------------------------------------
<body
onLoad="snow()">
<script
language="JavaScript"> <!-- Snow Script by [email protected]
--> <!-- Distributed by Hypergurl N = 40; Y = new Array();
X = new Array(); S = new Array(); A = new Array(); B = new Array(); M = new Array();
V = (document.layers)?1:0; iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;
iW=(document.layers)?window.innerWidth:window.document.body.clientWidth; for (i=0;
i < N; i++){ Y=Math.round(Math.random()*iH); X=Math.round(Math.random()*iW);
S=Math.round(Math.random()*5+2); A=0; B=Math.random()*0.1+0.1; M=Math.round(Math.random()*1+1);
} if (V){ for (i = 0; i < N; i++) {document.write("<LAYER NAME='sn"+i+"'
LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M+","+M+"'></LAYER>")}
} else{ document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">'); for (i = 0;
i < N; i++) {document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M+';height:'+M+';background:#fffff0;font-size:'+M+'"></div>')}
document.write('</div></div>'); } function snow(){ var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var W=(document.layers)?window.innerWidth:window.document.body.clientWidth; var
T=(document.layers)?window.pageYOffset:document.body.scrollTop; var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < N; i++){ sy=S*Math.sin(90*Math.PI/180); sx=S*Math.cos(A);
Y+=sy; X+=sx; if (Y > H){ Y=-10; X=Math.round(Math.random()*W);
M=Math.round(Math.random()*1+1); S=Math.round(Math.random()*5+2); } if (V){document.layers['sn'+i].left=X;document.layers['sn'+i].top=Y+T}
else{si.style.pixelLeft=X;si.style.pixelTop=Y+T} A+=B; } setTimeout('snow()',10);
} //--> </script>
-
honolulu
<iframe src="http://free.timeanddate.com/clock/i3tf1wyk/n103/fcfff/tc0084d1/ftb/bas3/bat4/bacfff/ta1" frameborder="0" width="130" height="24"></iframe>
alaska anchorage
<iframe src="http://free.timeanddate.com/clock/i3tf1wyk/n18/fcfff/tc0084d1/ftb/bas3/bat4/bacfff/ta1" frameborder="0" width="131" height="24"></iframe>
pacificcalifornia
<iframe src="http://free.timeanddate.com/clock/i3tf1wyk/n197/fcfff/tc0084d1/ftb/bas3/bat4/bacfff/ta1" frameborder="0" width="124" height="24"></iframe>
arizona phoenix
<iframe src="http://free.timeanddate.com/clock/i3tf1wyk/n197/fcfff/tc0084d1/ftb/bas3/bat4/bacfff/ta1" frameborder="0" width="124" height="24"></iframe>
denver mountain
<iframe src="http://free.timeanddate.com/clock/i3tf1wyk/n75/fcfff/tc0084d1/ftb/bas3/bat4/bacfff/ta1" frameborder="0" width="125" height="24"></iframe>
austin central
<iframe src="http://free.timeanddate.com/clock/i3tf1wyk/n24/fcfff/tc0084d1/ftb/bas3/bat4/bacfff/ta1" frameborder="0" width="122" height="24"></iframe>
est new york
<iframe src="http://free.timeanddate.com/clock/i3tf1wyk/n197/fcfff/tc0084d1/ftb/bas3/bat4/bacfff/ta1" frameborder="0" width="124" height="24"></iframe>
<iframe src="http://free.timeanddate.com/clock/i3tf1wyk/n145/fcfff/tc0084d1/ftb/bas3/bat4/bacfff/ta1" frameborder="0" width="121" height="24"></iframe>
-
<iframe src="http://free.timeanddate.com/clock/i3tf1wyk/n179/fcfff/tc0084d1/ftb/bas3/bat4/bacfff/ta1" frameborder="0" width="121" height="24"></iframe>
-
<iframe src="http://free.timeanddate.com/clock/i3tf1wyk/n137/fcfff/tc0084d1/ftb/bas3/bat4/bacfff/ta1" frameborder="0" width="121" height="24"></iframe>
-
<iframe src="http://free.timeanddate.com/countdown/i3tf47kz/n145/cf11/cm0/cu4/ct0/cs0/ca0/co1/cr0/ss0/cac0084d1/cpc000/pct/tcfff/fs100/szw320/szh135/tac0084d1/tptTime%20since%20Event%20started%20in/tpc000/iso2013-12-25T00:00:00" frameborder="0" width="257" height="18"></iframe>
<!--Simply copy and paste code into <BODY> of HTML page
Just above the close </BODY> tag. -->
<SCRIPT type="text/javascript">
/*
Hearts Fall 1 - Drifter - JavaScript
Visit www.rainbow.arch.scriptmania.com/scripts/
for this script and many more
*/
// **** Changed to Hearts from Snow ****
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=12
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD","#ffffff","#ffc0cb")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// **** CHANGE YOUR IMAGE HERE ****
// Set the letter that creates your snowflake (recommended: * )
var snowletter=" <img src=heart9.gif> "
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6
// Set the maximal-size of your snowflaxes
var snowmaxsize=40
// Set the minimal-size of your snowflaxes
var snowminsize=20
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds = 0;
lftrght = Math.random()*15;
x_mv = 0.03 + Math.random()/10;
snow=document.getElementById("s"+i)
snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
snow.size=randommaker(snowsizerange)+snowminsize
snow.style.fontSize=snow.size
snow.style.color=snowcolor[randommaker(snowcolor.length)]
snow.sink=sinkspeed*snow.size/5
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=randommaker(2*marginbottom-marginbottom-2*snow.size)
snow.style.left=snow.posx
snow.style.top=snow.posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds += x_mv;
snow.posy+=snow.sink
snow.style.left=snow.posx+lftrght*Math.sin(crds);
snow.style.top=snow.posy
if (snow.posy>=marginbottom-2*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
<p><font face="arial" size="-2">Free JavaScript from </font>
<font face="arial, helvetica" size="-2">Rainbow Arch (http://rainbow.arch.scriptmania.com/scripts/)</font></p>
-
<select name="unique_name" size="3">
<option value="lions">Lions</option>
<option value="tigers">Tigers</option>
<option value="bears">Bears</option>
<option value="giraffes">Giraffes</option>
<option value="cows">Cows</option>
<option value="dogs">Dogs</option>
<option value="cats">Cats</option>
<option value="gerbils">Gerbils</option>
</select>
-
<iframe src="http://free.timeanddate.com/countdown/i3tid0rh/n1982/cf11/cm0/cu4/ct0/cs0/ca0/co0/cr0/ss0/cac0084d1/cpc0084d1/pce0fdff/tcfff/fs100/szw320/szh135/iso2013-12-25T00:00:00" frameborder="0" width="257" height="18"></iframe>
-
http://upload.wikimedia.org/wikipedia/en/7/70/Vonage_logo.SVG
Ƹ̵̡Ӝ̵̨̄Ʒ ~(‾▿‾)~ இڿڰۣ-ڰۣ— (॓_॔) ¸,¤°´'`°•.¸♥¸.•°´'`°¤,¸ *´'`°¤¸¸.•'´♥`'•.¸¸¤°´'`* ♥.¸¸.•´¯`•.♥ NAME HERE ♥.•´¯`•.¸¸.♥
(づ｡◕‿‿◕｡)づ YOU sooo mean ... :(
☜(ﾟヮﾟ☜) HA HA !!
ʕ•ᴥ•ʔ ^⨀ᴥ⨀^
__..--''``---....___ _..._ __
_.-' .-/"; ` ``<._ ``.''_ `.
_.-' _..--.'_ \ `( ) )
(_..-' (< _ ;_..__ ; `'
`-._,_)' ``--...____..-'
|\ _,,,---,,_
/,`.-'`' -. ;-;;,_
|,4- ) )-,_..;\ ( `'-'
'---''(_/--' `-'\_)
;,_ ,
_uP~"b d"u,
dP' "b ,d" "o
d" , `b d"' "b
l] [ " `l, d" lb
Ol ? " "b`"=uoqo,_ "l
,dBb "b "b, `"~~TObup,_
,d" (db.`" "" "tbc,_ `~"Yuu,_
.d" l`T' '= ~ `""Yu,
,dO` gP, `u, b,_ "b7
d?' ,d" l, `"b,_ `~b "1
,8i' dl `l ,ggQOV",dbgq,._" `l lb
.df' (O, " ,ggQY"~ , @@@@@d"bd~ `b "1
.df' `" -=@QgpOY"" (b @@@@P db `Lp"b,
.d( _ "ko "=d_,Q` ,_ " "b,
Ql . `"qo,._ "tQo,_`""bo ;tb, `"b,
(qQ |L ~"QQQgggc,_.,dObc,opooO `"~~";. __,7,
`qp t\io,_ `~"TOOggQV"""" _,dg,_ =PIQHib.
`qp `Q["tQQQo,_ ,pl{QOP"' 7AFR`
` `tb '""tQQQg,_ p" "b ` .;-.`Vl'
"Yb `"tQOOo,__ _,edb ` .__ /`/'| |b;=;.__
`"tQQQOOOOP"" `"\QV;qQObob"`-._`\_~~-._
"""" ._ / | |oP"\_ ~\ ~\_ ~\
`~"\ic,qggddOOP"| | ~\ `\ ~-._
,qP`"""|" | `\ `; `\ `\
_ _,p" | | `\`; | |
"boo,._dP" `\_ `\ `\| `\ ;
`"7tY~' `\ `\ `|_ |
`~\ |
-
_ _ _ _ _
| | | | (_) (_)| |
___ | |_ ___ ______ | | __ __ _ _ _ _ __ _ ___ _ | |_
/ _ \| __|/ _ \|______|| |/ // _` || | | || | / _` | / _ \ | || __|
| __/| |_| __/ | <| (_| || |_| || || (_| || (_) || || |_
\___| \__|\___| |_|\_\\__, | \__,_||_| \__,_| \___/ |_| \__|
| |
|_|
Main Controls - *FIGlet and AOL Macro Fonts Supported*
Font:
Character Width:
Character Height:
Type Something
Other Stuff From patorjk.com That You Might Like:
Typing Speed Test
Keyboard Layout Analzyer
Text Color Fader
Snake Game
Pat's Blog
patorjk.com
___ ___ ___ ___ ___ ___
/\__\ /\__\ /| | /\ \ /\ \ /\ \
/:/ _/_ ___ /:/ _/_ |:| | ___ \:\ \ ___ /::\ \ /::\ \ ___ ___
/:/ /\__\ /\__\ /:/ /\__\ |:| | /\ \ \:\ \ /\__\ /:/\:\ \ /:/\:\ \ /\__\ /\__\
/:/ /:/ _/_ /:/ //:/ /:/ _/_ __|:| | /::\ \ ___ \:\ \ /:/__/ /:/ /::\ \ /:/ \:\ \ /:/__/ /:/ /
/:/_/:/ /\__\ /:/__//:/_/:/ /\__\/\ |:|__|____ /:/\:\ \ /\ \ \:\__\/::\ \ /:/_/:/\:\__\/:/__/ \:\__\/::\ \ /:/__/
\:\/:/ /:/ //::\ \\:\/:/ /:/ /\:\/:::::/__//:/ /::\ \\:\ \ /:/ /\/\:\ \__\:\/:/ \/__/\:\ \ /:/ /\/\:\ \__ /::\ \
\::/_/:/ //:/\:\ \\::/_/:/ / \::/~~/~ /:/_/:/\:\__\\:\ /:/ / ~~\:\/\__\\::/__/ \:\ /:/ / ~~\:\/\__\/:/\:\ \
\:\/:/ / \/__\:\ \\:\/:/ / \:\~~\ \:\/:/ \/__/ \:\/:/ / \::/ / \:\ \ \:\/:/ / \::/ /\/__\:\ \
\::/ / \:\__\\::/ / \:\__\ \::/ / \::/ / /:/ / \:\__\ \::/ / /:/ / \:\__\
\/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/
-
<html>
<head>
<title>My Page</title>
</head>
<body>
<form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
<div align="center">
<input type="text" size="25" value="Enter your name here!">
<input type="submit" value="Send me your name!">
</div>
</form>
</body>
</html>
-----
<textarea cols="40" rows="5" name="myname">
Now we are inside the area - which is nice.
</textarea>
<text area style=”background-color: blue; border: dotted 2 px red; font: 14px;”>
-
<p><iframe style="WIDTH: 254px; HEIGHT: 305px" class="voicemailAccessSelection" title="Voicemail Local Access Number" height="350" src="https://www.vonage.com/voicemail_number.html" frameborder="0" width="300" scrolling="no" type="text/html">
<p>Your browser does not support iframes.</p>
https://www.vonage.com/images/common/logo.png
-
<input type="submit" style="font-face: 'Comic Sans MS'; font-size: larger; color: teal; background-color: #FFFFC0; border: 3pt ridge lightgrey" value=" Send Me! ">
Scrollbar Color of the Browser
<style type="text/css">
body {scrollbar-base-color:orange;}
</style>
<!-- Place the above styles between the document's <head></head> tags or in an external stylesheet -->
<textarea cols="20" rows="4">
Here's enough text to make this textarea grow scrollbars.... HTML scrollbars, scrollbar color, change browser scrollbars, css scrollbar, change color of the scrollbar...
</textarea>
Scrollbar Color for 'Textarea' Only
<style type="text/css">
textarea {scrollbar-base-color:orange;}
</style>
<!-- Place the above styles between the document's <head></head> tags or in an external stylesheet -->
<textarea cols="20" rows="4">
Here's enough text to make this textarea grow scrollbars.... HTML scrollbars, scrollbar color, change browser scrollbars, css scrollbar, change color of the scrollbar...
</textarea>
menu colors: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>HTML Dropdown list item baground colors</title>
<style type="text/css">
#myForm select option:nth-child(odd) {
color:black;
background:yellow;
}
#myForm select option:nth-child(even) {
color:white;
background:blue;
}
#myForm select {
background:green;
color:orange;
}
</style>
</head>
<body>
<form id="myForm" action="#" method="get">
<select>
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
<option>E</option>
<option>F</option>
</select>
</div>
</body>
</html>
-
https://vonage-ap1.cnxchat.com/netagent/cimlogin2.aspx?questid=1BE3A96F-8295-497E-840F-9D411FA4CB2F&portid=ED3132E9-FDC1-4ADE-B3B0-C36A83692F7A&nareferer=https%3A//www.vonage.com/%3Frefer_id%3DWEBHP0706010001W1%26lid%3Dmain_nav_home
-
<!DOCTYPE>
<html>
<head>
<title>Update Data</title>
</head>
<body>
<form name="form_update" method="post" action="update_test.php">
<?php
$con=mysqli_connect("localhost","root","","ismat_db");
//============== check connection
if(mysqli_errno($con))
{
echo "Can't Connect to mySQL:".mysqli_connect_error();
}
//This creates the drop down box
echo "<select name= 'FirstName'>";
echo '<option value="">'.'--- Please Select Person ---'.'</option>';
$query = mysqli_query($con,"SELECT FirstName FROM persons");
$query_display = mysqli_query($con,"SELECT * FROM persons");
while($row=mysqli_fetch_array($query))
{
echo "<option value='". $row['id']."'>".$row['FirstName']
.'</option>';
}
echo '</select>';
?> <input type="submit" name="submit" value="Submit"/>
</form>
<a href="main.html"> Go back to Main Page [/url]
</body>
</html>
<title>Update Data</title>
</head>
<body>
<!--<table>
<tr>
<td align="center"> From Database </td>
</tr>
<tr>
<td>
<table border="1">
<tr>
<td>First Name</td>
<td>Last Name </td>
<td> Gender </td>
<td> Subject </td>
<td> Hobbies </td>
</tr>
-->
<?php
$con=mysqli_connect("localhost","root","","ismat_db");
if(mysqli_errno($con))
{
echo "Can't Connect to mySQL:".mysqli_connect_error();
}
//$name = mysqli_real_escape_string($con,$_POST['select']);
// $fetch = mysqli_query($con,"SELECT * FROM persons WHERE FirstName='".$name."'");
// $row_display=mysqli_fetch_assoc($fetch);
if(isset($_POST['select']))
{
$name = mysqli_real_escape_string($con,$_POST['select']);
$fetch = "SELECT * FROM persons WHERE FirstName = '".$name."'";
$result = mysqli_query($con,$fetch);
//display the table
echo '<table border="1">'.'<tr>'.'<td align="center">'. 'From Database'. '</td>'.'</tr>';
echo '<tr>'.'<td>'.'<table border="1">'.'<tr>'.'<td>'.'First Name'.'</td>'
.'<td>'.'Last Name'.'</td>'.'<td>'. 'Gender' .'</td>'.'<td>'
. 'Subject'. '</td>'.'<td>'. 'Hobbies' .'</td>'.'</tr>';
while($data = mysqli_fetch_row($result))
{
echo ("<tr><td>$data[0]</td><td>$data[1]</td><td>$data[2]</td><td>$data[3]</td><td>$data[4] </td></tr>");
}
echo '</table>'.'</td>'.'</tr>'.'</table>';
}
?>
<!--
</table>
</td>
</tr>
</table>
-->
<a href="update.php"> Go back to Main Page [/url]
</body>
</html>
-
<!--
Voicemail Local Access Number Selection Tool for Safe Harbor
Support URL: http://www.vonage.com/support.php?sc=support0409&article=588
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Vonage - Support - What is My Voicemail Local Access Number?</title>
<meta name="description" content="Support Description" />
<meta name="keywords" content="Support Keywords" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.vonage.com/css/common.css?1265210341" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.vonage.com/css/support.css?1262188959" />
<script language="javascript" src="https://www.vonage.com/js/prototype-1.6.0.2.js" type="text/javascript"></script>
<script src="https://www.vonage.com/js/common.js?1265387860" language="javascript" type="text/javascript"></script>
<!--[if lte IE 6]>
<script type="text/javascript" language="javascript" src="https://www.vonage.com/support/files/supersleight/supersleight-min.js"></script>
<![endif]-->
<link rel="canonical" href="http://www.vonage.com/support.php?article=588" /> </head>
<body>
<!--
<h1 class="orange">What is My Voicemail Local Access Number?</h1><p style="padding-bottom:10px;">Voicemail Local Access Numbers enable you to check your Voicemail messages using any phone, anywhere.</p>
-->
<div style="width:275px;background-color:#fff0d9;padding:10px;border:1px solid #f77610; font-size:12px;">
<div style="font-weight:bold;">Voicemail Local Access Number Selection </div>
<form name="VMailSelect">
<table cellpadding="0" cellspacing="0" border="0" style="font-size:12px;">
<tr><td>Select a country:
</td></tr><tr><td>
<select name=myCountrySelector id=myCountrySelector onchange='selectCountry(); selectVoiceMail();' onkeyup='selectCountry(); selectVoiceMail();'><option value="CA" >Canada</option><option value="FR" >France</option><option value="IE" >Ireland</option><option value="MX" >Mexico</option><option value="ES" >Spain</option><option value="GB" >United Kingdom</option><option value="US" selected >United States</option></select></td></tr><tr id="areaCode_row" style="display: none;"><td>
Select an area code:
</td></tr><tr id='AR_row' style='display: none;'><td><select name=myARSelector id=myARSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'></select></td></tr><tr id='AU_row' style='display: none;'><td><select name=myAUSelector id=myAUSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'></select></td></tr><tr id='BR_row' style='display: none;'><td><select name=myBRSelector id=myBRSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'></select></td></tr><tr id='CA_row' style='display: none;'><td><select name=myCASelector id=myCASelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=204>204</option><option value=226>226</option><option value=250>250</option><option value=289>289</option><option value=306>306</option><option value=403>403</option><option value=416>416</option><option value=418>418</option><option value=450>450</option><option value=506>506</option><option value=514>514</option><option value=519>519</option><option value=604>604</option><option value=613>613</option><option value=647>647</option><option value=705>705</option><option value=709>709</option><option value=778>778</option><option value=780>780</option><option value=819>819</option><option value=902>902</option><option value=905>905</option></select></td></tr><tr id='CL_row' style='display: none;'><td><select name=myCLSelector id=myCLSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=204>204</option><option value=226>226</option><option value=250>250</option><option value=289>289</option><option value=306>306</option><option value=403>403</option><option value=416>416</option><option value=418>418</option><option value=450>450</option><option value=506>506</option><option value=514>514</option><option value=519>519</option><option value=604>604</option><option value=613>613</option><option value=647>647</option><option value=705>705</option><option value=709>709</option><option value=778>778</option><option value=780>780</option><option value=819>819</option><option value=902>902</option><option value=905>905</option></select></td></tr><tr id='FR_row' style='display: none;'><td><select name=myFRSelector id=myFRSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=01>01</option></select></td></tr><tr id='GR_row' style='display: none;'><td><select name=myGRSelector id=myGRSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=01>01</option></select></td></tr><tr id='IE_row' style='display: none;'><td><select name=myIESelector id=myIESelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=1>01</option></select></td></tr><tr id='IT_row' style='display: none;'><td><select name=myITSelector id=myITSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=1>01</option></select></td></tr><tr id='JP_row' style='display: none;'><td><select name=myJPSelector id=myJPSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=1>01</option></select></td></tr><tr id='MX_row' style='display: none;'><td><select name=myMXSelector id=myMXSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=55>055</option></select></td></tr><tr id='NZ_row' style='display: none;'><td><select name=myNZSelector id=myNZSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=55>055</option></select></td></tr><tr id='PA_row' style='display: none;'><td><select name=myPASelector id=myPASelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=55>055</option></select></td></tr><tr id='PE_row' style='display: none;'><td><select name=myPESelector id=myPESelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=55>055</option></select></td></tr><tr id='PL_row' style='display: none;'><td><select name=myPLSelector id=myPLSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=55>055</option></select></td></tr><tr id='PR_row' style='display: none;'><td><select name=myPRSelector id=myPRSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=55>055</option></select></td></tr><tr id='RO_row' style='display: none;'><td><select name=myROSelector id=myROSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=55>055</option></select></td></tr><tr id='ZA_row' style='display: none;'><td><select name=myZASelector id=myZASelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=55>055</option></select></td></tr><tr id='ES_row' style='display: none;'><td><select name=myESSelector id=myESSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=0856>0856</option></select></td></tr><tr id='GB_row' style='display: none;'><td><select name=myGBSelector id=myGBSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=0113>0113</option><option value=0117>0117</option><option value=0118>0118</option><option value=0121>0121</option><option value=01223>01223</option><option value=01225>01225</option><option value=01244>01244</option><option value=01256>01256</option><option value=01273>01273</option><option value=0131>0131</option><option value=01372>01372</option><option value=01392>01392</option><option value=0141>0141</option><option value=01423>01423</option><option value=01463>01463</option><option value=01483>01483</option><option value=01494>01494</option><option value=0151>0151</option><option value=0161>0161</option><option value=01628>01628</option><option value=01753>01753</option><option value=01782>01782</option><option value=01793>01793</option><option value=01865>01865</option><option value=01892>01892</option><option value=01895>01895</option><option value=01904>01904</option><option value=01908>01908</option><option value=01914>01914</option><option value=01925>01925</option><option value=01926>01926</option><option value=020>020</option><option value=02380>02380</option><option value=02392>02392</option><option value=024>024</option><option value=029>029</option></select></td></tr><tr id='US_row' style='display: none;'><td><select name=myUSSelector id=myUSSelector onchange='selectVoiceMail( );' onkeyup='selectVoiceMail( );'><option value=201>201</option><option value=202>202</option><option value=203>203</option><option value=205>205</option><option value=206>206</option><option value=207>207</option><option value=208>208</option><option value=209>209</option><option value=210>210</option><option value=212>212</option><option value=213>213</option><option value=214>214</option><option value=215>215</option><option value=216>216</option><option value=217>217</option><option value=218>218</option><option value=219>219</option><option value=225>225</option><option value=228>228</option><option value=229>229</option><option value=231>231</option><option value=239>239</option><option value=240>240</option><option value=248>248</option><option value=251>251</option><option value=252>252</option><option value=253>253</option><option value=254>254</option><option value=256>256</option><option value=260>260</option><option value=262>262</option><option value=267>267</option><option value=269>269</option><option value=270>270</option><option value=276>276</option><option value=281>281</option><option value=301>301</option><option value=302>302</option><option value=303>303</option><option value=304>304</option><option value=305>305</option><option value=307>307</option><option value=308>308</option><option value=309>309</option><option value=310>310</option><option value=312>312</option><option value=313>313</option><option value=314>314</option><option value=315>315</option><option value=316>316</option><option value=317>317</option><option value=318>318</option><option value=319>319</option><option value=320>320</option><option value=321>321</option><option value=323>323</option><option value=325>325</option><option value=330>330</option><option value=331>331</option><option value=334>334</option><option value=336>336</option><option value=337>337</option><option value=339>339</option><option value=347>347</option><option value=352>352</option><option value=360>360</option><option value=361>361</option><option value=385>385</option><option value=386>386</option><option value=401>401</option><option value=402>402</option><option value=404>404</option><option value=405>405</option><option value=406>406</option><option value=407>407</option><option value=408>408</option><option value=409>409</option><option value=410>410</option><option value=412>412</option><option value=413>413</option><option value=414>414</option><option value=415>415</option><option value=417>417</option><option value=419>419</option><option value=423>423</option><option value=425>425</option><option value=430>430</option><option value=432>432</option><option value=434>434</option><option value=435>435</option><option value=440>440</option><option value=443>443</option><option value=469>469</option><option value=470>470</option><option value=478>478</option><option value=479>479</option><option value=480>480</option><option value=484>484</option><option value=501>501</option><option value=502>502</option><option value=503>503</option><option value=504>504</option><option value=505>505</option><option value=507>507</option><option value=508>508</option><option value=509>509</option><option value=510>510</option><option value=512>512</option><option value=513>513</option><option value=515>515</option><option value=516>516</option><option value=517>517</option><option value=518>518</option><option value=520>520</option><option value=530>530</option><option value=540>540</option><option value=541>541</option><option value=559>559</option><option value=561>561</option><option value=562>562</option><option value=563>563</option><option value=567>567</option><option value=570>570</option><option value=571>571</option><option value=573>573</option><option value=574>574</option><option value=575>575</option><option value=585>585</option><option value=586>586</option><option value=601>601</option><option value=602>602</option><option value=603>603</option><option value=605>605</option><option value=606>606</option><option value=607>607</option><option value=608>608</option><option value=609>609</option><option value=610>610</option><option value=612>612</option><option value=614>614</option><option value=615>615</option><option value=616>616</option><option value=617>617</option><option value=618>618</option><option value=619>619</option><option value=620>620</option><option value=623>623</option><option value=626>626</option><option value=630>630</option><option value=631>631</option><option value=636>636</option><option value=641>641</option><option value=646>646</option><option value=650>650</option><option value=651>651</option><option value=660>660</option><option value=661>661</option><option value=662>662</option><option value=678>678</option><option value=681>681</option><option value=682>682</option><option value=701>701</option><option value=702>702</option><option value=703>703</option><option value=704>704</option><option value=706>706</option><option value=707>707</option><option value=708>708</option><option value=712>712</option><option value=713>713</option><option value=714>714</option><option value=715>715</option><option value=716>716</option><option value=717>717</option><option value=718>718</option><option value=719>719</option><option value=720>720</option><option value=724>724</option><option value=727>727</option><option value=731>731</option><option value=732>732</option><option value=734>734</option><option value=740>740</option><option value=757>757</option><option value=760>760</option><option value=762>762</option><option value=763>763</option><option value=765>765</option><option value=769>769</option><option value=770>770</option><option value=772>772</option><option value=773>773</option><option value=774>774</option><option value=775>775</option><option value=781>781</option><option value=785>785</option><option value=786>786</option><option value=801>801</option><option value=802>802</option><option value=803>803</option><option value=804>804</option><option value=805>805</option><option value=806>806</option><option value=808>808</option><option value=810>810</option><option value=812>812</option><option value=813>813</option><option value=814>814</option><option value=815>815</option><option value=816>816</option><option value=817>817</option><option value=818>818</option><option value=828>828</option><option value=830>830</option><option value=831>831</option><option value=832>832</option><option value=843>843</option><option value=845>845</option><option value=847>847</option><option value=850>850</option><option value=856>856</option><option value=858>858</option><option value=859>859</option><option value=860>860</option><option value=863>863</option><option value=864>864</option><option value=865>865</option><option value=870>870</option><option value=901>901</option><option value=903>903</option><option value=904>904</option><option value=906>906</option><option value=907>907</option><option value=908>908</option><option value=909>909</option><option value=910>910</option><option value=912>912</option><option value=913>913</option><option value=914>914</option><option value=915>915</option><option value=916>916</option><option value=917>917</option><option value=918>918</option><option value=919>919</option><option value=920>920</option><option value=925>925</option><option value=928>928</option><option value=931>931</option><option value=936>936</option><option value=937>937</option><option value=940>940</option><option value=941>941</option><option value=949>949</option><option value=951>951</option><option value=952>952</option><option value=954>954</option><option value=956>956</option><option value=970>970</option><option value=971>971</option><option value=972>972</option><option value=973>973</option><option value=978>978</option><option value=979>979</option><option value=980>980</option><option value=985>985</option><option value=989>989</option></select></td></tr> <tr>
<td align="center">
<div id="accessNumber" name="accessNumber"></div>
</td>
</tr>
</table>
<script language="javascript1.2">
currentCountry = '';
voiceMailNumbers = new Array;
function addVoiceMailNumbers(areaCode, VMN, ISO) {
voiceMailNumbers[areaCode] = VMN;
}
function selectCountry( ) {
myCountrySelector = document.getElementById('myCountrySelector');
newCountry = myCountrySelector.options[myCountrySelector.selectedIndex].value;
if(currentCountry != '') {
document.getElementById(currentCountry + '_row').selectedIndex = 0;
switchDisplay(currentCountry, 'none');
document.getElementById('my'+currentCountry+'Selector').selectedIndex = 0;
switchDisplay('areaCode', 'none');
}
switchDisplay(newCountry, '');
switchDisplay('areaCode', '');
document.getElementById('accessNumber').innerHTML = '';
currentCountry = newCountry;
// document.write(voiceMailNumbers.join("
"));
}
function switchDisplay(name, value) {
myRowId = name + '_row';
myRow = document.getElementById(myRowId);
myRow.style.display = value;
}
function selectVoiceMail( ) {
var HTML = '';
mySelector = document.getElementById("my" + currentCountry + "Selector");
areaCode = mySelector.options[mySelector.selectedIndex].value;
divObj = document.getElementById('accessNumber');
if (areaCode != '') {
VMN = voiceMailNumbers[areaCode];
HTML += "
To access your voicemail, call:
";
HTML += "<span class=\"blueHeader\">" + VMN + "</span>
";
divObj.innerHTML = HTML;
} else {
divObj.innerHTML = '';
}
}
function init( ) {
selectCountry( );
selectVoiceMail();
}
window.onload = init;
addVoiceMailNumbers('201', '1-201-267-0626', 'US');
addVoiceMailNumbers('202', '1-202-250-3749', 'US');
addVoiceMailNumbers('203', '1-203-548-9100', 'US');
addVoiceMailNumbers('204', '1-204-480-1549', 'CA');
addVoiceMailNumbers('205', '1-205-419-0723', 'US');
addVoiceMailNumbers('206', '1-206-219-7159', 'US');
addVoiceMailNumbers('207', '1-207-512-2399', 'US');
addVoiceMailNumbers('208', '1-208-899-4466', 'US');
addVoiceMailNumbers('209', '1-209-257-4500', 'US');
addVoiceMailNumbers('210', '1-210-568-0449', 'US');
addVoiceMailNumbers('212', '1-212-655-9696', 'US');
addVoiceMailNumbers('213', '1-213-596-9672', 'US');
addVoiceMailNumbers('214', '1-214-550-2204', 'US');
addVoiceMailNumbers('215', '1-215-825-3349', 'US');
addVoiceMailNumbers('216', '1-216-373-5694', 'US');
addVoiceMailNumbers('217', '1-217-531-8988', 'US');
addVoiceMailNumbers('218', '1-218-331-0231', 'US');
addVoiceMailNumbers('219', '1-219-979-7649', 'US');
addVoiceMailNumbers('225', '1-225-612-0026', 'US');
addVoiceMailNumbers('226', '1-226-477-6000', 'CA');
addVoiceMailNumbers('228', '1-228-207-2500', 'US');
addVoiceMailNumbers('229', '1-229-351-4200', 'US');
addVoiceMailNumbers('231', '1-231-354-7533', 'GR');
addVoiceMailNumbers('231', '1-231-354-7533', 'US');
addVoiceMailNumbers('239', '1-239-494-8681', 'US');
addVoiceMailNumbers('240', '1-240-235-0649', 'US');
addVoiceMailNumbers('248', '1-248-232-9617', 'US');
addVoiceMailNumbers('250', '1-250-483-1269', 'CA');
addVoiceMailNumbers('251', '1-251-650-1073', 'US');
addVoiceMailNumbers('252', '1-252-674-0126', 'US');
addVoiceMailNumbers('253', '1-253-238-1269', 'US');
addVoiceMailNumbers('254', '1-254-946-2208', 'US');
addVoiceMailNumbers('256', '1-256-906-4367', 'US');
addVoiceMailNumbers('260', '1-260-572-0459', 'US');
addVoiceMailNumbers('262', '1-262-432-4779', 'US');
addVoiceMailNumbers('267', '1-267-989-0649', 'US');
addVoiceMailNumbers('269', '1-269-818-0439', 'US');
addVoiceMailNumbers('270', '1-270-605-0867', 'US');
addVoiceMailNumbers('276', '1-276-807-4300', 'US');
addVoiceMailNumbers('281', '1-281-576-7499', 'US');
addVoiceMailNumbers('289', '1-289-478-1299', 'CA');
addVoiceMailNumbers('301', '1-301-560-0849', 'US');
addVoiceMailNumbers('302', '1-302-356-0549', 'US');
addVoiceMailNumbers('303', '1-303-539-5349', 'US');
addVoiceMailNumbers('304', '1-304-907-4993', 'US');
addVoiceMailNumbers('305', '1-305-735-8176', 'US');
addVoiceMailNumbers('306', '1-306-546-0500', 'CA');
addVoiceMailNumbers('307', '1-307-462-4993', 'US');
addVoiceMailNumbers('308', '1-308-646-0400', 'US');
addVoiceMailNumbers('309', '1-309-278-0652', 'US');
addVoiceMailNumbers('310', '1-310-765-4822', 'US');
addVoiceMailNumbers('312', '1-312-884-7649', 'US');
addVoiceMailNumbers('313', '1-313-586-9617', 'US');
addVoiceMailNumbers('314', '1-314-754-1469', 'US');
addVoiceMailNumbers('315', '1-315-703-0169', 'US');
addVoiceMailNumbers('316', '1-316-974-0139', 'US');
addVoiceMailNumbers('317', '1-317-663-0449', 'US');
addVoiceMailNumbers('318', '1-318-775-0600', 'US');
addVoiceMailNumbers('319', '1-319-208-0270', 'US');
addVoiceMailNumbers('320', '1-320-310-4608', 'US');
addVoiceMailNumbers('321', '1-321-206-0649', 'US');
addVoiceMailNumbers('323', '1-323-908-9672', 'US');
addVoiceMailNumbers('325', '1-325-200-4700', 'US');
addVoiceMailNumbers('330', '1-330-315-1549', 'US');
addVoiceMailNumbers('331', '1-331-205-7500', 'US');
addVoiceMailNumbers('334', '1-334-730-4667', 'US');
addVoiceMailNumbers('336', '1-336-510-0595', 'US');
addVoiceMailNumbers('337', '1-337-313-4800', 'US');
addVoiceMailNumbers('339', '1-339-219-3119', 'US');
addVoiceMailNumbers('347', '1-347-534-1443', 'US');
addVoiceMailNumbers('352', '1-352-653-3321', 'US');
addVoiceMailNumbers('360', '1-360-539-5339', 'US');
addVoiceMailNumbers('361', '1-361-288-4720', 'US');
addVoiceMailNumbers('385', '1-385-319-7220', 'US');
addVoiceMailNumbers('386', '1-386-742-1411', 'US');
addVoiceMailNumbers('401', '1-401-709-9599', 'US');
addVoiceMailNumbers('402', '1-402-408-3737', 'US');
addVoiceMailNumbers('403', '1-403-770-1589', 'CA');
addVoiceMailNumbers('404', '1-404-806-9704', 'US');
addVoiceMailNumbers('405', '1-405-227-9544', 'US');
addVoiceMailNumbers('406', '1-406-564-1993', 'US');
addVoiceMailNumbers('407', '1-407-362-7700', 'US');
addVoiceMailNumbers('408', '1-408-852-0706', 'US');
addVoiceMailNumbers('409', '1-409-515-9043', 'US');
addVoiceMailNumbers('410', '1-410-982-6900', 'US');
addVoiceMailNumbers('412', '1-412-894-0549', 'US');
addVoiceMailNumbers('413', '1-413-303-0749', 'US');
addVoiceMailNumbers('414', '1-414-431-4259', 'US');
addVoiceMailNumbers('415', '1-415-462-1484', 'US');
addVoiceMailNumbers('416', '1-416-848-4238', 'CA');
addVoiceMailNumbers('417', '1-417-423-7200', 'US');
addVoiceMailNumbers('418', '1-418-948-3351', 'CA');
addVoiceMailNumbers('419', '1-419-517-6620', 'US');
addVoiceMailNumbers('423', '1-423-438-0902', 'US');
addVoiceMailNumbers('425', '1-425-818-6089', 'US');
addVoiceMailNumbers('430', '1-430-200-0000', 'US');
addVoiceMailNumbers('432', '1-432-897-4993', 'US');
addVoiceMailNumbers('434', '1-434-878-3427', 'US');
addVoiceMailNumbers('435', '1-435-608-1069', 'US');
addVoiceMailNumbers('440', '1-440-399-5694', 'US');
addVoiceMailNumbers('443', '1-443-451-3349', 'US');
addVoiceMailNumbers('450', '1-450-321-0924', 'CA');
addVoiceMailNumbers('469', '1-469-437-0868', 'US');
addVoiceMailNumbers('470', '1-470-226-2600', 'US');
addVoiceMailNumbers('478', '1-478-285-4200', 'US');
addVoiceMailNumbers('479', '1-479-935-9542', 'US');
addVoiceMailNumbers('480', '1-480-282-8039', 'US');
addVoiceMailNumbers('484', '1-484-974-2249', 'US');
addVoiceMailNumbers('501', '1-501-817-0039', 'US');
addVoiceMailNumbers('502', '1-502-212-9159', 'US');
addVoiceMailNumbers('503', '1-503-419-9809', 'US');
addVoiceMailNumbers('504', '1-504-324-0026', 'US');
addVoiceMailNumbers('505', '1-505-217-1802', 'US');
addVoiceMailNumbers('506', '1-506-870-8649', 'CA');
addVoiceMailNumbers('507', '1-507-298-2200', 'US');
addVoiceMailNumbers('508', '1-508-630-9999', 'US');
addVoiceMailNumbers('509', '1-509-688-0169', 'US');
addVoiceMailNumbers('510', '1-510-870-6363', 'US');
addVoiceMailNumbers('512', '1-512-233-5749', 'US');
addVoiceMailNumbers('513', '1-513-342-2260', 'US');
addVoiceMailNumbers('514', '1-514-448-9239', 'CA');
addVoiceMailNumbers('515', '1-515-974-5699', 'US');
addVoiceMailNumbers('516', '1-516-214-0622', 'US');
addVoiceMailNumbers('517', '1-517-579-9617', 'US');
addVoiceMailNumbers('518', '1-518-935-4149', 'US');
addVoiceMailNumbers('519', '1-519-488-1449', 'CA');
addVoiceMailNumbers('520', '1-520-204-1212', 'US');
addVoiceMailNumbers('530', '1-530-725-0129', 'US');
addVoiceMailNumbers('540', '1-540-446-5730', 'US');
addVoiceMailNumbers('541', '1-541-233-4359', 'US');
addVoiceMailNumbers('559', '1-559-682-3975', 'US');
addVoiceMailNumbers('561', '1-561-202-8458', 'US');
addVoiceMailNumbers('562', '1-562-252-9672', 'US');
addVoiceMailNumbers('563', '1-563-519-0811', 'US');
addVoiceMailNumbers('567', '1-567-202-4852', 'US');
addVoiceMailNumbers('570', '1-570-504-1729', 'US');
addVoiceMailNumbers('571', '1-571-223-6480', 'US');
addVoiceMailNumbers('573', '1-573-206-4612', 'US');
addVoiceMailNumbers('574', '1-574-968-2499', 'US');
addVoiceMailNumbers('575', '1-575-201-2888', 'US');
addVoiceMailNumbers('585', '1-585-295-8559', 'US');
addVoiceMailNumbers('586', '1-586-435-9617', 'US');
addVoiceMailNumbers('601', '1-601-488-1090', 'US');
addVoiceMailNumbers('602', '1-602-445-3969', 'US');
addVoiceMailNumbers('603', '1-603-724-6599', 'US');
addVoiceMailNumbers('604', '1-604-484-5682', 'CA');
addVoiceMailNumbers('605', '1-605-221-1779', 'US');
addVoiceMailNumbers('606', '1-606-653-0300', 'US');
addVoiceMailNumbers('607', '1-607-330-5749', 'US');
addVoiceMailNumbers('608', '1-608-268-3479', 'US');
addVoiceMailNumbers('609', '1-609-945-0449', 'US');
addVoiceMailNumbers('610', '1-610-994-0517', 'US');
addVoiceMailNumbers('612', '1-612-605-5649', 'US');
addVoiceMailNumbers('613', '1-613-482-2049', 'CA');
addVoiceMailNumbers('614', '1-614-340-0829', 'US');
addVoiceMailNumbers('615', '1-615-250-2716', 'US');
addVoiceMailNumbers('616', '1-616-988-8639', 'US');
addVoiceMailNumbers('617', '1-617-395-1399', 'US');
addVoiceMailNumbers('618', '1-618-505-3932', 'MX');
addVoiceMailNumbers('618', '1-618-505-3932', 'US');
addVoiceMailNumbers('619', '1-619-819-7549', 'US');
addVoiceMailNumbers('620', '1-620-514-0139', 'US');
addVoiceMailNumbers('623', '1-623-298-2789', 'US');
addVoiceMailNumbers('626', '1-626-737-9672', 'US');
addVoiceMailNumbers('630', '1-630-938-7649', 'US');
addVoiceMailNumbers('631', '1-631-350-1599', 'US');
addVoiceMailNumbers('636', '1-636-898-0589', 'US');
addVoiceMailNumbers('641', '1-641-226-5251', 'US');
addVoiceMailNumbers('646', '1-646-495-1696', 'US');
addVoiceMailNumbers('647', '1-647-722-0844', 'CA');
addVoiceMailNumbers('650', '1-650-331-1111', 'US');
addVoiceMailNumbers('651', '1-651-217-2210', 'US');
addVoiceMailNumbers('660', '1-660-530-4200', 'US');
addVoiceMailNumbers('661', '1-661-310-9672', 'US');
addVoiceMailNumbers('662', '1-662-796-1829', 'US');
addVoiceMailNumbers('662', '1-662-796-1829', 'AT');
addVoiceMailNumbers('678', '1-678-884-9704', 'US');
addVoiceMailNumbers('681', '1-681-404-3000', 'US');
addVoiceMailNumbers('682', '1-682-626-3519', 'US');
addVoiceMailNumbers('701', '1-701-526-0989', 'US');
addVoiceMailNumbers('702', '1-702-953-0289', 'US');
addVoiceMailNumbers('703', '1-703-652-6049', 'US');
addVoiceMailNumbers('704', '1-704-644-2559', 'US');
addVoiceMailNumbers('705', '1-705-812-0504', 'CA');
addVoiceMailNumbers('706', '1-706-534-9704', 'US');
addVoiceMailNumbers('707', '1-707-750-1690', 'US');
addVoiceMailNumbers('708', '1-708-782-7649', 'US');
addVoiceMailNumbers('709', '1-709-383-0200', 'CA');
addVoiceMailNumbers('712', '1-712-248-0150', 'US');
addVoiceMailNumbers('713', '1-713-589-6419', 'US');
addVoiceMailNumbers('714', '1-714-442-9672', 'US');
addVoiceMailNumbers('715', '1-715-254-0539', 'US');
addVoiceMailNumbers('716', '1-716-304-6749', 'US');
addVoiceMailNumbers('717', '1-717-441-5469', 'US');
addVoiceMailNumbers('718', '1-718-210-3619', 'US');
addVoiceMailNumbers('719', '1-719-302-0716', 'US');
addVoiceMailNumbers('720', '1-720-206-0149', 'US');
addVoiceMailNumbers('724', '1-724-318-9719', 'US');
addVoiceMailNumbers('727', '1-727-231-0129', 'US');
addVoiceMailNumbers('731', '1-731-707-7487', 'US');
addVoiceMailNumbers('732', '1-732-292-3250', 'US');
addVoiceMailNumbers('734', '1-734-786-9617', 'US');
addVoiceMailNumbers('740', '1-740-739-4623', 'US');
addVoiceMailNumbers('757', '1-757-392-0190', 'US');
addVoiceMailNumbers('760', '1-760-203-9672', 'US');
addVoiceMailNumbers('762', '1-762-338-0500', 'US');
addVoiceMailNumbers('763', '1-763-390-3289', 'US');
addVoiceMailNumbers('765', '1-765-374-0439', 'US');
addVoiceMailNumbers('769', '1-769-717-2370', 'US');
addVoiceMailNumbers('770', '1-770-456-5319', 'US');
addVoiceMailNumbers('772', '1-772-408-8550', 'US');
addVoiceMailNumbers('773', '1-773-527-7649', 'US');
addVoiceMailNumbers('774', '1-774-206-5119', 'US');
addVoiceMailNumbers('775', '1-775-299-4100', 'US');
addVoiceMailNumbers('778', '1-778-786-2282', 'CA');
addVoiceMailNumbers('780', '1-780-669-1269', 'CA');
addVoiceMailNumbers('781', '1-781-577-2807', 'US');
addVoiceMailNumbers('785', '1-785-200-3300', 'US');
addVoiceMailNumbers('786', '1-786-206-9102', 'US');
addVoiceMailNumbers('801', '1-801-847-2059', 'US');
addVoiceMailNumbers('802', '1-802-321-9039', 'US');
addVoiceMailNumbers('803', '1-803-233-1275', 'US');
addVoiceMailNumbers('804', '1-804-365-7751', 'US');
addVoiceMailNumbers('805', '1-805-504-9672', 'US');
addVoiceMailNumbers('806', '1-806-853-9062', 'US');
addVoiceMailNumbers('808', '1-808-445-6099', 'US');
addVoiceMailNumbers('810', '1-810-895-9617', 'US');
addVoiceMailNumbers('812', '1-812-962-1879', 'US');
addVoiceMailNumbers('813', '1-813-569-1039', 'US');
addVoiceMailNumbers('814', '1-814-663-2819', 'US');
addVoiceMailNumbers('815', '1-815-927-7649', 'US');
addVoiceMailNumbers('816', '1-816-841-1435', 'US');
addVoiceMailNumbers('817', '1-817-736-0868', 'US');
addVoiceMailNumbers('818', '1-818-206-9672', 'US');
addVoiceMailNumbers('819', '1-819-340-1399', 'CA');
addVoiceMailNumbers('828', '1-828-278-2019', 'US');
addVoiceMailNumbers('830', '1-830-386-4360', 'US');
addVoiceMailNumbers('831', '1-831-401-1988', 'US');
addVoiceMailNumbers('832', '1-832-626-5121', 'US');
addVoiceMailNumbers('843', '1-843-278-0694', 'US');
addVoiceMailNumbers('845', '1-845-306-9694', 'US');
addVoiceMailNumbers('847', '1-847-993-7649', 'US');
addVoiceMailNumbers('850', '1-850-665-3716', 'US');
addVoiceMailNumbers('856', '1-856-896-0649', 'US');
addVoiceMailNumbers('856', '1-856-896-0649', 'ES');
addVoiceMailNumbers('858', '1-858-964-5149', 'US');
addVoiceMailNumbers('859', '1-859-514-5129', 'US');
addVoiceMailNumbers('860', '1-860-256-4099', 'US');
addVoiceMailNumbers('863', '1-863-229-0149', 'US');
addVoiceMailNumbers('864', '1-864-278-0151', 'US');
addVoiceMailNumbers('865', '1-865-238-5993', 'US');
addVoiceMailNumbers('870', '1-870-330-4700', 'US');
addVoiceMailNumbers('901', '1-901-255-0659', 'US');
addVoiceMailNumbers('902', '1-902-482-1320', 'CA');
addVoiceMailNumbers('903', '1-903-443-0868', 'US');
addVoiceMailNumbers('904', '1-904-685-2149', 'US');
addVoiceMailNumbers('905', '1-905-481-0149', 'CA');
addVoiceMailNumbers('906', '1-906-553-4900', 'US');
addVoiceMailNumbers('907', '1-907-268-4882', 'US');
addVoiceMailNumbers('908', '1-908-997-0595', 'US');
addVoiceMailNumbers('909', '1-909-266-9672', 'US');
addVoiceMailNumbers('910', '1-910-221-1546', 'US');
addVoiceMailNumbers('912', '1-912-292-4200', 'US');
addVoiceMailNumbers('913', '1-913-660-0463', 'US');
addVoiceMailNumbers('914', '1-914-461-4397', 'US');
addVoiceMailNumbers('915', '1-915-603-3630', 'US');
addVoiceMailNumbers('916', '1-916-669-5729', 'US');
addVoiceMailNumbers('917', '1-917-438-7000', 'US');
addVoiceMailNumbers('918', '1-918-398-9541', 'US');
addVoiceMailNumbers('919', '1-919-342-0720', 'US');
addVoiceMailNumbers('920', '1-920-482-0639', 'ES');
addVoiceMailNumbers('920', '1-920-482-0639', 'US');
addVoiceMailNumbers('925', '1-925-236-3988', 'US');
addVoiceMailNumbers('925', '1-925-236-3988', 'ES');
addVoiceMailNumbers('928', '1-928-227-2993', 'US');
addVoiceMailNumbers('931', '1-931-233-0139', 'US');
addVoiceMailNumbers('936', '1-936-909-9034', 'US');
addVoiceMailNumbers('937', '1-937-558-0473', 'US');
addVoiceMailNumbers('940', '1-940-239-0145', 'US');
addVoiceMailNumbers('941', '1-941-870-0129', 'US');
addVoiceMailNumbers('949', '1-949-480-9672', 'US');
addVoiceMailNumbers('951', '1-951-727-7359', 'ES');
addVoiceMailNumbers('951', '1-951-727-7359', 'US');
addVoiceMailNumbers('952', '1-952-223-3149', 'US');
addVoiceMailNumbers('954', '1-954-727-8595', 'US');
addVoiceMailNumbers('956', '1-956-465-4493', 'US');
addVoiceMailNumbers('970', '1-970-497-2771', 'US');
addVoiceMailNumbers('971', '1-971-223-0599', 'US');
addVoiceMailNumbers('972', '1-972-346-6519', 'US');
addVoiceMailNumbers('973', '1-973-735-2577', 'US');
addVoiceMailNumbers('978', '1-978-662-8810', 'US');
addVoiceMailNumbers('979', '1-979-216-9045', 'US');
addVoiceMailNumbers('980', '1-980-238-2222', 'US');
addVoiceMailNumbers('985', '1-985-796-2800', 'US');
addVoiceMailNumbers('989', '1-989-244-1610', 'US');
addVoiceMailNumbers('01', '17 2813700', 'FR');
addVoiceMailNumbers('0113', '1133 226599', 'GB');
addVoiceMailNumbers('0117', '1173 706599', 'GB');
addVoiceMailNumbers('0118', '1189 076599', 'GB');
addVoiceMailNumbers('0121', '1212 706599', 'GB');
addVoiceMailNumbers('01223', '12236 55299', 'GB');
addVoiceMailNumbers('01225', '12254 36599', 'GB');
addVoiceMailNumbers('01244', '12445 66599', 'GB');
addVoiceMailNumbers('01256', '12566 36599', 'GB');
addVoiceMailNumbers('01273', '12733 11299', 'GB');
addVoiceMailNumbers('0131', '1312 026599', 'GB');
addVoiceMailNumbers('01372', '13722 36599', 'GB');
addVoiceMailNumbers('01392', '13923 46599', 'GB');
addVoiceMailNumbers('0141', '1414 046599', 'GB');
addVoiceMailNumbers('01423', '14232 26599', 'GB');
addVoiceMailNumbers('01463', '14632 16599', 'GB');
addVoiceMailNumbers('01483', '14836 00299', 'GB');
addVoiceMailNumbers('01494', '14944 16599', 'GB');
addVoiceMailNumbers('0151', '1512 036599', 'GB');
addVoiceMailNumbers('0161', '1618 706599', 'GB');
addVoiceMailNumbers('01628', '16285 66599', 'GB');
addVoiceMailNumbers('01753', '17532 01299', 'GB');
addVoiceMailNumbers('01782', '17824 44299', 'GB');
addVoiceMailNumbers('01793', '17936 86599', 'GB');
addVoiceMailNumbers('01865', '18655 96299', 'GB');
addVoiceMailNumbers('01892', '18925 76599', 'GB');
addVoiceMailNumbers('01895', '18955 46599', 'GB');
addVoiceMailNumbers('01904', '19042 36599', 'GB');
addVoiceMailNumbers('01908', '19087 66599', 'GB');
addVoiceMailNumbers('01914', '19140 66599', 'GB');
addVoiceMailNumbers('01925', '19255 96500', 'GB');
addVoiceMailNumbers('01926', '19263 56599', 'GB');
addVoiceMailNumbers('020', '207 1019400', 'GB');
addVoiceMailNumbers('02380', '23800 16599', 'GB');
addVoiceMailNumbers('02392', '23920 06599', 'GB');
addVoiceMailNumbers('024', '247 6016599', 'GB');
addVoiceMailNumbers('029', '292 0026599', 'GB');
addVoiceMailNumbers('0856', '8560 90428', 'ES');
addVoiceMailNumbers('1', '16 571100', 'IE');
addVoiceMailNumbers('55', '05 5535 1330', 'MX');
</script>
</form>
</div>
</body>
</html>
-
<!DOCTYPE html>
<html>
<head>
<title>autoresizing textarea</title>
<style type="text/css">
textarea {
border: 0 none white;
overflow: hidden;
padding: 0;
outline: none;
background-color: #D0D0D0;
resize: none;
}
</style>
<script type="text/javascript">
var observe;
if (window.attachEvent) {
observe = function (element, event, handler) {
element.attachEvent('on'+event, handler);
};
}
else {
observe = function (element, event, handler) {
element.addEventListener(event, handler, false);
};
}
function init () {
var text = document.getElementById('text');
function resize () {
text.style.height = 'auto';
text.style.height = text.scrollHeight+'px';
}
/* 0-timeout to get the already changed text */
function delayedResize () {
window.setTimeout(resize, 0);
}
observe(text, 'change', resize);
observe(text, 'cut', delayedResize);
observe(text, 'paste', delayedResize);
observe(text, 'drop', delayedResize);
observe(text, 'keydown', delayedResize);
text.focus();
text.select();
resize();
}
</script>
</head>
<body onload="init();">
<textarea rows="1" style="height:1em;" id="text"></textarea>
-
<iframe src="http://free.timeanddate.com/clock/i3ujdtge/n145/fcfff/tc0084d1/ftb/bacfff/ta1" frameborder="0" width="117" height="20"></iframe>
-
<!DOCTYPE html>
<html>
<head>
<style>
div.background
{
width: 500px;
height: 250px;
background: url(klematis.jpg) repeat;
border: 2px solid black;
}
div.transbox
{
width: 400px;
height: 180px;
margin: 30px 50px;
background-color: #ffffff;
border: 1px solid black;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
div.transbox p
{
margin: 30px 40px;
font-weight: bold;
color: #000000;
}
</style>
</head>
<body><div class="background">
<div class="transbox">
<p>This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
</p>
</div>
</div>
</body>
</html>
-
<style type="text/css">
body {
overflow-y:hidden;
}
</style>
<style type="text/css">
body {
overflow-x:hidden;
}
</style>
-
::-webkit-scrollbar-track { background-color: #b46868; } /* the new scrollbar will have a flat appearance with the set background color */::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } /* this will style the thumb, ignoring the track */::-webkit-scrollbar-button { background-color: #7c2929; } /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */::-webkit-scrollbar-corner { background-color: black; } /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also
-
div {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}
__
<div style="position: relative; width: 100%;">
<div style="position: absolute; left: 0px; right: 33%; bottom: 0px; top: 0px; background-color: blue; width: 33%;" id="navbar">nav bar</div>
<div style="position: relative; left: 33%; width: 66%; background-color: yellow;" id="content">
<div style="height: 10000px;" id="thecontent"></div>
</div>
</div>
__
html, body {height: 100%;} .container {min-height: 100%;}
-
1. position:static
The default positioning for all elements is position:static, which means the element is not positioned and occurs where it normally would in the document.
Normally you wouldn't specify this unless you needed to override a positioning that had been previously set.
#div-1 {
position:static;
}
2. position:relative
If you specify position:relative, then you can use top or bottom, and left or right to move the element relative to where it would normally occur in the document.
Let's move div-1 down 20 pixels, and to the left 40 pixels:
#div-1 {
position:relative;
top:20px;
left:-40px;
}
Notice the space where div-1 normally would have been if we had not moved it: now it is an empty space. The next element (div-after) did not move when we moved div-1. That's because div-1 still occupies that original space in the document, even though we have moved it.
It appears that position:relative is not very useful, but it will perform an important task later in this tutorial.
3. position:absolute
When you specify position:absolute, the element is removed from the document and placed exactly where you tell it to go.
Let's move div-1a to the top right of the page:
#div-1a {
position:absolute;
top:0;
right:0;
width:200px;
}
Notice that this time, since div-1a was removed from the document, the other elements on the page were positioned differently: div-1b, div-1c, and div-after moved up since div-1a was no longer there.
Also notice that div-1a was positioned in the top right corner of the page. It's nice to be able to position things directly the page, but it's of limited value.
What I really want is to position div-1a relative to div-1. And that's where relative position comes back into play.
Footnotes
•There is a bug in the Windows IE browser: if you specify a relative width (like "width:50%") then the width will be based on the parent element instead of on the positioning element.
4. position:relative + position:absolute
If we set relative positioning on div-1, any elements within div-1 will be positioned relative to div-1. Then if we set absolute positioning on div-1a, we can move it to the top right of div-1:
#div-1 {
position:relative;
}
#div-1a {
position:absolute;
top:0;
right:0;
width:200px;
}
5. two column absolute
Now we can make a two-column layout using relative and absolute positioning!
#div-1 {
position:relative;
}
#div-1a {
position:absolute;
top:0;
right:0;
width:200px;
}
#div-1b {
position:absolute;
top:0;
left:0;
width:200px;
}
6. two column absolute height
One solution is to set a fixed height on the elements.
But that is not a viable solution for most designs, because we usually do not know how much text will be in the elements, or the exact font sizes that will be used.
#div-1 {
position:relative;
height:250px;
}
#div-1a {
position:absolute;
top:0;
right:0;
width:200px;
}
#div-1b {
position:absolute;
top:0;
left:0;
width:200px;
}
7. float
For variable height columns, absolute positioning does not work, so let's come up with another solution.
We can "float" an element to push it as far as possible to the right or to the left, and allow text to wrap around it. This is typically used for images, but we will use it for more complex layout tasks (because it's the only tool we have).
#div-1a {
float:left;
width:200px;
}
8. float columns
If we float one column to the left, then also float the second column to the left, they will push up against each other.
#div-1a {
float:left;
width:150px;
}
#div-1b {
float:left;
width:150px;
}
9. float columns with clear
Then after the floating elements we can "clear" the floats to push down the rest of the content.
#div-1a {
float:left;
width:190px;
}
#div-1b {
float:left;
width:190px;
}
#div-1c {
clear:both;
}
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Example 5: Sliding Doors of CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body {
background:#fff;
margin:0;
padding:0;
color:#000;
font:x-small/1.5em Georgia,Serif;
voice-family: "\"}\""; voice-family:inherit;
font-size:small;
} html>body {font-size:small;}
#header {
float:left;
width:100%;
background:#DAE0D2 url("bg.gif") repeat-x bottom;
font-size:93%;
line-height:normal;
}
#header ul {
margin:0;
padding:10px 10px 0;
list-style:none;
}
#header li {
float:left;
background:url("left.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
}
#header a {
display:block;
background:url("right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#765;
}
#header a:hover {
color:#333;
}
#header #current {
background-image:url("left_on.gif");
}
#header #current a {
background-image:url("right_on.gif");
color:#333;
padding-bottom:5px;
}
</style>
</head>
<body>
<div id="header">
<ul>
<li><a href="#">Home[/url]</li>
<li id="current"><a href="#">News[/url]</li>
<li><a href="#">Products[/url]</li>
<li><a href="#">About[/url]</li>
<li><a href="#">Contact[/url]</li>
</ul>
</div>
<p style="margin:0; padding:1em 1em 0; clear:both;">This example adds all final style changes:</p>
<ul>
<li>bold all tab text</li>
<li>make normal tab text a brown color</li>
<li>make current tab text a dark gray color</li>
<li>remove link underline</li>
<li>change text color for the link hover state</li>
</ul>
</body>
</html>
-
<link rel="icon" href="http://img.hexrpg.com/images/favicon16.ico" sizes="16x16" type="image/x-icon" />
<link rel="shortcut icon" href="http://img.hexrpg.com/images/favicon16.ico" sizes="16x16" type="image/x-icon" />
<html>
<head>
<title>katyrious Means</title>
<style>
body {
background: #0c100e;
background-image: url(http://img.hexrpg.com/saphy/katybckgrnd.png);
background-attachment:;
background-repeat:repeat;
position: absolute;
top:-10px;left:-10px;
font-family: georgia;
font-size: 9pt;
color: #6b6c6b;
text-align: justify;}
div.header {
background: #000000;
position:absolute;
top:0px;
left:200;
margin-left: auto; margin-right: auto;
border-right:2px solid #1c3429;
border-left:2px solid 1c3429;}
div.main {
background: #000000;
position:absolute;
top:440px;
left:200px;
width:600px;
border-right:2px solid #1c3429;
border-left:2px solid #1c3429;}
div.body {
background: #transparent;
padding:10px;
position:relative; }
div.caption {
background: #000000;
position:absolute;
top:420px; left:0px;
width:600px; height:50px;
text-align:center;
font-style:italic;
color:#2d644a;}
div.navleft{
background: #000000;
position:fixed;
top:10px;
left:78px;
text-align:center;
font-size:10px;
width: 100px;
height: 370px;
padding:10px;
-moz-border-top-left-radius: 25px 25 px;
-moz-border-bottom-left-radius: 25px 25 px;
border-top-left-radius: 25px 25 px;
border-bottom-left-radius: 25px 25 px;
border-left:2px solid 1c3429;
border-top:2px solid 1c3429;
border-bottom:2px solid 1c3429;}
div.navright{
background: #000000;
position:fixed;
top:10px;
left:800px;
width: 100px;
height: 370px;
padding:10px;
text-align:center;
font-size:10px;
-moz-border-top-right-radius: 25px 25 px;
-moz-border-bottom-right-radius: 25px 25 px;
border-top-right-radius: 25px 25 px;
border-bottom-right-radius: 25px 25 px;
border-right:2px solid 1c3429;
border-top:2px solid 1c3429;
border-bottom:2px solid 1c3429;}
#col1 {
background: #000000;
float:left;
width:280px;
text-align:right;
font-size:11px;}
#col2 {
background: #000000;
float:right;
width:280px;
text-align:left;
font-size:11px;}
hr {
border:1px dashed #6b6c6b ;}
a {text-decoration: none;}
a:link {color: #444d44; font-weight:;}
a:visited {color: #444d44; font-weight:;}
a:hover {color: #ddd3d4; font-weight:bold;font-style:italic;}
a:active {color: #444d44;}
a img {opacity:0.3;filter:alpha(opacity=30);-khtml-opacity: 0.3;-moz-opacity:0.3;"}
a img:hover {
opacity:1.0;
filter:alpha(opacity=100);-khtml-opacity: 1.0;-moz-opacity:1.0;}
</style>
</head>
<body>
<div class="header">(http://i10.photobucket.com/albums/a107/clmphoenix/katynw.png)
<div class="caption">I read something rather odd about a bit of rare magic. It's called, as I understand it, a horcrux.</div></div>
<div class="main">
<div class=body>
<center><h1>About Me</h1></center>
<center>(http://img.hexrpg.com/saphy/katyhl.png)</img>
THEY SAID IT ALL</center>
<div id=col1>
hgdahdshgsah. <3
~ <a href="/userinfo/Rowan">Rowan[/url]
katy is a great friend and a hard worker. hsdHSDJH whole.
~ <a href="/userinfo/John">John[/url]
katy, JSDJHSDKN We so often see things from the same perspective, and when we don't,jdwjdj
~ <a href="/userinfo/hpfanextrm">Josh[/url]
I'm not going to talk about how you are in general, jbsdjsdj.
Like whatjjsbjdn I forced you you agreed became njdsjkdsjsdbsd
~ <a href="/userinfo/Saphrina%20Winters">Saphy[/url]
jhdsjhsdjh
~ <a href="/userinfo/Thatsme">Erin[/url]
jsdjhsdjhsd
~ <a href="/userinfo/caleneledh">Calen[/url]
Whenever I thought of you at first, mncskncskcskn
~ <a href="/userinfo/Shining%20Star">Jo[/url]
katy, yjhfwbhdsiusd
~ <a href="/userinfo/heathermonique005">Heather[/url]
katy njsdsdi!
~ <a href="/userinfo/Alice%20Rosebud">Lu[/url]
</div>
<div id=col2>
katy is a powerhouse.
~ <a href="/userinfo/Tori%20Tendleswift">Kelly[/url]
katy isjfhfeufd
~<a href="/userinfo/SofiaR">Lydia[/url]
katyjdsjdsjail.
Outside IM,kdsksdksd
~<a href="/userinfo/Yuki_Chan">Yuki[/url]
katy, husdhjdhsd3333 ILY
~<a href="/userinfo/Mrs%20Goode">Nelly[/url]
My friend bhvhh I'm mad. She helps me jhfsjhsfd when something isn'tjhdsjhfire in the belly to try and make it right. katy is my dear friend, and I love her.
~<a href="/userinfo/Lucala">Luce[/url]
katy's one of jhsfjhsdjh, no matter what, and she deserves only the best. I'm glad I met her andkjfskjsf her. <3
~<a href="/userinfo/littlemiss_tutu">Alex[/url]
katy? She's crazy. But in a good way.
~ <a href="/userinfo/anacrusis">Rima[/url]
Thank yknsdksdksdn't ever change.
~ <a href="/userinfo/Sapphire%20Smoke">Mary[/url]
kajcznjksjs all real friends do...^_^
~ <a href="/userinfo/narcissamalfoy97">Narci[/url]
</div>
</div></div>
<div class="navleft">
<span style='font-size:14px;'>Call Me katy</span>
<font color="#444d44">Mother, Wife, Friend, Business Guro, Item Jedi</font>
<span style='font-size:14px;'>Flea Market</span>
<a href='http://www.hexrpg.com/store/store.php?user=katyrious%20Black'>My Store[/url]
<a href='http://www.hexrpg.com/forum/thread.php?forum=131360&thread=20480'>Sell me Ur Goodies[/url]
<a href='http://www.hexrpg.com/forum/thread.php?forum=131360&thread=26899'>Watch: What's Hot[/url]
<a href='http://www.hexrpg.com/forum/thread.php?forum=131360&thread=16641'>Big, BIG Rares[/url]
<span style='font-size:14px;'>Port Keys</span>
<a href='http://www.hexrpg.com/trophy.php?user=katyrious%20Black'>Trophy Case[/url]
<a href='http://www.hexrpg.com/clist.php?view=katyrious%20Black'>Wish List[/url]
<a href='http://www.hexrpg.com/trading/index.php?action=search2&type=2&search=katyrious%20Black'> Trades [/url]
<a href='http://www.hexrpg.com/owlpost.php?action=compose&username=katyrious%20Black'>Owl Me[/url]
<a href='http://www.hexrpg.com/'>BACK TO HEX[/url]
<center>
<img src="http://i10.photobucket.com/albums/a107/clmphoenix/ng.png" width=40px> (http://www.hexrpg.com/forum/index.php?forum=601)
<img src="http://i10.photobucket.com/albums/a107/clmphoenix/nh.png" width=40px> (http://www.hexrpg.com/forum/index.php?forum=701)
<img src="http://i10.photobucket.com/albums/a107/clmphoenix/nr.png" width=40px> (http://www.hexrpg.com/forum/index.php?forum=801)
<img src="http://i10.photobucket.com/albums/a107/clmphoenix/ns-1.png" width=40px> (http://www.hexrpg.com/forum/index.php?forum=903)
</center>
</div>
<div class="navright">
<span style='font-size:11px;'>Who's Who In My Book</span>
<a href='http://www.hexrpg.com/userinfo/Saphrina%20Winters'>The Daughter[/url]
<a href='http://www.hexrpg.com/forum/index.php?forum=30'>Everyone in DA[/url]
<a href='http://www.hexrpg.com/userinfo/#'>Friend4[/url]
<a href='http://www.hexrpg.com/userinfo/#'>Friend 4[/url]
<a href='http://www.hexrpg.com/userinfo/#'>Friend 5[/url]
<a href='http://www.hexrpg.com/userinfo/#'>Friend 6[/url]
<a href='http://www.hexrpg.com/userinfo/#'>Friend 7[/url]
<a href='http://www.hexrpg.com/userinfo/#'>Friend 8[/url]
<a href='http://www.hexrpg.com/userinfo/#'>Friend 9[/url]
<a href='http://www.hexrpg.com/userinfo/#'>Friend 10[/url]
<span style='font-size:11px;'>Top Collection</span>
<img src="http://www.hexrpg.com/images/items/elderwand.png" width=35px> (http://www.hexrpg.com/trophy.php?user=katyrious%20Black)
<img src="http://www.hexrpg.com/images/items/diary.gif" width=35px> (http://www.hexrpg.com/trophy.php?user=katyrious%20Black)
<img src="http://www.hexrpg.com/images/items/gauntring.png" width=35px> (http://www.hexrpg.com/trophy.php?user=katyrious%20Black)
<img src="http://www.hexrpg.com/images/items/hcup.png" width=35px> (http://www.hexrpg.com/trophy.php?user=katyrious%20Black)
<img src="http://www.hexrpg.com/images/items/slocket.png" width=35px> (http://www.hexrpg.com/trophy.php?user=katyrious%20Black)
<img src="http://www.hexrpg.com/images/items/dia.png" width=35px> (http://www.hexrpg.com/trophy.php?user=katyrious%20Black)
<img src="http://www.hexrpg.com/images/items/UnintentionalGollum.png" width=35px> (http://www.hexrpg.com/trophy.php?user=katyrious%20Black)
<img src="http://www.hexrpg.com/images/items/NaginiBubble.png" width=35px> (http://www.hexrpg.com/trophy.php?user=katyrious%20Black)
</div>
</body>
</html>
-
CSS
body {
font-family: 'Lucida Grande', 'Helvetica Neue', sans-serif;
font-size: 13px;
}
.custom_scrollbar {
margin: 20px auto;
height: 300px;
width: 500px;
overflow: scroll;
padding: 0 20px 0 0;
}
.custom_scrollbar::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.custom_scrollbar::-webkit-scrollbar-track {
background-color: rgba(113,112,107,0.1);
-webkit-border-radius: 5px;
}
.custom_scrollbar::-webkit-scrollbar-thumb:vertical {
background-color: rgba(0,0,0,.2);
-webkit-border-radius: 6px;
}
.custom_scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.custom_scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
background: red;
}
.custom_scrollbar::-webkit-scrollbar-thumb:horizontal {
background-color: rgba(0,0,0,.2);
-webkit-border-radius: 6px;
}
_______
<div class="custom_scrollbar">
<p> Insert Bilat here
</div>
-
body{
2
scrollbar-base-color: #C0C0C0;
3
scrollbar-base-color: #C0C0C0;
4
scrollbar-3dlight-color: #C0C0C0;
5
scrollbar-highlight-color: #C0C0C0;
6
scrollbar-track-color: #EBEBEB;
7
scrollbar-arrow-color: black;
8
scrollbar-shadow-color: #C0C0C0;
9
scrollbar-dark-shadow-color: #C0C0C0;
10
}
-
<head>
<title>Boto Bilat</title>
<style type="text/css">
<!--
img {
padding: 5px;
}
body {
background-color:#000000;
background-image:url(***);
background-repeat:no-repeat;
}
a.link:active, a.link:visited, a.link:link {
color:#555555;
font-family:arial;
text-align:left;
font-size:10px;
font-weight:none;
text-decoration:none;
letter-spacing:1px;
line-height:12px;
}
a.link:hover {
color:#eaa3a3;
font-family:arial;
text-align: left;
font-size:10px;
font-weight: normal;
text-decoration: none;
letter-spacing:1px;
line-height:12px;
}
strong {color: #353846 !important;}
h1 {
background-image:none;
background-repeat:no-repeat;
width:475px;
height:15px;
font-size:16px;
font-style:italic;
font-family:times;
color:#555555;
text-align: center;
}
h2 {
background-image:none;
background-repeat:no-repeat;
width:350px;
height:13px;
font-size:14px;
font-style:italic;
font-family:times;
color:#555555;
text-align:left;
}
#content {
position:absolute;
left: 237px;
top:270px;
width:500px;
height:455px;
z-index:1;
color:#555555;
font-family:verdana;
font-size:10px;
}
.main strong, b {color: #eaa3a3}
#Navigation {
position:absolute;
left: 675px;
top: -137px;
width:337px;
height:400px;
z-index:2;
font-family:arial;
color:#b9c1e1;
font-size:10px;
}
#nav {
position:center;
padding:3px;
right:400px;
top:400px;
width:180px;
background-color:#555555;
border:none;
}
#nav a {
display:block;
padding:3px;
padding-right:5px;
margin-bottom:3px;
color:#555555;
background-color:#322d2d;
border-right:none;
text-decoration:none;
text-align:center;
font:10px verdana;
}
#nav a:hover {
background-color:#eccbcb;
border-right:15px dashed #353846;
color:#90d1d8;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
border-radius: 8px;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
}
.containIT {
padding:5px;
margin:5px;
height:455px;
width:500px;
overflow:hidden;
}
.IT {
padding:5px;
height:455px;
width:500px;
overflow:auto;
text-align:justify;
}
-->
</style>
</head>
<style type="text/css">
html,body {overflow-x:hidden;}
</style>
<div id="content">
<div class="containIT">
<a name="page1">[/url]
<div class="IT">
<h1>Three Hundred Thousand Amps . . . </h1>
<h2>Memoir A La Havcat</h2>
Under Construction.
</div>
<a name="page2">[/url]
<div class="IT">
<h1>Shtuff I Likez</h1>
<h2>Under Construction</h2>
Under Construction</div>
<a name="page3">[/url]
<div class="IT">
<h1>Victoryyy!</h1>
<h2>Under Construction</h2>
Under Construction
</div>
<a name="page4">[/url]
<div class="IT">
<h1>Commentzz</h1>
<h2>Under Construction</h2>
Under Construction
</div>
<div id="Navigation">
<h2></h2>
<font color=#555555><font color=black>------</font><img src="***"/>
<font color=#555555><font color=black>--------------------</font>XVX</font>
<a href="http://www.hexrpg.com/owl/MissHavokk" class="link">Correspondence[/url] | <a href="" class="link">Link 002[/url] | <a
href="" class="link">link 003[/url]
</font>
<h2>navigation</h2>
<div id="nav">
<a href="#page1">Memoir a la Havcat[/url]
<a href="#page2">Shtuff I Likez[/url]
<a href="#page3">Victoryyy![/url]
<a href="#page4">Commentzz[/url]
</div>
<div id="nav">
<center>Profile by LOBOT SA YAWA
Sacrilege Designs (http://www.hexrpg.com/f/51/59374)
</div>
</div>
</body>
-
@charset "UTF-8";
*{
padding:0;
margin:0;
color:#FFF;
}
body {
background-image: url(http://ashraafi.com/img/bgpattern.png);
background-repeat: repeat;
}
#wrapper{
min-width:900px;
width: 100%;
background-color:#CCC;
position:relative;
}
#top{
width:inherit;
height:40px;
background-color:#000;
position:relative;
}
#content{
width:inherit;
background-color:#36C;
position:relative;
}
#bottom{
position:absolute;
bottom:0;
left:0;
background-color:#42210b;
width: inherit;
height: 35px;
}
____
<div id="wrapper">
<div id="top">
top
</div>
<div id="content">
content
<p>foo</p>
<p>foo</p>
<p>foo</p>
<p>foo</p>
<p>foo</p>
<p>foo</p>
<p>foo</p>
<p>foo</p>
<p>foo</p>
</div>
<div id="bottom">
bottom
</div>
<div>
-
div.footer {
position: absolute/fixed;
bottom: 0;
right: 0;
}
______
html, body {
margin:0px;
padding:0px;
}
-
<pre style="font: 2px/1px monospace;"><span style="color: #ffffff;"></span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#######################################################################################################################################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#######################################################################################################################################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#######################################################################################################################################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#######################################################################################################################################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#######################################################################################################################################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#######################################################################################################################################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#######################################################################################################################################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#######################################################################################################################################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#######################################################################################################################################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#####################################################################################</span><span style="color: #fffeff;">##</span><span style="color: #feffff;">#</span><span style="color: #fbffff;">#</span><span style="color: #f8ffff;">#</span><span style="color: #f9fffd;">#</span><span style="color: #fbfffd;">#</span><span style="color: #fefffd;">#</span><span style="color: #fffffd;">#</span><span style="color: #fffefd;">#</span><span style="color: #fffeff;">#</span><span style="color: #fffdff;">#</span><span style="color: #fcfafd;">#</span><span style="color: #fffeff;">##</span><span style="color: #ffffff;">#</span><span style="color: #fcffff;">##</span><span style="color: #fdfffe;">#</span><span style="color: #feffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #fcfffb;">#</span><span style="color: #fefffb;">#</span><span style="color: #fdfffa;">#</span><span style="color: #fffffb;">##</span><span style="color: #ffffff;">########################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#####################################################################################</span><span style="color: #fcffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #fffeff;">#</span><span style="color: #fffdff;">#</span><span style="color: #fffcff;">#</span><span style="color: #fffaff;">##</span><span style="color: #fffcff;">#</span><span style="color: #fffdff;">#</span><span style="color: #fffeff;">#</span><span style="color: #fafffe;">#</span><span style="color: #f7fffe;">#</span><span style="color: #f5fefb;">#</span><span style="color: #f4fffb;">#</span><span style="color: #f6fffc;">#</span><span style="color: #fbffff;">#</span><span style="color: #fffbff;">#</span><span style="color: #fffeff;">#</span><span style="color: #fef9fd;">##</span><span style="color: #fffdff;">#</span><span style="color: #fffeff;">#</span><span style="color: #fefcff;">#</span><span style="color: #fffdfe;">#</span><span style="color: #fffeff;">##</span><span style="color: #ffffff;">########################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">#####################################################################################</span><span style="color: #fffeff;">#</span><span style="color: #feffff;">#</span><span style="color: #fcffff;">##</span><span style="color: #feffff;">#</span><span style="color: #f5ffff;">#</span><span style="color: #f7ffff;">#</span><span style="color: #f8ffff;">#</span><span style="color: #f9ffff;">#</span><span style="color: #f8fefe;">#</span><span style="color: #fffbfb;">#</span><span style="color: #fcf2f3;">#</span><span style="color: #e9dfe0;">#</span><span style="color: #dad0d1;">#</span><span style="color: #e4dadb;">#</span><span style="color: #beb8ba;">#</span><span style="color: #bfc4c7;">#</span><span style="color: #cacfd2;">#</span><span style="color: #bec6c8;">#</span><span style="color: #dce4e6;">#</span><span style="color: #ebf5f6;">#</span><span style="color: #f0f1f5;">#</span><span style="color: #fdfeff;">#</span><span style="color: #fcffff;">##</span><span style="color: #fbffff;">#</span><span style="color: #feffff;">#</span><span style="color: #ffffff;">#######################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">###################################################################################</span><span style="color: #fefefe;">#</span><span style="color: #fefcfd;">#</span><span style="color: #fffdff;">#</span><span style="color: #fcffff;">#</span><span style="color: #f9ffff;">#</span><span style="color: #f7fdfb;">#</span><span style="color: #feffff;">#</span><span style="color: #fffcfd;">#</span><span style="color: #d1c2c5;">#</span><span style="color: #a0878d;">#</span><span style="color: #95717b;">#</span><span style="color: #7a505c;">#</span><span style="color: #603441;">#</span><span style="color: #572c36;">#</span><span style="color: #532832;">#</span><span style="color: #481d27;">#</span><span style="color: #4c212b;">#</span><span style="color: #471d29;">#</span><span style="color: #4c2633;">#</span><span style="color: #411d29;">#</span><span style="color: #41202b;">#</span><span style="color: #381a24;">#</span><span style="color: #3f212b;">#</span><span style="color: #534e52;">#</span><span style="color: #787679;">#</span><span style="color: #c5c5c7;">#</span><span style="color: #d1d2d4;">#</span><span style="color: #ecf2f2;">#</span><span style="color: #feffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #fbfbfb;">#</span><span style="color: #fefefe;">#</span><span style="color: #fcfcfc;">#</span><span style="color: #ffffff;">###################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">##################################################################################</span><span style="color: #fdfdfd;">#</span><span style="color: #fefefe;">##</span><span style="color: #feffff;">##</span><span style="color: #f1e6ea;">#</span><span style="color: #b89aa4;">#</span><span style="color: #6a3b4b;">#</span><span style="color: #642e3b;">#</span><span style="color: #602c38;">#</span><span style="color: #57232f;">#</span><span style="color: #56222e;">#</span><span style="color: #4f1b27;">#</span><span style="color: #491e28;">#</span><span style="color: #431b24;">#</span><span style="color: #421822;">#</span><span style="color: #3f1720;">#</span><span style="color: #401620;">#</span><span style="color: #50252f;">#</span><span style="color: #3e0c18;">#</span><span style="color: #42121e;">#</span><span style="color: #491e28;">#</span><span style="color: #401821;">#</span><span style="color: #3b161e;">#</span><span style="color: #3b1d25;">#</span><span style="color: #42292f;">#</span><span style="color: #3e272d;">#</span><span style="color: #342125;">#</span><span style="color: #48393c;">#</span><span style="color: #979394;">#</span><span style="color: #f5f5f5;">##</span><span style="color: #f3f3f3;">#</span><span style="color: #ffffff;">####################################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">##########################################################################</span><span style="color: #fffdfb;">#</span><span style="color: #fffffd;">#</span><span style="color: #fefffd;">#</span><span style="color: #fefefc;">#</span><span style="color: #fffeff;">#</span><span style="color: #f8fefc;">#</span><span style="color: #fbffff;">#</span><span style="color: #fafafa;">#</span><span style="color: #ffffff;">#</span><span style="color: #f4f8f7;">#</span><span style="color: #dadad8;">#</span><span style="color: #a1868b;">#</span><span style="color: #654249;">#</span><span style="color: #663843;">#</span><span style="color: #56222f;">#</span><span style="color: #4d1423;">#</span><span style="color: #46141f;">#</span><span style="color: #3e131c;">#</span><span style="color: #2d0d12;">#</span><span style="color: #270a0e;">#</span><span style="color: #28090e;">#</span><span style="color: #270d10;">#</span><span style="color: #2f1015;">#</span><span style="color: #3b161d;">#</span><span style="color: #381018;">#</span><span style="color: #2f0c12;">#</span><span style="color: #3f1c22;">#</span><span style="color: #3c171f;">#</span><span style="color: #321118;">#</span><span style="color: #2a0f14;">#</span><span style="color: #250f12;">#</span><span style="color: #210e10;">#</span><span style="color: #291218;">##</span><span style="color: #2e1b1f;">#</span><span style="color: #1f0f12;">#</span><span style="color: #251619;">#</span><span style="color: #211612;">#</span><span style="color: #2b211f;">#</span><span style="color: #625c5c;">#</span><span style="color: #c2c2c4;">#</span><span style="color: #f5f8fd;">#</span><span style="color: #fbffff;">#</span><span style="color: #f9fdfc;">#</span><span style="color: #fafcfb;">#</span><span style="color: #ffffff;">#</span><span style="color: #fffeff;">####</span><span style="color: #ffffff;">#</span><span style="color: #feffff;">#</span><span style="color: #fcffff;">#</span><span style="color: #feffff;">#</span><span style="color: #ffffff;">#######################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">##########################################################################</span><span style="color: #f9fffd;">#</span><span style="color: #fffeff;">#</span><span style="color: #fffcff;">#</span><span style="color: #fffeff;">#</span><span style="color: #f9ffff;">#</span><span style="color: #fffcfb;">#</span><span style="color: #fffefb;">#</span><span style="color: #fffffd;">#</span><span style="color: #a9a19f;">#</span><span style="color: #614049;">#</span><span style="color: #60323d;">#</span><span style="color: #532a32;">#</span><span style="color: #471822;">#</span><span style="color: #43111c;">#</span><span style="color: #390a14;">#</span><span style="color: #41131d;">#</span><span style="color: #371219;">#</span><span style="color: #2d0e13;">#</span><span style="color: #21080b;">#</span><span style="color: #2a1114;">#</span><span style="color: #290f12;">#</span><span style="color: #2f1015;">#</span><span style="color: #310e14;">#</span><span style="color: #340f16;">#</span><span style="color: #2e0b11;">#</span><span style="color: #2b0e12;">#</span><span style="color: #291013;">#</span><span style="color: #2f141b;">#</span><span style="color: #2a1417;">#</span><span style="color: #251216;">#</span><span style="color: #201011;">#</span><span style="color: #1b0c0f;">#</span><span style="color: #190a0d;">#</span><span style="color: #1c0d10;">#</span><span style="color: #15090b;">#</span><span style="color: #140a0b;">#</span><span style="color: #130a0b;">#</span><span style="color: #150a08;">#</span><span style="color: #1e1311;">#</span><span style="color: #231a1b;">#</span><span style="color: #3a3539;">#</span><span style="color: #2a272e;">#</span><span style="color: #c6c5cb;">#</span><span style="color: #f4f6f5;">#</span><span style="color: #fcffff;">#</span><span style="color: #feffff;">##</span><span style="color: #ffffff;">#</span><span style="color: #feffff;">#</span><span style="color: #ffffff;">#</span><span style="color: #feffff;">##</span><span style="color: #fcffff;">#</span><span style="color: #ffffff;">########################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">##########################################################################</span><span style="color: #f9ffff;">#</span><span style="color: #fcffff;">#</span><span style="color: #fffeff;">#</span><span style="color: #ffffff;">#</span><span style="color: #fbfffe;">#</span><span style="color: #fefffa;">#</span><span style="color: #a49290;">#</span><span style="color: #5a2831;">#</span><span style="color: #5a1e2a;">#</span><span style="color: #4a1821;">#</span><span style="color: #441b21;">#</span><span style="color: #380913;">#</span><span style="color: #360711;">#</span><span style="color: #441922;">#</span><span style="color: #421a22;">#</span><span style="color: #340f16;">#</span><span style="color: #34151a;">#</span><span style="color: #311217;">#</span><span style="color: #2c0f13;">#</span><span style="color: #2d0e13;">#</span><span style="color: #2f0f14;">#</span><span style="color: #381019;">#</span><span style="color: #38131b;">#</span><span style="color: #3b1a21;">#</span><span style="color: #2a1417;">#</span><span style="color: #1e0e0f;">#</span><span style="color: #1b1110;">#</span><span style="color: #1b1016;">#</span><span style="color: #140b10;">#</span><span style="color: #0b0207;">#</span><span style="color: #0d0409;">#</span><span style="color: #0f060b;">#</span><span style="color: #160c0d;">#</span><span style="color: #140a0b;">#</span><span style="color: #180f10;">#</span><span style="color: #100a0a;">#</span><span style="color: #100c0b;">#</span><span style="color: #150c0f;">#</span><span style="color: #12090c;">#</span><span style="color: #0b0205;">#</span><span style="color: #1a0f13;">#</span><span style="color: #251a1e;">#</span><span style="color: #332a2d;">#</span><span style="color: #514d4e;">#</span><span style="color: #f3f3f3;">#</span><span style="color: #fcffff;">#</span><span style="color: #fbffff;">#</span><span style="color: #f9ffff;">#</span><span style="color: #fbffff;">#</span><span style="color: #fcffff;">#</span><span style="color: #feffff;">#</span><span style="color: #fffeff;">##</span><span style="color: #ffffff;">########################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">##########################################################################</span><span style="color: #fff8ff;">#</span><span style="color: #fcffff;">#</span><span style="color: #f4ffff;">#</span><span style="color: #f2f2f0;">#</span><span style="color: #c3a4aa;">#</span><span style="color: #583e3f;">#</span><span style="color: #462224;">#</span><span style="color: #480f18;">#</span><span style="color: #4b131c;">#</span><span style="color: #331112;">#</span><span style="color: #280e0f;">#</span><span style="color: #40111b;">#</span><span style="color: #3e131c;">#</span><span style="color: #3b161d;">#</span><span style="color: #331016;">#</span><span style="color: #311116;">#</span><span style="color: #310911;">#</span><span style="color: #380f17;">#</span><span style="color: #431821;">#</span><span style="color: #3f141d;">#</span><span style="color: #3c111a;">#</span><span style="color: #3e1621;">#</span><span style="color: #31121a;">#</span><span style="color: #2b141a;">#</span><span style="color: #1c0d10;">#</span><span style="color: #13090a;">#</span><span style="color: #0e0506;">#</span><span style="color: #150c11;">#</span><span style="color: #0b0207;">##</span><span style="color: #0b0509;">#</span><span style="color: #120d11;">#</span><span style="color: #110708;">#</span><span style="color: #120809;">#</span><span style="color: #12090a;">#</span><span style="color: #110b0b;">#</span><span style="color: #0d0908;">#</span><span style="color: #090408;">#</span><span style="color: #0d070b;">#</span><span style="color: #100a0c;">#</span><span style="color: #180f12;">#</span><span style="color: #150b0c;">#</span><span style="color: #180f10;">#</span><span style="color: #382f32;">#</span><span style="color: #4a4647;">#</span><span style="color: #cdcdcd;">#</span><span style="color: #cdd3d1;">#</span><span style="color: #dfe8e5;">#</span><span style="color: #f0f6f4;">#</span><span style="color: #fafefd;">#</span><span style="color: #f6f8f7;">#</span><span style="color: #fffeff;">##</span><span style="color: #ffffff;">########################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">##########################################################################</span><span style="color: #fffafc;">#</span><span style="color: #fff9fc;">#</span><span style="color: #d3c0c2;">#</span><span style="color: #522f33;">#</span><span style="color: #5e2931;">#</span><span style="color: #4c141f;">#</span><span style="color: #390b15;">#</span><span style="color: #3c1d22;">#</span><span style="color: #381b1f;">#</span><span style="color: #431821;">#</span><span style="color: #4f1b27;">#</span><span style="color: #3f111b;">#</span><span style="color: #310c13;">#</span><span style="color: #321217;">#</span><span style="color: #341419;">#</span><span style="color: #351218;">#</span><span style="color: #320a12;">#</span><span style="color: #3b121a;">#</span><span style="color: #3c111a;">#</span><span style="color: #3d151d;">#</span><span style="color: #301015;">#</span><span style="color: #2b1218;">#</span><span style="color: #220f13;">#</span><span style="color: #1d1113;">#</span><span style="color: #1d1314;">#</span><span style="color: #201416;">#</span><span style="color: #231316;">#</span><span style="color: #1b040a;">#</span><span style="color: #1c090b;">#</span><span style="color: #17080b;">#</span><span style="color: #150909;">#</span><span style="color: #110708;">#</span><span style="color: #140508;">##</span><span style="color: #110507;">#</span><span style="color: #100607;">#</span><span style="color: #140b0c;">#</span><span style="color: #0d0908;">#</span><span style="color: #0d0b0c;">#</span><span style="color: #0f0d0e;">#</span><span style="color: #0b090a;">#</span><span style="color: #0f0d0e;">#</span><span style="color: #120e0f;">#</span><span style="color: #1e1216;">#</span><span style="color: #241b1e;">#</span><span style="color: #3c3638;">#</span><span style="color: #534f50;">#</span><span style="color: #6c6a6b;">#</span><span style="color: #707271;">#</span><span style="color: #b2b2b2;">#</span><span style="color: #e7e9e8;">#</span><span style="color: #f3f5f4;">#</span><span style="color: #fbfffe;">#</span><span style="color: #ffffff;">########################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">######################################################################</span><span style="color: #feffff;">#</span><span style="color: #fffeff;">##</span><span style="color: #fbffff;">#</span><span style="color: #f1f6f0;">#</span><span style="color: #5d3e43;">#</span><span style="color: #692735;">#</span><span style="color: #6a2631;">#</span><span style="color: #431216;">#</span><span style="color: #351518;">#</span><span style="color: #421a22;">#</span><span style="color: #3f0d18;">#</span><span style="color: #541b2a;">#</span><span style="color: #481421;">#</span><span style="color: #441621;">#</span><span style="color: #361118;">#</span><span style="color: #28080d;">#</span><span style="color: #2b0c11;">#</span><span style="color: #310e14;">#</span><span style="color: #3b131b;">#</span><span style="color: #321318;">#</span><span style="color: #2b0b10;">#</span><span style="color: #301116;">#</span><span style="color: #240b0e;">#</span><span style="color: #1c0a0a;">#</span><span style="color: #150609;">#</span><span style="color: #100509;">#</span><span style="color: #0f0609;">#</span><span style="color: #160b0f;">#</span><span style="color: #1d0c12;">#</span><span style="color: #220b11;">#</span><span style="color: #311218;">#</span><span style="color: #2d1015;">#</span><span style="color: #270e12;">#</span><span style="color: #1f0b0d;">#</span><span style="color: #1d0d0e;">#</span><span style="color: #1c0c0f;">#</span><span style="color: #1d0e11;">#</span><span style="color: #100607;">#</span><span style="color: #120809;">#</span><span style="color: #13090a;">#</span><span style="color: #100c0b;">#</span><span style="color: #0d0c0a;">#</span><span style="color: #090909;">#</span><span style="color: #060807;">#</span><span style="color: #050608;">#</span><span style="color: #08080a;">#</span><span style="color: #1d1216;">#</span><span style="color: #190e12;">#</span><span style="color: #1d1417;">#</span><span style="color: #1f1619;">#</span><span style="color: #22191c;">#</span><span style="color: #201a1c;">#</span><span style="color: #252122;">#</span><span style="color: #3b393a;">#</span><span style="color: #959595;">#</span><span style="color: #cfd3d2;">#</span><span style="color: #feffff;">##</span><span style="color: #ffffff;">######################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">###############################################################</span><span style="color: #fffeff;">##</span><span style="color: #ffffff;">##</span><span style="color: #fcffff;">##</span><span style="color: #feffff;">#</span><span style="color: #fffeff;">#</span><span style="color: #feffff;">#</span><span style="color: #fafafa;">#</span><span style="color: #8b787e;">#</span><span style="color: #5f2d30;">#</span><span style="color: #592027;">#</span><span style="color: #53171f;">#</span><span style="color: #3d0810;">#</span><span style="color: #4c1f26;">#</span><span style="color: #45161c;">#</span><span style="color: #4e1b22;">#</span><span style="color: #4f1c25;">#</span><span style="color: #360d15;">#</span><span style="color: #2c0f14;">#</span><span style="color: #200a0d;">#</span><span style="color: #301116;">#</span><span style="color: #2a0a0f;">#</span><span style="color: #38151b;">#</span><span style="color: #39161c;">#</span><span style="color: #2e0910;">#</span><span style="color: #3d2024;">#</span><span style="color: #2b1215;">#</span><span style="color: #200e0e;">#</span><span style="color: #2b1919;">#</span><span style="color: #2f1b1c;">#</span><span style="color: #29191c;">#</span><span style="color: #19090c;">#</span><span style="color: #17070a;">#</span><span style="color: #160609;">#</span><span style="color: #17070a;">#</span><span style="color: #160607;">#</span><span style="color: #261012;">#</span><span style="color: #2a0d11;">#</span><span style="color: #2e0e13;">#</span><span style="color: #2c0d12;">#</span><span style="color: #2e1417;">#</span><span style="color: #190a0d;">#</span><span style="color: #130a0b;">#</span><span style="color: #090806;">#</span><span style="color: #0b0a08;">#</span><span style="color: #0c0807;">#</span><span style="color: #120c0c;">#</span><span style="color: #100c0b;">#</span><span style="color: #0a0605;">#</span><span style="color: #060503;">#</span><span style="color: #040402;">#</span><span style="color: #060604;">#</span><span style="color: #0d0c0a;">#</span><span style="color: #0f0b0a;">#</span><span style="color: #0f0909;">#</span><span style="color: #140e0e;">#</span><span style="color: #1a1112;">#</span><span style="color: #15090b;">#</span><span style="color: #190f10;">#</span><span style="color: #1b1112;">#</span><span style="color: #1b1515;">#</span><span style="color: #1d1717;">#</span><span style="color: #6c6c6c;">#</span><span style="color: #e5e7e6;">#</span><span style="color: #fdfdfd;">#</span><span style="color: #ffffff;">#</span><span style="color: #fffeff;">##</span><span style="color: #ffffff;">##################################################################
</span><span style="color: #ffffff;">#</span><span style="color: #ffffff;">###############################################################</span><span style="color: #fffeff;">##</span><span style="color: #ffffff;">##</span><span style="color: #feffff;">##</span><span style="color: #ffffff;">#</span><span style="color: #fbfdfc;">#</span><span style="color: #f4f3ef;">#</span><span style="color: #492c30;">#</span><span style="color: #62192a;">#</span><span style="color: #782f3a;">#</span><span style="color: #3a0c0f;">#</span><span style="color: #270f0d;">#</span><span style="color: #39191c;">#</span><span style="color: #470f1a;">#</span><span style="color: #5d2832;">#</span><span style="color: #3e1519;">#</span><span style="color: #2e0e11;">#</span><span style="color: #2d1316;">#</span><span style="color: #2d1015;">#</span><span style="color: #331219;">#</span><span style="color: #381018;">#</span><span style="color: #3d1a20;">#</span><span style="color: #2e0e13;">#</span><span style="color: #3a1a1f;">#</span><span style="color: #45262b;">#</span><span style="color: #2f1619;">#</span><span style="color: #271314;">#</span><span style="color: #271515;">#</span><span style="color: #1b0909;">#</span><span style="color: #190506;">#</span><span style="color: #130001;">#</span><span style="color: #1e0b0d;">#</span><span style="color: #1a0608;">#</span><span style="color: #150204;">#</span><span style="color: #1e0a0c;">#</span><span style="color: #230f11;">#</span><span style="color: #1d0709;">#</span><span style="color: #250b0e;">#</span><span style="color: #2c0f13;">#</span><span style="color: #311418;">#</span><span style="color: #2a1013;">#</span><span style="color: #1d0a0e;">#</span><span style="color: #130407;">#</span><span style="color: #0a0102;">#</span><span style="color: #090303;">#</span><span style="color: #0a0404;">#</span><span style="color: #150b0c;">#</span><span style="color: #140a0b;">#</span><span style="color: #130a0b;">#</span><span style="color: #130d0d;">#</span><span style="color: #120c0c;">#</span><span style="color: #0f0b0a;">#</span><span style="color: #0c0b09;">#</span><span style="color: #0d0908;">#</span><span style="color: #0d0707;">#</span><span style="color: #110b0b;">#</span><span style="color: #150c0d;">#</span><span style="color: #170b0d;">#</span><span style="color: #170d0e;">##</span><span style="co