website/css/style.sass

165 lines
2.8 KiB
Sass
Raw Normal View History

2019-09-06 15:06:45 +00:00
---
---
@font-face
font-family: ComicSans
src: url('/css/comic.ttf')
*
margin: 0
padding: 0
html,
body
font-family: Verdana, Arial, sans-serif
color: #FFFFFF
2021-08-15 06:43:30 +00:00
background: #111111
2019-09-06 15:06:45 +00:00
line-height: 1.5em
2021-08-15 05:05:56 +00:00
max-width: 1000px
margin: 0 auto
2019-09-06 15:06:45 +00:00
h1,
h2,
h3
font-family: ComicSans
line-height: 1em
height: 1em
vertical-align: middle
h1
text-align: center
background: linear-gradient(90deg, #FF0000, #00FF00 50%, #0000FF)
-webkit-background-clip: text
-webkit-text-fill-color: transparent
-webkit-text-stroke: 2px #FFFFFF
paint-order: stroke fill
2021-08-15 07:32:40 +00:00
font-size: 6em
font-size: clamp(2em, 10vw, 8em)
2021-08-15 06:54:15 +00:00
margin-bottom: 30px
2019-09-06 15:06:45 +00:00
@media (max-width: 800px)
-webkit-text-stroke: 1px #FFFFFF
2019-09-06 15:06:45 +00:00
h2
font-size: 3em
h3
font-size: 2em
margin-top: 1em
#content
2021-08-15 07:32:40 +00:00
margin: 0 0 0 11em
@media (max-width: 800px)
margin: 5px
2019-09-06 15:06:45 +00:00
a
text-decoration: underline
&:link
color: #FFFFFF
&:visited
color: #CCCCCC
&:hover,
&:active,
&:focus
color: #FF4400
2021-08-15 06:43:30 +00:00
.button-list
list-style: none
2021-08-15 06:54:15 +00:00
margin: 0 auto
2021-08-15 06:43:30 +00:00
padding: 0
max-width: 30em
a
display: block
padding: 0.5em
margin: 1em 0
border-radius: 10px
text-decoration: none
font-size: 1.5em
//border: 1px solid #CCCCCC
&:link,
&:visited
color: inherit
&:hover,
&:active,
&:focus
color: inherit
filter: brightness(90%)
img
max-height: 1em
padding-right: 0.2em
2019-09-06 15:06:45 +00:00
nav
float: left
width: 10em
2021-08-15 07:32:40 +00:00
@media (max-width: 800px)
float: none
width: auto
text-align: center
2019-09-06 15:06:45 +00:00
a
2021-08-15 07:32:40 +00:00
color: #FFFFFF
2019-09-06 15:06:45 +00:00
padding: 2px 5px
&.current-page
font-weight: bolder
2021-08-15 07:32:40 +00:00
text-decoration: none
2019-09-06 15:06:45 +00:00
@media (min-width: 801px)
2021-08-15 07:32:40 +00:00
display: block
border: 5px outset #AAAAAA;
background-color: #CCCCCC;
margin-bottom: 10px
text-decoration: none
color: #000000
text-align: right
&.current-page,
&:hover,
&:active,
&:focus
border-style: inset
2019-09-06 15:06:45 +00:00
p
margin-bottom: 1em
footer
clear: both
2021-08-15 06:54:15 +00:00
margin: 30px 0 0 0
2019-09-06 15:06:45 +00:00
border-top: 1px solid #FFFFFF
text-align: center
padding: 2px
a
color: #FFFFFF
&:hover,
&:active,
&:focus
color: #FF4400
#skip-to-content
visibility: hidden
ul
margin: 1em 0 0 0
padding: 0 0 0 1em
.post-metadata
margin: 0.5em 0
color: #999999
font-size: 0.9em
2020-07-18 12:20:22 +00:00
img
vertical-align: text-bottom