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> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body> <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><b>Hex edited babyz</b><br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
</div> </div>

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

@ -43,7 +43,7 @@
</style> </style>
</head> </head>
<body class="center bigger"> <body class="center bigger">
<div class="content purple bold"> <div class="big-gap-top purple bold">
Play with babyz online<br> Play with babyz online<br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
</div> </div>
@ -55,7 +55,7 @@
the <a href="babyzplayer.exe" target="_TOP">babyz player</a> installed 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 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 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 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 don't ask me for help -- ask someone who uses the same setup as yourself
or ask UbiSoft. or ask UbiSoft.
@ -64,7 +64,7 @@
<p> <p>
I made all these .bly files by hand using a hex editor. If you would like 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 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>
<p> <p>

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

@ -16,7 +16,7 @@
<script src="/polyfills.js?@root" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body> <body>
<div class="content purple center"> <div class="big-gap-top purple center">
<span class="bigger"> <span class="bigger">
<b>Babyz Toyz</b><br> <b>Babyz Toyz</b><br>
~~~~~~~~~~~~~~~~~~~~~<br> ~~~~~~~~~~~~~~~~~~~~~<br>
@ -30,7 +30,7 @@
<div class="border-outer border-green green" style="width: 90%;"> <div class="border-outer border-green green" style="width: 90%;">
<div class="border-inner bold center img-border"> <div class="border-inner bold center img-border">
For the Oddballz babyz and the Oddball-eggz toyz, go to the <a 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 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) of toys in different closets plus hidden toyz on shelves (big teddy etc)
<a href="/babyz/babyztoyz2/">go here</a><br> <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 Your babyz will dance to the teletubbies music when you put the tape into
the slot.<br> the slot.<br>
Thanks to Kittycat <a Thanks to Kittycat <a
href="https://web.archive.org/web/20090430194112/http://www.geocities.com/xxwaterfallheavenxx/index.html" 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 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; 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 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 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 { body {
font-size: 13px; font-size: 13px;
color: var(--color); color: var(--color);
margin: 0;
padding: 0; padding: 0;
} margin: 20px 0 0;
.content {
margin-top: 55px;
margin-left: 20px;
margin-right: 20px;
} }
/* MENU */ /* MENU */
@ -113,12 +107,11 @@ p {
text-align: left; text-align: left;
} }
/* TODO .first kept in so I don't have to go changing previous pages */ .huge-gap-top {
.first, .padding-top {
padding-top: 90px; padding-top: 90px;
} }
.small-gap-top { .big-gap-top {
margin-top: 50px; margin-top: 50px;
} }

66
carolyns_creations/carolyns_creations.html
View file

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

4
carolyns_creations/justforlaughs/justforlaughs.html
View file

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

8
carolyns_creations/links/links.html
View file

@ -13,7 +13,7 @@
<script src="/polyfills.js?@root" type="module"></script> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body> <body>
<div class="center first"> <div class="center huge-gap-top">
<p class="big purple"><b>Sister Sites :-)</b><br> <p class="big purple"><b>Sister Sites :-)</b><br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
@ -33,7 +33,7 @@
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br></span> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br></span>
<a href="http://www.sherlocksoftware.org/" target="_blank" <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 Firebird's <a
href="https://web.archive.org/web/20160125052806/http://www.birdypresents.com/mkc/" href="https://web.archive.org/web/20160125052806/http://www.birdypresents.com/mkc/"
@ -56,14 +56,14 @@
<p class="big"> <p class="big">
<a href="https://web.archive.org/web/20110202155029/http://vlforum.com/" <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 <a href="https://petzforum.proboards.com/" target="_top">The RKC Petz
Forum</a><br> Forum</a><br>
<span class="normal">excellent for people who want serious hexing talk as <span class="normal">excellent for people who want serious hexing talk as
well as general chatter.</span><br> well as general chatter.</span><br>
Run by RatQueen of <a href="http://www.designvortex.com/gaming/petz/" 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 <a href="http://jinxfold.org/petzforum/" class="defunct" target="_top">The
All About Petz Forum</a><br> 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> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body> <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> <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 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 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> 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 Please note that the readme in with the breedfile explains where to put the
sounds that are downloadable also, from <a href="/sounds/soundsorig/" 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 <a href="SSFFalleycat_c3.zip">Alley Cat -- flea-free version (PKC
accepted)</a><br> accepted)</a><br>
<a href="SSbwshorthair_c3.zip">B+W Shorthair</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> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body> <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> <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 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 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> 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 Please note that the readme in with the breedfile explains where to put the
sounds that are downloadable also, from <a href="/sounds/soundsorig/" 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 <a href="SSFFalleycatinternational_c3.zip">Alley Cat -- flea-free version
(PKC accepted)</a><br> (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> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body> <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> <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 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 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> 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 Please note that the readme in with the breedfile explains where to put the
sounds that are downloadable also, from <a href="/sounds/soundsorig/" 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="SSBulldog_d3.zip">Bulldog</a><br>
<a href="SSChihuahua_d3.zip">Chihuahua</a><br> <a href="SSChihuahua_d3.zip">Chihuahua</a><br>
<a href="SSDachshund_d3.zip">Dachshund</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> <script src="/polyfills.js?@root" type="module"></script>
</head> </head>
<body> <body>
<div class="center first"> <div class="center huge-gap-top">
<p class="big"> <p class="big">
<a href="#NEW">Newest</a>. <a href="#NEW">Newest</a>.
<a href="#CPY">Copy/Pastie</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 <p class="green"><b>NOTE:</b> My tutorials mostly tell you how to edit in
the days before <a href="/specials/nicholastools/" 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. created for us all.
I keep the tutorials and howtos here anyway because they are still useful. 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 But wherever you see mention of Notepad, you can use the same info when