css refactoring

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

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>

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>

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>

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;
}

View file

@ -50,7 +50,7 @@
</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>

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>

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>

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>

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

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

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

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>.