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

120
themes/custom/source/css/_partial/layout.less Normal file
View file

@ -0,0 +1,120 @@
.main {
width:100%;
height:100%;
padding:80rem/@baseFontSize 0 0 0;
overflow:hidden;
a {
transition: all 0.3s ease !important;
&:hover {
color: @colorFontHover !important;
text-decoration: none !important;
}
}
.arrow {
display:none;
padding:5rem/@baseFontSize 15rem/@baseFontSize;
border-radius:10rem/@baseFontSize;
background-color:rgba(255,255,255,.2) ;
color:@colorFont;
position:absolute;
left:0;
&.fa-arrow-down {
bottom:20rem/@baseFontSize;
}
&.fa-arrow-up {
top:100rem/@baseFontSize;
}
}
.main-content {
width:100%;
height:100%;
background-color: @colorBg;
padding:50rem/@baseFontSize 50rem/@baseFontSize;
overflow:auto;
.post {
border-radius:20rem/@baseFontSize;
padding:40rem/@baseFontSize 20rem/@baseFontSize;
min-width:100%;
background-color: rgba(255,255,255,.1);
margin-bottom:50rem/@baseFontSize;
overflow:hidden;
.post-title {
a {
font-size:25rem/@baseFontSize;
color:@colorFont;
}
h2 {
margin:10rem/@baseFontSize 0;
}
}
.post-excerpt {
margin-top:40rem/@baseFontSize;
}
.post-content {
margin-top:40rem/@baseFontSize;
a {
padding:5rem/@baseFontSize 15rem/@baseFontSize;
border-radius:10rem/@baseFontSize;
background-color:rgba(255,255,255,.2) ;
color:@colorFont;
}
.article-tag-list {
float:right;
.article-tag-list-item {
float:left;
margin:0 5rem/@baseFontSize;
}
}
}
.post-media {
margin-top:40rem/@baseFontSize;
text-align:right;
.post-time {
font-size:15rem/@baseFontSize;
}
a {
padding:5rem/@baseFontSize 15rem/@baseFontSize;
border-radius:10rem/@baseFontSize;
background-color:rgba(255,255,255,.2) ;
color:@colorFont;
}
.article-tag-list {
float:left;
.article-tag-list-item {
float:left;
margin:0 5rem/@baseFontSize;
}
}
}
}
.post-nav {
text-align:center;
.page-nav {
display:inline-block;
vertical-align: middle;
.page-number,.extend.prev,.extend.next {
padding:5rem/@baseFontSize 15rem/@baseFontSize;
border-radius:10rem/@baseFontSize;
margin:0 5rem/@baseFontSize;
background-color:rgba(255,255,255,.2) ;
color:@colorFont;
}
span.page-number {
color:@colorFontHover;
}
a.page-number {
}
}
}
}
}
#particles-js {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color: @colorDiy;
z-index:-1;
}