redmine_questions/assets/stylesheets/redmine_questions.css

/**********************************************************************/
/* SECTION list
/**********************************************************************/

.section-list {margin-top: 10px}
.section-list .section-tile {
  text-align: center;
  display: inline-block;
  width: 29%;
  border: 1px solid #e0e0e0;
  margin: 0 .8% 20px;
  padding: 1.5em 1em;
  cursor: pointer;
  -webkit-transition: background .15s;
  -moz-transition: background .15s;
  -o-transition: background .15s;
  transition: background .15s;
  vertical-align: top;
}

.section-list .section-tile:hover {
  text-decoration: none;
  background: #f8f8f8
}
.section-list .section-tile .description {
  color: #999;
}
/**********************************************************************/
/* QUESTION index
/**********************************************************************/

.questions h2.section-title {
  margin-bottom: 0px;
}

.questions .filters {
  margin-top: 10px;
}

.questions-filters {
  float: right;
}

.questions-filters > ul > li {
  list-style-type: none;
  float: left;
  margin-left: 5px;
}

.questions-filters > ul > li:not(:last-child):after {
  content: " |"
}

.questions-filters > ul > li a.selected {
  color: #888;
}

#forum_list div.list-item {
  margin-bottom: 10px;
}

#forum_list div.list-item .last-author {
  font-size: 80%;
  color: gray;
}

#forum_list div.list-item .last-author a {
  color: gray;
}

#forum_list > ul > li {
  float: left;
  width: 44%;
  padding: 0;
  margin: 15px 3% 0 0;
}

#forum_list div.project-forums {
  border-bottom: 1px solid #CCC;
  padding-top: 20px;
  clear: left;
}

#forum_list > ul {
  list-style: none;
  padding: 0px;
  margin-top: 0px;
}

#forum_list > ul > li.even {
  margin-right: 0;
  width: 46%;
}

#forum_list > ul > li.odd {
  clear: left;
}

#forum_list > ul > li.odd, #forum_list > ul > li.even {
  background-color: inherit;
}

.topic {
  padding: 20px 0 20px;
}

.comment_container .topic{
  padding: 5px 0 5px;
}

div.topic p {
  margin: 5px 0;
}

div.topic h3.subject {
  margin: 0px;
}

div.topic ul.meta {
  margin: 0px;
  padding: 0px;
}

div.topic  ul.meta li {
  display: block;
  float: left;
  font-size: 11px;
  color: #999;
  margin-right: 8px;
  list-style: none;
}

div.topic  ul.meta li a {
  color: #999;
}

#topics_container.votable .topic-vote {float: left; width: 60px; text-align: center;}
#topics_container.votable .topic-content {padding-left: 60px;}
#topics_container.votable .topic-vote .vote-score {display: block; font-size: 24px;}
#topics_container.votable .topic-vote label {color: #999; line-height: 1; font-size: 12px; margin-bottom: 3px; display: block;}
#topics_container.votable .topic-vote .status-answered {
  height: 30px;
  width: 35px;
  background-position: -35px -75px;
  margin-left: auto;
  margin-right: auto;
}

#topics_list div.title-bar h4 {
  padding: 15px 0;
  border-bottom: 1px dotted #bbb;
}

input.questions-search {
  background: url(/images/magnifier.png) no-repeat 6px 50%;
  border: 1px solid #D7D7D7;
  background-color: white;
  padding-left: 30px !important;
  border-radius: 3px;
  height: 1.5em;
  width: 94%;
  font-size: 16px;
}

input.questions-search.ajax-loading {
  background-image: url(/images/loading.gif);
}



/**********************************************************************/
/* QUESTION show
/**********************************************************************/

h1.question-title {
  font-weight: normal;
}

div.question.answer {
  margin-bottom: 20px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}

.question a[disabled] {
  color: #aaa;
  pointer-events: none;
}

div.question img.gravatar {
  float: left;
  margin-right: 5px;
}

div.question p.author {
  margin-top: 0px;
}

/***** Badges *****/
.question-status-badge {
  position:relative;
  font-weight:bold;
  font-size: 10px;
  bottom: 2px;
  padding: 1px 3px;
  margin-right: 2px;
  margin-left: 2px;
  border-radius: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #aaa;
  line-height: 20px;
  white-space: nowrap;
}

.question-status-badge a {
  color: inherit;
  text-decoration: none;
}

