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
|
||||
|
|
|
@ -33,6 +33,7 @@
|
|||
View Publications
|
||||
</button>
|
||||
</div>
|
||||
<a id="down-arrow" href="#text" ></a>
|
||||
</div>
|
||||
|
||||
<div id="text">
|
||||
|
|
|
@ -111,6 +111,32 @@ nav ul li a:hover {color: inherit}
|
|||
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 {
|
||||
display: flex;
|
||||
|
|
Loading…
Reference in a new issue