Advertisement
Guest User

Untitled

a guest
Feb 25th, 2017
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.05 KB | None | 0 0
  1. body {
  2. background: url(http://i.imgur.com/7RiTdJE.jpg) fixed;
  3. background-size: cover;
  4. }
  5.  
  6. @media only screen and (min-width: 1025px) {
  7.  
  8. /*** Font Size ***/
  9. .b-catalog_entry .cover .misc, .p-dashboards-show .midheadline .b-link,
  10. .p-dashboards .user_list .list-type > .title .switch, .p-dashboards .user_list .list-type > .title .link,
  11. .p-dashboards .user_list .history > .title .switch, .p-dashboards .user_list .history > .title .link,
  12. .p-dashboards .user_list .list-change .note, .p-dashboards .c-my_list .list-change .note, .bar.vertical .line .x_label,
  13. .p-dashboards-show .contests .contest .notice, .b-forums .forum .topics, .name-date .time,
  14. .p-profiles .profile-head .c-history .entry .misc, .b-stats_bar .stat_names, .p-profiles-show .lifetime .times .time,
  15. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a,
  16. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility span.link-replacement,
  17. .b-comment > .inner header .name-date .time, .b-replies, .b-options-floated, .p-messages .mass-actions .action,
  18. .p-animes_collection-index .pagination, .p-mangas_collection-index .pagination, .p-recommendations-index .pagination,
  19. .p-userlist_comparer-show .pagination, .b-show_more, .b-rate .score-notice, .b-animes-menu .block-list .date,
  20. .bar.horizontal .line .x_label, .b-animes-menu .friend-rate .status, .bar.horizontal .line .bar-container .value,
  21. .b-summary_marker::before, .b-offtopic_marker::before, .b-shiki_editor footer .about-bb_codes,
  22. .bar.vertical .line .bar-container .value, .tipsy, header.head .misc, header.head a.edit, .p-studios .studio .animes,
  23. .p-studios .studio .years, .p-contests-index .contest .date, .p-contests .contest-match .vs .help,
  24. .p-contests .contest-match .vs .next, .p-contests .contest-match .vs .finish, .p-contests .contest-match .vs .refrain,
  25. .p-contests .contest-match .vs .refrained, .p-contests .match-day .matches-num, .b-lang_trigger, .b-club .info,
  26. .b-new_marker::before, .b-user.detailed .info .last-online, .b-user.detailed .history .line .date,
  27. .p-recommendations-index .b-header_filters .hint, .p-recommendations-favourites .b-header_filters .hint,
  28. .p-userlist_comparer .comparer table .notice, .p-topics .l-menu .calendar .entry .misc, .p-topics .l-menu .reviews .entry .misc,
  29. .p-topics .l-menu .clubs .entry .misc, .p-topics .l-menu .contests .contest .notice,
  30. .p-topics .l-menu .sticked-topics .topic .notice, .b-video_player .cc-player_controls .label,
  31. .b-video_player .cc-player_controls .episode-title .video-link, .b-log_entry .date, .b-log_entry .spoiler.collapse,
  32. .b-log_entry .spoiler.collapsed, .b-log_entry .spoiler.collapse span, .b-log_entry .spoiler.collapsed span, .b-js-action,
  33. .b-input .hint, .b-review-topic .review-votes_count, .b-show_more-more .hide-more, .p-dashboard .l-menu .ongoing .misc,
  34. .p-dashboard .l-menu .season .notice, .p-topics .l-menu .sticky-topics .topic .notice, .b-hot_topics .topic,
  35. .b-dialog .to_dialog {font-size: 12px!important;}
  36.  
  37. header.head .notice, .b-breadcrumbs {font-size: 13px!important;}
  38.  
  39. .b-stats_bar a.title, .b-stats_bar .title {
  40. font-size: 14px;
  41. margin-bottom: 3px;
  42. }
  43.  
  44. /* Fixes */
  45. .b-forums .forum .topics {margin-top: 0;}
  46. .b-replies {padding-top: 0;}
  47. .b-options-floated {line-height: normal;}
  48.  
  49. .headline > a,
  50. .midheadline > a,
  51. .subheadline > a {overflow: visible;}
  52.  
  53. .headline, .midheadline, .subheadline {
  54. line-height: 1;
  55. padding: 8px 10px 8px;
  56. }
  57.  
  58. .subheadline {
  59. line-height: 1;
  60. padding: 8px 10px 8px;
  61. }
  62.  
  63. .p-dashboards-show .midheadline .b-link {
  64. line-height: normal;
  65. vertical-align: bottom;
  66. }
  67.  
  68. .b-club .info {
  69. display: block;
  70. padding: 5px 0 0;
  71. }
  72.  
  73.  
  74. /*** Font Family ***/
  75. body {font-family: Helvetica, sans-serif!important;}
  76. .l-top_menu .menu-items > .entry > a {line-height: 20px !important;}
  77.  
  78.  
  79. /*** Rounded Avatars ***/
  80. .b-user.avatar img, .b-user.named_avatar img, .b-user.avatar_fixed_margin img,
  81. .b-user16 img, .b-club .logo, .b-comment > .inner header img, .menu .avatar,
  82. div.avatar img, .p-profiles-edit .account .avatar-edit img, .b-user.detailed .info .image-name .image,
  83. .b-message > .inner header img, .b-hot_topics .topic a.with-author img, .b-dialog > .inner header img,
  84. .p-topics .l-menu .clubs .entry img {border-radius: 50%;}
  85.  
  86.  
  87. /*** mfp-bg ***/
  88. .mfp-bg {opacity: 1;}
  89.  
  90.  
  91. /* Go To Top */
  92. .b-to-top {width: 50%;}
  93. .to-top-fix {display: none;}
  94. .b-to-top .arrow {top: 70px;}
  95.  
  96.  
  97. /*** Feedback ***/
  98. .b-feedback {display: none;}
  99.  
  100.  
  101. /*** Hide Hot Topics ***/
  102. .b-hot_topics {display: none!important;}
  103.  
  104.  
  105. /*** Options Page ***/
  106. .b-input.boolean {display: table;}
  107.  
  108.  
  109. /*** Ads ***/
  110. .b-sponsors_block_3 {display: none!important;}
  111.  
  112.  
  113. /*** Back Arrow ***/
  114. header.head h1 a.back::after,
  115. header.head h2 a.back::after {display: none;}
  116.  
  117. header.head h1 a.back::before,
  118. header.head h2 a.back::before {left: 6px; top: -28px;}
  119.  
  120.  
  121. /*** Comments Fix ****/
  122. .b-comment {
  123. margin-bottom: 10px;
  124. padding-top: 10px;
  125. }
  126.  
  127. .b-comment:first-child {border-top-width: 0 !important;}
  128. .b-comment .inner {min-height: 50px;}
  129. .b-comment > .inner header img {margin: 0 10px 0 0;}
  130. .b-comment > .inner header .name-date {overflow: visible;}
  131. .b-quote {margin: 5px 0;}
  132.  
  133. .b-comment > .inner div.body,
  134. .b-message > .inner div.body {margin-left: 58px;}
  135.  
  136. .b-dialog > .inner div.body {margin-left: 58px;}
  137. .b-dialog > .inner div.body .inner div.body {margin-left: 40px;}
  138.  
  139. .b-replies {
  140. clear: none;
  141. padding-top: 0;
  142. }
  143.  
  144.  
  145. /*** Quotes ***/
  146. .b-quote {
  147. font-style: normal;
  148. border-radius: 2px;
  149. }
  150.  
  151.  
  152. /*** Content Transparent Border Fix ***/
  153. .l-page::before,
  154. .l-page::after,
  155. .l-footer::before,
  156. .l-footer::after {display: none!important;}
  157.  
  158.  
  159. /*** Main Page Fixes ***/
  160. .p-dashboards-show .cc-ongoings,
  161. .p-dashboards-show .cc-second {margin-bottom: 45px;}
  162.  
  163. .b-link_button.maxi,
  164. .create-topic {
  165. font-size: 15px;
  166. text-transform: uppercase;
  167. }
  168.  
  169. .p-dashboards .animes .others,
  170. .p-dashboards .mangas .others {margin-top: 10px;}
  171.  
  172. .b-forums div.block {padding: 0px 5px;}
  173. .p-dashboards-show .c-my_list {padding: 5px 10px 0;}
  174.  
  175. .p-dashboards-show .cc-news .c-news_topics {
  176. margin-right: 4%;
  177. width: 65.667%;
  178. }
  179.  
  180. .p-dashboards-show .cc-news .c-news_topics .b-topic {
  181. border-top-width: 1px;
  182. padding-top: 10px;
  183. }
  184.  
  185. .p-dashboards-show .cc-news .c-news_topics .b-topic {margin-bottom: 30px;}
  186. .p-dashboards-show .cc-news .c-generated_news .b-topic {margin-bottom: 5px;}
  187. .c-generated_news div.block {margin-bottom: 15px;}
  188.  
  189. .headline.linkheadline > a,
  190. .linkheadline.midheadline > a,
  191. .linkheadline.subheadline > a {text-decoration: none;}
  192.  
  193. .headline.linkheadline > a:hover,
  194. .linkheadline.midheadline > a:hover,
  195. .linkheadline.subheadline > a:hover {text-decoration: underline;}
  196.  
  197. .subheadline-input {padding: 4px 0 4px 5px;}
  198. .b-review-topic.mini {margin-bottom: 20px;}
  199.  
  200.  
  201. /*** Reviews ***/
  202. .b-topic.b-review-topic > .inner header img {border-radius: 50%;}
  203. .review-votes_count {margin-bottom: 20px;}
  204.  
  205. .b-topic.b-review-topic > .inner header .name {
  206. margin-top: 7px;
  207. display: inline-block;
  208. }
  209.  
  210.  
  211. /*** Lists Fix ***/
  212. .b-list {margin-left: 3px;}
  213.  
  214. .b-list li {
  215. list-style: none outside none;
  216. margin-bottom: 0;
  217. }
  218.  
  219.  
  220. /*** Activity Graph Fix ***/
  221.  
  222. /*** Buttons ***/
  223. input[type="submit"], input[type="text"], input[type="email"], input[type="number"],
  224. .b-shiki_editor footer .unpreview, .b-shiki_editor footer .preview,
  225. .b-offtopic_marker::before, .b-summary_marker::before,
  226. .b-new_marker::before, .b-anime_status_tag.news::before,
  227. .b-anime_status_tag.anons::before, .b-anime_status_tag.ongoing::before,
  228. .b-anime_status_tag.released::before, .b-anime_status_tag.review::before,
  229. .b-anime_status_tag.ignored {border-radius: 2px;}
  230.  
  231.  
  232. /*** Menu ***/
  233. .userbox #sign_in {margin-top: 14px;}
  234.  
  235. .l-top_menu {
  236. border-bottom: none;
  237. position: fixed;
  238. z-index: 10;
  239. height: 50px;
  240. left: 0;
  241. right: 0;
  242. top: 0;
  243. margin: 0 auto;
  244. }
  245.  
  246. .l-top_menu .menu-items > .entry > a {
  247. line-height: 21px;
  248. text-transform: uppercase;
  249. }
  250.  
  251. .l-top_menu .menu-items > .entry > .submenu {
  252. transition: all 0.3s ease-in;
  253. opacity: 0;
  254. visibility: hidden;
  255. height: auto!important;
  256. }
  257.  
  258. .l-top_menu .menu > .entry:hover > .submenu {
  259. opacity: 1;
  260. visibility: visible;
  261. height: auto!important;
  262. }
  263.  
  264. .l-top_menu .submenu {border: 0;}
  265.  
  266. .l-top_menu .submenu > .entry {
  267. border-bottom: none;
  268. font-size: 11px;
  269. height: 30px;
  270. line-height: 30px;
  271. min-width: 125px;
  272. padding: 0 15px 0;
  273. text-transform: uppercase;
  274. }
  275.  
  276. .l-top_menu .menu > .entry.userbox {
  277. height: 50px !important;
  278. padding: 0 10px 0 0 !important;
  279. }
  280.  
  281. .l-top_menu .inner .logo {
  282. height: 50px;
  283. margin: 0 15px;
  284. width: 106px;
  285. background-position: center;
  286. }
  287.  
  288. .l-top_menu .menu-items {margin-left: 140px;}
  289. .l-top_menu .submenu.right {margin-top: 8px!important;}
  290.  
  291. .l-top_menu .menu-userbox > .entry:hover {
  292. background-color: transparent;
  293. color: white;
  294. text-decoration: none;
  295. cursor: default;
  296. }
  297.  
  298. .l-top_menu .menu-items > .entry > .contest {
  299. margin: 15px 10px 0 0;
  300. padding: 10px 0 !important;
  301. }
  302.  
  303. .l-top_menu .menu-items > .entry > .contest::before {line-height: 2px;}
  304.  
  305.  
  306. /*** Notifications ***/
  307. .b-comments-notifier {
  308. margin: 0;
  309. top: 13px!important;
  310. right: 20px;
  311. border-radius: 50%;
  312. }
  313.  
  314.  
  315. /*** User Menu ***/
  316. .userbox img.avatar,
  317. .menu .unread-count {margin-top: 0!important;}
  318.  
  319. .menu .unread-count,
  320. .menu .contest {margin-left: 11px;}
  321.  
  322. .menu .unread-count, .menu .contest {
  323. background: #1d78b7;
  324. width: 21px;
  325. height: 21px;
  326. line-height: 21px;
  327. }
  328.  
  329. .menu .unread-count {
  330. position: absolute;
  331. right: 45px;
  332. top: 15px;
  333. z-index: 9999;
  334. padding: 0!important;
  335. }
  336.  
  337. .x1000 .menu .unread-count {
  338. right: 47px;
  339. padding: 0!important;
  340. }
  341.  
  342. .menu:hover .unread-count,
  343. .menu:hover .contest {background: #2b8acc;}
  344.  
  345. .menu .unread-count:hover,
  346. .menu .contest:hover {background: #3092d7 !important;}
  347.  
  348. .userbox > a .graphics-arrow-down {display: none;}
  349.  
  350. .menu a.avatar {
  351. padding: 15px 5px !important;
  352. width: 30px !important;
  353. height: 50px !important;
  354. }
  355.  
  356. .userbox .submenu {
  357. display: inline-block!important;
  358. height: auto!important;
  359. position: relative;
  360. float: none!important;
  361. background: transparent;
  362. margin-left: 0px!important;
  363. margin-right: -6px!important;
  364. overflow: visible;
  365. }
  366.  
  367. .x1000 .userbox .submenu {margin-left: 0px!important;}
  368.  
  369. .userbox .submenu.right {
  370. height: 0!important;
  371. margin-top: 0px!important;
  372. top: -6px;
  373. }
  374.  
  375. .userbox .submenu > .entry {
  376. background: transparent;
  377. border-bottom: none;
  378. display: inline-block;
  379. min-width: auto!important;
  380. line-height: 20px;
  381. width: 20px;
  382. padding: 0 8px;
  383. margin-left: 15px;
  384. }
  385.  
  386. .userbox .submenu > .entry:before {
  387. visibility: visible!important;
  388. border-radius: 1px;
  389. transition: backround-color, 0.3s;
  390. background: #5a5a5a;
  391. color: #f9f9f9;
  392. display: block;
  393. float: right !important;
  394. font-size: 12px;
  395. text-align: center;
  396. height: 21px;
  397. line-height: 21px;
  398. }
  399.  
  400. .userbox .submenu > .entry:nth-child(1) {width: 61px;}
  401.  
  402. .userbox .submenu > .entry:nth-child(2) {
  403. width: 61px;
  404. margin-left: 5px;
  405. }
  406.  
  407. .userbox .submenu > .entry:nth-child(1):before {
  408. content: "АНИМЕ";
  409. width: 61px;
  410. }
  411.  
  412. .userbox .submenu > .entry:nth-child(2):before {
  413. content: "МАНГА";
  414. width: 61px;
  415. }
  416.  
  417. .userbox .submenu > .entry:nth-child(3):before,
  418. .menu:hover .submenu > .entry:nth-child(3):before {
  419. content: "";
  420. width: 21px;
  421. height: 20px;
  422. background-image: url(http://i.imgur.com/JcoSHub.png);
  423. background-color: transparent;
  424. background-position: center;
  425. opacity: 0.8;
  426. }
  427.  
  428. .userbox .submenu > .entry:nth-child(5):before,
  429. .menu:hover .submenu > .entry:nth-child(5):before {
  430. content: "";
  431. width: 21px;
  432. height: 20px;
  433. background-image: url(http://i.imgur.com/Cwrn1QN.png);
  434. background-color: transparent;
  435. background-position: center;
  436. opacity: 0.8;
  437. }
  438.  
  439. .menu:hover .submenu > .entry:before {background: #6a6a6a;}
  440. .userbox .submenu > .entry:hover:before {background: #7a7a7a;}
  441.  
  442. .menu:hover .submenu > .entry:nth-child(3):before,
  443. .menu:hover .submenu > .entry:nth-child(5):before {opacity: 0.9;}
  444.  
  445. .userbox .submenu > .entry:nth-child(3):hover:before,
  446. .userbox .submenu > .entry:nth-child(5):hover:before {opacity: 1;}
  447.  
  448. .userbox .submenu > .entry {visibility: hidden!important;}
  449. .userbox .submenu > .entry:nth-child(4) {display: none!important;}
  450.  
  451.  
  452. /*** Search ***/
  453. .l-top_menu .menu > .entry.b-main_search {padding: 13px 10px !important;}
  454.  
  455. .b-main_search .input {
  456. height: 25px;
  457. padding: 6px 10px;
  458. border-radius: 12px;
  459. background-color: #636363;
  460. color: #FFF;
  461. }
  462.  
  463. .b-main_search .input input {
  464. font-size: 12px;
  465. line-height: 12px;
  466. width: 155px !important;
  467. }
  468.  
  469. .b-main_search ul.popup {
  470. border: 0;
  471. margin-left: 2px;
  472. height: auto!important;
  473. transition: all 0.3s ease-in;
  474. opacity: 0;
  475. visibility: hidden;
  476. margin-top: 12px !important;
  477. text-transform: uppercase;
  478. }
  479.  
  480. .b-main_search ul.popup li {
  481. border-bottom: none;
  482. line-height: 30px;
  483. height: 30px;
  484. }
  485.  
  486. .b-main_search.hovered .popup {
  487. opacity: 1;
  488. visibility: visible;
  489. }
  490.  
  491. .b-main_search .suggest-placeholder {
  492. margin-top: 6px;
  493. margin-left: -9px;
  494. }
  495.  
  496. .ac_results li {
  497. padding: 4px 5px;
  498. border-top: 1px solid #787878;
  499. }
  500.  
  501. .ac_odd, .ac_even {background-color: #444;}
  502. .ac_over {background-color: #555;}
  503.  
  504. .ac_results.menu-suggest .ac_even .name,
  505. .ac_results.menu-suggest .ac_odd .name,
  506. .completable-block.menu-suggest .ac_even .name,
  507. .completable-block.menu-suggest .ac_odd .name {color: #fff;}
  508.  
  509. .ac_results, .completable-block {
  510. border: none;
  511. color: #C2C2C2;
  512. font-size: 12px;
  513. margin-top: 2px;
  514. }
  515.  
  516. .ac_results .character-suggest .animes div a,
  517. .ac_results .character-suggest .animes div,
  518. .completable-block .character-suggest .animes div {color: #C5C5C5;}
  519.  
  520. .ac_results .character-suggest .animes div a:hover {text-decoration: underline;}
  521.  
  522.  
  523. /*** Content ***/
  524. .l-page {
  525. min-height: 500px;
  526. margin: 50px auto 0px;
  527. position: relative;
  528. padding: 15px!important;
  529. border-radius: 0px;
  530. }
  531.  
  532. .x1000 .l-page {
  533. margin: 65px auto 15px;
  534. border-radius: 2px;
  535. }
  536.  
  537. /* Скрываем подвал */
  538. .l-footer {display: none!important;}
  539. }
  540.  
  541. /*** Menu Again ***/
  542. @media only screen and (min-width: 1060px) {
  543. .l-top_menu .menu > .entry > a {padding: 15px 15px 14px;}
  544.  
  545. .l-top_menu .menu-items > .entry.calendar > a,
  546. .l-top_menu .menu-items > .entry.info > a {padding: 15px 15px 14px;}
  547.  
  548. .x1000 .l-top_menu .submenu > .entry {padding: 0 8px 0;}
  549. .x1000 .l-top_menu .menu > .entry > a {padding: 15px 8px 14px;}
  550.  
  551. .x1000 .l-top_menu .menu-items > .entry.calendar > a,
  552. .x1000 .l-top_menu .menu-items > .entry.info > a {padding: 15px 8px 14px;}
  553. }
  554.  
  555. @media all and (min-width: 1024px) and (max-width: 1059px) {
  556. .l-top_menu .submenu > .entry {padding: 0 8px 0;}
  557. .l-top_menu .menu > .entry > a {padding: 15px 8px 14px;}
  558.  
  559. .l-top_menu .menu-items > .entry.calendar > a,
  560. .l-top_menu .menu-items > .entry.info > a {padding: 15px 8px 14px;}
  561. }
  562.  
  563. @media only screen and (max-width: 1100px) {
  564. .b-comments-notifier {display: none!important;}
  565. }
  566.  
  567. @media all and (min-width: 1200px) {
  568. .l-page {margin: 65px auto 15px; border-radius: 2px;}
  569. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement