diff --git a/view/theme/frio/css/font-awesome.custom.css b/view/theme/frio/css/font-awesome.custom.css
new file mode 100644
index 000000000..2b1663699
--- /dev/null
+++ b/view/theme/frio/css/font-awesome.custom.css
@@ -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"; }
\ No newline at end of file
diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index ca0b4653c..9a31a0caa 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -1404,6 +1404,15 @@ section #jotOpen {
.wall-item-body > a > img {
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,
.vevent {
margin-left: 50px;
@@ -1486,7 +1495,8 @@ blockquote.shared_content {
/* wall item hover effects */
.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;
-webkit-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;
}
.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;
-webkit-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;
transition: all 0.25s ease-in-out;
}
+.wall-item-container .wall-item-body .body-attach > a:hover {
+ opacity: 1;
+}
/*
/* Comments
diff --git a/view/theme/frio/templates/head.tpl b/view/theme/frio/templates/head.tpl
index 72d7cbf07..5b132f35f 100644
--- a/view/theme/frio/templates/head.tpl
+++ b/view/theme/frio/templates/head.tpl
@@ -30,6 +30,7 @@
{{* own css files *}}
+