101 lines
1.2 KiB
Sass
101 lines
1.2 KiB
Sass
html, body
|
|
height: 100%
|
|
|
|
|
|
body
|
|
padding-top: 55px
|
|
display: flex
|
|
text-align: center
|
|
flex-direction: column
|
|
|
|
|
|
main
|
|
margin: auto
|
|
padding: 25px
|
|
flex: 1 0 auto
|
|
max-width: 750px
|
|
|
|
|
|
/*footer*/
|
|
|
|
.copyright
|
|
margin: 15px 0
|
|
|
|
|
|
/*home page*/
|
|
|
|
.intro
|
|
transform: translateY(22vh)
|
|
|
|
|
|
.intro > h1
|
|
color: #212121
|
|
font-size: 12vh
|
|
|
|
|
|
.intro > h2
|
|
color: #757575
|
|
font-size: 3vmin
|
|
|
|
|
|
.intro > .profile
|
|
width: 10vh
|
|
height: 10vh
|
|
border-radius: 50%
|
|
|
|
|
|
/*apply accent colour to links*/
|
|
|
|
a:link, a:visited
|
|
color: var(--accent)
|
|
|
|
|
|
a.icon:hover
|
|
text-decoration: none
|
|
|
|
|
|
a:hover
|
|
color: var(--accent) !important
|
|
|
|
|
|
/*paginator at bottom of list view*/
|
|
|
|
.pages
|
|
padding: 15px 0
|
|
|
|
|
|
.pages-icon
|
|
padding: 0 15px
|
|
|
|
|
|
/*list item for posts and projects*/
|
|
|
|
.item
|
|
padding: 10px 0
|
|
|
|
|
|
.item-tag
|
|
background-color: var(--accent)
|
|
|
|
|
|
/*navigation bar icons*/
|
|
|
|
.navbar-icon
|
|
font-size: 125%
|
|
display: inline-block !important
|
|
|
|
|
|
/*coloured borders at top and bottom of the page*/
|
|
|
|
.navbar.navbar-default
|
|
border-top: var(--border-width) solid var(--accent)
|
|
|
|
|
|
footer
|
|
border-bottom: var(--border-width) solid var(--accent)
|
|
|
|
|
|
img
|
|
max-width: 100%
|
|
|