Advertisement
Guest User

CSS

a guest
Jul 26th, 2017
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.97 KB | None | 0 0
  1. *
  2. {
  3.     margin: 0px;
  4.     padding: 0px;
  5. }
  6.  
  7.  
  8. #topic_reply_post
  9. {
  10.     position: relative;
  11.     background-color: #fff;
  12.     border: 2px solid #f1f1f1;
  13.     border-radius: 2px;
  14.     max-width: 963px;
  15. }
  16.  
  17. @media only screen and (max-width: 963px)
  18. {
  19.     #topic_reply_post
  20.     {
  21.         border-width: 2px 0 2px 0;
  22.     }
  23. }
  24.  
  25. #topic_reply_post-left_s
  26. {
  27.     float: left;
  28.     position: relative;
  29.     font-size: 20px;
  30.     background-color: #f7f7f7;
  31.     border-right: 2px solid #f1f1f1;
  32.     height: 100%;
  33.     width: 20%;
  34. }
  35.  
  36. img[name="topic_reply_post-left_s-avatar"]
  37. {
  38.     background-color: #fff;
  39.     border: 2px solid #f1f1f1;
  40.     border-radius: 50%;
  41.     width: 80%;
  42. }
  43.  
  44. #trp-ls-nick
  45. {
  46.     font-size: 20px;
  47.     font-family: 'Lato', sans-serif;
  48.     width: 100%;
  49.     text-align: center;
  50. }
  51.  
  52. .trp-ls-box
  53. {
  54.     font-size: 16px;
  55.     font-family: 'Lato', sans-serif;
  56.     width: 100%;
  57. }
  58.  
  59. .trp-ls-box_col_1
  60. {
  61.     text-align: right;
  62.     color: #282828;
  63.     font-weight: bold;
  64.     vertical-align: bottom;
  65. }
  66.  
  67. .trp-ls-box_col_2
  68. {
  69.     text-align: right;
  70.     color: #3c6b31;
  71.     font-weight: bold;
  72.     vertical-align: bottom;
  73. }
  74.  
  75. @media only screen and (max-width: 870px)
  76. {
  77.     #trp-ls-nick
  78.     {
  79.         font-size: 13px;
  80.     }
  81.    
  82.     .trp-ls-box
  83.     {
  84.         font-size: 12px;
  85.     }
  86. }
  87.  
  88. @media only screen and (max-width: 670px)
  89. {
  90.     #trp-ls-nick
  91.     {
  92.         font-size: 11px;
  93.     }
  94.    
  95.     .trp-ls-box
  96.     {
  97.         font-size: 9px;
  98.     }
  99. }
  100.  
  101. @media only screen and (max-width: 570px)
  102. {
  103.     #trp-ls-nick
  104.     {
  105.         font-size: 8px;
  106.     }
  107.    
  108.     .trp-ls-box
  109.     {
  110.         font-size: 6px;
  111.     }
  112. }
  113.  
  114. #trp-content
  115. {
  116.     float: left;
  117.     position: relative;
  118. }
  119.  
  120. #topic_reply_post-down_s
  121. {
  122.     clear: both;
  123.     position: absolute;
  124.     bottom: 0px;
  125.     right: 0px;
  126.     text-align: right;
  127.     font-size: 16px;
  128.     padding-top: 2px;
  129.     border-top: 2px solid #f1f1f1;
  130.     width: 80%;
  131. }
  132.  
  133. .icon-thumbs-up:hover
  134. {
  135.     color: #6cc150;
  136. }
  137.  
  138. .icon-thumbs-down:hover
  139. {
  140.     color: #ff5252;
  141. }
  142.  
  143. .divide_controls_down_post
  144. {
  145.     border-left: 2px solid #f1f1f1;
  146.     margin-left: 10px;
  147.     padding-left: 10px;
  148.     padding-right: 10px;
  149. }
  150.  
  151. .icon-flag-empty:hover
  152. {
  153.     color: #ffd45c;
  154. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement