275 lines
5.8 KiB
HTML
275 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- from source -->
|
|
<meta name="keywords" content="PETZ 4&5 Playscenz unedited versions">
|
|
<title>WORDFIRE'S</title>
|
|
<!-- -->
|
|
|
|
<!-- style -->
|
|
<link rel="stylesheet" href="style/style.css">
|
|
<style>
|
|
a { color: #06c; }
|
|
a:active { color: #909; }
|
|
a:visited { color: #06c; }
|
|
|
|
.blue { color: #039 !important; }
|
|
.center { text-align: center; }
|
|
.red { color: #c00 !important; }
|
|
.purple { color: #909 !important; }
|
|
|
|
/* fuck table layouts thanks!!! */
|
|
|
|
#top-left {
|
|
float: left;
|
|
width: 149px;
|
|
height: 124px;
|
|
|
|
background-color: #336;
|
|
border: 2px solid #93c;
|
|
}
|
|
|
|
#header {
|
|
float: left;
|
|
width: 600px;
|
|
height: 124px;
|
|
padding: 0;
|
|
|
|
background-image: url(img/index_clouds.jpg);
|
|
border: 2px solid #93c;
|
|
border-left: none;
|
|
text-align: center;
|
|
}
|
|
|
|
#nav {
|
|
clear: both;
|
|
float: left;
|
|
width: 149px;
|
|
height: 1361px;
|
|
|
|
background-color: #336;
|
|
border: 2px solid #93c;
|
|
border-top: none;
|
|
}
|
|
|
|
#content {
|
|
float: left;
|
|
width: 592px;
|
|
height: 1353px;
|
|
padding: 4px;
|
|
|
|
border: 2px solid #93c;
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
/* header style */
|
|
|
|
#header h1 {
|
|
font-size: 48px;
|
|
font-weight: 700;
|
|
color: #c0f;
|
|
font-style: italic;
|
|
text-decoration: underline;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* nav style */
|
|
|
|
#nav {
|
|
text-align: center;
|
|
}
|
|
|
|
#nav .spacer {
|
|
height: 28px;
|
|
}
|
|
|
|
.nav-current, .nav-btn {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
width: 145px;
|
|
height: 26px;
|
|
margin-bottom: 2px;
|
|
padding: 3px;
|
|
|
|
text-decoration: none;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.tall { height: 42px; }
|
|
|
|
.nav-current {
|
|
background-color: #009;
|
|
}
|
|
|
|
.nav-btn {
|
|
background-color: #909;
|
|
}
|
|
|
|
.nav-current:hover, .nav-btn:hover {
|
|
background-color: #ccf;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.nav-current:visited, .nav-btn:visited {
|
|
color: #fff;
|
|
}
|
|
|
|
/* content style */
|
|
|
|
#content h2 { font-size: 24px; font-style: italic; }
|
|
|
|
/* seriously fuck tables */
|
|
|
|
#content #canvas-border {
|
|
display: table;
|
|
margin: 0 auto;
|
|
width: 160px;
|
|
height: 180px;
|
|
background-image: url(img/index_frame_dkblue_canvas.gif);
|
|
}
|
|
|
|
#content #canvas-border img { margin: 15px; }
|
|
|
|
/* has no one heard of the border attribute ????????????? */
|
|
|
|
#hellbox {
|
|
border: 2px solid #609;
|
|
width: 580px;
|
|
height: 174px;
|
|
margin: 0 auto;
|
|
background-color: #ffc;
|
|
}
|
|
|
|
#hellbox2 {
|
|
border: 2px ridge #f69;
|
|
width: 567px;
|
|
height: 160px;
|
|
padding: 5px;
|
|
|
|
color: #306;
|
|
font-size: 24px;
|
|
font-weight: 900;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
}
|
|
|
|
#hellbox2 img {
|
|
padding-top: 15px;
|
|
}
|
|
|
|
#wood-border {
|
|
display: table;
|
|
margin: 20px auto;
|
|
width: 330px;
|
|
height: 255px;
|
|
background-image: url(img/index_frame_wood2.gif);
|
|
}
|
|
|
|
#wood-border img { margin: 15px; }
|
|
|
|
.purple-line {
|
|
height: 2px;
|
|
width: 285px;
|
|
background-color: #93c;
|
|
float: left;
|
|
margin: 5px;
|
|
}
|
|
|
|
#bravenet { margin: 40px 30px; clear: both; }
|
|
</style>
|
|
|
|
<!-- archive menu -->
|
|
<script src="/menu.js" type="module"></script>
|
|
</head>
|
|
<body>
|
|
<div id="top-left"></div>
|
|
|
|
<div id="header">
|
|
<h1>petz**<br>
|
|
WORDFIRE'S**petz</h1>
|
|
</div>
|
|
|
|
<div id="nav">
|
|
<div class="spacer"></div>
|
|
|
|
<a href="index.html" class="nav-current">Home</a>
|
|
<a href="play1.html" class="nav-btn">PETZ PLAYSCENZ</a>
|
|
<a href="play2.html" class="nav-btn">MORE PLAYSCENZ</a>
|
|
<a href="play3.html" class="nav-btn tall">AND>>>MORE PETZ PLAYSCENZ</a>
|
|
<a href="possums.html" class="nav-btn">'POSSUMS</a>
|
|
<a href="play4.html" class="nav-btn tall">COMPLETED PLAYSCENZ</a>
|
|
<a href="sound.html" class="nav-btn">Sound Files</a>
|
|
<a href="precious.html" class="nav-btn">PRECIOUS ONEZ</a>
|
|
</div>
|
|
|
|
<div id="content">
|
|
<img src="img/index_fire_line_2.gif" alt="fire_line_2.gif" width="560" style="margin: 0
|
|
auto; display: table;">
|
|
|
|
<h2 class="red">
|
|
FOR MORE PETZ BACKGROUNDS, SOUND FILES AND PLAYSCENZ IN THE FUTURE VISIT><a class="red"
|
|
href="https://web.archive.org/web/20050912012413/http://home.earthlink.net/~lindajoyce/">http://home.earthlink.net/~lindajoyce/</a>
|
|
oz yellow brick road and music available there now!!!!
|
|
</h2>
|
|
|
|
<p class="red small arial center">
|
|
<b><i>EVEN PETZ PRAISE HIM</i></b>
|
|
<div id="canvas-border" style="margin-top: -10px;">
|
|
<img src="img/index_tigertheangel.jpg" width="130">
|
|
</div>
|
|
</p>
|
|
|
|
<div id="hellbox">
|
|
<div id="hellbox2">
|
|
<i>THIS IS A PETZ 4&5 SITE**ALL ORIGINAL UNEDITED PLAYSCENZ BACKGROUNDS JUST
|
|
WAITING FOR YOU**wordfire**</i><br>
|
|
<img src="img/index_vote1.gif">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="wood-border">
|
|
<img src="img/index_pupkit03.jpg" alt="pupkit03.jpg" width="300">
|
|
</div>
|
|
|
|
<p style="font-style: italic; font-weight: 900;" class="purple arial">
|
|
<span class="big blue">KUDOS:</span>THANK YOU CAROLYN,JUDY, PEEPS AT APKC FORUMS& MINIBYTE
|
|
</p>
|
|
|
|
<p>.</p>
|
|
|
|
<p> </p>
|
|
|
|
<div class="purple-line"></div>
|
|
<div class="purple-line"></div>
|
|
|
|
<div id="bravenet">
|
|
<a href="guestbook.php">
|
|
<img src="img/index_guestbook.gif" title="Free Guestbook from Bravenet"
|
|
alt="Free Guestbook from Bravenet">
|
|
</a>
|
|
|
|
<a href="https://www.bravenet.com/">
|
|
<img src="img/index_bn-guestbook.gif" title="Free Guestbook from Bravenet"
|
|
alt="Free Guestbook from Bravenet">
|
|
</a>
|
|
</div>
|
|
|
|
<div id="god" class="small arial">
|
|
<b>The Life,Truth and Power Of GOD</b><br>
|
|
<img src="img/index_animation.gif" width="130" alt="animation.gif"><br>
|
|
<b>WORDFIRE</b><br>
|
|
<br>
|
|
<b>Lots Of KEWL Stuff Here</b><br>
|
|
<a href="http://www.pineconecattery.com/" target="tlx_new"><img
|
|
src="img/index_judysbanner.jpg" alt="judysbanner.jpg" width="130"></a><br>
|
|
<b>Edited Versions Also Available Of These Playscenz</b>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|