You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

155 lines
1.6 KiB
CSS

@import url("main.css");
body{
color:black;
}
#wrapper {
background-color:white;
}
/*header*/
#project-title {
font-size:calc(17px + 1.5vw);
line-height:135%;
margin-bottom:1%;
}
#student-name {
margin-bottom:0;
font-weight:normal;
font-size:calc(10px + 0.6vw);
}
#hleft-text{
overflow-y:auto;
overflow-x:hidden;
padding-right:1%;
box-sizing:border-box;
cursor:default;
}
#ihtp{
margin-top:3%;
width:80%;
color:black;
}
#about-student{
width:95%;
color:#2f2f2f;
font-size:calc(8px + 0.5vw);
line-height: 130%;
font-style:italic;
}
hr{
width:50%;
color:#0f0;
}
a#show{
color:black;
}
/*section*/
section#main{
overflow:auto;
}
#galleries{
padding-top:3%;
}
.gal-title{
font-size:calc(12px + 0.7vw);
}
#publist {
line-height:155%;
}
#publication a{
color:black;
}
#publication a:hover{
text-decoration-color:#f3ca1b;
}
.workimg{
max-width: 47%;
height: auto;
padding: 0.5% 0.5% 0.5% 0;
}
@media all and (min-width: 600px) and (max-width: 720px){
#about-student{
font-size:calc(8px + 1.7vh);
line-height:130%;
}
}
@media all and (min-width: 720px) and (max-width: 992px){
/*header*/
#about-student{
font-size:calc(10px + 1.7vh);
line-height:130%;
}
}
@media all and (max-width: 600px){
/*header*/
#about-student{
font-size:calc(7px + 1.5vh);
line-height:130%;
}
}
@media all and (min-width: 922px){
section#main{
width:73%;
left:27%;
}
#galleries{
padding-left:1%;
}
}
@media all and (max-width: 992px){
#links{
width:30%;
padding-right:5%;
white-space:normal;
}
#student-name{
text-align:right;
line-height:125%;
}
#ihtp, #about-student{
color:white;
}
#getback {
padding-bottom:5%;
}
}