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.

198 lines
2.1 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);
}
a#student-page{color:black;}
#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:#ccc;
}
a.show{
font-size:calc(13px + 1.5vw);
}
a#home {
font-size:calc(7px + 1.5vw);
color:black;
text-decoration:underline;
text-decoration-color:#0f0;
}
a#home:hover{
text-decoration:overline;
text-decoration-color:#f3ca1b;
}
#project-link{
color:black;
}
/*section*/
section#main{
overflow:auto;
padding-left:1.5%;
}
#galleries{
padding-top:3%;
}
.gal-title{
font-size:calc(12px + 0.7vw);
}
#publist {
line-height:155%;
}
#galleries a{
color:black;
}
.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 (max-width: 992px){
#homebttn{
display:none;
}
/*header*/
#sub{
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%;
}
}
@media all and (min-width: 992px){
#homebttn{
background-color:white;
text-align:right;
color:black;
position:absolute;
top:0;
right:0;
margin-right:3%;
margin-top:0.7%;
padding:0.3% 0 0.4% 0.3%;
font-size:calc(7px + 0.6vw);
z-index:100;
}
section#main{
width:74%;
left:26%;
}
#galleries{
padding-left:1%;
}
}