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.

231 lines
2.5 KiB
CSS

@import url("main.css");
body{
color:black;
}
#wrapper {
background-color:white;
}
/*header*/
header{padding-bottom:2%;}
header h1{float:none;}
#homebttn{
background-color: inherit;
text-align:right;
color:black;
position:absolute;
top:0;
right:0;
margin-right:6%;
margin-top:15px;
padding:0.3% 0 0 0.3%;
font-size:0.6em;
z-index:44;
}
#project-title {
font-size:1.4em;
line-height:135%;
margin-bottom:1%;
}
#student-name {
margin-bottom:0;
font-weight:normal;
font-size:0.8em;
}
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:1em;
font-style:italic;
}
object{
padding-bottom:7%;
}
hr{
width:50%;
color:#ccc;
}
.show{
font-size:1em;
}
#project-link{
color:black;
}
/*section*/
section#main{
overflow:auto;
padding-left:1.5%;
}
#galleries{
padding-top:3%;
}
.gal-title{
font-size:0.8em;
}
#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:0.8em;
}
}
@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{
margin-right:3%;
margin-top:0.7%;
}
/*header*/
#student-name {
font-size:0.6em;
}
/*main*/
section#main{
width:74%;
left:27%;
}
#galleries{
padding-left:1%;
}
#galleries li, #galleries p{
font-size:0.62em;
}
}
@media all and (min-width: 1400px){
#galleries li, #galleries p{
font-size:0.55em;
}
.gal-title{
font-size:0.73em;
}
}
@media print{
*{
position: relative !important;
}
#hleft-text,
#inner-hleft-text,
#ihtp{
width: 100%;
height: 100% !important;
display: block !important;
background: none !important;
box-sizing: unset !important;
color: black;
top: 0;
left: 0;
margin: 0;
padding: 0;
transform: unset !important;
overflow: unset !important;
}
a#homebttn,
a#getback{
color: transparent;
}
}