punkfairie/saudade
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css refactoring

Browse source
This commit is contained in:
Marley 2023-12-04 20:09:10 -08:00
parent e8ef432eea
commit 526b7e3122
12 changed files with 59 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
carolyns_creations/babyz/babyz-1/babyz-1.html
View file

@ -16,7 +16,7 @@
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body>
<div class="small-gap-top bigger purple center">
<div class="big-gap-top bigger purple center">
<p><b>Hex edited babyz</b><br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
</div>

6
carolyns_creations/babyz/babyzplay/babyzplay.html
View file

@ -43,7 +43,7 @@
</style>
</head>
<body class="center bigger">
<div class="content purple bold">
<div class="big-gap-top purple bold">
Play with babyz online<br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
</div>
@ -55,7 +55,7 @@
the <a href="babyzplayer.exe" target="_TOP">babyz player</a> installed
before your browser will let you play with them. I have Windows 95, and I
can play with these babyz just fine using either Internet Explorer 5 or <a
href="/netscape4/">Netscape 4</a>. If you are unable to make them work
href="/netscape4/">Netscape 4</a>. If you are unable to make them work
with a different operating system or browser / browser version, please
don't ask me for help -- ask someone who uses the same setup as yourself
or ask UbiSoft.
@ -64,7 +64,7 @@
<p>
I made all these .bly files by hand using a hex editor. If you would like
to make some for your site also, take a look at my <a
href="/tutorials/tutorials/">tutorial </a>on making player babyz.
href="/tutorials/tutorials/">tutorial </a>on making player babyz.
</p>
<p>

8
carolyns_creations/babyz/babyztoyz/babyztoyz.html
View file

@ -16,7 +16,7 @@
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body>
<div class="content purple center">
<div class="big-gap-top purple center">
<span class="bigger">
<b>Babyz Toyz</b><br>
~~~~~~~~~~~~~~~~~~~~~<br>
@ -30,7 +30,7 @@
<div class="border-outer border-green green" style="width: 90%;">
<div class="border-inner bold center img-border">
For the Oddballz babyz and the Oddball-eggz toyz, go to the <a
href="/babyz/babyzoddball/">Babyz Oddballz</a> page<br>
href="/babyz/babyzoddball/">Babyz Oddballz</a> page<br>
For my oldest Babyz toyz (Piggy, Santa Doll, Blowers, Blooms) and a bunch
of toys in different closets plus hidden toyz on shelves (big teddy etc)
<a href="/babyz/babyztoyz2/">go here</a><br>
@ -77,8 +77,8 @@
Your babyz will dance to the teletubbies music when you put the tape into
the slot.<br>
Thanks to Kittycat <a
href="https://web.archive.org/web/20090430194112/http://www.geocities.com/xxwaterfallheavenxx/index.html"
target="_TOP">of Waterfall Heaven</a> for the idea, the music and a
href="https://web.archive.org/web/20090430194112/http://www.geocities.com/xxwaterfallheavenxx/index.html"
target="_TOP">of Waterfall Heaven</a> for the idea, the music and a
bunch of basic graphics which I altered, added to and made into the toyz;
this is really a kind of "team creation". Note that although the
teletubbies disco music is supposed to come on when you insert the little

13
carolyns_creations/carolyns_creations.css
View file

