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%
|
||
|
|