API tools faq
paste
Advertisement
conception

styleee

conception
Nov 18th, 2016
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.16 KB | None | 0 0
raw download clone embed print report
  1. <center>
  2. <html>
  3. <head>
  4.  
  5. </head>
  6. <style>
  7. .overlay {
  8. top: 60px;
  9. width: 800px;
  10. height: 600px;
  11. box-shadow: 1px 0px 20px #040404;
  12. background: #101010;
  13. position: relative;
  14. }
  15.  
  16. .innerbox {
  17. overflow: auto;
  18. padding: 5px;
  19. background: #070707;
  20. box-shadow: 1px 0px 15px #040404;
  21. position: absolute;
  22. overflow: hidden;
  23. }
  24.  
  25. #navi {
  26. top: 0px;
  27. position: fixed;
  28. left: 0px;
  29. height: 35px;
  30. width: 100%;
  31. font-family: trebuchet MS;
  32. font-size: 12pt;
  33. text-transform: uppercase;
  34. text-align: center;
  35. letter-spacing: 2pt;
  36. background-color: #101010;
  37. padding-bottom: 8px;
  38. margin-bottom: 40px;
  39. z-index: 999;
  40. box-shadow: 1px 0px 20px #040404;
  41. }
  42.  
  43. #header {
  44. left: 300px;
  45. height: 600px;
  46. padding: 0px;
  47. background: transparent;
  48. width: 500px;
  49. box-shadow: none;
  50. top: 0px;
  51. }
  52. #content {
  53. left: -210px;
  54. top: -530px;
  55. height: 565px;
  56. width: 350px;
  57. position: relative;
  58. text-align: center;
  59. overflow: auto;
  60. }
  61.  
  62. #affiliates {
  63. top: 400px;
  64. left: 700px;
  65. width: 260px;
  66. height: 165px;
  67. text-align: center;
  68. }
  69.  
  70.  
  71. </style>
  72. <style>
  73. html, body {
  74. background: url('http://i.imgur.com/eyOimIb.png');
  75. color: #f6fbff;
  76. font-family: trebuchet ms;
  77. font-size: 9pt;
  78. }
  79.  
  80. h1 {
  81. color: #9a50ff;
  82. border-bottom: 2px solid ##9a50ff;
  83. text-shadow: 1px 1px 1px #040404;
  84. background: #101010;
  85. font-family: Impact;
  86. font-size: 20px;
  87. line-height: 20px;
  88. display: block;
  89. margin: 1px;
  90. text-transform: uppercase;
  91. font-weight: lighter;
  92. letter-spacing: 1px;
  93. text-align: center;
  94. }
  95.  
  96. h3 {
  97. font-family: Impact;
  98. text-transform: uppercase;
  99. text-align: center;
  100. font-size: 12px;
  101. letter-spacing: 1px;
  102. color: #55caff;
  103. background: #141414;
  104. display: block;
  105. margin: 2px;
  106. padding: 1px;
  107. font-weight: lighter;
  108. border-bottom: 2px solid #55caff;
  109. text-shadow: 1px 1px 1px #040404;
  110. }
  111.  
  112. .navlink:link, .navlink:active, .navlink:visited {
  113. color: #fafafa;
  114. height: 25px;
  115. line-height: 25px;
  116. font-family: Trebuchet MS;
  117. font-size: 6pt;
  118. font-weight: lighter;
  119. text-transform: uppercase;
  120. font-weight: lighter;
  121. padding: 2px;
  122. width: 100px;
  123. margin-top: 5px;
  124. text-align: center;
  125. display: inline-table;
  126. background: transparent;
  127. letter-spacing: 1px;
  128. -webkit-transition: all 0.8s ease-out;
  129. -moz-transition: all 0.8s ease-out;
  130. }
  131.  
  132. .navlink:hover {
  133. color: #fafafa;
  134. height: 25px;
  135. line-height: 25px;
  136. font-size: 6pt;
  137. text-transform: uppercase;
  138. font-style: normal;
  139. font-weight: lighter;
  140. text-align: center;
  141. margin-top: 5px;
  142. display: inline-table;
  143. background: #8c36ff;
  144. -webkit-transition: all 0.8s ease-out;
  145. -moz-transition: all 0.8s ease-out;
  146. }
  147.  
  148.  
  149. @font-face {
  150. font-family: 'Open Sans Condensed';
  151. font-style: normal;
  152. font-weight: lighter;
  153. src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
  154. }
  155.  
  156. i {
  157. font-family: georgia;
  158. font-size: 9pt;
  159. color: #8e82ff;
  160. text-shadow: 1px 1px 1px #181818;
  161. }
  162.  
  163. b {
  164. font-family: trebuchet ms;
  165. font-size: 9pt;
  166. text-transform: uppercase;
  167. color: #7fcaff;
  168. }
  169.  
  170. s {
  171. font-family: trebuchet ms;
  172. font-size: 9pt;
  173. color: #8e82ff;
  174. }
  175.  
  176. u {
  177. font-family: georgia;
  178. font-size: 9pt;
  179. color: #7ec6ff;
  180. border-bottom: 1px dotted #8318e7;
  181. }
  182.  
  183. a:link, .menu2, .menu2 a:link {
  184. color: #8e82ff;
  185. font-family: trebuchet ms;
  186. font-size: 9pt;
  187. text-transform: uppercase;
  188. text-decoration: none;
  189. -webkit-transition: all 0.5s ease-out;
  190. -moz-transition: all 0.5s ease-out;
  191. }
  192.  
  193. a:visited, .menu2 a:visited {
  194. color: #8e82ff;
  195. text-transform: none;
  196. font-family: trebuchet ms;
  197. font-size: 9pt;
  198. text-decoration: none;
  199. }
  200.  
  201. a:hover, .menu, .menu a:link, .menu a:visited {
  202. color: #55caff;
  203. text-decoration: none;
  204. font-family: trebuchet ms;
  205. font-size: 9pt;
  206. text-transform: uppercase;
  207. background: transparent;
  208. -webkit-transition: all 0.5s ease-out;
  209. -moz-transition: all 0.5s ease-out;
  210. }
  211.  
  212. blockquote {
  213. height: auto;
  214. text-align: left;
  215. padding: 2px;
  216. background: #141414;
  217. border-top: 2px solid #55caff;
  218. border-bottom: none;
  219. }
  220.  
  221. .gfxlink:link, .gfxlink:active, .gfxlink:visited {
  222. font-family: impact;
  223. font-size: 15px;
  224. font-weight: lighter;
  225. letter-spacing: 0px;
  226. color: #9a50ff;
  227. background-color: #141414;
  228. display: inline-table;
  229. text-transform: uppercase;
  230. padding: 2px;
  231. height: 20px;
  232. line-height: 20px;
  233. width: 340px;
  234. margin-top: 2px;
  235. margin-bottom: 2px;
  236. margin-left: 1px;
  237. margin-right: 1px;
  238. -webkit-transition: all 0.5s ease-out;
  239. -moz-transition: all 0.5s ease-out;
  240. }
  241.  
  242. .gfxlink:hover {
  243. font-family: impact;
  244. font-size: 15px;
  245. font-weight: lighter;
  246. letter-spacing: 2px;
  247. color: #55caff;
  248. background-color: #040404;
  249. display: inline-table;
  250. text-transform: uppercase;
  251. padding: 2px;
  252. width: 340px;
  253. height: 20px;
  254. line-height: 20px;
  255. margin-top: 2px;
  256. margin-bottom: 2px;
  257. margin-left: 1px;
  258. margin-right: 1px;
  259. -webkit-transition: all 0.5s ease-out;
  260. -moz-transition: all 0.5s ease-out;
  261. }
  262.  
  263. .sitelink:link, .sitelink:active, .sitelink:visited {
  264. font-family: trebuchet ms;
  265. font-size: 10px;
  266. font-weight: lighter;
  267. color: #9a50ff;
  268. border-left: 2px solid #9a50ff;
  269. border-right: 2px solid #9a50ff;
  270. background-color: #141414;
  271. display: block;
  272. text-transform: uppercase;
  273. padding: 2px;
  274. height: 10px;
  275. line-height: 10px;
  276. margin: 1px;
  277. margin-bottom: 0px;
  278. -webkit-transition: all 0.5s ease-out;
  279. -moz-transition: all 0.5s ease-out;
  280. }
  281.  
  282. .sitelink:hover {
  283. font-family: trebuchet ms;
  284. font-size: 10px;
  285. font-weight: lighter;
  286. color: #55caff;
  287. border-left: 2px solid #55caff;
  288. border-right: 2px solid #55caff;
  289. background-color: #040404;
  290. display: block;
  291. text-transform: uppercase;
  292. padding: 2px;
  293. height: 10px;
  294. line-height: 10px;
  295. margin: 1px;
  296. margin-bottom: 0px;
  297. -webkit-transition: all 0.5s ease-out;
  298. -moz-transition: all 0.5s ease-out;
  299. }
  300.  
  301. .lyt img {
  302. background: transparent;
  303. border: 2px solid #fff;
  304. padding: 2px;
  305. width: 200px;
  306. height: 108px;
  307. margin: 2px;
  308. -webkit-filter: grayscale(1);
  309. filter: grayscale(1);
  310. -webkit-transition: all 0.5s ease-out;
  311. -moz-transition: all 0.5s ease-out;
  312. }
  313.  
  314. .lyt img:hover {
  315. background: transparent;
  316. padding: 2px;
  317. margin: 2px;
  318. border: 2px solid #9a50ff;
  319. width: 200px;
  320. height: 108px;
  321. -webkit-filter: grayscale(0);
  322. filter: grayscale(0);
  323. -webkit-transition: all 0.5s ease-out;
  324. -moz-transition: all 0.5s ease-out;
  325. }
  326.  
  327. .ban img {
  328. background: transparent;
  329. border: 2px solid #fff;
  330. padding: 2px;
  331. width: 200px;
  332. height: 50px;
  333. margin: 2px;
  334. -webkit-filter: grayscale(1);
  335. filter: grayscale(1);
  336. -webkit-transition: all 0.5s ease-out;
  337. -moz-transition: all 0.5s ease-out;
  338. }
  339.  
  340. .ban img:hover {
  341. background: transparent;
  342. padding: 2px;
  343. margin: 2px;
  344. border: 2px solid #9a50ff;
  345. width: 200px;
  346. height: 50px;
  347. -webkit-filter: grayscale(0);
  348. filter: grayscale(0);
  349. -webkit-transition: all 0.5s ease-out;
  350. -moz-transition: all 0.5s ease-out;
  351. }
  352.  
  353. .in img {
  354. background: transparent;
  355. border: 2px solid #fff;
  356. padding: 2px;
  357. width: 200px;
  358. height: 150px;
  359. margin: 2px;
  360. -webkit-filter: grayscale(1);
  361. filter: grayscale(1);
  362. -webkit-transition: all 0.5s ease-out;
  363. -moz-transition: all 0.5s ease-out;
  364. }
  365.  
  366. .in img:hover {
  367. background: transparent;
  368. padding: 2px;
  369. margin: 2px;
  370. border: 2px solid #9a50ff;
  371. width: 200px;
  372. height: 150px;
  373. -webkit-filter: grayscale(0);
  374. filter: grayscale(0);
  375. -webkit-transition: all 0.5s ease-out;
  376. -moz-transition: all 0.5s ease-out;
  377. }
  378.  
  379. .chartag img {
  380. background: transparent;
  381. border: 2px solid #fff;
  382. padding: 2px;
  383. width: 67px;
  384. height: 100px;
  385. margin: 2px;
  386. -webkit-filter: grayscale(1);
  387. filter: grayscale(1);
  388. -webkit-transition: all 0.5s ease-out;
  389. -moz-transition: all 0.5s ease-out;
  390. }
  391.  
  392. .chartag img:hover {
  393. background: transparent;
  394. padding: 2px;
  395. margin: 2px;
  396. border: 2px solid #9a50ff;
  397. width: 67px;
  398. height: 100px;
  399. -webkit-filter: grayscale(0);
  400. filter: grayscale(0);
  401. -webkit-transition: all 0.5s ease-out;
  402. -moz-transition: all 0.5s ease-out;
  403. }
  404.  
  405. .gfx img {
  406. background: transparent;
  407. border: 2px solid #fff;
  408. padding: 2px;
  409. width: 100px;
  410. height: 100px;
  411. margin: 2px;
  412. -webkit-filter: grayscale(1);
  413. filter: grayscale(1);
  414. -webkit-transition: all 0.5s ease-out;
  415. -moz-transition: all 0.5s ease-out;
  416. }
  417.  
  418. .gfx img:hover {
  419. background: transparent;
  420. padding: 2px;
  421. margin: 2px;
  422. border: 2px solid #55caff;
  423. width: 100px;
  424. height: 100px;
  425. -webkit-filter: grayscale(0);
  426. filter: grayscale(0);
  427. -webkit-transition: all 0.5s ease-out;
  428. -moz-transition: all 0.5s ease-out;
  429. }
  430.  
  431. .aff img {
  432. background: #333;
  433. background-position: top right;
  434. border: 2px solid #55caff;
  435. border-radius: 0px;
  436. padding: 2px;
  437. width: 88px;
  438. height: 31px;
  439. margin: 2px;
  440. -webkit-transition: all 0.5s ease-out;
  441. -moz-transition: all 0.5s ease-out;
  442. }
  443.  
  444. .aff img:hover {
  445. background: transparent;
  446. padding: 2px;
  447. margin: 2px;
  448. border: 2px solid #9a50ff;
  449. width: 88px;
  450. height: 31px;
  451. -webkit-transition: all 0.5s ease-out;
  452. -moz-transition: all 0.5s ease-out;
  453. }
  454.  
  455. .affgfx img {
  456. background: #333;
  457. background-position: top right;
  458. border: 2px solid #fff;
  459. border-radius: 0px;
  460. padding: 2px;
  461. width: 88px;
  462. height: 31px;
  463. margin: 2px;
  464. -webkit-filter: grayscale(1);
  465. filter: grayscale(1);
  466. -webkit-transition: all 0.5s ease-out;
  467. -moz-transition: all 0.5s ease-out;
  468. }
  469.  
  470. .affgfx img:hover {
  471. background: transparent;
  472. padding: 2px;
  473. margin: 2px;
  474. border: 2px solid #9a50ff;
  475. width: 88px;
  476. height: 31px;
  477. -webkit-filter: grayscale(0);
  478. filter: grayscale(0);
  479. -webkit-transition: all 0.5s ease-out;
  480. -moz-transition: all 0.5s ease-out;
  481. }
  482.  
  483. ::-webkit-scrollbar { width:5px; background:#333; }
  484.  
  485. ::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }
  486.  
  487. ::-webkit-scrollbar-thumb{ -webkit-border-radius:10px; background: #917bff; width:7px; border:none; }
  488.  
  489. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:10px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;
  490. -webkit-transition: all 0.5s ease-out;
  491. -moz-transition: all 0.5s ease-out;}
  492.  
  493. ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#917bff; cursor:hand;}
  494.  
  495. ::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
  496. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!