Advertisement
SinfulCoding

Vasile Coding

Oct 5th, 2016
534
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.01 KB | None | 0 0
  1. <html>
  2. <body><style type="text/css">
  3.  
  4. @font-face {
  5. font-family: 'Hell';
  6. src: url('https://dl.dropboxusercontent.com/s/l4qg58h3vczugwr/Hellraiser%20SC.ttf');
  7. }
  8.  
  9. @font-face {
  10. font-family: 'Angel';
  11. src: url('https://dl.dropboxusercontent.com/s/2jxcy3al3c0vk0p/Angel.TTF');
  12. }
  13.  
  14. @font-face {
  15. font-family: 'Van';
  16. src: url('https://dl.dropboxusercontent.com/s/zoclepdwqbnoabc/Van%20Helsing.ttf');
  17. }
  18.  
  19.  
  20. .pfor {display: none; visibility: hidden;}
  21. #profile {background-color:black;}
  22. #profile {border:black;}
  23. body
  24. {overflow-x:hidden;
  25. background-image:
  26. url('');
  27. background-repeat:repeat;
  28. background-position:;
  29. background-attachment: fixed;
  30. background-color:black;
  31. font: 0px arial;
  32. color: black;}
  33. #profile {background-color: black;
  34. border:0px;
  35. }
  36.  
  37. ::-webkit-scrollbar {
  38. width: 5px;
  39. height: 0px;
  40. background:;
  41. }
  42.  
  43. ::-webkit-scrollbar-thumb {
  44. background-color:black;
  45. -webkit-border-radius: 10px;
  46. border-radius: 10px;
  47. }
  48.  
  49. a {color:;
  50. text-decoration: none;
  51. -webkit-transition: all 0.5s ease-in-out;
  52. -moz-transition: all 0.5s ease-in-out;
  53. -o-transition: all 0.5s ease-in-out;
  54. -ms-transition: all 0.5s ease-in-out;
  55. transition: all 0.5s ease-in-out;
  56. }
  57.  
  58. a:hover {color: black;
  59. text-decoration: none;
  60. -webkit-transition: all 0.5s ease-in-out;
  61. -moz-transition: all 0.5s ease-in-out;
  62. -o-transition: all 0.5s ease-in-out;
  63. -ms-transition: all 0.5s ease-in-out;
  64. transition: all 0.5s ease-in-out;
  65. }
  66.  
  67. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  68. }
  69.  
  70. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");}
  71.  
  72.  
  73. #whole{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  74.  
  75.  
  76. #image {position:absolute;
  77. left:800;
  78. top:90;
  79. width:300;
  80. height:410;
  81. border:2px solid black;
  82. }
  83.  
  84. #image2
  85. {position:absolute;
  86. left:120px;
  87. top:240;
  88. width:300;
  89. height:260;
  90. border:2px solid black;
  91. }
  92.  
  93. #image3 {position:absolute;
  94. left:450px;
  95. top:530;
  96. width:650;
  97. height:150;
  98. border:2px solid black;
  99. }
  100.  
  101. #image4
  102. {position:absolute;
  103. left:450px;
  104. top:90;
  105. width:320;
  106. height:120;
  107. border:2px solid black;
  108. }
  109.  
  110. #title {
  111. position:absolute;
  112. font-size:150px;
  113. font-family:Ginette;
  114. color:#69181E;
  115. left:455;
  116. top:80;
  117. text-transform:lowercase;
  118. }
  119.  
  120. #title2 {
  121. position:absolute;
  122. font-size:50px;
  123. font-family:Bebas Neue;
  124. color:#95242C;
  125. left:460;
  126. top:190;
  127. text-transform:uppercase;
  128. }
  129.  
  130. @font-face{font-family:Ginette;src:url(http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf);}
  131.  
  132. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  133.  
  134.  
  135. #box {background-color:black;
  136. vertical-align: center;
  137. text-transform: none;
  138. color:white;
  139. font-size:20px;
  140. font-family: 'Van';
  141. text-align: justify;
  142. position: absolute;
  143. width:300;
  144. height:240;
  145. left:450px;
  146. top: 240px;
  147. letter-spacing:0px;
  148. line-height: 10px;
  149. padding: 10px;
  150. margin: 1px;
  151. overflow:hidden;
  152. border:2px solid #837E7C;
  153. }
  154.  
  155.  
  156.  
  157. #box3 {background-color:95242C;
  158. vertical-align: center;
  159. text-transform: none;
  160. color:#2A0C0E;
  161. font-size:8px;
  162. font-family:tinytots;
  163. text-align: justify;
  164. position: absolute;
  165. width:300;
  166. height:90;
  167. left:450px;
  168. top: 530px;
  169. letter-spacing:0px;
  170. line-height: 10px;
  171. padding: 10px;
  172. margin: 1px;
  173. border:2px solid #837E7C;
  174. }
  175.  
  176. #box4 {background-color:black;
  177. vertical-align: center;
  178. text-transform: none;
  179. color:white;
  180. font-size:14px;
  181. font-family: 'Angel';
  182. text-align: justify;
  183. position: absolute;
  184. width:280;
  185. height:100;
  186. left:120px;
  187. top: 90px;
  188. letter-spacing:0px;
  189. line-height: 10px;
  190. padding: 10px;
  191. margin: 1px;
  192. border:2px solid #837E7C;
  193. }
  194.  
  195. #box5 {background-color:black;
  196. vertical-align: center;
  197. text-transform: none;
  198. color:white;
  199. font-size:10px;
  200. font-family: 'Angel', serif;
  201. text-align: justify;
  202. position: absolute;
  203. width:300;
  204. height:230;
  205. left:120px;
  206. top:520;
  207. letter-spacing:0px;
  208. line-height: 10px;
  209. padding: 10px;
  210. margin: 1px;
  211. overflow:hidden;
  212. border:2px solid black;
  213. }
  214.  
  215.  
  216. b {
  217. font-family: 'Hell';
  218. font-size:14px;
  219. color:#C11B17;
  220. font-variant: small-caps;
  221. font-weight: normal;
  222. line-height: 20px;
  223. font-variant: small-caps;
  224. }
  225.  
  226.  
  227. strong {
  228. font-family: 'Van';
  229. font-size:18px;
  230. color:#837E7C;
  231. font-variant: small-caps;
  232. font-weight: normal;
  233. line-height: 20px;
  234. font-variant: small-caps;
  235. }
  236.  
  237.  
  238. #box3 img {
  239. width:80;
  240. height:80;
  241. border:5px solid #69181E;
  242. -webkit-transition: all 0.5s ease-in-out;
  243. -moz-transition: all 0.5s ease-in-out;
  244. -o-transition: all 0.5s ease-in-out;
  245. -ms-transition: all 0.5s ease-in-out;
  246. transition: all 0.5s ease-in-out;
  247. }
  248.  
  249. box3 img:hover {
  250. border:5px solid #2A0C0E;
  251. -webkit-transition: all 0.5s ease-in-out;
  252. -moz-transition: all 0.5s ease-in-out;
  253. -o-transition: all 0.5s ease-in-out;
  254. -ms-transition: all 0.5s ease-in-out;
  255. transition: all 0.5s ease-in-out;
  256. }
  257.  
  258. #credit {
  259. position:fixed;
  260. bottom:0;
  261. right:0;
  262. }
  263.  
  264. #thirdbox{
  265. position:absolute;
  266. left:450px;
  267. top:530;
  268. width:650;
  269. height:150;
  270. }
  271.  
  272. #box6 {background-color:black;
  273. vertical-align: center;
  274. text-transform: none;
  275. color:white;
  276. font-size:10px;
  277. font-family: 'Angel', serif;
  278. text-align: justify;
  279. position: absolute;
  280. width:650;
  281. height:150;
  282. left:450px;
  283. top:530;
  284. letter-spacing:0px;
  285. line-height: 10px;
  286. padding: 10px;
  287. margin: 1px;
  288. overflow:hidden;
  289. border:2px solid black;
  290. }
  291.  
  292.  
  293.  
  294. #fourthbox{
  295. position:absolute;
  296. top: 90;
  297. left: 800;
  298. }
  299.  
  300. #tex4{
  301. position:fixed;
  302. top: 90;
  303. left: 800;
  304. width:300px;
  305. height:410px;
  306. background-color:black;
  307. color: white;
  308. font-family: 'Van';
  309. font-size: 15px;
  310. -webkit-transition: all 0.4s ease-in-out;
  311. -moz-transition: all 0.4s ease-in-out;
  312. -o-transition: all 0.4s ease-in-out;
  313. z-index:4;
  314. opacity:0.0;
  315. padding:10px;
  316. text-align:justify;
  317. overflow:auto;
  318.  
  319. }
  320. #tex4:hover{
  321. -webkit-transition: all 0.4s ease-in-out;
  322. -moz-transition: all 0.4s ease-in-out;
  323. -o-transition: all 0.4s ease-in-out;
  324. opacity:20;
  325. }
  326.  
  327. #tex5{
  328. position:fixed;
  329. top: 530;
  330. left: 450;
  331. width:650px;
  332. height:150px;
  333. background-color:black;
  334. color: white;
  335. font-family: 'Van';
  336. font-size: 18px;
  337. -webkit-transition: all 0.4s ease-in-out;
  338. -moz-transition: all 0.4s ease-in-out;
  339. -o-transition: all 0.4s ease-in-out;
  340. z-index:4;
  341. opacity:0.0;
  342. padding:10px;
  343. text-align:justify;
  344. overflow:auto;
  345.  
  346. }
  347. #tex5:hover{
  348. -webkit-transition: all 0.4s ease-in-out;
  349. -moz-transition: all 0.4s ease-in-out;
  350. -o-transition: all 0.4s ease-in-out;
  351. opacity:20;
  352. }
  353.  
  354.  
  355.  
  356.  
  357. </style>
  358. <div id="whole" oncontextmenu="return false;">
  359.  
  360. <div id="credit">
  361. <a target="_blank" href="http://pastebin.com/u/SinfulCoding"><img src="http://i.imgur.com/op8zeqw.png" width="125"></a>
  362. </div>
  363.  
  364.  
  365.  
  366. <div id="image">
  367. <img src="" width="300" height="410">
  368. </div>
  369.  
  370. <div id="image2">
  371. <img src="" width="300" height="260">
  372. </div>
  373.  
  374. <div id="image3">
  375. <img src=""width="650" height="150">
  376. </div>
  377.  
  378. <div id="image4">
  379. <img src="" width="320" height="120">
  380. </div>
  381.  
  382. <div id="box">
  383.  
  384. INFORMATION HERE
  385.  
  386.  
  387.  
  388.  
  389. </div>
  390.  
  391.  
  392.  
  393.  
  394.  
  395. <div id="box4">
  396.  
  397. ANOTHER INFO BOX
  398.  
  399. </div></div>
  400.  
  401. <div id="fourthbox">
  402. <img style="border: 4px black solid;" src="" width="300" height="410">
  403. </div>
  404.  
  405.  
  406.  
  407.  
  408. <div id="tex4">
  409. <a name="one"></a>
  410.  
  411. ANOTHER INFO BOX
  412.  
  413. </div></div>
  414.  
  415.  
  416.  
  417. <div id="box5">
  418.  
  419. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a>
  420. <a href="">
  421.  
  422. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a>
  423. <a href="">
  424.  
  425. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a>
  426. <a href="">
  427.  
  428. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a><br>
  429.  
  430. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a>
  431.  
  432. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a>
  433.  
  434. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a>
  435.  
  436. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a><br>
  437.  
  438. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a>
  439.  
  440. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a>
  441.  
  442. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a>
  443.  
  444. <a target="_blank" href=""><img src="" style="width:50px;height:50px;border:2px solid #fff;margin:0px 5px 5px 0px;"></a><br>
  445.  
  446.  
  447.  
  448. <br>
  449. </div>
  450.  
  451. <div id="thirdbox">
  452. <img src="" width="650" height="150">
  453. </div>
  454.  
  455.  
  456. <div id="tex5">
  457. <a name="one"></a>
  458. INFO HERE
  459.  
  460.  
  461. </div>
  462.  
  463.  
  464. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement