Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="container-fluid">
- <div class="row">
- <div id="review-header" >
- <div id="review-user" class="col-sm-8">
- <img src="{{review.user.profilePhoto}}" class="pull-xs-left user-image" />
- <h4>{{ review.user.userName }}</h4>
- </div>
- <div id="review-rating" class="col-sm-4">
- <img src="images/star-empty-large.png" class="icon" />
- <h4>{{ review.rating }}</h4>
- </div>
- </div>
- </div>
- #reviews-div {
- max-height: 400px;
- }
- #heading {
- background-color: #FFFFFF;
- }
- .review {
- border-radius: 10px;
- padding: 18px;
- background-color: #FFFFFF;
- margin-bottom: 20px;
- }
- #write-review-div {
- background-color: #FFFFFF;
- border-radius: 10px;
- padding: 18px;
- margin-bottom: 20px;
- }
- h4 {
- color: $primary-500;
- font-weight: 200;
- text-transform: uppercase;
- }
- #review-icon {
- background-image: url("../../images/pencil.png");
- cursor: text;
- }
- ::-webkit-input-placeholder {
- color: $primary-500;
- font-weight: 200;
- }
- :-moz-placeholder {
- /* Firefox 18- */
- color: $primary-500;
- line-height: 60px;
- font-weight: 200;
- }
- ::-moz-placeholder {
- /* Firefox 19+ */
- color: $primary-500;
- line-height: 60px;
- font-weight: 200;
- }
- :-ms-input-placeholder {
- color: $primary-500;
- font-weight: 200;
- }
- input:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 1000px white inset !important;
- -webkit-text-fill-color: $primary-500 !important;
- }
- .icon {
- height: 32px;
- margin-right: 10px;
- display: inline-flex;
- }
- .user-image {
- height: 64px;
- border-radius: 32px;
- margin-right: 10px;
- display: inline-flex;
- }
- #review-rating h4 {
- margin-bottom: 0;
- }
- #review-rating {
- display: inline-flex;
- height: 64px;
- align-items: center;
- width: 100%;
- justify-content: flex-end;
- }
- #review-rating h4 {
- display: inline-flex;
- }
- #review-user h4 {
- display: inline-flex;
- }
- #review-user {
- display: inline-flex;
- height: 64px;
- align-items: center;
- justify-content: center;
- }
- #review-header {
- width: 100%;
- margin-bottom: 15px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement