110 lines
1.3 KiB
CSS
110 lines
1.3 KiB
CSS
|
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%;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.readme {
|
||
|
|
text-align: left !important;
|
||
|
|
padding-top: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*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%;
|
||
|
|
}
|