saudade/carolyns_creations/carolyns_creations.css

239 lines
2.7 KiB
CSS
Raw Normal View History

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