website/css/style.sass

116 lines
1.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
background: black
line-height: 1.5em
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
font-size: 8em
margin-left: 1.3em
h2
font-size: 3em
h3
font-size: 2em
margin-top: 1em
#content
margin: 20px 0 0 11em
a
text-decoration: underline
&:link
color: #FFFFFF
&:visited
color: #CCCCCC
&:hover,
&:active,
&:focus
color: #FF4400
nav
float: left
width: 10em
margin-top: 100px
a
display: block
border: 5px outset #AAAAAA;
background-color: #CCCCCC;
margin: 10px
padding: 2px 5px
text-decoration: none
color: #000000
text-align: right
&.current-page
border-style: inset
font-weight: bolder
&:hover,
&:active,
&:focus
border-style: inset
p
margin-bottom: 1em
footer
clear: both
margin: 20px 10px
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