ForgeFeedback/forgefeedback/nf/feedback/css/feedback.css

/*
       Licensed to the Apache Software Foundation (ASF) under one
       or more contributor license agreements.  See the NOTICE file
       distributed with this work for additional information
       regarding copyright ownership.  The ASF licenses this file
       to you under the Apache License, Version 2.0 (the
       "License"); you may not use this file except in compliance
       with the License.  You may obtain a copy of the License at

         http://www.apache.org/licenses/LICENSE-2.0

       Unless required by applicable law or agreed to in writing,
       software distributed under the License is distributed on an
       "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
       KIND, either express or implied.  See the License for the
       specific language governing permissions and limitations
       under the License.
*/

.rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that dont support :checked dont
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesnt make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}
.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}
.rating:not(:checked) > label:before {
    content: '★ ';
}
.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}
.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}
.feed {
  padding: 0 20px 20px 20px;
}
.feed, .feed * {
  box-sizing: border-box;
}
.feed form textarea {
  width: 100%;
  height: 200px;
  display: block;
}
.index {
  padding: 0 20px 20px 20px;
}
.index ul.list {
  list-style: none;
  margin: 0;
}
.index ul.list li {
  padding: 20px;
  border-bottom: 1px solid #eee;
}
.index ul.list li time {
  font-size: 12px;
  color: #777;
}
.index ul.list li h1 {
  padding: 0;
  font-size: 16px;
  line-height: 32px;
}
.index ul.list li p {
  padding: 0;
  vertical-align: top;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index ul.list li .avatar {
  float: left;
  margin: 10px 10px 0 0;
}
.fa-star {
color:orange;
}
.fa-star-o {
color :orange;
}
.rating {
position:relative;
}
p {
position:absolute;
}
.grid-19{
  width:885px !important;
}
.btn.link.cancel_feed{
  float:right;
}