From eb4c991c33d52b76a3a294dd59c4c958524202dc Mon Sep 17 00:00:00 2001 From: LubuWest Date: Mon, 1 Jun 2015 20:12:33 +0200 Subject: [PATCH] CSS for comments --- README.md | 6 ------ friendica_comments.js | 4 +--- style.css | 32 ++++++++++++++++++++++++++++++++ test.html | 4 ++-- 4 files changed, 35 insertions(+), 11 deletions(-) create mode 100644 style.css diff --git a/README.md b/README.md index 8fdd19b..d3c50d7 100644 --- a/README.md +++ b/README.md @@ -39,9 +39,3 @@ Placeholder for comments:
``` -## TODO ## -* connection to friendica via https -* CSS for -```html - ,
,
-``` diff --git a/friendica_comments.js b/friendica_comments.js index 1277f46..4ad3040 100644 --- a/friendica_comments.js +++ b/friendica_comments.js @@ -34,14 +34,12 @@ function SearchComments() { var arr = new Array(); arr = CommentsResult.split("wall-item-container comment"); for (i=1;i')+4); var start = arr[i].indexOf('
'); var end = arr[i].indexOf('
',start); var comment = arr[i].substring(start,end-1); var endcomment = comment.slice(comment.indexOf('onmouseover'),comment.indexOf('' + photo + comment + '
'; } document.getElementById("comments").innerHTML = ergebnisse; } diff --git a/style.css b/style.css new file mode 100644 index 0000000..71484f4 --- /dev/null +++ b/style.css @@ -0,0 +1,32 @@ +#comments { + border-top: thin solid #eeeeee; + padding-top: 15px; + display: table; + margin-left: 60px; +} + +.comment-container { + display: table-cell; + float: right; + min-width: 100%; + padding: 5px; + border-bottom: thin solid #eeeeee; + } + +.contact-photo { + float: left; + width: 60px; + height: 60px; + margin-left: 16px; + margin-right: 16px; +} + +.wall-item-actions-author { + height: 10px; + font-size: 70%; +} +.wall-item-content { + margin-top: 10px; + font-size: 90%; + text-align: left; + } \ No newline at end of file diff --git a/test.html b/test.html index b59371e..924ef2f 100644 --- a/test.html +++ b/test.html @@ -1,7 +1,7 @@  - +