Adding use report list

Pedro de Lyra Pereira
1 parent 5add38d1
Showing 1 changed file with 137 additions and 71 deletions Show diff stats
style.css
@@ -145,14 +145,14 @@ vertical-align: baseline;
 /* */
 /* */
 body {
-	background-color: #fff;
-	color: #172938;
-	font-size: 12px;
-	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
+  background-color: #fff;
+  color: #172938;
+  font-size: 12px;
+  font-family: "open_sansregular", Arial, Helvetica, sans-serif;
 }
 h1, h2, h3, h4, h5, h6 {
-	font-family: "open_sansbold", Arial, Helvetica, sans-serif;
-	font-weight: normal;
+  font-family: "open_sansbold", Arial, Helvetica, sans-serif;
+  font-weight: normal;
 }
 /*
@@ -498,19 +498,19 @@ p {
 }
 #content .box .read-more a::after {
-	content: url('images/right-arrow.png');
-	padding-left: 8px;
-	padding-right: 5px;
-	margin-left: 7px;
-	border-radius: 4px;
-	font-size: 16px;
-	line-height: 20px;
-	text-align: center;
-	font-family: "open_sansbold", Arial, Helvetica, sans-serif;
+  content: url('images/right-arrow.png');
+  padding-left: 8px;
+  padding-right: 5px;
+  margin-left: 7px;
+  border-radius: 4px;
+  font-size: 16px;
+  line-height: 20px;
+  text-align: center;
+  font-family: "open_sansbold", Arial, Helvetica, sans-serif;
 }
 #content .box .article-block .read-more a::after {
-	font-size: 14px;
+  font-size: 14px;
 }
@@ -650,7 +650,7 @@ p {
 /* Menu List footer */
 /*
 #content .box-3 .block-title{
-	margin:0;
+  margin:0;
 }
@@ -881,8 +881,8 @@ p {
 /* nao mostrar seta neste tipo de box */
 #content .blog-post .short-post .read-more a::after {
-	content: none;
-	}
+  content: none;
+  }
 .comment-info {
     line-height: 1em;
@@ -1266,7 +1266,7 @@ div#article-parent {
 #profile-header {
-	position: absolute; /* Corrige link de login  */
+  position: absolute; /* Corrige link de login  */
 }
 #public-profile-search, #profile-search-results form, .profile-search-block form {
@@ -2352,14 +2352,14 @@ body.contraste.action-home-index #content .tags-block .block-inner-2, body.contr
 }
 body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
-	background-color: #000;
-	color: #FFF !important;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste #logo #portal-title {
     background-image: url("images/logotipo_spb_beta_ac.svg");
-	background-repeat: no-repeat;
-	background-size: 374px 78px;
+  background-repeat: no-repeat;
+  background-size: 374px 78px;
 }
 body.contraste #accessibility span {
@@ -2469,30 +2469,30 @@ body.contraste #portal-siteactions {
 }
 body.contraste #complete_registration {
-	background-color: transparent;
+  background-color: transparent;
 }
 body.contraste tr:hover td {
-	background-color: #333;
+  background-color: #333;
 }
 body.contraste .action-friends-index .profile-list li:hover,
 body.contraste  .common-profile-list-block .vcard:hover {
-	border: 1px solid #CCC;
-	background: #333;
-	text-decoration: none;
+  border: 1px solid #CCC;
+  background: #333;
+  text-decoration: none;
 }
 body.contraste .menu-submenu-content {
-	border: 1px solid #CCC;
-	background: none #333 ;
+  border: 1px solid #CCC;
+  background: none #333 ;
 }
 body.contraste #user .logged-in {
-	background: none #333 ;
-	/* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */
-	color: #fff;
+  background: none #333 ;
+  /* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */
+  color: #fff;
 }
 body.contraste #social-icons #sb_face {
@@ -2524,87 +2524,87 @@ body.contraste #social-icons #sb_flickr:hover {
 }
 body.contraste .no-boxes-inner-2 {
-	background-color: #000!important;
-	color: #fff;
+  background-color: #000!important;
+  color: #fff;
 }
 body.contraste #signup-form {
-	color: #fff;
+  color: #fff;
 }
 body.contraste #portal-searchbox {
-	border-color: #FFF;
-	background-color: #000;
+  border-color: #FFF;
+  background-color: #000;
 }
 body.contraste #portal-searchbox .searchField {
-	background-color: #000;
-	color: #FFF !important;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste #header input.searchButton {
-	background-color: #000;
-	background-position: 0px 2px;
+  background-color: #000;
+  background-position: 0px 2px;
 }
 body.contraste #menucontainer {
-	background: #333;
-	color: #FFF !important;
+  background: #333;
+  color: #FFF !important;
 }
 body.contraste #menucontainer ul li.parent_menu a {
-	color: #FFF !important;
+  color: #FFF !important;
 }
 body.contraste #content .no-boxes h1 {
-	color: #FFF !important;
+  color: #FFF !important;
 }
 body.contraste #signup-form .formfieldline,
 body.contraste #signup-formfield-group,
 body.contraste #signup-form .required-field label,
 body.contraste #signup-form .formlabel {
