Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2016
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.22 KB | None | 0 0
  1. <div class="container-fluid">
  2. <div class="row">
  3. <div id="review-header" >
  4. <div id="review-user" class="col-sm-8">
  5. <img src="{{review.user.profilePhoto}}" class="pull-xs-left user-image" />
  6. <h4>{{ review.user.userName }}</h4>
  7. </div>
  8. <div id="review-rating" class="col-sm-4">
  9. <img src="images/star-empty-large.png" class="icon" />
  10. <h4>{{ review.rating }}</h4>
  11. </div>
  12. </div>
  13. </div>
  14.  
  15. #reviews-div {
  16. max-height: 400px;
  17. }
  18.  
  19. #heading {
  20. background-color: #FFFFFF;
  21. }
  22.  
  23. .review {
  24. border-radius: 10px;
  25. padding: 18px;
  26. background-color: #FFFFFF;
  27. margin-bottom: 20px;
  28. }
  29.  
  30. #write-review-div {
  31. background-color: #FFFFFF;
  32. border-radius: 10px;
  33. padding: 18px;
  34. margin-bottom: 20px;
  35. }
  36.  
  37. h4 {
  38. color: $primary-500;
  39. font-weight: 200;
  40. text-transform: uppercase;
  41. }
  42.  
  43. #review-icon {
  44. background-image: url("../../images/pencil.png");
  45. cursor: text;
  46. }
  47.  
  48. ::-webkit-input-placeholder {
  49. color: $primary-500;
  50. font-weight: 200;
  51. }
  52. :-moz-placeholder {
  53. /* Firefox 18- */
  54. color: $primary-500;
  55. line-height: 60px;
  56. font-weight: 200;
  57. }
  58. ::-moz-placeholder {
  59. /* Firefox 19+ */
  60. color: $primary-500;
  61. line-height: 60px;
  62. font-weight: 200;
  63. }
  64. :-ms-input-placeholder {
  65. color: $primary-500;
  66. font-weight: 200;
  67. }
  68.  
  69. input:-webkit-autofill {
  70. -webkit-box-shadow: 0 0 0 1000px white inset !important;
  71. -webkit-text-fill-color: $primary-500 !important;
  72. }
  73.  
  74. .icon {
  75. height: 32px;
  76. margin-right: 10px;
  77. display: inline-flex;
  78. }
  79.  
  80. .user-image {
  81. height: 64px;
  82. border-radius: 32px;
  83. margin-right: 10px;
  84. display: inline-flex;
  85. }
  86.  
  87. #review-rating h4 {
  88. margin-bottom: 0;
  89. }
  90.  
  91. #review-rating {
  92. display: inline-flex;
  93. height: 64px;
  94. align-items: center;
  95. width: 100%;
  96. justify-content: flex-end;
  97. }
  98.  
  99. #review-rating h4 {
  100. display: inline-flex;
  101. }
  102.  
  103. #review-user h4 {
  104. display: inline-flex;
  105. }
  106.  
  107. #review-user {
  108. display: inline-flex;
  109. height: 64px;
  110. align-items: center;
  111. justify-content: center;
  112. }
  113.  
  114. #review-header {
  115. width: 100%;
  116. margin-bottom: 15px;
  117. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement