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.

219 lines
2.3 KiB
CSS

body{
color:black;
}
#wrapper {
background-color:rgb(141, 141, 141);
}
/*header*/
header{padding-bottom:2%;}
header h1{float:none;}
#homebttn{
position: fixed;
background-color: inherit;
text-align:right;
color:rgb(255, 255, 255);
position:absolute;
top:0;
right:0;
margin-right:6%;
margin-top:0%;
padding:0.3% 0 0 0.3%;
font-size:3em;
z-index:44;
}
#project-title {
font-size:4em;
line-height:100%;
margin-bottom:1%;
margin-top: 0%;
}
#student-name {
position: fixed;
bottom: 0%;
left: 2%;
z-index: 1000;
}
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:#6f6f6f;
font-size:1em;
font-family:NeueMedium;
}
#about-project {
font-family:NeueRoman;
letter-spacing: -0.1%;
}
object{
padding-bottom:7%;
}
hr{
width:50%;
color:#ccc;
}
.show{
color: black;
font-size:1em;
text-decoration: none;
}
#project-link{
color:black;
}
/*section*/
section#main{
overflow:auto;
padding-left:1.5%;
}
#galleries{
padding-top:3%;
}
.gal-title{
font-size:1.3em;
}
#publist {
line-height:80%;
}
#galleries li, #galleries p{
color:black;
font-size:0.9em;;
}
.workimg{
max-width: 47%;
height: auto;
padding: 0.5% 0.5% 0.5% 0;
}
@media all and (min-width: 600px) and (max-width: 720px){
#galleries{
padding-top:1%;
}
#galleries li, #galleries p{
font-size:1.6em;
font-family: BrutText;
}
}
@media all and (min-width: 720px) and (max-width: 992px){
#galleries{
padding-top:1%;
}
#galleries li, #galleries p{
font-size:0.8em;;
}
}
@media all and (max-width: 992px){
/*header*/
#sub{
width:30%;
padding-right:5%;
white-space:normal;
}
#student-name{
line-height:125%;
}
#ihtp, #about-student, #ihtp a{
color:white;
}
}
@media all and (min-width: 992px){
#homebttn{
position: fixed;
margin-right:3%;
margin-top:0%;
}
/*header*/
#student-name {
font-size:1.6em;
}
/*main*/
section#main{
width:74%;
left:27%;
}
#galleries{
padding-left:1%;
}
#galleries li, #galleries p{
font-size:1.3em;
}
}
@media all and (min-width: 1400px){
#galleries li, #galleries p{
font-size:1.6em;
}
.gal-title{
font-size:1.6em;
}
}