kevin/hehe.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
kevin
2020-06-11 16:42:43 +02:00
commit 449ca1d987
5099 changed files with 622034 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/hehe/scss/template/_section.scss
+225
View File
@@ -0,0 +1,225 @@
.full{
z-index: 999;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
& > div{
z-index: 999;
position: absolute;
width: 100%;
top: 100px;
text-align: center;
& > p{
display: inline-block;
a{
color: lime;
font-weight: bold;
text-decoration: underline;
margin: 0 10px;
&::after{
background: none;
}
}
}
}
& > img{
position: absolute;
top: 0;
left: 0;
}
}
#start{
margin-top: 40px;
//home
.item{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
.card{
position: relative;
width: calc((100% / 3) - 3.5px);
overflow-y: hidden;
padding-bottom: 5px;
&:nth-child(3n+2){
margin: 0 5px;
}
.card-image{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.card-subtitle{
a{
padding: 0px 7px;
background-color: rgba(0, 255, 0,0.5);
}
}
.card-image:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
-webkit-transition: all 1s ease;
transition: all 1s ease;
// -webkit-transition: all 0.6s;
// transition: all 0.6s;
// background-color: rgb(0, 255, 0);
img{
-webkit-transition: all .6s;
transition: all .6s;
mix-blend-mode: multiply;
opacity: .95;
}
& ~ .card-title{
top: 50%;
left: 50%;
opacity: 1;
-webkit-transition: all 1s;
transition: all 1s;
}
}
.card-title{
pointer-events: none;
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transform: translate(-50% , -50%);
transform: translate(-50% , -50%);
text-align: center;
}
}
}
//pageprojet
.content-item{
.e-content{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.media{
width: calc((100% / 3) * 2);
img:not(:last-child){
margin-bottom: 5px;
}
.grav-vimeo{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
padding-top: 0!important;
max-width: 100%;
height: auto;
iframe, object, embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
video{
width: 100%;
height: auto;
}
}
.content{
width: calc(100% / 3);
min-width: 400px;
height: calc(100vh - 40px);
.txt{
position: fixed;
right: 0;
width: calc(100% / 3);
min-width: 400px;
height: calc(100% - 90px);
padding: 20px 30px 0px 30px;
overflow-x: auto;
&::-webkit-scrollbar {
width: 12px;
}
/* Track */
&::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px white;
border-radius: 10px;
}
/* Handle */
&::-webkit-scrollbar-thumb {
border-radius: 10px;
background: white;
-webkit-box-shadow: inset 0 0 0px white;
}
h3{
margin: 0px 0 10px 0;
}
}
.taxonomy{
width: calc(100% / 3);
min-width: 400px;
height: auto;
background: white;
position:fixed;
bottom: 0;
border-top: 2px solid black;
.tags{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: auto 0;
padding-bottom: 10px;
a{
margin: 10px 10px 0 10px;
&:first-child{
margin-left: 30px!important;
}
}
}
}
}
}
//page news
.e-content.news{
display: inline-flex;
width: 100%;
flex-wrap: wrap;
}
.news{
width: calc(100% / 5 );
min-width: 340px;
height: auto;
padding: 20px;
h3{
pointer-events: none;
margin-bottom: 10px;
}
}
.about{
width: calc(100% / 3 );
min-width: 400px;
height: auto;
padding: 20px;
h3{
pointer-events: none;
margin-bottom: 10px;
}
}
}