-	background-color: #000;
-	color: #FFF !important;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste .pseudoformlabel,
 body.contraste  .formlabel {
-	color: #FFF;
+  color: #FFF;
 }
 body.contraste #signup-form {
-	border-color: #FFF;
-	background-color: #000;
+  border-color: #FFF;
+  background-color: #000;
 }
 body.contraste #signup-form .formfield input,
 body.contraste #signup-form .formfield textarea {
-	background-color: #000;
-	color: #FFF !important;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste #signup-domain {
-	border-color: #FFF;
-	background-color: #000;
-	color: #FFF !important;
+  border-color: #FFF;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste .ui-state-default,
 body.contraste .ui-widget-content .ui-state-default,
 body.contraste .ui-widget-header .ui-state-default {
-	border: 1px solid #FFF;
-	background-color: #000;
-	color: #FFF !important;
+  border: 1px solid #FFF;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste .agenda-tile .title {
-	border-bottom: 1px solid #FFF;
-	color: #FFF;
+  border-bottom: 1px solid #FFF;
+  color: #FFF;
 }
 body.contraste .agenda-tile .period {
-	color: #FFF;
+  color: #FFF;
 }
 /*botão rss*/
@@ -3145,7 +3145,6 @@ input[type=checkbox] {
   color: #172738;
   margin-top: 19px;
   padding-top: 29px;
-  padding-left: 8px;
 }
 #content .main-content .star-rate-data .star-rate-form .star-rate-text,
@@ -3161,8 +3160,9 @@ input[type=checkbox] {
 }
 #content .main-content .star-rate-data .star-rate-form {
-  padding-left: 14px;
+  padding-left: 37px;
   letter-spacing: 0.1px;
+  width: 100%;
 }
 #content .main-content .star-rate-data .star-rate-form .star-rate-text {
@@ -3171,6 +3171,7 @@ input[type=checkbox] {
 }
 #content .main-content .star-rate-data .star-profile-information {
+  padding-left: 15px;
   width: 79px;
 }
@@ -3195,6 +3196,7 @@ input[type=checkbox] {
 #content .main-content .star-rate-data .star-rate-form .star-container .star-positive,
 #content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
   display: table-cell;
+  margin-right: 0px;
   height: 30px;
   width: 28px;
 }
@@ -3214,13 +3216,17 @@ input[type=checkbox] {
 }
 #content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input {
-  background-color: #4562b1;
+  background-color: #5E82C6;
   font-weight: 700;
   height: 31px;
   margin-top: 10px;
   text-transform: uppercase;
 }
+#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar a {
+  display: none;
+}
+
 #content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar {
   margin-top: 0px;
   padding-bottom: 50px;
@@ -3228,12 +3234,12 @@ input[type=checkbox] {
 }
 #content .star-rate-form .star-comment-container .comments-software-extra-fields {
-    overflow: auto;
+  overflow: auto;
 }
 #content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments {
-     margin-bottom: 19px;
-     margin-top: 16px;
+  margin-bottom: 19px;
+  margin-top: 16px;
 }
 #content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label {
@@ -3297,18 +3303,78 @@ input[type=checkbox] {
     border-radius: 90%;
     font-size: 12px;
     font-weight: 700;
-    background: #3867b7;
+    background: #5E82C6;
     color: #fff;
     margin-left: 4px;
-    padding: 0px 6px;
+    padding: 0px 5px 0px 6px;
+    cursor: pointer;
 }
+/* IMAGEM DE REFERÊNCIA
 .star-rate-data {
   background-image: url('images/validacao_frontend_relato_de_uso.jpg');
   background-repeat: no-repeat;
 }
+.ratings-list {
+  background-image: url('images/tela_listagem_relato_uso_v4_fechado.jpg');
+  background-repeat: no-repeat;
+}*/
+.ratings-list {
+  color: #172738;
+  font-family: Arial, Helvetica, "open_sansregular", sans-serif;
+}
+
+.ratings-list .user-rating-block {
+  padding-bottom: 10px;
+  padding-top: 32px;
+  margin-top: 23px;
+}
+
+.ratings-list .star-profile-information {
+  padding-right: 15px;
+  padding-top: 1px;
+  width: 99px;
+}
+
+.ratings-list .user-rating-block .star-profile-information .star-profile-name {
+  line-height: 16px;
+  width: 70px;
+}
+
+.ratings-list .star-profile-information .star-profile-image img {
+  border-radius: 4px;
+  height: 60px;
+}
+
+.ratings-list .user-rating-block .user-testimony-container .user-testimony {
+  font-size: 16px;
+  margin-top: 12px;
+}
+
+.star-rate-data .star-rate-form .star-comment-container .formfield textarea {
+    width: 100%;
+}
+
+.ratings-list .user-rating-block .user-testimony-container .testimony-rate-date {
+  padding-right: 198px;
+}
+
+.ratings-list .star-container {
+  margin-top: 4px;
+}
+
+.ratings-list .star-container .small-star-positive,
+.ratings-list .star-container .small-star-negative {
+  margin-right: 3px;
+}
+
+.ratings-list .user-rating-block .user-testimony-container .testimony-rate-date {
+  display: block;
+  float: left;
+  margin-top: 2px;
+}
 /*********************** PÁGINA DE AJUDA ***********************/