frio: show attachment icons in posts

This commit is contained in:
rabuzarus 2016-09-06 16:21:14 +02:00
parent 4f1f7c73ca
commit ced8923323
3 changed files with 38 additions and 2 deletions

View File

@ -0,0 +1,21 @@
/*
@fiel view/theme/frio/css/font-awesome.custom.css
@brief This file applies Font Awesome icons to some friendica standard classes
*/
.icon:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
vertical-align: top;
font-size: 1.4em;
}
/* media icons */
.icon.type-image:before { content: "\f1c5"; }
.icon.type-video:before { content: "\f1c8"; }
.icon.type-audio:before { content: "\f1c7"; }
.icon.type-text:before { content: "\f0f6"; }
.icon.type-application:before { content: "\f016"; }
.icon.type-unkn:before { content: "\f016"; }

View File

@ -1404,6 +1404,15 @@ section #jotOpen {
.wall-item-body > a > img { .wall-item-body > a > img {
border-radius: 3px; border-radius: 3px;
} }
.wall-item-body .body-attach > a {
color: #555;
display: inline-block;
}
.wall-item-body .body-attach > a div {
color: #555;
width: 20px;
}
.shared-wrapper, .shared-wrapper,
.vevent { .vevent {
margin-left: 50px; margin-left: 50px;
@ -1486,7 +1495,8 @@ blockquote.shared_content {
/* wall item hover effects */ /* wall item hover effects */
.wall-item-container .wall-item-links, .wall-item-container .wall-item-links,
.wall-item-container .wall-item-actions { .wall-item-container .wall-item-actions,
.wall-item-container .body-attach > a {
opacity: 0.3; opacity: 0.3;
-webkit-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
@ -1495,7 +1505,8 @@ blockquote.shared_content {
transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;
} }
.wall-item-container:hover .wall-item-links, .wall-item-container:hover .wall-item-links,
.wall-item-container:hover .wall-item-actions { .wall-item-container:hover .wall-item-actions,
.wall-item-container:hover .body-attach > a {
opacity: 0.6; opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
@ -1503,6 +1514,9 @@ blockquote.shared_content {
-ms-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;
} }
.wall-item-container .wall-item-body .body-attach > a:hover {
opacity: 1;
}
/* /*
/* Comments /* Comments

View File

@ -30,6 +30,7 @@
{{* own css files *}} {{* own css files *}}
<link rel="stylesheet" href="view/theme/frio/css/hovercard.css" type="text/css" media="screen"/> <link rel="stylesheet" href="view/theme/frio/css/hovercard.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="view/theme/frio/css/font-awesome.custom.css" type="text/css" media="screen"/>
<!-- <!--
<link rel="shortcut icon" href="images/friendica-32.png" /> <link rel="shortcut icon" href="images/friendica-32.png" />