225 lines
No EOL
9.1 KiB
HTML
225 lines
No EOL
9.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>The web site of alienhospital</title>
|
|
<!-- The style.css file allows you to change the look of your web pages.
|
|
If you include the next line in all your web pages, they will all share the same look.
|
|
This makes it easier to make new pages for your site. -->
|
|
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
|
|
<link rel="alternate stylesheet" type="text/css" media="screen" title="1" href="https://signsandportents.neocities.org/morden/js/1.css" />
|
|
<link rel="alternate stylesheet" type="text/css" media="screen" title="2" href="https://signsandportents.neocities.org/morden/js/2.css" />
|
|
<link rel="alternate stylesheet" type="text/css" media="screen" title="3" href="https://signsandportents.neocities.org/morden/js/3.css" />
|
|
<link rel="alternate stylesheet" type="text/css" media="screen" title="pink" href="https://signsandportents.neocities.org/morden/js/pink.css" />
|
|
<link rel="alternate stylesheet" type="text/css" media="screen" title="hotpink" href="https://signsandportents.neocities.org/morden/js/hotpink.css" />
|
|
<link rel="alternate stylesheet" type="text/css" media="screen" title="gold" href="https://signsandportents.neocities.org/morden/js/gold.css" />
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
|
|
<script src="https://signsandportents.neocities.org/morden/js/styleswitch.js" type="text/javascript">
|
|
/***********************************************
|
|
* Style Sheet Switcher v1.1- (c) Dynamic Drive DHTML code library
|
|
* Please keep this notice intact
|
|
***********************************************/
|
|
</script>
|
|
<style>
|
|
body {
|
|
background:#7f1f3b;
|
|
background-size: cover;
|
|
color: #fff;
|
|
}
|
|
|
|
#tns {
|
|
margin: 0 auto;
|
|
width: 400px;
|
|
}
|
|
|
|
a {
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
.dragme {
|
|
position: relative;
|
|
|
|
cursor: move;
|
|
}
|
|
|
|
.theme {
|
|
|
|
.field {
|
|
background-repeat: no-repeat;
|
|
background: url('https://file.garden/aJzQmzrHVB4BLKwu/Babylon-5-The-Road-Home-Icarus-Clip.webp');
|
|
}
|
|
}
|
|
|
|
.theme2 {
|
|
|
|
.field {
|
|
background: url('https://file.garden/aJzQmzrHVB4BLKwu/YLQHfxteqASegWyPZBRWq.jpg');
|
|
}
|
|
}
|
|
#draggable {
|
|
}
|
|
|
|
.dragme {
|
|
display: inline-block;
|
|
}
|
|
|
|
#fieldheader {
|
|
width: 930px;
|
|
font-size:15px;
|
|
font-family: "Comic Sans MS", sans-serif;
|
|
color: #FFFFFF/*white 0*/;
|
|
text-align: center;
|
|
border-radius: 25px 25px 0 0;
|
|
padding: 10px 0;
|
|
margin: 10px auto 0 auto;
|
|
}
|
|
}
|
|
|
|
#field {
|
|
height: 500px;
|
|
width: 930px;
|
|
position: relative;
|
|
text-align: right;
|
|
align-content: right;
|
|
}
|
|
|
|
#fieldfooter {
|
|
|
|
width: 930px;
|
|
font-size:15px;
|
|
font-family: "Comic Sans MS", sans-serif;
|
|
color: #FFFFFF/*white 0*/;
|
|
text-align: center;
|
|
border-radius: 0 0 25px 25px;
|
|
padding: 10px 0;
|
|
margin: 0 auto 10px auto;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<center><a href="/morden/ambition">home</a><br>
|
|
build your own shadow shrine....
|
|
<br>
|
|
this does not work on mobile devices. <br><br>
|
|
<div id="field" style="height: 1000px; width: 930px; text-align: right;" class="field">
|
|
<form id="switchform" aria-label="styleswitcher">
|
|
<select name="switchcontrol" id="siteswitcher" size="1" onChange="chooseStyle(this.options[this.selectedIndex].value, 60)">
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
<option value="pink">pink</option>
|
|
<option value="hotpink">hot pink</option> <option value="gold">gold</option>
|
|
|
|
|
|
</select>
|
|
<script src="https://signsandportents.neocities.org/morden/js/styleswitch.js" type="text/javascript">
|
|
</script>
|
|
</form>
|
|
<!-- hats -->
|
|
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Shadow__Babylon_5_-removebg-preview.png" width="350px" style="margin-right: -50px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/xSreV-1-removebg-preview.png" width="100px" style="margin-right: -50px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Shadow-battlecrab-removebg-preview.png" width="150px" style="margin-right: -50px;">
|
|
</div>
|
|
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/Shadow-battlecrab-removebg-previemirrorw.png" width="150px" style="margin-right: -50px;">
|
|
</div>
|
|
|
|
|
|
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/candles-2565411_640.png" width="160px" style="margin-right: -50px;">
|
|
</div><div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/rose-5543736_640.png" width="160px" style="margin-right: -50px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/lace-3318911_640.png" width="160px" style="margin-right: -50px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/flowers-1485830_640.png" width="160px" style="margin-right: -50px;">
|
|
</div>
|
|
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/candle-1921852_640.png" width="100px" style="margin-right: -50px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://64.media.tumblr.com/4f6c470635f3e4c065ca0084eff2406d/20ed9af4c2af4bdb-22/s500x750/71c1b2809a2b829c6a0424c920810bba8f3aad87.pnj" width="150px" style="margin-right: -50px;">
|
|
</div>
|
|
|
|
<!-- bowties -->
|
|
<div class="dragme">
|
|
<img src="https://64.media.tumblr.com/f861c4b5582d29f6c2120c91426807cf/8574fdec282416d5-49/s640x960/a96984111e63d6213ed1162bcad63cdf819218ab.pnj" width="150px" style="margin-right: -75px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://64.media.tumblr.com/a06e5e185998110e754a9d02f5aad958/8574fdec282416d5-00/s640x960/aa6717379e64610a85f754e5b29b08cb48703a7b.pnj" width="150px" style="margin-right: -50px;">
|
|
</div>
|
|
|
|
<br>
|
|
<div class="dragme">
|
|
<img src="https://64.media.tumblr.com/320427d635fa8ce0865cc5e4e9b2af51/0958cca143696c87-ec/s500x750/4352001c7b62a6e6859875eb18f39dade62c7939.pnj" width="150px" style="margin-left: -75px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://64.media.tumblr.com/7eeb5f52379bf2daf506cf8ed5528344/0958cca143696c87-0f/s500x750/a2675cc1471a63e5ff44aaf01ff4f6e5ff33ee1f.pnj" width="150px" style="margin-right: -75px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://64.media.tumblr.com/206b7ca591dc72b7f6d0b925295b8c68/0958cca143696c87-39/s400x600/059586f8ab1d02ff11afe3220b806f5670b103fe.pnj" width="100px" style="margin-right: -75px;">
|
|
</div>
|
|
|
|
<div class="dragme">
|
|
<img src="https://64.media.tumblr.com/459730205fd6b080b3975ac8b0c29304/0958cca143696c87-10/s250x400/415d8845473c7823cf4d8ba710263f26b9605d80.pnj" width="100px" style="margin-right: -75px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/image-removebg-preview(13.png" width="140px" style="margin-top: -5px;">
|
|
</div>
|
|
|
|
<div class="dragme">
|
|
<img src="https://64.media.tumblr.com/459730205fd6b080b3975ac8b0c29304/0958cca143696c87-10/s250x400/415d8845473c7823cf4d8ba710263f26b9605d80.pnj" width="100px" style="margin-right: -75px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://64.media.tumblr.com/e529a3e157505a98eb81a776b769bbba/0958cca143696c87-30/s500x750/4595b555724287b33becf3c02a674b39a4330c65.pnj" width="100px" style="margin-right: -55px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://64.media.tumblr.com/e529a3e157505a98eb81a776b769bbba/0958cca143696c87-30/s500x750/4595b555724287b33becf3c02a674b39a4330c65.pnj" width="100px" style="margin-right: -55px;">
|
|
</div><div class="dragme">
|
|
<img src="https://64.media.tumblr.com/e529a3e157505a98eb81a776b769bbba/0958cca143696c87-30/s500x750/4595b555724287b33becf3c02a674b39a4330c65.pnj" width="100px" style="margin-right: -55px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/candles-1645551_1280-removebg-preview.png" width="200px" style="margin-right: -25px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/TripleGoddessOfferingBowl_01_tm_1024x1024-removebg-preview.png" width="150px" style="margin-right: -25px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/image-removebg-preview(12).png" width="140px" style="margin-left: -15px;">
|
|
</div>
|
|
<div class="dragme">
|
|
<img src="https://file.garden/aJzQmzrHVB4BLKwu/mauve-2660742_640.png" width="160px" style="margin-top: -15px;">
|
|
</div>
|
|
<br>
|
|
</div>
|
|
</div></div>
|
|
<div id="fieldfooter" style="background-color: darkred;"><a href="https://sillybeanies.neocities.org/fun/dressups/dressupindex">code source!!</a></div>
|
|
<script>
|
|
|
|
$(function() {
|
|
$( ".dragme" ).draggable({
|
|
containment: 'parent',
|
|
});
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html> |