@ -11,14 +11,8 @@ html {
body {
font-size: 13px;
color: var(--color);
margin: 0;
padding: 0;
}
.content {
margin-top: 55px;
margin-left: 20px;
margin-right: 20px;
margin: 20px 0 0;
}
/* MENU */
@ -113,12 +107,11 @@ p {
text-align: left;
}
/* TODO .first kept in so I don't have to go changing previous pages */
.first, .padding-top {
.huge-gap-top {
padding-top: 90px;
}
.small-gap-top {
.big-gap-top {
margin-top: 50px;
}

66
carolyns_creations/carolyns_creations.html
View file

@ -10,53 +10,53 @@
<script src="/polyfills.js?@root" type="module"></script>
<style>
html {
--color: white;
--background-color: #202020;
html {
--color: white;
--background-color: #202020;
background-color: var(--background-color);
text-align: center;
color: var(--color);
font-family: 'Comic Sans MS', serif;
font-size: 1em;
}
background-color: var(--background-color);
text-align: center;
color: var(--color);
font-family: 'Comic Sans MS', serif;
font-size: 1em;
}
p {
padding-top: 10px;
padding-bottom: 10px;
}
p {
padding-top: 10px;
padding-bottom: 10px;
}
a {
color: white;
text-decoration: none;
font-weight: bold;
}
a {
color: white;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: white;
text-decoration: none;
}
a:visited {
color: white;
text-decoration: none;
}
a:active {
color: white;
text-decoration: none;
}
a:active {
color: white;
text-decoration: none;
}
a:hover {
color: #ffff40;
text-decoration: line-through;
cursor: ne-resize;
}
a:hover {
color: #ffff40;
text-decoration: line-through;
cursor: ne-resize;
}
</style>
</head>
<body>
<div class="content">
<div class="big-gap-top">
<p>Welcome to Carolyn's Creations!<br>
<a href="/frames/">Enter frames</a> or <a href="/noframes/">No
Frames</a></p>
<img src="cc-welcome.gif"
alt="Image showing several exotic Petz, Oddballz, and a Babyz.">
alt="Image showing several exotic Petz, Oddballz, and a Babyz.">
<p>Petz, Babyz, Oddballz, Tutorials and More!</p>
</div>

4
carolyns_creations/justforlaughs/justforlaughs.html
View file

@ -13,7 +13,7 @@
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body>
<div class="center first">
<div class="center huge-gap-top">
<p class="bigger purple"><b>Fun stuff that fits nowhere else</b><br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
@ -28,7 +28,7 @@
that's been done is to reduce the size and save as jpg instead of bmp.</p>
<p class="bigger purple"><img src="AllGames.jpg"
alt="All games at once"><br>
alt="All games at once"><br>
<br>
In Babyz, you can see that Cyril's "eyeshadow" has been changed again, and
he's getting along well with little Laretha. In Petz 5 I'm testing Butterfly

2
carolyns_creations/justforlaughs2/justforlaughs2.html
View file

@ -13,7 +13,7 @@
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body>
<div class="center first">
<div class="center huge-gap-top">
<p class="bigger purple"><b>Vista and Petz</b><br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>

8
carolyns_creations/links/links.html
View file

@ -13,7 +13,7 @@
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body>
<div class="center first">
<div class="center huge-gap-top">
<p class="big purple"><b>Sister Sites :-)</b><br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
@ -33,7 +33,7 @@
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br></span>
<a href="http://www.sherlocksoftware.org/" target="_blank"
title="Nicholas' own site!">Nicholas' own site</a><br>
title="Nicholas' own site!">Nicholas' own site</a><br>
Firebird's <a
href="https://web.archive.org/web/20160125052806/http://www.birdypresents.com/mkc/"
@ -56,14 +56,14 @@
<p class="big">
<a href="https://web.archive.org/web/20110202155029/http://vlforum.com/"
target="_top">Virtual Life forum</a><br>
target="_top">Virtual Life forum</a><br>
<a href="https://petzforum.proboards.com/" target="_top">The RKC Petz
Forum</a><br>
<span class="normal">excellent for people who want serious hexing talk as
well as general chatter.</span><br>
Run by RatQueen of <a href="http://www.designvortex.com/gaming/petz/"
target="_top">Ratqueen Kennelz and Cattery</a><br>
target="_top">Ratqueen Kennelz and Cattery</a><br>
<a href="http://jinxfold.org/petzforum/" class="defunct" target="_top">The
All About Petz Forum</a><br>

4
carolyns_creations/petz/petz3/c3breeded/c3breeded.html
View file

@ -16,7 +16,7 @@
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body>
<div class="bigger purple center small-gap-top">
<div class="bigger purple center big-gap-top">
<p>NOTE: No hexing ability is needed at all!<br>
These aren't just for people who want to edit petz. They are also for anyone
who has downloaded a breed in the form of an external LNZ file and wants to
@ -70,7 +70,7 @@
externally-editable .lnz files but do want the sounds separate.<br>
Please note that the readme in with the breedfile explains where to put the
sounds that are downloadable also, from <a href="/sounds/soundsorig/"
title="Go here to get sounds">here.</a><br>
title="Go here to get sounds">here.</a><br>
<a href="SSFFalleycat_c3.zip">Alley Cat -- flea-free version (PKC
accepted)</a><br>
<a href="SSbwshorthair_c3.zip">B+W Shorthair</a><br>

4
carolyns_creations/petz/petz3/c3intbreeded/c3intbreeded.html
View file

@ -16,7 +16,7 @@
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body>
<div class="normal brown center small-gap-top">
<div class="normal brown center big-gap-top">
<p class="bigger purple">NOTE: No hexing ability is needed at all!<br>
These aren't just for people who want to edit petz. They are also for anyone
who has downloaded a breed in the form of an external LNZ file and wants to
@ -69,7 +69,7 @@
externally-editable .lnz files but do want the sounds separate.<br>
Please note that the readme in with the breedfile explains where to put the
sounds that are downloadable also, from <a href="/sounds/soundsorig/"
title="Go here to get sounds">here.</a><br>
title="Go here to get sounds">here.</a><br>
<a href="SSFFalleycatinternational_c3.zip">Alley Cat -- flea-free version
(PKC accepted)</a><br>

4
carolyns_creations/petz/petz3/d3breeded/d3breeded.html
View file

@ -16,7 +16,7 @@
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body>
<div class="normal brown center small-gap-top">
<div class="normal brown center big-gap-top">
<p class="purple bigger">NOTE: No hexing ability is needed at all!<br>
These aren't just for people who want to edit petz. They are also for anyone
who has downloaded a breed in the form of an external LNZ file and wants to
@ -66,7 +66,7 @@
externally-editable .lnz files but do want the sounds separate.<br>
Please note that the readme in with the breedfile explains where to put the
sounds that are downloadable also, from <a href="/sounds/soundsorig/"
title="Go here to get sounds">here.</a><br>
title="Go here to get sounds">here.</a><br>
<a href="SSBulldog_d3.zip">Bulldog</a><br>
<a href="SSChihuahua_d3.zip">Chihuahua</a><br>
<a href="SSDachshund_d3.zip">Dachshund</a><br>

4
carolyns_creations/petz/petzedit/petzedit.html
View file

@ -13,7 +13,7 @@
<script src="/polyfills.js?@root" type="module"></script>
</head>
<body>
<div class="center first">
<div class="center huge-gap-top">
<p class="big">
<a href="#NEW">Newest</a>.
<a href="#CPY">Copy/Pastie</a>.
@ -38,7 +38,7 @@
<p class="green"><b>NOTE:</b> My tutorials mostly tell you how to edit in
the days before <a href="/specials/nicholastools/"
title="Nicholas' utilities">Nicholas' tools</a> were
title="Nicholas' utilities">Nicholas' tools</a> were
created for us all.
I keep the tutorials and howtos here anyway because they are still useful.
But wherever you see mention of Notepad, you can use the same info when