noah.is/templates/theme/style.css

102 lines
1.7 KiB
CSS
Raw Normal View History

2018-07-04 02:41:33 +00:00
html, body {
2023-06-29 06:29:41 +00:00
background-color: inherit !important; /* bulma css override */
2018-07-04 02:41:33 +00:00
height: 100%;
margin: 0;
}
body {
background-color: #0099FF;
2023-06-29 06:29:41 +00:00
background-image: url(/images/wallpaper.jpg);
background-size: cover;
background-position: center center;
background-attachment: fixed;
2018-07-04 02:41:33 +00:00
margin: 0 auto;
max-width: 950px;
}
2023-06-29 06:29:41 +00:00
.anchor {
padding-top: 60px !important;
margin-top: -60px !important;
2018-07-04 02:41:33 +00:00
}
img {
max-width: 100%;
height: auto;
}
img.circle {
border-radius: 50%;
}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
line-height: 3rem;
2023-06-29 06:29:41 +00:00
background-color: rgba(255, 153, 255, 0.9);
box-shadow: 0px 2px 2px rgba(128, 0, 128, 0.4);
2018-07-04 02:41:33 +00:00
}
header h1 {
margin: 0;
font-size: larger;
font-style: italic;
}
header nav {
2023-06-29 06:29:41 +00:00
max-width: 960px;
2018-07-04 02:41:33 +00:00
margin: 0 auto;
padding: 0 2rem;
}
header nav ul {
list-style: none;
float: right;
margin: 0;
}
header nav ul li {
display: inline;
padding-left: 8px;
}
header nav a {
color: #000 !important;
font-weight: bold;
text-decoration: none;
}
main {
min-height: 100%;
margin: 0 24px;
2023-06-29 06:29:41 +00:00
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
2018-07-04 02:41:33 +00:00
}
section {
2023-06-29 06:29:41 +00:00
padding: 1.5rem;
2018-07-04 02:41:33 +00:00
}
section.first {
2023-06-29 06:29:41 +00:00
padding-top: 5rem;
2018-07-04 02:41:33 +00:00
}
footer {
max-width: 860px;
padding: 0 4rem;
margin: 2rem auto;
color: #036;
font-weight: bold;
text-align: center;
font-style: italic;
}
.center {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
2023-06-29 06:29:41 +00:00
/* Bulma CSS overrides */
.navbar, .navbar-menu {
background-color: transparent !important;
box-shadow: none;
}
aside.menu ul {
list-style: none;
}