Advertisement
jamastar

grey scale

Mar 16th, 2018
180
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.60 KB | None | 0 0
  1. /* code created by landshark
  2. https://www.xanje.com/~jamastar */
  3.  
  4. #header-logo-info>div {
  5. width: 33.33%;
  6. margin-top: 55px;
  7.  
  8. }
  9.  
  10.  
  11.  
  12.  
  13.  
  14. body {
  15. background-image: url("https://i.imgur.com/975STrO.png");
  16. background-color: #000;
  17. color: #444444;
  18. height: 100px;
  19. background-size: cover;
  20.  
  21. }
  22.  
  23.  
  24. img {
  25. filter: grayscale(100%);
  26. opacity:1;
  27. transition: 0.5s linear;
  28. }
  29.  
  30. img:hover {
  31. filter: grayscale(0%) ;
  32. }
  33.  
  34.  
  35.  
  36.  
  37. #top-buttons-contain>div, .toolbar-button.open, .toolbar-window {
  38. background-color: #9e9e9e;
  39. border-radius: 1px 1px 1px 1px;
  40. }
  41.  
  42. #header-nav {
  43. background-image: url("https://i.imgur.com/ogNC10l.png");
  44. border-radius: 1px 1px 1px 1px;
  45. margin-top: 80px;
  46. }
  47.  
  48. #header-nav {
  49. background-color: transparent;
  50. }
  51.  
  52. #header-nav>div:hover>a, #header-nav>div>div {
  53. background-color: transparent;
  54. }
  55.  
  56. #header-nav>div a {
  57. color: #444444;
  58. border-radius: 1px 1px 1px 1px;
  59. font: Arial;
  60. font-size: 14px;
  61. text-transform: uppercase;
  62.  
  63. }
  64.  
  65.  
  66. #header-nav>div>div {
  67. background-image: url("https://i.imgur.com/aWFze6T.png");
  68. border-radius: 1px 1px 1px 1px;
  69. color: #444444;
  70. font: Arial;
  71. font-size: 11px;
  72. }
  73.  
  74. #header-nav>div>div a {
  75. display: block;
  76. font-size: 11px;
  77. line-height: 19px;
  78. }
  79.  
  80. #coin-balance-top, #unread-replies-link {
  81. cursor: pointer;
  82. padding: 3px 10px;
  83. height: inherit;
  84. font-size: 11px;
  85. font-family: Arial;
  86. box-shadow: -2px 2px 5px 0 rgba(0,0,0,.25);
  87. border-radius: 1px 1px 1px 1px;
  88. float: right;
  89. color: #444444;
  90. font-size: 14px;
  91. }
  92.  
  93. #coin-balance-top, #unread-replies-link, .toolbar-button.open, .toolbar-window {
  94. background-image: url("https://i.imgur.com/ogNC10l.png");
  95. display: none;
  96. }
  97. #top-buttons-contain {
  98. width: inherit;
  99. max-width: 100%;
  100. height: 27px;
  101. line-height: 20px;
  102. z-index: 2500;
  103. position: fixed;
  104. top: 0;
  105. padding-right: 80px;
  106. font: Arial;
  107. color: #444444;
  108. font-size: 14px;
  109. }
  110.  
  111. replies-link, .toolbar-button.open, .toolbar-window {
  112. background-color: #969691;
  113. }
  114.  
  115.  
  116.  
  117. #header {
  118. background-image: url("");
  119. background-repeat: no-repeat;
  120. background-size: 700px;
  121. background-position-x: 50%;
  122. margin-top: 60px;
  123. margin-left: -0px;
  124. }
  125.  
  126. #wrapper {
  127. width: 960px;
  128. min-height: 100%;
  129. margin: 0 auto;
  130. border: 0 solid;
  131. padding-top: 0px;
  132. }
  133.  
  134.  
  135. #welcome-message #greeting-name {
  136. font-weight: bold;
  137. font-size: 16px;
  138. color: #444444;
  139. display: none;
  140.  
  141. }
  142.  
  143. #welcome-message.logged-in {
  144. padding-right: 85px;
  145. display: none;
  146. }
  147.  
  148. a:link,a:visited {
  149. color: #444444;
  150. text-decoration: none;
  151. transition-duration: 0.9s;
  152. font-family: Arial;
  153. }
  154.  
  155. #logo {
  156. position: absolute;
  157. top: 0;
  158. left: 0;
  159. display: block;
  160. width: 168px;
  161. height: 75px;
  162. background-repeat: no-repeat;
  163. display: none;
  164. }
  165.  
  166. .tabbed-container .tabbed-tabs>div.tab-open, .tabbed-container.inverted .tabbed-tabs>div {
  167. background-color: #C1C1BA;
  168. font-family: Arial;
  169. color: #444444;
  170. display: none;
  171.  
  172. }
  173.  
  174. .bbc_table td {
  175. font-family: Arial;
  176. color: #444444;
  177.  
  178. }
  179.  
  180. .tabbed-container .tabbed-tabs>div, .tabbed-container.inverted .tabbed-tabs>div.tab-open {
  181. background-color: #c1c1ba;
  182. font-family: Arial;
  183. color: #444444;
  184.  
  185. }
  186.  
  187. table {
  188. background-color: #C1C1BA;
  189.  
  190.  
  191. }
  192.  
  193. .tabbed-container .tabbed-sections>div.tab-open {
  194. background-color: #C1C1BA;
  195.  
  196. }
  197.  
  198. #site-announcement {
  199. padding: 0 10px;
  200. text-align: center;
  201. position: relative;
  202. display: none;
  203. }
  204.  
  205. header {
  206. background-image: url("https://i.imgur.com/ogNC10l.png");
  207. border-radius: 1px 1px 1px 1px;
  208. display: none;
  209.  
  210. }
  211.  
  212. #profile-info {
  213. line-height: 13px;
  214. font-size: 11px;
  215. }
  216.  
  217. .thread-attr {
  218. background-color: transparent;
  219. }
  220.  
  221. .forums-pagination li a, .thread-attr {
  222. color: #444444;
  223. font-family: Arial;
  224. }
  225.  
  226. h2:last-child {
  227. margin-bottom: 0;
  228. font-family: Arial;
  229. color: #444444;
  230.  
  231. }
  232.  
  233.  
  234. [role=button], select {
  235. border-color: #c1c1ba;
  236. color: #444444;
  237. background-color: #8c9294;
  238. display: none;
  239. }
  240.  
  241. section:not(.no-margin) {
  242. /* margin-bottom: 1px; */
  243. /* margin-top: 0px; */
  244. border-radius: 1px 1px 1px 1px;
  245. background-image: url("https://i.imgur.com/ogNC10l.png");
  246. font-family: Arial;
  247. color: #444444;
  248. font-size: 12px;
  249. }
  250.  
  251. section {
  252. background-color: transparent;
  253. }
  254.  
  255. #threads-table .th-tbl-last {
  256. width: 155px;
  257. font-size: 0.9em;
  258. color: #444444;
  259. display: none;
  260. }
  261.  
  262. #threads-table .th-tbl-icon {
  263. width: 10px;
  264. text-align: center;
  265. color: #444444;
  266. display: none;
  267. }
  268.  
  269. #toolbar {
  270. border-radius: 0px 0 0;
  271. }
  272.  
  273. .side-tools {
  274. background-color: #5f2c34;
  275. }
  276.  
  277. #toolbar-clock {
  278. text-align: center;
  279. font-size: 11px;
  280. font-weight: 700;
  281. margin-bottom: 3px;
  282. margin-top: 5px;
  283. color: #444444;
  284. }
  285.  
  286. .side-tools>.button {
  287. background-color: #000;
  288. }
  289.  
  290.  
  291. element.style {
  292. }
  293.  
  294. .toolbar-button {
  295. background-image: url("https://i.imgur.com/ogNC10l.png");
  296. }
  297.  
  298. #wrapper>iframe, header, th {
  299. background-color: transparent;
  300. }
  301.  
  302. #side-boxes.right .side-tools {
  303. border-radius: 1px 1px 1px 1px;
  304. box-shadow: -2px 2px 5px 0 rgba(0,0,0,.35);
  305. display: none;
  306. }
  307.  
  308. section button, section input[type=button], section input[type=email], section input[type=number], section input[type=password], section input[type=search], section input[type=submit], section input[type=text], section select, section textarea {
  309. border-color: transparent;
  310. font: Arial;
  311. color: #444444;
  312. background-color: transparent;
  313. }
  314.  
  315. #header-nav>div>a:last-child {
  316. height: auto;
  317. border-radius: 1px 1px 1px 1px;
  318. }
  319.  
  320. [role=anchor], a {
  321. color: #444444;
  322. }
  323.  
  324. body {
  325. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), default;
  326. }
  327.  
  328. #footer, #header {
  329. color: #444444;
  330. }
  331.  
  332. blockquote, code.bbc_code {
  333. border-color: #ffffff;
  334. background-color: #ffffff42;
  335. border-radius: 1px 1px 1px 1px;
  336. }
  337.  
  338. section button, section input[type=button], section input[type=email], section input[type=number], section input[type=password], section input[type=search], section input[type=submit], section input[type=text], section select, section textarea {
  339. border-color: transparent;
  340. font-family: Arial;
  341. color: #000;
  342. background-color: transparent;
  343. border-width: 1px 1px 1px 1px;
  344. font-size: 10px;
  345. border-radius: 1px 1px 1px 1px;
  346. text-transform: uppercase;
  347. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement