Advertisement
STeeL835

Kanobu fix

Sep 18th, 2018
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.81 KB | None | 0 0
  1. /* Кнопки поделиться в заголовке */
  2. .c-share .c-item.round-mod,
  3. .KYYV4-P-vVi7eebwpsa15 ._2gFcsunAHMowcRQHMBaDjM._4kQizH-noleAuW67lqSB3{
  4.     border-width: 2px;
  5.     border-color: white;
  6.     border-style: solid;
  7. }
  8.  
  9.  
  10.  
  11. /* ширина статей */
  12. .c-detail.news-mod .image-node,
  13. .c-detail.news-mod .text-node {
  14.     max-width: none;
  15.     padding: 0 10px;
  16. }
  17.  
  18.  
  19.  
  20. /* блок тегов */
  21. .c-detail .c-tags {
  22.     margin: 10px 0;
  23.     padding: 20px 10px 10px 10px;
  24.     /* сами теги паддингом съели 10 снизу + сам блок теперь отступает слева на 10 как все */
  25. }
  26.  
  27.  
  28.  
  29. /* теги */
  30. .c-tags .c-item {
  31.     font-size: 1.5rem;
  32.     line-height: 35px;
  33.     padding: 0 15px;
  34. }
  35.  
  36.  
  37.  
  38. /* Подписаться на комменты */
  39. .c-comments_btn.subscribe-mod,
  40. ._28ufIbEgE1GoV72_BwDoZt._173MXNgb2DxpL4sCnfdzS{
  41.     line-height: 40px;
  42. }
  43.  
  44.  
  45.  
  46. /* текст комментариев, теперь текст не в одну кучу */
  47. .c-comments .c-comment_body,
  48. ._3NBj7L2ezCx3OOaFGK5jpv ._1lzfL1sHZG0ISMOWYXs04C{
  49.     margin-top: -5.5px;
  50.     font-size: 1.45rem;
  51.     line-height: 1.5;
  52.     width: 100%;
  53. }
  54.  
  55.  
  56. /* похоже канобу разрешила перенос строки, новые комментарии сожержат параграфы с отступами сверху */
  57. .c-comments .c-comment_body p:first-child,
  58. ._3NBj7L2ezCx3OOaFGK5jpv ._1lzfL1sHZG0ISMOWYXs04C p:first-child{
  59.     margin-top: 0;
  60. }
  61.  
  62.  
  63.  
  64. /* немного придвигаю блок с кнопкой ответить и голосами */
  65. .c-comments .c-comment_body p:last-child,
  66. ._3NBj7L2ezCx3OOaFGK5jpv ._1lzfL1sHZG0ISMOWYXs04C p:last-child{
  67.     margin-bottom: 10px;
  68. }
  69.  
  70. .c-comments .c-comment_image,
  71. ._3NBj7L2ezCx3OOaFGK5jpv ._1_qQv7Nu0JvMD6Bijr9pT9 img,
  72.  
  73. /* здесь блок с изображением (даже пустым) в каждом комменте (хоть не по сети прилетает) */
  74. .c-comments .c-comment_footer {
  75.     margin-top: 10px;
  76. }
  77.  
  78.  
  79.  
  80. /* чуток разные комменты по вертикали придвинул */
  81. .c-comments .c-comment,
  82. ._3NBj7L2ezCx3OOaFGK5jpv ._3PIqvGnRAJV-cEkNduoU3m{
  83.     margin-bottom: 7px;
  84. }
  85.  
  86.  
  87.  
  88. /* по желанию, серый фон (подложка статей останется белой)*/
  89. .c-branding.opacity-mod {
  90.     background-color: #eeeeee;
  91. }
  92.  
  93.  
  94.  
  95. /* кнопка ответить */
  96. .c-comments_btn,
  97. ._28ufIbEgE1GoV72_BwDoZt{
  98.     font-size: 1.45rem;
  99. }
  100.  
  101.  
  102.  
  103. /* фикс прилипшего + */
  104. .c-vote .c-vote_up {
  105.     margin-right: 15px;
  106. }
  107.  
  108.  
  109.  
  110. /* по желанию, кнопки +/- наоборот */
  111. .c-comments .c-comment .c-comments_btn {
  112.     margin-right: 70px;
  113. }
  114.  
  115. .c-comments .c-comment .c-vote {
  116.     position: relative;
  117. }
  118.  
  119. .c-vote .c-vote_up {
  120.     position: absolute;
  121.     left: 60px;
  122.     margin-right: 0;
  123. }
  124.  
  125. .c-vote .c-vote_down {
  126.     position: absolute;
  127.     right: 130px;
  128. }
  129.  
  130. .c-vote input {
  131.     margin-right: 55px;
  132. }
  133.  
  134.  
  135. /* END +/- */
  136.  
  137. /* реакция категории в фичере на главной на наведение мышью */
  138. .c-ficher_left .c-item_head {
  139.     text-decoration: underline;
  140.     text-decoration-color: transparent;
  141.     transition: text-decoration-color .5s ease-in-out;
  142. }
  143.  
  144. .c-ficher_left .c-item_head:hover {
  145.     text-decoration-color: white;
  146. }
  147.  
  148.  
  149.  
  150. /* ссылки в подхедере посветлее */
  151. .header .hands_list a {
  152.     color: #666
  153. }
  154.  
  155.  
  156.  
  157. /* подвинул кнопки к каруселям */
  158. .c-swiper .swiper-container .swiper-wrapper {
  159.     margin-bottom: 20px
  160. }
  161.  
  162.  
  163.  
  164. /* увидел, что это используется как блок с переводом твитов, но с отступами он выглядял как отдельный. */
  165. .c-detail_intro {
  166.     margin-top: 10px;
  167. }
  168.  
  169.  
  170.  
  171. /*  */
  172. .c-likes {
  173.     margin: 15px 0
  174. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement