saudade/Carolyns_Creations/frames/style/style.scss

143 lines
1.8 KiB
SCSS
Raw Normal View History

2022-11-12 16:18:06 -08:00
@use '../../../style/menu';
// GENERAL
html {
background-color: #fff7d7;
font-family: 'Comic Sans MS';
}
body {
font-size: 13px;
color: #810541;
2022-11-19 14:20:01 -08:00
margin: 0;
padding: 0;
2022-11-12 16:18:06 -08:00
}
// MENU
.menu {
padding: 0;
margin: 0;
color: #660000;
font-size: 13px;
li {
list-style: none;
}
}
// LINKS
a {
color: #f63;
&:visited {
color: #8a2be2;
}
&:active {
color: #0f0;
}
}
.defunct {
text-decoration: line-through;
}
// TEXT
p { padding: 5px 0; }
.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'; }
.comic-sans { font-family: 'Comic Sans MS'; }
.times-new-roman { font-family: 'Times New Roman'; }
2022-11-19 14:20:01 -08:00
.bold { font-weight: 700; }
2022-11-12 16:18:06 -08:00
// FORMATTING
.center {
text-align: center;
padding: 10px 0;
}
2022-11-19 14:20:01 -08:00
.float-left { float: left; }
.left-align { text-align: left; }
2022-11-12 16:18:06 -08:00
// .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; }
2022-11-12 16:18:06 -08:00
.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;
}
2022-11-19 13:13:04 -08:00
table.wide-center-table {
width: 90%;
margin: 0 auto;
}
2022-11-12 16:18:06 -08:00
// PAGE SPECIFIC
#sandz {
background-color: #dafae8;
color: #00552b;
a {
color: #800080;
2022-11-19 14:20:01 -08:00
&:visited { color: #808080; }
2022-11-12 16:18:06 -08:00
2022-11-19 14:20:01 -08:00
&:active { color: #f0f; }
2022-11-12 16:18:06 -08:00
}
2022-11-19 14:20:01 -08:00
}
#catz1dex {
background: #33cccc;
color: #000;
font-family: Times;
a {
color: #fff;
&:visited { color: #fff; }
&:active { color: #fff; }
}
2022-11-12 16:18:06 -08:00
}