Fix style of babyzclothes
This commit is contained in:
marleyrae
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()
|
||||
|
||||
module.exports = {
|
||||
'ui': {
|
||||
'port': 3001,
|
||||
'ui': {
|
||||
'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': [
|
||||
'change',
|
||||
],
|
||||
'watch': false,
|
||||
'ignore': [],
|
||||
'single': false,
|
||||
'watchOptions': {
|
||||
'ignoreInitial': true,
|
||||
},
|
||||
'logLevel': 'info',
|
||||
'logPrefix': 'Browsersync',
|
||||
'logConnections': false,
|
||||
'logFileChanges': true,
|
||||
'logSnippet': true,
|
||||
'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,
|
||||
},
|
||||
'server': false,
|
||||
'proxy': 'https://' + domain,
|
||||
'port': 3000,
|
||||
'middleware': false,
|
||||
'serveStatic': [],
|
||||
'ghostMode': {
|
||||
'clicks': true,
|
||||
'scroll': true,
|
||||
'location': true,
|
||||
'forms': {
|
||||
'submit': true,
|
||||
'inputs': true,
|
||||
'toggles': true,
|
||||
},
|
||||
'socketIoClientConfig': {
|
||||
'reconnectionAttempts': 50,
|
||||
},
|
||||
'logLevel': 'info',
|
||||
'logPrefix': 'Browsersync',
|
||||
'logConnections': false,
|
||||
'logFileChanges': true,
|
||||
'logSnippet': true,
|
||||
'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',
|
||||
'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',
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
|
||||
</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">
|
||||
<p>These are Carolyn's Babyz clothes. You need to extract the .clo file
|
||||
into your Resource\Clothes directory in your Babyz program directory.
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
|
||||
</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">
|
||||
<p>These are Carolyn's Babyz clothes. You need to extract the .clo file
|
||||
into your Resource\Clothes directory in your Babyz program directory.
|
||||
|
|
|
|||
|
|
@ -1,233 +1,236 @@
|
|||
/* GENERAL */
|
||||
|
||||
html {
|
||||
--background-color: #fff7d7;
|
||||
--color: #810541;
|
||||
--background-color: #fff7d7;
|
||||
--color: #810541;
|
||||
|
||||
background-color: var(--background-color);
|
||||
font-family: 'Comic Sans MS', serif;
|
||||
background-color: var(--background-color);
|
||||
font-family: 'Comic Sans MS', serif;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 13px;
|
||||
color: var(--color);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 13px;
|
||||
color: var(--color);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 55px;
|
||||
margin-top: 55px;
|
||||
}
|
||||
|
||||
/* MENU */
|
||||
|
||||
.menu {
|
||||
padding: 7px;
|
||||
margin: 0;
|
||||
color: #660000;
|
||||
font-size: 13px;
|
||||
padding: 7px;
|
||||
margin: 0;
|
||||
color: #660000;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.menu li {
|
||||
list-style: none;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* LINKS */
|
||||
|
||||
a {
|
||||
color: #f63;
|
||||
color: #f63;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #8a2be2;
|
||||
color: #8a2be2;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #0f0;
|
||||
color: #0f0;
|
||||
}
|
||||
|
||||
.defunct {
|
||||
text-decoration: line-through;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
/* TEXT */
|
||||
|
||||
p {
|
||||
padding: 5px 10px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.green {
|
||||
color: #006400;
|
||||
color: #006400;
|
||||
}
|
||||
|
||||
.purple {
|
||||
color: #800080;
|
||||
color: #800080;
|
||||
}
|
||||
|
||||
.brown {
|
||||
color: #660000;
|
||||
color: #660000;
|
||||
}
|
||||
|
||||
.normal {
|
||||
font-size: 13px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.big {
|
||||
font-size: 16px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.bigger {
|
||||
font-size: 18px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.courier {
|
||||
font-family: 'Courier New', serif;
|
||||
font-family: 'Courier New', serif;
|
||||
}
|
||||
|
||||
.comic-sans {
|
||||
font-family: 'Comic Sans MS', serif;
|
||||
font-family: 'Comic Sans MS', serif;
|
||||
}
|
||||
|
||||
.times-new-roman {
|
||||
font-family: 'Times New Roman', serif;
|
||||
font-family: 'Times New Roman', serif;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: 700;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* FORMATTING */
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.float-left {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.left-align {
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* TODO .first kept in so I don't have to go changing previous pages */
|
||||
.first, .padding-top {
|
||||
padding-top: 90px;
|
||||
padding-top: 90px;
|
||||
}
|
||||
|
||||
.small-gap-top {
|
||||
margin-top: 50px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.tiny-gap-top {
|
||||
margin-top: 3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
|
||||
.side-padding {
|
||||
width: 80%;
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
width: 80%;
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.more-side-padding {
|
||||
width: 60%;
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
width: 60%;
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.less-side-padding {
|
||||
width: 90%;
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
table.img-size img {
|
||||
width: 320px;
|
||||
height: 224px;
|
||||
width: 320px;
|
||||
height: 224px;
|
||||
}
|
||||
|
||||
table.center-table {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
table.wide-center-table {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.border-outer {
|
||||
width: max-content;
|
||||
margin: 0 auto;
|
||||
border: 2px solid;
|
||||
width: max-content;
|
||||
margin: 0 auto;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
.border-outer .border-inner {
|
||||
width: 90vw;
|
||||
margin: 2px;
|
||||
padding: 30px;
|
||||
border: 1px solid;
|
||||
margin: 2px;
|
||||
padding: 30px;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
.border-brown {
|
||||
border-color: #660000;
|
||||
border-color: #660000;
|
||||
}
|
||||
|
||||
.border-green {
|
||||
border-color: #006400;
|
||||
}
|
||||
|
||||
.img-border img {
|
||||
border: 1px solid;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
.missing-asset {
|
||||
border: 1px solid;
|
||||
font-style: italic;
|
||||
padding: 10px;
|
||||
border: 1px solid;
|
||||
font-style: italic;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* TODO PAGE SPECIFIC */
|
||||
|
||||
#sandz {
|
||||
--background-color: #dafae8;
|
||||
--color: #00552b;
|
||||
--background-color: #dafae8;
|
||||
--color: #00552b;
|
||||
}
|
||||
|
||||
#sandz a {
|
||||
color: #800080;
|
||||
color: #800080;
|
||||
}
|
||||
|
||||
#sandz a:visited {
|
||||
color: #808080;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
#sandz a:active {
|
||||
color: #f0f;
|
||||
color: #f0f;
|
||||
}
|
||||
|
||||
#catz1dex {
|
||||
--background-color: #33cccc;
|
||||
--color: #000;
|
||||
font-family: Times, serif;
|
||||
--background-color: #33cccc;
|
||||
--color: #000;
|
||||
font-family: Times, serif;
|
||||
}
|
||||
|
||||
#catz1dex a {
|
||||
color: #fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#catz1dex a:visited {
|
||||
color: #fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#dogz1fooler {
|
||||
--background-color: #8442ef;
|
||||
--color: #f7f5d7;
|
||||
font-family: Times, serif;
|
||||
--background-color: #8442ef;
|
||||
--color: #f7f5d7;
|
||||
font-family: Times, serif;
|
||||
}
|
||||
|
||||
#dogz1fooler a {
|
||||
color: #00ff00;
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
#dogz1fooler a:visited {
|
||||
color: #fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue