Fix style of babyzclothes

This commit is contained in:
marleyrae 2023-07-07 16:13:40 -07:00
parent bec71a48ea
commit 8e3fd88874
5 changed files with 173 additions and 174 deletions

View file

@ -16,100 +16,96 @@ const domain = 'saudade.test'
const homedir = require('os').homedir() const homedir = require('os').homedir()
module.exports = { module.exports = {
'ui': { 'ui': {
'port': 3001, 'port': 3001,
},
'watch': true,
'ignore': [],
'single': false,
'watchOptions': {
'ignoreInitial': true,
},
'server': false,
'proxy': 'https://' + domain,
'port': 3000,
'middleware': false,
'serveStatic': [],
'ghostMode': {
'clicks': true,
'scroll': true,
'location': true,
'forms': {
'submit': true,
'inputs': true,
'toggles': true,
}, },
'files': '**/*', },
'watchEvents': [ 'logLevel': 'info',
'change', 'logPrefix': 'Browsersync',
], 'logConnections': false,
'watch': false, 'logFileChanges': true,
'ignore': [], 'logSnippet': true,
'single': false, 'rewriteRules': [],
'watchOptions': { 'open': false,
'ignoreInitial': true, 'browser': 'default',
'cors': false,
'xip': false,
'hostnameSuffix': false,
'reloadOnRestart': false,
'notify': false,
'scrollProportionally': true,
'scrollThrottle': 0,
'scrollRestoreTechnique': 'window.name',
'scrollElements': [],
'scrollElementMapping': [],
'reloadDelay': 0,
'reloadDebounce': 500,
'reloadThrottle': 0,
'plugins': [],
'injectChanges': true,
'startPath': null,
'minify': true,
'host': domain,
'localOnly': false,
'codeSync': true,
'timestamps': true,
'clientEvents': [
'scroll',
'scroll:element',
'input:text',
'input:toggles',
'form:submit',
'form:reset',
'click',
],
'socket': {
'socketIoOptions': {
'log': false,
}, },
'server': false, 'socketIoClientConfig': {
'proxy': 'https://' + domain, 'reconnectionAttempts': 50,
'port': 3000,
'middleware': false,
'serveStatic': [],
'ghostMode': {
'clicks': true,
'scroll': true,
'location': true,
'forms': {
'submit': true,
'inputs': true,
'toggles': true,
},
}, },
'logLevel': 'info', 'path': '/browser-sync/socket.io',
'logPrefix': 'Browsersync', 'clientPath': '/browser-sync',
'logConnections': false, 'namespace': '/browser-sync',
'logFileChanges': true, 'clients': {
'logSnippet': true, 'heartbeatTimeout': 5000,
'rewriteRules': [],
'open': false,
'browser': 'default',
'cors': false,
'xip': false,
'hostnameSuffix': false,
'reloadOnRestart': false,
'notify': false,
'scrollProportionally': true,
'scrollThrottle': 0,
'scrollRestoreTechnique': 'window.name',
'scrollElements': [],
'scrollElementMapping': [],
'reloadDelay': 0,
'reloadDebounce': 500,
'reloadThrottle': 0,
'plugins': [],
'injectChanges': true,
'startPath': null,
'minify': true,
'host': domain,
'localOnly': false,
'codeSync': true,
'timestamps': true,
'clientEvents': [
'scroll',
'scroll:element',
'input:text',
'input:toggles',
'form:submit',
'form:reset',
'click',
],
'socket': {
'socketIoOptions': {
'log': false,
},
'socketIoClientConfig': {
'reconnectionAttempts': 50,
},
'path': '/browser-sync/socket.io',
'clientPath': '/browser-sync',
'namespace': '/browser-sync',
'clients': {
'heartbeatTimeout': 5000,
},
},
'tagNames': {
'less': 'link',
'scss': 'link',
'css': 'link',
'jpg': 'img',
'jpeg': 'img',
'png': 'img',
'svg': 'img',
'gif': 'img',
'js': 'script',
},
'injectNotification': false,
'https': {
'key': homedir + '/.config/valet/Certificates/' + domain + '.key',
'cert': homedir + '/.config/valet/Certificates/' + domain + '.crt',
}, },
},
'tagNames': {
'less': 'link',
'scss': 'link',
'css': 'link',
'jpg': 'img',
'jpeg': 'img',
'png': 'img',
'svg': 'img',
'gif': 'img',
'js': 'script',
},
'injectNotification': false,
'https': {
'key': homedir + '/.config/valet/Certificates/' + domain + '.key',
'cert': homedir + '/.config/valet/Certificates/' + domain + '.crt',
},
} }

View file

@ -22,7 +22,7 @@
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
</div> </div>
<div class="border-outer border-green"> <div class="border-outer border-green" style="width: 90%;">
<div class="border-inner border-green green center bold bigger img-border"> <div class="border-inner border-green green center bold bigger img-border">
<p>These are Carolyn's Babyz clothes. You need to extract the .clo file <p>These are Carolyn's Babyz clothes. You need to extract the .clo file
into your Resource\Clothes directory in your Babyz program directory. into your Resource\Clothes directory in your Babyz program directory.

View file

@ -22,7 +22,7 @@
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
</div> </div>
<div class="border-outer border-green"> <div class="border-outer border-green" style="width:90%;">
<div class="border-inner border-green green center bold bigger img-border"> <div class="border-inner border-green green center bold bigger img-border">
<p>These are Carolyn's Babyz clothes. You need to extract the .clo file <p>These are Carolyn's Babyz clothes. You need to extract the .clo file
into your Resource\Clothes directory in your Babyz program directory. into your Resource\Clothes directory in your Babyz program directory.

