113 lines
2.4 KiB
CSS
Executable File
113 lines
2.4 KiB
CSS
Executable File
/* general ---------------------------------*/
|
|
section.content{
|
|
width:100%;
|
|
background-color: white;
|
|
position:relative;
|
|
}
|
|
article.content{
|
|
position: relative;
|
|
justify-content:center;
|
|
-webkit-justify-content:center;
|
|
max-width:1000px;
|
|
margin:auto;
|
|
z-index: 3;
|
|
}
|
|
[class*="box-"]{
|
|
margin:10px;
|
|
box-shadow:1px 4px 8px 0px black;
|
|
transition: transform 0.3s;
|
|
}
|
|
|
|
[class*="box-"]:hover,{
|
|
-ms-transform: scale(2, 3); /* IE 9 */
|
|
-webkit-transform: scale(2, 3); /* Safari */
|
|
transform: scale(1.04, 1.04);
|
|
}
|
|
.box-1{
|
|
height:180px;
|
|
min-width:44%;
|
|
flex:1 1 44%;
|
|
}
|
|
.box-2{
|
|
height:180px;
|
|
min-width:48%;
|
|
flex:2 1 48%;
|
|
}
|
|
.box-4,
|
|
.group{
|
|
height:400px;
|
|
min-width:300px;
|
|
flex:2 1 300px;
|
|
}
|
|
/* links ------------------------------------*/
|
|
|
|
article.link{
|
|
height:180px;
|
|
min-width:44%;
|
|
flex:1 1 44%;
|
|
color:black;
|
|
align-content:center;
|
|
-webkit-align-content:center;
|
|
padding:10% 0px;
|
|
}
|
|
article.link > p{ font-size:1em;}
|
|
article.link > p.bold{ font-weight:bold;}
|
|
article.link > a {
|
|
list-style-type:none;
|
|
padding:5% 0px;
|
|
display: block;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
margin: 10px 15px;
|
|
transition: transform 0.3s;
|
|
}
|
|
|
|
article.link > a:hover{
|
|
-ms-transform: scale(2, 3); /* IE 9 */
|
|
-webkit-transform: scale(2, 3); /* Safari */
|
|
transform: scale(1.1, 1.1);
|
|
cursor: pointer;
|
|
}
|
|
article.link > a > img{
|
|
width:100%;
|
|
height:auto;
|
|
}
|
|
|
|
/* facebook ---------------------------------*/
|
|
article.fb{ background-color:#1d86d0; overflow: auto; padding-left: 5px; }
|
|
article.fb > p{ color:white; font-size:1.5em; }
|
|
|
|
/* youtube ---------------------------------*/
|
|
iframe#evideo{
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
/* soundcloud-------------------------------*/
|
|
iframe#scloud{
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
/* pang ------------------------------------*/
|
|
article.pang{
|
|
background-image:url("img/pang.jpg");
|
|
color:white;
|
|
align-content:center; text-align:center;
|
|
-webkit-align-content:center; text-align:center;
|
|
height:100%; padding:1px;
|
|
}
|
|
article.pang > p{ font-size:2em;}
|
|
article.pang > p.bold{ font-weight:bold;}
|
|
|
|
/* Cal ------------------------------------*/
|
|
article.cal{
|
|
background-image:url("img/cal.jpg");
|
|
color:white;
|
|
align-content:center; text-align:center;
|
|
-webkit-align-content:center; text-align:center;
|
|
height:100%; padding:1px;
|
|
}
|
|
article.cal > p{ font-size:1.9em;}
|
|
article.cal > p.bold{ font-weight:bold;}
|
|
/* a ---------------------------------------*/
|
|
|