alienhospital/kinhub.html

234 lines
4.9 KiB
HTML
Raw Permalink Normal View History

2025-12-23 10:56:17 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>alien hospital</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 rel="alternate" type="application/rss+xml"
href="/feed.xml" title="RSS">
<style>
body {
background-image: url('/MOON.JPG');
}
.header {
font-size: 26px;
background-color: #fff;
width: 100px;
}
.bg {
margin-left: 10px;
margin-top: 90px;
position: absolute;
}
.spacebg {
margin: 0 auto;
}
.about {
position: absolute;
margin-left: 130px;
margin-top: 10px;
}
a:hover {
webkit-filter: blur(1px);
filter: blur(1px);
}
.kin {
position: absolute;
margin-left: 650px;
margin-top: 50px;
}
.inner {
width: 750px;
height: 600px;
font-family: arial;
border: 8px #260040 groove;
font-size: 19px;
background-color: #fff;
margin: 0 auto;
padding: 9px;
overflow-y: scroll;
padding: 5px;
box-shadow: 20px 6px 2px -5px #d5b6e3 ;
}
.etc {
color: #000;
border: 8px #260040 groove;
background: #fff;
position: absolute;
width: 450px;
margin-left: 350px;
margin-top: 0px;
padding: 4px;
height: 240px;
overflow-y: scroll;
overflow-x: hidden;
}
.container {
width: 858px;
height: 650px;
background-image: url('/stars5.gif');
margin: 0 auto;
z-index: 99;
bottom: 29px;
border: 1px white solid; padding: 9px;
overflow: hidden;
box-shadow: 20px 2px 2px #d5b6e3 ;
}
.imgav {
position: absolute;
top: 10;
left: 60;
}
.navlink{
background-color: white;
display: block;
padding: 5px;
margin: 8px 5px 8px;
}
.mainbox {
width: 700px;
height:300px;
padding: 5px;
border: 8px #260040 groove;
position: absolute;
margin-top: 300px;
margin-left: 65px;
color: #000;
overflow-y: scroll;
background-color: white;
}
.mywork {
position: absolute;
margin-left: 55px;
margin-top: 150px;
}
.sitemap {
position: absolute;
margin-left: 250px;
margin-top: 3px;
}
.photoart{
position: absolute;
margin-left: 350px;
margin-top: 150px;
}
a {
color: #000;
}
a:visited {
color: #000;
}
button:a {
color: #000;
}
.journal {
position: absolute;
margin-left: 200px;
margin-top: 220px;
}
.collections {
position: absolute;
margin-left: 90px;
margin-top: 330px;
}
aside {
background-color: #000;
width: 180px;
height: 650px; z-index: 1;
padding: 20px;
position: fixed;
left: 0;
overflow-y: scroll;
overflow-x: hidden;
top: 0;
}
.secrets {
position: absolute;
margin-left: 570px;
margin-top: 380px;
}
.updated {
height: 100px;
width: 180px;
overflow: scroll;
position: absolute;
}
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
.roomtransition {
position: absolute;
margin-left: 700px;
margin-top: 250px;
}
* {box-sizing: border-box;}
canvas {
border: 1px solid black;
cursor: crosshair;
}
#gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.image-container {
border: 1px solid #ccc;
padding: 5px;
max-width: 200px;
text-align: center;
}
.image-container img {
max-width: 100%;
height: auto;
display: block;
}
.preview {
font-family: 'symphonyfont';
font-weight: 900;
font-size: 30px;
}
</style>
</head>
<body>
<center><div class="header"><a href="/homepage">back</a></div> </center>
<div class="container"><div class="inner"><br><br>Welcome to my otherkin page. This page is a hub for all of my otherkin and fictionkind/fictionfolk experiences.<br><br>
Me? I'm an alien, mostly. Noncorporeal energybeingthing from another dimension shoved in this container of meat called a body. I'm also <a href="/fictionfolk">several fictional characters.</a>
</div>
</div>
</body>
</html>