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 *}} +