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.
188 lines
3.6 KiB
CSS
188 lines
3.6 KiB
CSS
|
|
body{ color: #4d0663;
|
|
font-weight: 700;
|
|
font-family: 'Droid Serif', serif;
|
|
background-image: url("img/background2.jpg");
|
|
background-repeat: none;
|
|
}
|
|
header{
|
|
/*max-width:1000px;*/
|
|
}
|
|
|
|
td {padding: 10px;}
|
|
|
|
div#wrapper {
|
|
width:800px;
|
|
margin:auto;
|
|
}
|
|
|
|
.title span{background-color: rgba(230,0,0,.8);
|
|
padding-left: 30px;
|
|
padding-right: 30px;}
|
|
.title{
|
|
padding-top: 20px;
|
|
font-family: 'Gidugu', sans-serif;
|
|
color: #4d0663;
|
|
line-height: .9em;
|
|
font-size: 100px;
|
|
letter-spacing: 2px;
|
|
}
|
|
.with {background-color: rgba(230,0,0,.5);
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
letter-spacing: 2px;
|
|
margin-left: -50px;
|
|
margin-top: 20px;
|
|
font-family: 'Gidugu', sans-serif;
|
|
font-size: 60px;
|
|
line-height: .9em;
|
|
color: #4d0663;
|
|
max-width: 825px;
|
|
}
|
|
|
|
.info span {
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
padding-left: 10px;
|
|
background-color: rgba(230,0,0,.7);}
|
|
.info {
|
|
margin-left: 200px;
|
|
font-size:40px;
|
|
color: white;}
|
|
.location span {
|
|
letter-spacing: 1px;
|
|
padding-left: 10px;
|
|
background-color: rgba(230,0,0,.7);}
|
|
.location {
|
|
margin-left: 300px;
|
|
font-size: 20px;
|
|
color: white;}
|
|
|
|
.description{
|
|
margin-left: 20px;
|
|
max-width: 400px;
|
|
display: inline-block; }
|
|
|
|
h2 {color: #011787;
|
|
font-family: 'Gidugu', sans-serif;
|
|
font-size: 40px;
|
|
line-height: .9em;
|
|
}
|
|
|
|
.artist{
|
|
font-family: 'Gidugu', sans-serif;
|
|
color: #4d0663;
|
|
float: left;
|
|
margin-bottom: -30px;
|
|
font-size:50px;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
.who{font-weight: bold;}
|
|
.content{
|
|
background-color:rgba(255,255,255,.8);
|
|
max-width: 800px;
|
|
padding:10px;
|
|
margin: auto;
|
|
}
|
|
.background{z-index: -1;}
|
|
|
|
|
|
/*//////the secton I'm messing with is below ! don't confuse yourself///////*/
|
|
|
|
.students{}
|
|
/*.deplayerlogo{
|
|
float: left;
|
|
]*/
|
|
.panelimg {
|
|
float: left;
|
|
margin: auto;
|
|
}
|
|
|
|
.studentswork {
|
|
margin: auto;
|
|
float: left;
|
|
}
|
|
|
|
/*.studentname{
|
|
color: #000;
|
|
font-family: 'Gidugu', sans-serif;
|
|
font-size: 30px;
|
|
text-align: center;
|
|
line-height: 0.8;
|
|
text-decoration: none;
|
|
border: solid 2px #000;
|
|
padding: 15px;
|
|
margin: 15px;
|
|
width: 120px;
|
|
background: rgba(200, 54, 54, 0.4);
|
|
float: left;
|
|
}*/
|
|
.collapse {
|
|
float: left;
|
|
}
|
|
/*.pzilogo{
|
|
width: 20px;
|
|
}*/
|
|
|
|
button.accordion {
|
|
background-color: rgba(240, 164, 0, 0.55);
|
|
color: #000;
|
|
cursor: pointer;
|
|
padding: 10px;
|
|
width: 100%;
|
|
border: none;
|
|
text-align: left;
|
|
outline: none;
|
|
font-size: 15px;
|
|
transition: 0.4s;
|
|
font-family: 'Gidugu', sans-serif;
|
|
font-size: 30px;
|
|
|
|
}
|
|
button.accordion::after {
|
|
/*content: " ▽";*/
|
|
content: "﹀﹀﹀";
|
|
/*content: "V";*/
|
|
|
|
padding: 18px;
|
|
background-color: rgba(240, 240, 5, 0.45);
|
|
}
|
|
|
|
button.accordion.active, button.accordion:hover {
|
|
background-color: rgba(240, 5, 0, 0.65);
|
|
}
|
|
|
|
div.panel {
|
|
padding: 10px 18px;
|
|
display: none;
|
|
background-color: rgba(240, 240, 240, 0.65);
|
|
max-width: 764px;
|
|
|
|
}
|
|
.studentswork {
|
|
|
|
}
|
|
/* need to make .a so that links stop being blue*/
|
|
/* need to incorporate the video pieces from Michael&Aymeric*/
|
|
|
|
/*////////mobile///////*/
|
|
|
|
@media screen and (max-width:767px) {
|
|
.title {line-height: 74px;
|
|
font-size: 60px;}
|
|
.with{font-size: 40px;
|
|
margin-left: 0px;}
|
|
.info{font-size: 30px;
|
|
margin-left: 0px;}
|
|
.location{
|
|
margin-left: 0px;}
|
|
.artist{
|
|
margin-top: -20px;
|
|
}
|
|
div#wrapper{
|
|
width:500px;
|
|
}
|
|
|
|
}/*/end of 767*/
|