aitzol/Plume
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/Plume-org/Plume into icons

Browse Source
This commit is contained in:
Madeorsk
2018-09-04 21:55:44 +02:00
parent 4330600980 bf5a04d419
commit a30b99f93e
25 changed files with 299 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/main.css
+27 -17
View File
@@ -192,9 +192,18 @@
}
article img {
display: block;
margin: 3em auto;
max-width: 100%;
}
article pre {
padding: 1em;
background: #DADADA;
overflow: auto;
border-radius: 5px;
}
/* Article.Meta */
main .article-meta, main .article-meta button {
@@ -235,8 +244,8 @@
font-size: 1.5em;
}
main .article-meta .likes button,
main .article-meta .reshares button {
main .article-meta .likes .action,
main .article-meta .reshares .action {
display: flex;
flex-direction: column;
align-items: center;
@@ -246,15 +255,16 @@
background: none;
color: #242424;
border: none;
font-size: 1.1em;
}
main .article-meta .likes > p,
main .article-meta .likes button:hover { color: #E92F2F; }
main .article-meta .likes .action:hover { color: #E92F2F; }
main .article-meta .reshares > p,
main .article-meta .reshares button:hover { color: #7765E3; }
main .article-meta .reshares .action:hover { color: #7765E3; }
main .article-meta .likes button svg.feather,
main .article-meta .reshares button i {
main .article-meta .likes .action svg.feather,
main .article-meta .reshares .action i {
transition: background 0.1s ease-in;
display: flex;
align-items: center;
@@ -267,39 +277,39 @@
border-radius: 50%;
}
main .article-meta .likes button svg.feather {
main .article-meta .likes .action svg.feather {
padding: 0.7em;
box-sizing: border-box;
color: #E92F2F;
fill: none;
border: solid #E92F2F thin;
}
main .article-meta .likes button:hover svg.feather {
main .article-meta .likes .action:hover svg.feather {
background: rgba(233, 47, 47, 0.15);
}
main .article-meta .reshares button i {
main .article-meta .reshares .action i {
color: #7765E3;
border: solid #7765E3 thin;
font-weight: 600;
}
main .article-meta .reshares button:hover i {
main .article-meta .reshares .action:hover i {
background: rgba(119, 101, 227, 0.15);
}
main .article-meta .likes button.liked svg.feather { background: #E92F2F; fill: currentColor; }
main .article-meta .likes button.liked:hover svg.feather {
main .article-meta .likes .action.liked svg.feather { background: #E92F2F; fill: currentColor; }
main .article-meta .likes .action.liked:hover svg.feather {
background: rgba(233, 47, 47, 0.25);
color: #E92F2F;
}
main .article-meta .reshares button.reshared i { background: #7765E3; }
main .article-meta .reshares button.reshared:hover i {
main .article-meta .reshares .action.reshared i { background: #7765E3; }
main .article-meta .reshares .action.reshared:hover i {
background: rgba(119, 101, 227, 0.25);
color: #7765E3;
}
main .article-meta .likes button.liked svg.feather,
main .article-meta .reshares button.reshared i {
main .article-meta .likes .action.liked svg.feather,
main .article-meta .reshares .action.reshared i {
color: #F4F4F4;
font-weight: 900;
}
@@ -796,5 +806,5 @@
}
.avatar.padded {
margin-right: 1em;
margin-right: 2rem;
}