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.

307 lines
3.6 KiB
CSS

@import url("main.css");
@font-face{
font-family: 'fluxisch';
src: url("fonts/FluxischElse-Bold.otf")
}
body{
color:rgb(0, 0, 0);
}
h3{
font-family: fluxisch;
}
a{
color:black;
text-decoration:none;
background:transparent;
border-bottom:1.5px solid rgb(0, 0, 0);
padding-top:.05rem;
padding-bottom:.05rem;
background:none;
background-position:0 100%;
background-repeat:repeat-x;
background-size: 0 0;
transition:background .2s ease-in-out;
}
#wrapper {
background-color: rgb(255, 255, 255);
}
.ext {
border-bottom-color: rgb(76, 211, 171);
background:linear-gradient(to bottom, lightyellow 0, lightyellow 100%);
background-position:0 100%;
background-repeat:repeat-x;
background-size: 0 0;
transition:background .2s ease-in-out;
}
/*header*/
header{padding-bottom:2%;}
header h1{
font-family: fluxisch;
font-size: 60pt;
line-height: 65pt ;
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;;
}
strong{
font-family: fluxisch;
}
.workimg{
max-width: 47%;
height: auto;
padding: 0% 0% 0% 0;
margin-bottom: 5pt;
}
.brief{
border-left: 5pt solid red;
border-bottom: 5pt solid rgb(76, 211, 171);
}
strong.brief{
border-left: none;
border-bottom: none;
color: red;
}
.living{
border-bottom: 5pt solid blue;
}
strong.living{
border-bottom: none;
color:white;
background-color: blue;
}
.glossary{
box-shadow: 0 0 10px 5px black;
}
strong.glossary{
box-shadow: none;
color: white;
text-shadow: 0 0px 5px black;
}
.session{
border-radius: 20px;
}
strong.session{
font-weight:bold;
}
.questions{
border-top: 5pt solid rgb(255, 203, 60);
}
strong.questions{
border-top: 3pt solid rgb(255, 203, 60);
}
.dear {
border-right: 6pt dotted rgb(115, 19, 184);
}
strong.dear{
border-right: none;
text-decoration: underline 3.5pt dotted rgb(115, 19, 184);
}
@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;
}
}