saudade/carolyns_creations/frames/carolyns_creations_frames.css
2023-06-09 19:44:50 -07:00

149 lines
2.4 KiB
CSS

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