.question-status-badge.editable {
  background: #fff url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTAsMi4xNjJsNC41LDQuNDY5bDQuNSwtNC40NjkiIHN0cm9rZT0iI0E2QTZBNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+") no-repeat 50%;
  padding-right: 15px;
  padding-right: 14px;
  background-position-x: right 2px; 
}
.question-status-badge:hover a {
    opacity: 0.5;
}


/* Question vote*/

div.question {display: table; width: 100%;}
div.question.votable .vote {display: table-cell; padding: 0px 12px;}
div.question.votable .question-container {display: table-cell;vertical-align: top;}
div.question.votable .question-container .contextual {margin-top: 0px;}

.question .vote  a.disabled {pointer-events: none;opacity: 0.5}
.question .vote {font-size: 24px; width: 35px;}

.question .vote .vote-up,
.question .vote .vote-down,
.question .vote .vote-count,
.question .vote .accepted {
  display: block;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  margin-bottom: 2px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.question .vote .vote-up,
.question .vote .vote-down,
.question .vote .accepted,
#topics_container.votable .topic-vote .status-answered {
    background-image: url(../images/voting.svg);
    background-size: initial;
    background-repeat: no-repeat;
    overflow: hidden;
}

.question .vote .accepted {cursor: default; background-position: 0px -69px;}
.question .vote .vote-up {background-position: -70px 0px;}
.question .vote .vote-down {background-position: -35px 0px;}
.question .vote .vote-count {height: 32px;}
/*.question .vote .vote-up:hover {background-position: -70px -35px;}
.question .vote .vote-down:hover {background-position: -35px -35px;}
*/
.question div.attachments {
  margin-bottom: 12px;
}

/* Question meta */

#sidebar ul.question-meta, #sidebar ul.related-topics  {
  list-style: none;
  padding: 0px;
}

#sidebar ul.question-meta li {
  margin-bottom: 10px;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 3px;
}

#sidebar ul.related-topics li {
  margin-bottom: 5px;
}

/* Tags cloud */

#sidebar ul.questions-tags  {
  list-style: none;
  padding: 0px;
}

#sidebar ul.questions-tags li {
  margin-bottom: 5px;
}

#sidebar ul.questions-tags  span.count {
  color: gray;
}

/**********************************************************************/
/* SOLUTION show
/**********************************************************************/
.question.solution > h2 {
  margin-bottom: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.question.solution .liking {
  padding: 10px 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 10px 0px
}

.question.solution .liking > a {
  padding: 0 5px;
}


.question.solution .liking .author  {
  float: right;
}




/**********************************************************************/
/* COMMENTS
/**********************************************************************/

.comments_container {
  background-color: #f5f5f5;
  font-size: 0.9em;
  margin: 10px 0px 0px 10px;
}

.question-comments .comment .contextual {
  display: none;
}

.question-comments .comment:hover .contextual {
  display: inline-block;
  opacity: 0.4;
}

.question-comments .comment .contextual:hover {
  opacity: 1;
}


.question-comments .comment {
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}

.question-comments .comment:last-child {
  border-bottom: 0px;
}

.question-comments .comment .author {
  margin-bottom: 3px;
}

.question-comments .comment .wiki-content {
  color: #707070;
  display: inline-block;
}
.comments_container .comment .wiki-content p {
  margin-bottom: 0px;
}

.question-comments .comment .wiki-content p:first-child {
  margin-top: 0px;
}

.add-comment-link {
  font-size: 0.9em;
  display: block;
}

.add_comments {padding: 10px 10px 10px;}
.add_comments:not(:first-child) {border-top: 1px dashed #ccc;}

.add_comments textarea {
  width: 98%;
}

/* Answers*/

#answers {
  padding-top: 10px;
}

.accepted_answer{
  float: right;
}


/**********************************************************************/
/* ICONS
/**********************************************************************/

.icon-vote { background-image:  url(../images/thumb_up.png); }
.icon-unvote { background-image:  url(../images/unvote.png); }
.icon-downvote { background-image:  url(../images/thumb_down.png); }
.icon-view { background-image:  url(../images/eye.png); }
.icon-calendar { background-image:  url(/images/calendar.png); }
.icon-tag { background-image:  url(../images/tag_blue.png); }
.icon-question { background-image:  url(../../../images/help.png); }
.icon-solution { background-image:  url(../images/book_open.png); }
.icon-accept { background-image:  url(../images/accept.png); }
.icon-discard { background-image:  url(../images/discard.png); }