diff options
| author | holyantony | 2015-07-23 13:12:02 +0530 |
|---|---|---|
| committer | holyantony | 2015-07-23 13:12:02 +0530 |
| commit | 04a6840825ebdeaf8e72d4f98ac0bf5f76236d58 (patch) | |
| tree | 0721e78c92b787d69c35b251c95dd0b56c69fecb /static/website | |
| parent | 74ea395747225ba2631c53ad7b29ddf2e91b5873 (diff) | |
| download | FOSSEE-Forum-04a6840825ebdeaf8e72d4f98ac0bf5f76236d58.tar.gz FOSSEE-Forum-04a6840825ebdeaf8e72d4f98ac0bf5f76236d58.tar.bz2 FOSSEE-Forum-04a6840825ebdeaf8e72d4f98ac0bf5f76236d58.zip | |
Subject: Modified CSS in Question page
Description:
1. To distinguish between comments, added color to user span
Diffstat (limited to 'static/website')
| -rw-r--r-- | static/website/css/bootstrap.min.css | 4 | ||||
| -rw-r--r-- | static/website/templates/get-question.html | 21 |
2 files changed, 16 insertions, 9 deletions
diff --git a/static/website/css/bootstrap.min.css b/static/website/css/bootstrap.min.css index f96d9b5..ffaccf9 100644 --- a/static/website/css/bootstrap.min.css +++ b/static/website/css/bootstrap.min.css @@ -1,4 +1,4 @@ -@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700"); +@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700"); /*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block } @@ -1075,7 +1075,7 @@ pre code{ } .col-sm-6{ - width:50% + width:10% } .col-sm-5{ diff --git a/static/website/templates/get-question.html b/static/website/templates/get-question.html index ed257e9..2af3fcf 100644 --- a/static/website/templates/get-question.html +++ b/static/website/templates/get-question.html @@ -18,7 +18,7 @@ <div class="question-wrapper col-lg-12 col-md-12 col-sm-12 col-xs-12"> - <div class="question {% if user|can_edit:question %}editable{% endif %}"> + <div class="question {% if user|can_edit:question %}editable{% endif %}" > <!-- VOTE CELL --> @@ -57,7 +57,7 @@ </div> <div id="questionNicPanel"></div> - <div id="{% if user|can_edit:question %}questionInstance{% endif %}" class="body"> + <div id="{% if user|can_edit:question %}questionInstance{% endif %}" class="body" style="margin-left : 60px"> {{ question.body|safe }} </div> <br> @@ -115,7 +115,7 @@ <div class="row"> <div class="answer-wrapper col-lg-12 col-md-12 col-sm-12 col-xs-12"> -<div class="votecell" style="padding-top: 0.0cm;"> +<div class="votecell" style="padding-top: 9px;"> <div class="ans-vote" > @@ -140,7 +140,7 @@ - <div class="body" id="body{{ answer.id }}"> + <div class="body" id="body{{ answer.id }}" style="padding-bottom: 0px"> {{ answer.body|safe }} </div> @@ -151,7 +151,7 @@ </i> </small> - <span class="user"> + <span class="user" style="background-color: #FFFFFF;padding: 2px 7px"> {{ answer.user }} </span> </span> @@ -172,14 +172,14 @@ {{ comment.body|safe }} </div> - <span class="meta"> + <span class="meta_co" style="position: absolute;right: 0px; bottom: 0px;"> <small> <i> {{ comment.date_created|date:"d-m-y" }}, {{ comment.date_created|time }} </i> </small> - <span class="user"> + <span class="user_co" style="padding: 2px 7px"> {{ comment.user }} </span> </span> @@ -297,6 +297,13 @@ <script type="text/javascript"> + + /* For random color */ + $(".user_co").each(function() { + var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ')'; + $(this).css("background-color", hue); + }); + $(document).ready(function() { $.ajaxSetup({ |