View file

@ -1,233 +1,236 @@
/* GENERAL */ /* GENERAL */
html { html {
--background-color: #fff7d7; --background-color: #fff7d7;
--color: #810541; --color: #810541;
background-color: var(--background-color); background-color: var(--background-color);
font-family: 'Comic Sans MS', serif; font-family: 'Comic Sans MS', serif;
} }
body { body {
font-size: 13px; font-size: 13px;
color: var(--color); color: var(--color);
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.content { .content {
margin-top: 55px; margin-top: 55px;
} }
/* MENU */ /* MENU */
.menu { .menu {
padding: 7px; padding: 7px;
margin: 0; margin: 0;
color: #660000; color: #660000;
font-size: 13px; font-size: 13px;
} }
.menu li { .menu li {
list-style: none; list-style: none;
} }
/* LINKS */ /* LINKS */
a { a {
color: #f63; color: #f63;
} }
a:visited { a:visited {
color: #8a2be2; color: #8a2be2;
} }
a:active { a:active {
color: #0f0; color: #0f0;
} }
.defunct { .defunct {
text-decoration: line-through; text-decoration: line-through;
} }
/* TEXT */ /* TEXT */
p { p {
padding: 5px 10px; padding: 5px 10px;
} }
.green { .green {
color: #006400; color: #006400;
} }
.purple { .purple {
color: #800080; color: #800080;
} }
.brown { .brown {
color: #660000; color: #660000;
} }
.normal { .normal {
font-size: 13px; font-size: 13px;
} }
.big { .big {
font-size: 16px; font-size: 16px;
} }
.bigger { .bigger {
font-size: 18px; font-size: 18px;
} }
.courier { .courier {
font-family: 'Courier New', serif; font-family: 'Courier New', serif;
} }
.comic-sans { .comic-sans {
font-family: 'Comic Sans MS', serif; font-family: 'Comic Sans MS', serif;
} }
.times-new-roman { .times-new-roman {
font-family: 'Times New Roman', serif; font-family: 'Times New Roman', serif;
} }
.bold { .bold {
font-weight: 700; font-weight: 700;
} }
/* FORMATTING */ /* FORMATTING */
.center { .center {
text-align: center; text-align: center;
padding: 10px 0; padding: 10px 0;
} }
.float-left { .float-left {
float: left; float: left;
} }
.left-align { .left-align {
text-align: left; text-align: left;
} }
/* TODO .first kept in so I don't have to go changing previous pages */ /* TODO .first kept in so I don't have to go changing previous pages */
.first, .padding-top { .first, .padding-top {
padding-top: 90px; padding-top: 90px;
} }
.small-gap-top { .small-gap-top {
margin-top: 50px; margin-top: 50px;
} }
.tiny-gap-top { .tiny-gap-top {
margin-top: 3px; margin-top: 3px;
} }
.side-padding { .side-padding {
width: 80%; width: 80%;
display: table; display: table;
margin: 0 auto; margin: 0 auto;
} }
.more-side-padding { .more-side-padding {
width: 60%; width: 60%;
display: table; display: table;
margin: 0 auto; margin: 0 auto;
} }
.less-side-padding { .less-side-padding {
width: 90%; width: 90%;
display: table; display: table;
margin: 0 auto; margin: 0 auto;
} }
table.img-size img { table.img-size img {
width: 320px; width: 320px;
height: 224px; height: 224px;
} }
table.center-table { table.center-table {
width: 50%; width: 50%;
margin: 0 auto; margin: 0 auto;
} }
table.wide-center-table { table.wide-center-table {
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;
} }
.border-outer { .border-outer {
width: max-content; width: max-content;
margin: 0 auto; margin: 0 auto;
border: 2px solid; border: 2px solid;
} }
.border-outer .border-inner { .border-outer .border-inner {
width: 90vw; margin: 2px;
margin: 2px; padding: 30px;
padding: 30px; border: 1px solid;
border: 1px solid;
} }
.border-brown { .border-brown {
border-color: #660000; border-color: #660000;
}
.border-green {
border-color: #006400;
} }
.img-border img { .img-border img {
border: 1px solid; border: 1px solid;
} }
.missing-asset { .missing-asset {
border: 1px solid; border: 1px solid;
font-style: italic; font-style: italic;
padding: 10px; padding: 10px;
} }
/* TODO PAGE SPECIFIC */ /* TODO PAGE SPECIFIC */
#sandz { #sandz {
--background-color: #dafae8; --background-color: #dafae8;
--color: #00552b; --color: #00552b;
} }
#sandz a { #sandz a {
color: #800080; color: #800080;
} }
#sandz a:visited { #sandz a:visited {
color: #808080; color: #808080;
} }
#sandz a:active { #sandz a:active {
color: #f0f; color: #f0f;
} }
#catz1dex { #catz1dex {
--background-color: #33cccc; --background-color: #33cccc;
--color: #000; --color: #000;
font-family: Times, serif; font-family: Times, serif;
} }
#catz1dex a { #catz1dex a {
color: #fff; color: #fff;
} }
#catz1dex a:visited { #catz1dex a:visited {
color: #fff; color: #fff;
} }
#dogz1fooler { #dogz1fooler {
--background-color: #8442ef; --background-color: #8442ef;
--color: #f7f5d7; --color: #f7f5d7;
font-family: Times, serif; font-family: Times, serif;
} }
#dogz1fooler a { #dogz1fooler a {
color: #00ff00; color: #00ff00;
} }
#dogz1fooler a:visited { #dogz1fooler a:visited {
color: #fff; color: #fff;
} }

File diff suppressed because one or more lines are too long