Guest User

flacon2000 css searchengines. V3

a guest
Jun 23rd, 2020
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.39 KB | None | 0 0
  1. body,
  2. h1,
  3. h2,
  4. h3,
  5. h4,
  6. .page-header,
  7. .font-title,
  8. .font-regular,
  9. .tabs__item
  10. {
  11.     font-family: sans-serif;
  12. }
  13.  
  14. .top-block
  15. {
  16.     display: none;
  17. }
  18.  
  19. body
  20. {
  21.     background-color: #ccc;
  22.     max-width: 1280px;
  23.     margin: 20px auto;
  24. }
  25. /* Костыль для редактора сообщений */
  26. body[spellcheck] {
  27.     background: #fff;
  28.     padding: 10px 20px;
  29. }
  30.  
  31. /* Шапка */
  32. .page-header
  33. {
  34.     border-radius: 6px 6px 0 0;
  35.     border-bottom: solid 2px #828282;
  36.     background: linear-gradient(0deg, #3b3b3b, #828282);
  37. }
  38.  
  39. .page-header__logo a img
  40. {
  41.     max-width: 150px;
  42.     margin: 6px;
  43. }
  44.  
  45. .page-header__menu-item_selected a
  46. {
  47.     background-color: rgba(0, 0, 0, 0.1);
  48. }
  49.  
  50. .page-header__menu-item a
  51. {
  52.     text-decoration: none;
  53.     font-size: 12px;
  54.     text-transform: uppercase;
  55.     display: flex;
  56.     justify-content: center;
  57.     align-items: center;
  58.     height: 40px;
  59.     padding: 4px 12px 4px;
  60. }
  61.  
  62. /* Контент */
  63. .main-content
  64. {
  65.     background: #dfdfdf;
  66.     padding: 0 30px;
  67.     display: flex;
  68.     flex-direction: row-reverse;
  69. }
  70.  
  71. /* Основная колонка */
  72. .main-content__column-mid
  73. {
  74.     padding-right: 50px;
  75.     width: 75%;
  76.     margin: 0;
  77.     border: 0;
  78. }
  79.  
  80. .middle-block
  81. {
  82.     display: none;
  83. }
  84.  
  85. .topics-list__item:nth-child(2n+1)
  86. {
  87.     background: #eaeaea;
  88.     box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.1);
  89. }
  90.  
  91. .topics-list__title
  92. {
  93.     padding-top: 10px;
  94.     padding-bottom: 10px;
  95. }
  96.  
  97. /* Боковое меню */
  98. .main-content__column-left
  99. {
  100.     width: 25%;
  101.     padding-left: 40px;
  102.     border: 0;
  103. }
  104.  
  105. .sidebar-menu__item a
  106. {
  107.     font-size: 14px;
  108.     transition: all .2s ease;
  109.     padding-top: 5px;
  110.     padding-bottom: 5px;
  111.     border-radius: 2px;
  112.     margin: 2px 0 0 0;
  113.     line-height: 1;
  114. }
  115.  
  116. .sidebar-menu__item a:hover
  117. {
  118.     color: #000;
  119.     background: #738fbf30;
  120. }
  121.  
  122. .sidebar-menu__item_active > a,
  123. .sidebar-menu__item_active > span
  124. {
  125.     background: #738fbf;
  126.     color: #fff;
  127.     text-transform: uppercase;
  128. }
  129.  
  130. .sidebar-menu__item_active > a:hover,
  131. .sidebar-menu__item_active > span:hover
  132. {
  133.     background: #738fbf;
  134.     color: #fff;
  135.     text-transform: uppercase;
  136. }
  137.  
  138. /* Сообщения */
  139. .comment
  140. {
  141.     position: relative;
  142.     padding-bottom: 20px;
  143.     margin-bottom: 20px;
  144.     min-height: 110px;
  145.     box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
  146.     border-radius: 6px;
  147.     overflow: hidden;
  148.     background: #f0f0f0;
  149.     padding: 10px 30px 10px 0;
  150. }
  151. .fquote {
  152.     border: 0;
  153.     background: #e2e2e2;
  154.     border-radius: 4px;
  155. }
  156. pre.code{
  157.     background-color: #f5f5f5;
  158.     max-height: 350px;
  159. }
  160.  
  161. /* Личный кабинет */
  162. .profile-view__avatar img
  163. {
  164.     border-radius: 6px;
  165. }
  166.  
  167. .my-topics__item:nth-child(2n)
  168. {
  169.     background: #eee;
  170. }
  171.  
  172. .tabs__navigation
  173. {
  174.     border-bottom: 1px solid #738fbf;
  175. }
  176.  
  177. .tabs__item
  178. {
  179.     margin-right: 0px;
  180.     padding: 10px;
  181. }
  182.  
  183. .tabs__item
  184. {
  185.     font-size: 16px;
  186.     font-weight: bold;
  187. }
  188.  
  189. .tabs__item:after
  190. {
  191.     background: #738fbf;
  192. }
  193.  
  194. .tabs__item_selected
  195. {
  196.     background: #738fbf;
  197.     border-radius: 2px 2px 0 0;
  198. }
  199.  
  200. .tabs__item_selected a
  201. {
  202.     color: #fff;
  203. }
  204.  
  205. .tabs__item_selected .tabs__count
  206. {
  207.     color: #fff;
  208. }
  209.  
  210. .my-topics__breadcrumbs a
  211. {
  212.     color: #8e8e8e;
  213.     letter-spacing: -0.5px;
  214. }
  215.  
  216. .my-topics__breadcrumbs a:last-child
  217. {
  218.     font-weight: 700;
  219.     color: #738fbf;
  220. }
Advertisement
Add Comment
Please, Sign In to add comment