Homepage/assets/stylesheets/index.scss
2018-05-02 02:17:07 +08:00

65 lines
1.3 KiB
SCSS

@import "fontawesome/fontawesome.scss";
@import "fontawesome/fa-brands.scss";
@import "fontawesome/fa-regular.scss";
@import "fontawesome/fa-solid.scss";
@import "../../node_modules/unsemantic/assets/sass/unsemantic-grid-responsive.scss";
@import "header.scss";
@import "identities.scss";
@import "chem-elements.scss";
body {
font-size: 1em;
margin: 0;
}
html {
background: url('../images/nat-pants.png');
font-family: "Helvetica Neue", Helvetica, Arial, PingFangTC-Light, "Microsoft YaHei", , "STHeiti Light", STXihei, "华文细黑", Heiti, , sans-serif;
}
.copyright {
background: #2b5045;
color: #ddd;
font-size: 0.9em;
line-height: 2em;
padding: 0.5em 1em;
}
.header .greeting .chem-element {
text-decoration: none;
}
.hosting {
background: #38685a;
color: #eee;
font-size: 0.9em;
font-weight: normal;
display: block;
padding: 0.75em 1em;
text-decoration: none;
}
.hosting .link {
color: #acd;
}
.inset-container {
background: rgba(71, 102, 133, 0.99);
box-shadow: inset 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
}
.no-wrap {
display: inline-block;
}
.section {
margin: 1em auto;
max-width: 64em;
}
.section.shadow {
box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
}