DressOrc/Portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updates cv's css to fit new style

Browse source
This commit is contained in:
Nye Evans 2021-09-25 12:10:45 +01:00
parent 3c889d9d75
commit 6ed31a54f4
3 changed files with 105 additions and 170 deletions
Download patch file Download diff file Expand all files Collapse all files

135
pages/CVPage.css
View file

@ -12,14 +12,12 @@ body{
background-color: #181818;
line-height: 1.3;
margin: 3vw;
}
h1{
font-size: clamp(20px, 4vw, 170px);
text-align: left;
margin-top: 25vh;
margin-left: 10vh;
margin-bottom: 5vh;
}
@ -39,9 +37,8 @@ ul{
}
li{
padding-top: 20px;
padding-top: 10px;
font-size: 0.8vw;
padding-right: 50px;
}
a:link, a:visited{
@ -50,148 +47,76 @@ a:link, a:visited{
.backButton{
text-align: center;
font-size: clamp(20px, 2vw, 170px);
font-size: clamp(20px, 1vw, 170px);
margin-top: 10vh;
}
.backButton{
font-size: clamp(20px, 2vw, 170px);
margin-top: 10vh;
margin-bottom: 5vh;
text-decoration: none;
}
#backButtonContainer{
text-align: center;
margin-bottom: 7vh;
margin-top: 7vh;
}
#cvBody{
display: grid;
margin-left: 5vw;
margin-right: 5vw;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
min-height: 200px;
min-width: 90vw;
border: solid 2px #ffd256;
border-radius: 5px;
#cv{
display: flex;
flex-direction: column;
padding: 10px;
padding-bottom: 7vh;
}
font-size: 1vw;
#cvBody{
display: flex;
flex-direction: row;
justify-content: flex-start;
}
#introText{
grid-column: 1/3;
grid-row: 1;
border-bottom: solid 2px #ffd256;
font-size: 1.2rem;
text-align: left;
padding-bottom: 20px;
}
#workExperienceText{
grid-column: 1;
grid-row: 2;
margin-top: 10px;
width: 50%;
}
#extraNotesText{
grid-column: 2;
grid-row: 2;
margin-top: 10px;
width: 50%;
}
#cvDownload{
margin-top: 10px;
margin-left: 5vw;;
text-align: center;
}
@media (orientation:portrait){
body{
touch-action: manipulation; /*stops double tap zoom*/
-webkit-text-size-adjust: none; /*stops browsers messing with text size*/
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
line-height: 1.5em;
#cv{
font-size: 1.8rem;
}
h1{
margin-left: 0;
margin-top: 5vh;
text-align: center;
font-size: clamp(20px, 10vw, 170px);
}
h2{
padding-top: 10px;
padding-bottom: 10px;
font-size: 3vw;
}
h3{
font-size: 2.4vw;
padding-bottom: 4px;
}
ul{
list-style-type: circle;
padding-bottom: 5px;
padding-left: 20px;
}
li{
padding-top: 20px;
font-size: 2vw;
padding-right: 50px;
font-size: 1.3rem;
}
.backButton{
font-size: clamp(20px, 4vw, 170px);
margin-top: 10vh;
margin-bottom: 5vh;
text-decoration: none;
h3{
font-size: 1.7rem;
}
#workExperienceText{
width: 100%;
}
#extraNotesText{
width: 100%;
}
#introText{
grid-column: 1/3;
grid-row: 1;
border-bottom: solid 2px #ffd256;
padding-bottom: 20px;
font-size: 2vw;
font-size: 1.28rem;
}
#cvDownload{
margin-top: 10px;
margin-left: 5vw;;
font-size: 3vw;
}
#cvBody{
margin-left: 3vw;
margin-right: 3vw
}
}