API tools faq
paste
Advertisement
NaotoShirgone

Twins Code

NaotoShirgone
Feb 13th, 2017
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.42 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <body>
  3. <style type="text/css">
  4. @import url(https://fonts.googleapis.com/css?family=Poiret+One);
  5. @import url(https://fonts.googleapis.com/css?family=Quicksand);
  6. @import url(https://fonts.googleapis.com/css?family=Cinzel);
  7.  
  8. ::-webkit-scrollbar {
  9. width: 7px;
  10. }
  11.  
  12. ::-webkit-scrollbar-track {
  13. border-radius: 200vw;
  14. }
  15.  
  16. ::-webkit-scrollbar-thumb {
  17. border-radius: 200vw;
  18. background-color: #2a1928;
  19. }
  20. a, u {
  21. text-decoration: none;
  22. color: #f99e1a;
  23.  
  24. -webkit-transition: all .5s ease-in-out;
  25. -o-transition: all .5s ease-in-out;
  26. -moz-transition: all .5s ease-in-out;
  27. transition: all .5s ease-in-out;
  28. }
  29. a:hover{
  30. color: #ae6e12;
  31. }
  32.  
  33.  
  34. body{
  35. margin-top: 0px;
  36. margin-right: 0px;
  37. margin-bottom: 0px;
  38. margin-left: 0px;
  39.  
  40. background-image: url(http://i.imgur.com/4KP3Sl6.png);
  41. background-size: 20vw;
  42. background-repeat: repeat;
  43. background-position: left top;
  44. }
  45.  
  46.  
  47.  
  48.  
  49. a.banner{
  50. text-decoration: none;
  51. color: #242424;
  52.  
  53. -webkit-transition: all .5s ease-in-out;
  54. -o-transition: all .5s ease-in-out;
  55. -moz-transition: all .5s ease-in-out;
  56. transition: all .5s ease-in-out;
  57. }
  58. a.banner:hover{
  59. color: #00d7fd;
  60. }
  61.  
  62.  
  63.  
  64. b1{
  65. color: #f3ecf6;
  66. font-family: Cinzel;
  67. text-decoration: none;
  68. font-style: italic;
  69. }
  70.  
  71. b2{
  72. color: #db4289;
  73. font-family: Cinzel;
  74. text-decoration: none;
  75. font-style: italic;
  76. }
  77.  
  78.  
  79. h1 {
  80. text-align: center;
  81. color: #00d7fd;
  82. font-family: Cinzel;
  83. text-shadow: 2px 2px 8px #242424;
  84. }
  85.  
  86. #Wrapper{
  87. position: absolute;
  88. top: 0%;
  89. left: 0%;
  90. height: 100%;
  91. width: 100%;
  92. z-index: 1;
  93. overflow: hidden;
  94. }
  95.  
  96.  
  97.  
  98.  
  99.  
  100. #Image{
  101. position: absolute;
  102. top: 20%;
  103. left: 30%;
  104. width: 40%;
  105. height: 80%;
  106. z-index: 5;
  107. overflow: hidden;
  108. }
  109.  
  110. #Sluts{
  111. position: absolute;
  112. top: -10vw;
  113. left: 50%;
  114. width: 20vw;
  115. height: 20vw;
  116. margin-left: -10vw;
  117. z-index: 6;
  118. border-radius: 300vw;
  119. background-color: #2a1928;
  120. }
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127. #GalleryFrame{
  128. position: absolute;
  129. top: 0%;
  130. left: 50%;
  131. width: 0%;
  132. height: 0%;
  133. z-index: 11;
  134. border-radius: 300vw;
  135. background-color: #2a1928;
  136. overflow: hidden;
  137.  
  138.  
  139. -webkit-transition: all 1s ease-in-out;
  140. -moz-transition: all 1s ease-in-out;
  141. -ms-transition: all 1s ease-in-out;
  142. -o-transition: all 1s ease-in-out;
  143. transition: all 1s ease-in-out;
  144. }
  145. #GalleryHolder{
  146. position: absolute;
  147. top: 50%;
  148. left: 0%;
  149. width: 100%;
  150. height: 50%;
  151. z-index: 12;
  152. overflow: auto;
  153.  
  154.  
  155. -webkit-transition: all 1s ease-in-out;
  156. -moz-transition: all 1s ease-in-out;
  157. -ms-transition: all 1s ease-in-out;
  158. -o-transition: all 1s ease-in-out;
  159. transition: all 1s ease-in-out;
  160. }
  161. #GalleryExit{
  162. position: absolute;
  163. top: 0%;
  164. left: 50%;
  165. width: 0%;
  166. height: 0%;
  167. z-index: 9;
  168. border-radius: 300vw;
  169. background-color: #2a1928;
  170. overflow: hidden;
  171.  
  172.  
  173. -webkit-transition: all 1s ease-in-out;
  174. -moz-transition: all 1s ease-in-out;
  175. -ms-transition: all 1s ease-in-out;
  176. -o-transition: all 1s ease-in-out;
  177. transition: all 1s ease-in-out;
  178. }
  179. #ExitImage{
  180. position: absolute;
  181. top: 95%;
  182. width: 100%;
  183. height: 6%;
  184. z-index: 9;
  185. background-image: url(http://i.imgur.com/9gXDFry.png);
  186. background-size: 100%;
  187. }
  188.  
  189.  
  190.  
  191.  
  192.  
  193. #Sluts:hover + #GalleryFrame{
  194. width: 100%;
  195. height: 180%;
  196. left: 0%;
  197. top: -90%;
  198. border-radius: 0vw;
  199. }
  200. #GalleryFrame:hover{
  201. width: 100%;
  202. height: 180%;
  203. left: 0%;
  204. top: -90%;
  205. border-radius: 0vw;
  206. }
  207. #GalleryFrame:hover + #GalleryExit{
  208. width: 100%;
  209. height: 200%;
  210. left: 0%;
  211. top: -100%;
  212. border-radius: 0vw;
  213. background-color: #1A0F18;
  214. }
  215. #Sluts:hover ~ #GalleryExit{
  216. width: 100%;
  217. height: 200%;
  218. left: 0%;
  219. top: -100%;
  220. border-radius: 0vw;
  221. background-color: #1A0F18;
  222. }
  223.  
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230. #MenuLeft{
  231. position: absolute;
  232. top: 92%;
  233. left: 1.2%;
  234. width: 25%;
  235. height: 65%;
  236. z-index: 7;
  237. border-radius: 2vw;
  238. background-color: #2a1928;
  239. padding: 0% 1.5% 0% 1.5%;
  240.  
  241.  
  242.  
  243.  
  244. text-align: justify;
  245. color: #f3ecf6;
  246. font-size: 1.5vw;
  247. font-family: 'Quicksand';
  248.  
  249.  
  250. -webkit-transition: all 1s ease-in-out;
  251. -moz-transition: all 1s ease-in-out;
  252. -ms-transition: all 1s ease-in-out;
  253. -o-transition: all 1s ease-in-out;
  254. transition: all 1s ease-in-out;
  255.  
  256. }
  257.  
  258. #AshleyTitle{
  259. position: absolute;
  260. top: 1.5%;
  261. left: 32.5%;
  262. height: 10%;
  263. width: 35%;
  264. z-index: 8;
  265. }
  266.  
  267.  
  268. #MenuRight{
  269. position: absolute;
  270. top: 92%;
  271. left: 70%;
  272. width: 25%;
  273. height: 65%;
  274. z-index: 7;
  275. border-radius: 2vw;
  276. background-color: #2a1928;
  277. padding: 0% 1.5% 0% 1.5%;
  278.  
  279.  
  280. text-align: justify;
  281. color: #db4289;
  282. font-size: 1.5vw;
  283. font-family: 'Quicksand';
  284.  
  285.  
  286. -webkit-transition: all 1s ease-in-out;
  287. -moz-transition: all 1s ease-in-out;
  288. -ms-transition: all 1s ease-in-out;
  289. -o-transition: all 1s ease-in-out;
  290. transition: all 1s ease-in-out;
  291.  
  292.  
  293. }
  294.  
  295. #CassyTitle{
  296. position: absolute;
  297. top: 1.5%;
  298. left: 32.5%;
  299. height: 10%;
  300. width: 35%;
  301. z-index: 8;
  302. }
  303.  
  304. #MenuRight:hover{
  305. top: 40%;
  306. }
  307. #MenuLeft:hover{
  308. top: 40%;
  309. }
  310.  
  311.  
  312.  
  313.  
  314. </style>
  315.  
  316. <div id="Wrapper">
  317.  
  318. <div id="Image"><img src="http://i.imgur.com/EGPjL6z.png" width="100%"></div>
  319. <div id="Sluts"><img src="http://i.imgur.com/p2R5A1i.png" width="100%" height="100%"></div>
  320. <div id="GalleryFrame">
  321. <div id="GalleryHolder">
  322.  
  323.  
  324. <img src="http://i.imgur.com/hJAnvB9.jpg"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  325.  
  326. <img src="http://i.imgur.com/ZfuxjJ9.jpg"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  327.  
  328. <img src="http://i.imgur.com/2SLxdIk.png"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  329.  
  330. <img src="http://i.imgur.com/0KVhJkQ.png"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  331.  
  332. <img src="http://i.imgur.com/OBH1IZJ.jpg"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  333.  
  334. <img src="http://i.imgur.com/tFLo2ga.png"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  335.  
  336. <img src="http://i.imgur.com/KGg3u1z.jpg"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  337.  
  338. <img src="http://i.imgur.com/kJy0I9T.jpg"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  339.  
  340. <img src="http://i.imgur.com/hTCxS56.png"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  341.  
  342. <img src="http://i.imgur.com/vjMFFrB.jpg"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  343.  
  344. <img src="http://i.imgur.com/RFzuR8J.jpg"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  345.  
  346. <img src="http://i.imgur.com/ex9AyuR.jpg"style="height:60%;margin:0.25vw 0vw 3.5vw 2vw;border:0.1vw solid #993b8f;box-shadow:0px 0px 0.2vw 0.2vw #6a2460;float:left;"></a>
  347.  
  348.  
  349.  
  350.  
  351. </div>
  352. </div>
  353. <div id="GalleryExit">
  354. <div id="ExitImage"></div>
  355. </div>
  356.  
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363. <div id="MenuLeft">
  364. <div id="AshleyTitle"><img src="http://i.imgur.com/HdTP7H0.png" width="100%" height="100%"></div>
  365. <br><br>
  366. Name
  367. <font style="float:right" color="#db4289">Ashley Winter</font><br>
  368. Nickname
  369. <font style="float:right" color="#db4289">Ash / Bitch</font><br>
  370. Sex
  371. <font style="float:right" color="#db4289">Female</font><br>
  372. Age
  373. <font style="float:right" color="#db4289">21</font><br>
  374. Sexuality
  375. <font style="float:right" color="#db4289">Bisexual</font><br>
  376. Dom / Sub
  377. <font style="float:right" color="#db4289">50 / 50</font><br>
  378. Master
  379. <font style="float:right" color="#db4289">Jacob / Caeleb</font><br>
  380. </div>
  381.  
  382.  
  383.  
  384.  
  385. <div id="MenuRight">
  386. <div id="CassyTitle"><img src="http://i.imgur.com/NFQIDII.png" width="100%" height="100%"></div>
  387. <br><br>
  388. Name
  389. <font style="float:right" color="#f3ecf6">Cassy Howits</font><br>
  390. Nickname
  391. <font style="float:right" color="#f3ecf6">Candy</font><br>
  392. Sex
  393. <font style="float:right" color="#f3ecf6">Female</font><br>
  394. Age
  395. <font style="float:right" color="#f3ecf6">20</font><br>
  396. Sexuality
  397. <font style="float:right" color="#f3ecf6">Bisexual</font><br>
  398. Dom / Sub
  399. <font style="float:right" color="#f3ecf6">100% Sub</font><br>
  400. Master
  401. <font style="float:right" color="#f3ecf6">Jacob / Caeleb</font><br>
  402. </div>
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!