willemtsade/ff
2
Fork 0
Code Activity

Added basic theme

Browse source
This commit is contained in:
Willem Cazander 2020-01-03 18:07:50 +01:00
parent a085ca6867
commit 8b9afa66ce
42 changed files with 5633 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

93
themes/custom/source/css/_partial/aside.less Normal file
View file

@ -0,0 +1,93 @@
.aside {
display:none;
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
overflow:hidden;
background-color: rgba(0,0,0,0.3);
.aside-content {
position:absolute;
top:0;
right:0;
width:750rem/@baseFontSize;
transform:translateX(750rem/@baseFontSize);
transition:transform .75s;
height:100%;
background-color: rgba(0,0,0,.9);
padding:40rem/@baseFontSize 15rem/@baseFontSize;
.aside-avatar {
width:128rem/@baseFontSize;
height:128rem/@baseFontSize;
display:block;
border-radius:50%;
margin:0 auto;
overflow:hidden;
img {
width:128rem/@baseFontSize;
height:128rem/@baseFontSize;
}
}
.aside-author {
text-align:center;
font-family:"华文行楷",sans-serif;
font-size:40rem/@baseFontSize;
margin-top:20rem/@baseFontSize;
}
.aside-description {
text-align:center;
font-family:"华文行楷",sans-serif;
font-size:30rem/@baseFontSize;
margin-top:20rem/@baseFontSize;
}
.aside-contact {
margin-top:20rem/@baseFontSize;
li {
float:left;
width:220rem/@baseFontSize;
height:220rem/@baseFontSize;
margin:0 10rem/@baseFontSize;
border-radius:10rem/@baseFontSize;
background-color: rgba(255,255,255,.1);
text-align:center;
overflow:hidden;
position:relative;
span {
display:block;
width:100%;
height:100%;
line-height:220rem/@baseFontSize;
text-align:center;
}
span.fa {
font-size:30rem/@baseFontSize;
}
a {
position:absolute;
top:0;
left:0;
color: @colorFont;
display:block;
background-color: #CEBB3B;
width:100%;
height:100%;
line-height:220rem/@baseFontSize;
text-align:center;
transform:translateY(220rem/@baseFontSize);
overflow:hidden;
transition:transform .3s;
}
a.in {
transform:translateY(0);
}
img {
width:220rem/@baseFontSize;
}
}
}
}
.in {
transform:translateX(0);
}
}