added down-arrow
This commit is contained in:
parent
b6893720c7
commit
5bd5e15591
3 changed files with 28 additions and 0 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
@ -1 +1,2 @@
|
||||||
|
.idea/
|
||||||
web/publish.sh
|
web/publish.sh
|
||||||
|
|
|
@ -33,6 +33,7 @@
|
||||||
View Publications
|
View Publications
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
<a id="down-arrow" href="#text" ></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="text">
|
<div id="text">
|
||||||
|
|
|
@ -111,6 +111,32 @@ nav ul li a:hover {color: inherit}
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#down-arrow {
|
||||||
|
position: absolute;
|
||||||
|
top: calc(100vh - 60px);
|
||||||
|
left: calc(50% - 14px);
|
||||||
|
width: 0;
|
||||||
|
height: 30px;
|
||||||
|
border: 2px solid;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
#down-arrow:after {
|
||||||
|
content: " ";
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
left: -10px;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
border-bottom: 4px solid;
|
||||||
|
border-right: 4px solid;
|
||||||
|
border-radius: 4px;
|
||||||
|
transform: rotateZ(45deg);
|
||||||
|
}
|
||||||
|
#down-arrow:link {color: black}
|
||||||
|
#down-arrow:active {color: black}
|
||||||
|
#down-arrow:visited {color: black}
|
||||||
|
#down-arrow:hover {color: black}
|
||||||
|
|
||||||
/* Text */
|
/* Text */
|
||||||
#text {
|
#text {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in a new issue