Advertisement
cat_inthe_cradle

BOO

Jul 7th, 2017
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.71 KB | None | 0 0
  1. <style>
  2.  
  3.  
  4.  
  5.  
  6. body { background:none; }
  7. #scroller { padding: 35px 0; box-sizing: border-box; }
  8. #profile-container { width:750px;background:#333; }
  9. #profile-container {background:none;}
  10.  
  11.  
  12.  
  13.  
  14.  
  15. .pfor{display:none;}
  16. #profile{border:none;background: transparent;}
  17.  
  18.  
  19.  
  20.  
  21.  
  22. /* BODY */
  23. ::-webkit-scrollbar-thumb:vertical {
  24. background-color: # ;
  25. height: 50px;
  26. }
  27.  
  28. ::-webkit-scrollbar {
  29. height: 10px;
  30. width: 3px;
  31. background-color: #;
  32. }
  33.  
  34. body {
  35. background-image: url("https://www.toptal.com/designers/subtlepatterns/patterns/zwartevilt.png");
  36. background-attachment: fixed;
  37. background-color: #22262a;
  38. margin: 0;
  39. }
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47. a {
  48. text-decoration:none;
  49. outline:none;
  50. -moz-outline-style:none;
  51. font-style: italic;
  52. color:#463d1b;
  53. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  54. -moz-transition-duration:0.5s;
  55. -webkit-transition-duration:0.5s;
  56. -o-transition-duration:0.5s;
  57. }
  58.  
  59. a:hover {
  60. text-decoration:none;
  61. outline:none;
  62. -moz-outline-style:none;
  63. color:#463d1b;
  64. }
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74. img {
  75. display:block;
  76. }
  77. .imgwrap {
  78. display:inline-block;
  79. vertical-align:middle;
  80. width:44%;
  81. margin:0 2% 20px;
  82. opacity:0.7;
  83.  
  84. }
  85. .imgwrap img {
  86. width:100%;
  87. height:auto
  88. }
  89. .rollover {
  90. position:absolute;
  91. left:0;
  92. top:0;
  93. right:0;
  94. bottom:0;
  95. background-image:url('https://www.toptal.com/designers/subtlepatterns/patterns/zwartevilt.png');
  96. color:#fff;
  97. transform:translateX(-100%);
  98. transition:all .5s ease;
  99. pointer-events:none;
  100.  
  101. }
  102. .roll-inner {
  103. display:table;
  104. width:100%;
  105. height:100%;
  106. }
  107. .roll-content {
  108. text-align:center;
  109. display:table-cell;
  110. vertical-align:middle;
  111. }
  112. .roll-content h3, .roll-content p {
  113. width:100%;
  114. margin:auto;
  115. }
  116. .imgwrap:hover .rollover {
  117. transform:translateX(0)
  118. }
  119. .point-of-reference {
  120. position:relative;
  121. top:150px;
  122. width:1150px;
  123. left:20px;
  124. height:490px;
  125. margin:auto;
  126. text-align:center;
  127. padding:10px;
  128. border:px solid # ;
  129. overflow:hidden;
  130. }
  131.  
  132.  
  133. b {
  134. text-transform: ;
  135. font-size: px;
  136. font-weight: ;
  137. color: #a7b6c1;
  138. background-image:url('https://dl.dropboxusercontent.com/s/5umfp39t8s91d84/Static_Two.gif');
  139. letter-spacing: px;
  140. padding: 1px 2px 1px 3px;
  141. margin-right: 2px;}
  142. u {
  143. text-transform: ;
  144. font-size: ;
  145. font-weight: ;
  146. color: #000;
  147. background: #;
  148. letter-spacing: 1px;
  149. padding: 1px 2px 1px 3px;
  150. margin-right: 2px;
  151. border-bottom: dotted 1px #000;}
  152. i {
  153. font-size: px;
  154. font-weight: ;
  155. color: #876c00;
  156. letter-spacing: 1px;
  157. padding: 1px 2px 1px 3px;
  158. margin-right: 2px;}
  159.  
  160.  
  161.  
  162. </style>
  163. </head>
  164.  
  165. <body>
  166. <div class="imgwrap"> <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 218px; height: px; background-color:; position: absolute; top: 250px; left: 550px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;">
  167. <img src="http://i.picpar.com/cWyc.png" alt="holiday" width="200" height="200">
  168.  
  169. </div>
  170.  
  171. <div class="point-of-reference">
  172.  
  173. <div class="rollover">
  174. <div class="roll-inner">
  175. <div class="roll-content">
  176.  
  177.  
  178.  
  179.  
  180. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 220px; height: 285px; background-color:#232121; position: absolute; top: 190px; left: 10px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;">
  181.  
  182.  
  183. </div>
  184. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 203px; height: 265px; ; position: absolute; top: 200px; left: 20px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;">
  185.  
  186.  
  187.  
  188.  
  189.  
  190. <img src="https://68.media.tumblr.com/78b52f1219e91a48bb59347638cc4a0c/tumblr_om3uxlH6hJ1vsqawdo1_500.jpg" alt="holiday" width="200" height="">
  191.  
  192. </span>
  193.  
  194.  
  195. </div>
  196.  
  197.  
  198.  
  199. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 218px; height: px; background-color:#; position: absolute; top: 190px; left: 310px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 15; color: #fff;">
  200.  
  201.  
  202. </div>
  203.  
  204.  
  205.  
  206.  
  207.  
  208. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 218px; height: 285px; background-color:#232121; position: absolute; top: 190px; left: 240px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;">
  209. </div>
  210. <div style="letter-spacing: 1px; line-height:10px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.5; width: 197px; height: 265px; background-color:#; position: absolute; top: 200px; left: 250px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 13; color: #fff;">
  211.  
  212. Lorem ipsum dolor sit amet, ut mel paulo verear. Veritus volutpat ad sit, ius assum suscipit platonem ne, sed ne dicam deterruisset reprehendunt. Vis scaevola appetere cu. Eos meis denique no, virtute pericula et his. Purto etiam te sit, vel vero utroque eu. In nostro voluptatibus nec, cum laboramus forensibus ut. Lorem ipsum dolor sit amet, ut mel paulo verear. Veritus volutpat ad sit, ius assum suscipit platonem ne, sed ne dicam deterruisset reprehendunt. Vis scaevola appetere cu. Eos meis denique no, virtute pericula et his. Purto etiam te sit, vel vero utroque eu. In nostro voluptatibus nec, cum laboramus forensibus ut. In nostro voluptatibus nec, cum laboramus forensibus ut.
  213. </div>
  214.  
  215.  
  216.  
  217. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 218px; height: 285px; background-color:#232121; position: absolute; top: 190px; left: 469px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;">
  218. </div>
  219. <div style="letter-spacing: 1px; line-height:10px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.5; width: 197px; height: 265px; background-color:# ; position: absolute; top: 200px; left: 479px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 13; color: #fff;">
  220.  
  221. Lorem ipsum dolor sit amet, ut mel paulo verear. Veritus volutpat ad sit, ius assum suscipit platonem ne, sed ne dicam deterruisset reprehendunt. Vis scaevola appetere cu. Eos meis denique no, virtute pericula et his. Purto etiam te sit, vel vero utroque eu. In nostro voluptatibus nec, cum laboramus forensibus ut. Lorem ipsum dolor sit amet, ut mel paulo verear. Veritus volutpat ad sit, ius assum suscipit platonem ne, sed ne dicam deterruisset reprehendunt. Vis scaevola appetere cu. Eos meis denique no, virtute pericula et his. Purto etiam te sit, vel vero utroque eu. In nostro voluptatibus nec, cum laboramus forensibus ut. In nostro voluptatibus nec, cum laboramus forensibus ut.
  222. </div>
  223.  
  224.  
  225. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 218px; height: 285px; background-color:#232121; position: absolute; top: 190px; left:698px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;">
  226. </div>
  227. <div style="letter-spacing: 1px; line-height:10px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.5; width: 197px; height: 265px; background-color:# ; position: absolute; top: 200px; left: 708px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 13; color: #fff;">
  228.  
  229. Lorem ipsum dolor sit amet, ut mel paulo verear. Veritus volutpat ad sit, ius assum suscipit platonem ne, sed ne dicam deterruisset reprehendunt. Vis scaevola appetere cu. Eos meis denique no, virtute pericula et his. Purto etiam te sit, vel vero utroque eu. In nostro voluptatibus nec, cum laboramus forensibus ut. Lorem ipsum dolor sit amet, ut mel paulo verear. Veritus volutpat ad sit, ius assum suscipit platonem ne, sed ne dicam deterruisset reprehendunt. Vis scaevola appetere cu. Eos meis denique no, virtute pericula et his. Purto etiam te sit, vel vero utroque eu. In nostro voluptatibus nec, cum laboramus forensibus ut. In nostro voluptatibus nec, cum laboramus forensibus ut.
  230. </div>
  231.  
  232.  
  233.  
  234.  
  235. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 220px; height: 285px; background-color:#232121; position: absolute; top: 190px; left:927px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;">
  236. </div>
  237. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 203px; height: 265px; ; position: absolute; top: 200px; left: 937px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;">
  238. <img src="http://i.picpar.com/0Wyc.pngg" alt="holiday" width="200" height="">
  239.  
  240. </span>
  241. </div>
  242.  
  243.  
  244.  
  245. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.6; width: px; height: px; background-color:#; position: absolute; top: 153px; left: 40px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: Bodoni MT Condensed; font-size: 40; color: #fff;">
  246.  
  247. <a title="">Harland Thompson</a>
  248.  
  249.  
  250. </div>
  251.  
  252.  
  253. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 580px; height: 2px; background-color:#232121; position: absolute; top: 165px; left: 400px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;"> </div>
  254.  
  255.  
  256. </div>
  257.  
  258.  
  259.  
  260. <a href=""><div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 50px; height: 15px; background-color:#232121; position: absolute; top: 158px; left: 420px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;"> </div></a>
  261.  
  262.  
  263. <a href=""><div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 50px; height: 15px; background-color:#232121; position: absolute; top: 158px; left: 490px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;"> </div></a>
  264.  
  265. <a href=""><div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 50px; height: 15px; background-color:#232121; position: absolute; top: 158px; left: 560px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;"> </div></a>
  266.  
  267. <a href=""><div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 50px; height: 15px; background-color:#232121; position: absolute; top: 158px; left: 630px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;"> </div></a>
  268.  
  269. <a href=""><div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 50px; height: 15px; background-color:#232121; position: absolute; top: 158px; left: 700px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;"> </div></a>
  270.  
  271. <a href=""><div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 50px; height: 15px; background-color:#232121; position: absolute; top: 158px; left: 770px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;"> </div></a>
  272.  
  273. <a href=""><div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 50px; height: 15px; background-color:#232121; position: absolute; top: 158px; left: 840px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;"> </div></a>
  274.  
  275. <a href=""><div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 50px; height: 15px; background-color:#232121; position: absolute; top: 158px; left: 910px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: 25; color: #fff;"> </div></a>
  276.  
  277. </div>
  278.  
  279. </div>
  280. </div>
  281. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement