Fix style of babyzclothes
This commit is contained in:
parent
bec71a48ea
commit
8e3fd88874
5 changed files with 173 additions and 174 deletions
180
bs-config.js
180
bs-config.js
|
@ -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',
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
|
|
@ -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.
|
||||||
|
|
|
@ -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.
|
||||||
|
|
|
@ -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
Loading…
Reference in a new issue