Guest User

2ch Gazette Theme fix5

a guest
Sep 29th, 2018
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.56 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&subset=cyrillic');
  2. ::-webkit-scrollbar {width: 12px; height: 12px;}
  3. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  4. ::-webkit-scrollbar-thumb {background: #c2c0be; border-radius: 6px; border: 2px solid #f5f4f2;}
  5. ::-webkit-scrollbar-thumb:active {background: #8f8c88;}
  6. ::-webkit-scrollbar-track {background: #f5f4f2;}
  7. ::-webkit-scrollbar-corner {background: #f5f4f2;}
  8.  
  9. html, body {background: #f8f7f5; color: #42413f; font-family: 'Lora', serif !important; line-height: 1.3; max-width: 980px; margin: 0 auto; padding: 0 4px;}
  10.  
  11. a, .a-link-emulator, a:link, a:visited, .orange {color: #a18974; text-decoration: none; transition: color .1s;}
  12. a:hover, .a-link-emulator:hover, .header a:hover {color: #b5a393;}
  13. a[href*="youtube.com"] {border-bottom: none;}
  14. a[onclick*="updateThread(); return false;"]{font-size: 0;}
  15. a[onclick*="updateThread(); return false;"]:before {content: "\f021"; font: normal normal normal 14px/1 FontAwesome; margin: 0 2px;}
  16.  
  17. #plashque, #mobile-plashque, .moneymoneymoney {display: none;}
  18.  
  19. .header a.mainlogo {color: #42413f; font-weight: normal;}
  20. .welcomefriend {color: #a18974;}
  21. .postscontainer {background: #f5f4f2; border-color: #dbdad6; border-radius: 4px;}
  22. .postscontainer a:hover {text-decoration: none;}
  23. .mainpage .pager {background: #f5f4f2;}
  24. .hdescription, .hdescription-stats, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: 'Lora', serif;}
  25. .ui-widget-content {background: #f5f4f2;}
  26. .hnews .news-posts-count {color: #8f8c88;}
  27. .table .thead .th {border: none;}
  28. .table .tbody .tr:nth-of-type(2n) {background: #e9e8e5;}
  29.  
  30. .wraper.mainpage {margin: 0 10px;}
  31. .content, .board-data {max-width: 980px; width: auto;}
  32.  
  33. .logo img, .logo br {display: none;}
  34. .logo {font-family: 'Lora', serif; font-size: 40px; font-weight: normal; color: #42413f !important;}
  35. hr {border-color: #0000;}
  36.  
  37. .adminbar__boards_sticky, .rmenu {display: none;}
  38. .adminbar__boards_hovered {transform: none;}
  39. .adminbar {opacity: 0; transition: .2s;}
  40. .adminbar__menu {border-bottom-color: #dbdad6;}
  41. header:hover .adminbar {opacity: 1;}
  42.  
  43. .pager {background: #f5f4f2; border-color: #dbdad6; border-radius: 4px; color: #dbdad6;}
  44. .pager strong {color: #42413f;}
  45.  
  46. .thread_wrap {border: 1px solid #dbdad6; border-radius: 4px;}
  47. .thread_wrap:after {background: linear-gradient(to bottom, rgba(245, 244, 242, 0.02) 0%,rgba(245, 244, 242, 0.13) 30%,rgba(245, 244, 242, 0.62) 52%,rgba(245, 244, 242, 0.94) 74%,rgb(245, 244, 242) 100%);}
  48. .thread_wrap, .thread_wrap > .thread {background: #f5f4f2;}
  49. .thread_wrap.expandble:hover {border: none;}
  50. .thread_wrap.expandble:hover .thread {box-shadow: none; border-radius: 4px;border: 1px solid #dbdad6;}
  51.  
  52. .thumb {box-shadow: none;}
  53.  
  54. .warningcover {background: none repeat scroll 0% 0% #8f8c88;}
  55. .warningbox {background: none repeat scroll 0% 0% #f5f4f2; border: 1px solid #dbdad6; border-radius: 4px; top: 50%;}
  56.  
  57. #ABU-alertbox {font-family: 'Lora', serif; margin: 4px;}
  58. #ABU-alertbox > .reply {border-color: #dbdad6 !important; margin: 2px !important;}
  59.  
  60. .spoiler, .spoiler a {background: #dbdad6; color: #dbdad6; transition: .1s;}
  61.  
  62. .reply-label-wrapper {color: #0000;}
  63. .reply-label {color: #a18974; font-weight: bold; transition: color .1s;}
  64. .reply-label:hover {color: #b5a393;}
  65.  
  66. .cntnt__left {background: #f5f4f2; position: fixed; top: 0; left: -330px; width: 335px; z-index: 999; transition: .3s;}
  67. .cntnt__left:hover {left: 0;}
  68. .fm {font-size: 0.95em; margin: 5px;}
  69. .fm__header {background: none; font-size: 1.3em;}
  70. .fm__header:hover {background: none; color: #a18974;}
  71. .fm__sub a {display: block;}
  72.  
  73. input[type="checkbox"].turnmeoff {display: none;}
  74.  
  75. .mess-post {color: #8f8c88;}
  76.  
  77. #posts-form > .reply {border-color: #dbdad6 !important;}
  78.  
  79. .post-wrapper {margin: 8px 0;}
  80. .post {padding: 2px 6px 4px;}
  81. .post .post-message {font-size: 1.1em; margin: 0.4em 20px 1em;}
  82. .post .post-details {color: #8f8c88;}
  83. .reply {background: #f5f4f2; border-color: #dbdad6; border-radius: 4px;}
  84. .reply.hiclass {background: #e9e8e5;}
  85. .reply-posts-marker .post {border: 1px dashed #877b7b;}
  86. .watched-posts-marker .post {border: 1px solid #877b7b;}
  87. .new-posts-marker .post {border-bottom-color: #877b7b;}
  88. .reply .post-details {color: #8f8c88; font-size: 0.9em; opacity: 0;  transition: .2s;}
  89. .reply:hover .post-details {opacity: 1;}
  90.  
  91. .postbtn-exp {background: url(http://immage.biz/images/2018/09/28/SkBn.png) no-repeat;}
  92. .postbtn-expall {background: url(http://immage.biz/images/2018/09/28/SkBs.png) no-repeat;}
  93. .postbtn-hide {background: url(http://immage.biz/images/2018/09/28/SkBa.png) no-repeat;}
  94. .postbtn-report {background: url(http://immage.biz/images/2018/09/28/SkBf.png) no-repeat;}
  95. .postbtn-options {background: url(http://immage.biz/images/2018/09/28/SkBe.png) no-repeat;}
  96.  
  97. .modal {background: #f8f7f5; border-color: #dbdad6;}
  98. .modal a {font-family: 'Lora', serif;}
  99. .modal a:hover {background: #dbdad6; color: #42413f;}
  100.  
  101. .post .file-attr {padding: 1px;}
  102. .post .file-attr .filesize, .like-caption, .dislike-caption {display: none;}
  103. .like-div .like-icon, .dislike-div .dislike-icon, .like-count, .dislike-count {color: #8f8c88;}
  104.  
  105. .post .webm-file {border: none; border-bottom: 2px dashed #c2c0be;}
  106. figure {position: relative;}
  107. figure:hover > .file-attr {opacity: 1;}
  108.  
  109. .ABU-refmap {font-size: 80%;}
  110.  
  111. .thread-nav {color: #dbdad6; font-size: 0.95em;}
  112. .thread-nav a {margin: 0 2px;}
  113. .thread-nav span {color: #42413f;}
  114. .autorefresh-checkbox {margin: 0 2px 2px 2px !important;}
  115. #postbtn-favorite-bottom {font-size: 0;}
  116. #postbtn-favorite-bottom:before {content: "\f006"; font: normal normal normal 14px/1 FontAwesome; margin: 0 2px;}
  117.  
  118. #postform td.label {font-size: 0; visibility: hidden;}
  119. .markup {padding: 2px;}
  120. .rules-area, .kupi-passcode-suka {display: none;}
  121. .form-files-box .form-files-limits {color: #c2c0be;}
  122. .form-files-box .form-files-drag-area {border-color: #c2c0be; color: #c2c0be;}
  123. .form-files-box .input-thumbnail-box {border-color: #c2c0be;}
  124. .form-files-box .input-thumbnail-meta {background: #e9e8e5;}
  125. .form-files-box .input-thumbnail-size {margin-left: 4px;}
  126. .literally .lc-picker, .literally .horz-toolbar {background: #e9e8e5;}
  127.  
  128. input[type="text"], input[type="password"], textarea {background: none; border: none; border-bottom: 2px solid #c2c0be; transition: border .1s;}
  129. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: #a8a6a3;}
  130. input[type="button"], input[type="submit"] {background: none; border: none; color: #a18974; font-weight: bold; transition: .2s;}
  131. input[type="button"]:hover, input[type="submit"]:hover {color: #b5a393;}
  132. button[disabled], html input[disabled] {color: #c2c0be !important;}
  133. .mselect, select {background: #e9e8e5; border: none; border-bottom: 2px solid #c2c0be; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
  134.  
  135. .qr {background: #f5f4f2; border-color: #dbdad6; border-radius: 4px; padding: 4px;}
  136. .qr .qr-header {background: #f5f4f2; border: none;}
  137. .qr .qr-close {color: #0000; font-size: 0;}
  138. .qr .qr-close:before {content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; color: #333;}
  139. .qr-reply .qr-vk-public {display: none;}
  140. .qr-settings thead tr, .qr-settings tbody tr:last-child {background-color: #e9e8e5;}
  141. .qr-footer hr, .bb hr {border-color: #dbdad6;}
  142. .qr-footer, .bb .bb-footer {font-size: 12px; padding: 0 4px;}
  143.  
  144. .bb {background: #f5f4f2; border-color: #dbdad6; border-radius: 4px 4px 0 0;}
  145. .bb .boardstats-row {margin: 5px;}
  146. .fa {font: normal normal normal 14px/1 FontAwesome, 'Lora', serif;}
  147. .fa-bar-chart, .fa-eye {float: right; min-width: 65px;}
  148.  
  149. .nb, .adminbar-bottom, .footer .board-info {display: none;}
  150. .footer div[style="float: right; margin: 0 0 0.5em 0;"]{float:left!important}
  151.  
  152. @media only screen and (max-width: 480px) and (orientation:portrait),  only screen and (max-width: 540px) and (orientation:landscape){
  153. html, body {padding: 0; margin: 0;}
  154. .adminbar {opacity: 1; position: unset;}
  155. .menu {position: unset;}
  156. .adminbar__boards {background: #f8f7f5; position: unset;}
  157.  
  158. .content, .board-data {width: auto;}
  159. .hboardlist .column {width: 50%;}
  160. .board-list-table .board-title, .board-list-table .board-posts {width: auto;}
  161.  
  162. .button-mob {background: none; border: none; color: #a18974;}
  163.  
  164. .oppost {background: none;}
  165. .oppost-options-mob, .post .post-details {background: none;}
  166. .post .post-message {margin: 0.6em 1em;}
  167. .post {padding: 0;}
  168. .post .image {vertical-align: top;}
  169. .reply .post-details {background: none; opacity: 1;}
  170. .ABU-refmap {padding: 0 4px 2px;}
  171.  
  172. .qr {font-size: 1em;}
  173. .qr-reply input.qmail {width: 220px;}
  174. }
Advertisement
Add Comment
Please, Sign In to add comment