API tools faq
paste
Advertisement
RienRien

PSYCHOTIC GRAPHIC SHOP LAYOUT

RienRien
Oct 24th, 2014
387
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.59 KB | None | 0 0
raw download clone embed print report
  1. <div style="float:left;width:1000px;height:750px;background-color:#101010;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;">
  2. <div style="float:left;width:740px;height:100px;background-color:transparent;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;">
  3. <div style="margin:0px auto;width:900px;height:374px;background-color:transparent;">
  4. <div style="margin:0px;width:500px;height:500px;text-align:justify;"><img alt="TRjgoTH.jpg" src="http://i.imgur.com/YIppUwC.png" style="width:500px;height:750px;" /></div>
  5.  
  6. <div style="margin:-500px -100px;width:500px;height:500px;float:right;"><img alt="8fO57O1.jpg" src="http://i.imgur.com/IXKXLYG.png" style="width:500px;height:750px;" /></div>
  7. </div>
  8. </div>
  9.  
  10. <div style="float:left;width:1000px;height:750px;background-color:transparent;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:-100px;overflow:hidden;">
  11. <div style="float:left;width:1018px;height:750px;background-color:transparent;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;overflow:auto;">
  12. <div style="float:left;margin-top:-20px;">
  13. <div style="width:0;height:0;border-left:305px solid transparent;border-right:305px solid transparent;border-bottom:200px solid #040424;opacity:1;margin-left:190px;margin-top:100px;">&nbsp;</div>
  14.  
  15. <div style="width:0;height:0;border-top:200px solid #040424;border-right:300px solid transparent;opacity:1;margin-left:190px;margin-top:-207px;">&nbsp;</div>
  16.  
  17. <div style="width:0;height:0;border-top:200px solid #040424;border-left:300px solid transparent;opacity:1;margin-left:497px;margin-top:-200px;">&nbsp;</div>
  18.  
  19. <div style="float:left;width:300px;height:300px;background-color:#343333;margin-left:190px;margin-top:0px;overflow:hidden;"><img alt="black-and-white-fff-harry-styles-liam-pa" src="http://s9.favim.com/orig/130826/black-and-white-fff-harry-styles-liam-payne-Favim.com-878400.png" style="height:420px;width:300px;margin-top:-10px;" /></div>
  20.  
  21. <div style="float:left;width:300px;height:300px;background-color:#343333;margin-left:10px;margin-top:0px;overflow:hidden;"><img alt="tumblr_na08g9VZhS1smv6z9o6_500.jpg" src="https://38.media.tumblr.com/327773125a37c5ec452233d444133df1/tumblr_na08g9VZhS1smv6z9o6_500.jpg" style="height:430px;width:300px;margin-top:-130px;" /></div>
  22.  
  23. <div style="float:left;width:260px;height:260px;margin-left:201px;margin-top:-290px;opacity:.7;padding:10px;text-align:center;background-color:rgb(21,21,21);"><br />
  24. <br />
  25. <br />
  26. <span style="font-size:20px;"><span style="font-family:'arial black';"><span style="color:#FFFFFF;">Wanna feel the darkness ? And stuck in the emptiness ?</span></span></span></div>
  27.  
  28. <div style="float:left;width:260px;height:260px;margin-left:511px;margin-top:-290px;opacity:.7;padding:10px;text-align:center;background-color:rgb(21,21,21);"><br />
  29. <br />
  30. <br />
  31. <span style="font-size:20px;"><span style="font-family:'arial black';"><span style="color:#FFFFFF;">Depression is your friend. </span></span></span></div>
  32.  
  33. <div style="float:left;width:60px;height:110px;margin-left:211px;margin-top:-500px;opacity:1;padding:10px;text-align:center;background-color:#09092e;"><br />
  34. <br />
  35. <a href="#"><span style="font-family:courier;"><span style="color:#696969;"><span style="font-size:16px;">HOME</span></span></span></a></div>
  36.  
  37. <div style="float:left;width:60px;height:60px;margin-left:290px;margin-top:-500px;opacity:1;padding:10px;text-align:center;background-color:#060625;"><br />
  38. <span style="font-family:courier;"><span style="font-size:16px;"><a href="#"><span style="color:#696969;">RULES</span></a></span></span></div>
  39.  
  40. <div style="float:left;width:160px;height:110px;margin-left:400px;margin-top:-430px;opacity:1;padding:10px;text-align:center;background-color:#060625;line-height:12px;"><br />
  41. <br />
  42. <span style="font-family:georgia;"><span style="font-size:26px;"><span style="color:#696969;">PSYCHOTIC<br />
  43. <span style="font-size:14px;letter-spacing:5px;">graphic shop</span></span></span></span></div>
  44.  
  45. <div style="float:left;width:60px;height:60px;margin-left:620px;margin-top:-500px;opacity:1;padding:10px;text-align:center;background-color:#060625;"><br />
  46. <a href="#"><span style="font-family:courier;"><span style="color:#696969;"><span style="font-size:16px;">STAFFS</span></span></span></a></div>
  47.  
  48. <div style="float:left;width:60px;height:110px;margin-left:691px;margin-top:-500px;opacity:1;padding:10px;text-align:center;background-color:#060625;"><br />
  49. <br />
  50. <a href="http://www.asianfanfics.com/story/view/727226/layout-shop-layout-shoplayout-profilelayout-storylayout"><span style="font-family:courier;"><span style="color:#696969;"><span style="font-size:16px;" title="SEALED WITH A KISS LAYOUTS | THEME BY RIENRIEN. Do not steal.">SWAK</span></span></span></a></div>
  51.  
  52. <div style="float:left;width:590px;height:70px;margin-left:190px;margin-top:10px;padding:10px;background-color:rgb(4,4,36);overflow:hidden;"><img alt="tumblr_lyya2eCYmt1r4kfic.gif" src="http://media.tumblr.com/tumblr_lyya2eCYmt1r4kfic.gif" style="height:109px;width:200px;margin-top:-30px;" /><img alt="tumblr_ncbj6pZmzD1sktomoo8_500.gif" src="http://38.media.tumblr.com/7b12b4e6061850bcbf590901089c847d/tumblr_ncbj6pZmzD1sktomoo8_500.gif" style="height:112px;width:200px;margin-top:-40px;" /><img alt="original.gif" src="http://data3.whicdn.com/images/128669586/original.gif" style="height:107px;width:190px;margin-top:-10px;" /></div>
  53.  
  54. <div style="float:left;width:590px;height:20px;margin-left:190px;margin-top:-40px;padding:10px;text-align:center;background-color:#040424;opacity:1;"><span style="color:#696969;"><span style="font-size:11px;"><span style="font-family:courier;">OPEN | UPDATED/MM/YY&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&nbsp;</span></span></span></div>
  55. </div>
  56.  
  57. <div style="float:left;width:590px;height:auto;margin-left:190px;margin-top:150px;padding:10px;line-height:15px;text-align:center;background-color:transparent;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#696969;"><em>A</em>BOUT</span></span></span></div>
  58.  
  59. <div style="float:left;width:590px;height:auto;margin-left:189px;margin-top:-46px;padding:10px;line-height:15px;text-align:center;background-color:transparent;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#040424;"><em>A</em>BOUT</span></span></span></div>
  60.  
  61. <div style="float:left;width:590px;height:auto;margin-left:190px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:30px;"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lacinia turpis commodo, tincidunt tellus non, auctor augue. Vestibulum eu nibh ut quam mattis pretium. Quisque eget orci nisl. In egestas et urna ut porttitor. Donec aliquet mollis dolor, eu tempus est ullamcorper id. Donec risus lorem, volutpat sed facilisis vitae, tempor ac eros. Donec ornare lacinia mauris non faucibus. Aliquam erat volutpat. Suspendisse eu orci nec orci tincidunt bibendum. In volutpat, dolor eu lacinia viverra, nunc nibh fermentum nisl, sed vulputate quam nisi lacinia dolor. </span></span></span></div>
  62.  
  63. <div style="float:left;width:590px;height:auto;margin-left:190px;margin-top:10px;padding:10px;line-height:15px;text-align:center;background-color:transparent;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#696969;"><em>S</em>TATUS LIST</span></span></span></div>
  64.  
  65. <div style="float:left;width:590px;height:auto;margin-left:189px;margin-top:-46px;padding:10px;line-height:15px;background-color:transparent;text-align:center;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#040424;"><em>S</em>TATUS LIST</span></span></span></div>
  66.  
  67. <div style="float:left;width:590px;height:auto;margin-left:190px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:30px;">
  68. <div style="float:left;width:270px;height:auto;margin-left:0px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:0px;"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">001. USERNAME - DESIGNER - PROGRESS<br />
  69. 002. USERNAME - DESIGNER - PROGRESS<br />
  70. 003. USERNAME - DESIGNER - PROGRESS<br />
  71. 004. USERNAME - DESIGNER - PROGRESS<br />
  72. 005. USERNAME - DESIGNER - PROGRESS</span></span></span></div>
  73.  
  74. <div style="float:left;width:270px;height:auto;margin-left:10px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:0px;"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">006. USERNAME - DESIGNER - PROGRESS<br />
  75. 007. USERNAME - DESIGNER - PROGRESS<br />
  76. 008. USERNAME - DESIGNER - PROGRESS<br />
  77. 009. USERNAME - DESIGNER - PROGRESS<br />
  78. 010. USERNAME - DESIGNER - PROGRESS</span></span></span></div>
  79. </div>
  80.  
  81. <div style="float:left;width:590px;height:auto;margin-left:190px;margin-top:10px;padding:10px;line-height:15px;text-align:center;background-color:transparent;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#696969;"><em>B</em>LACKLIST</span></span></span></div>
  82.  
  83. <div style="float:left;width:590px;height:auto;margin-left:189px;margin-top:-46px;padding:10px;line-height:15px;background-color:transparent;text-align:center;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#040424;"><em>B</em>LACKLIST</span></span></span></div>
  84.  
  85. <div style="float:left;width:590px;height:auto;margin-left:190px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:30px;">
  86. <div style="float:left;width:270px;height:auto;margin-left:0px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:0px;"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">001. USERNAME - REASON<br />
  87. 002. USERNAME - REASON<br />
  88. 003. USERNAME - REASON<br />
  89. 004. USERNAME - REASON<br />
  90. 005. USERNAME - REASON</span></span></span></div>
  91.  
  92. <div style="float:left;width:270px;height:auto;margin-left:10px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:0px;"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">006. USERNAME - REASON<br />
  93. 007. USERNAME - REASON<br />
  94. 008. USERNAME - REASON<br />
  95. 009. USERNAME - REASON<br />
  96. 010. USERNAME - REASON</span></span></span></div>
  97. </div>
  98.  
  99. <div style="float:left;width:590px;height:auto;margin-left:190px;margin-top:10px;padding:10px;line-height:15px;text-align:center;background-color:transparent;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#696969;"><em>S</em>AMPLE</span></span></span></div>
  100.  
  101. <div style="float:left;width:590px;height:auto;margin-left:189px;margin-top:-46px;padding:10px;line-height:15px;text-align:center;background-color:transparent;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#040424;"><em>S</em>AMPLE</span></span></span></div>
  102.  
  103. <div style="float:left;width:590px;height:300px;margin-left:190px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:30px;overflow:hidden;">
  104. <div style="float:left;width:590px;height:310px;margin-left:0px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:0px;overflow:auto;">
  105. <div style="float:left;width:1250px;height:auto;margin-left:0px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:0px;"><img alt="OL7qrN4.png" src="http://i.imgur.com/OL7qrN4.png" />&nbsp;<img alt="OL7qrN4.png" src="http://i.imgur.com/OL7qrN4.png" style="font-size:13.3333330154419px;line-height:15px;text-align:justify;" />&nbsp;<img alt="OL7qrN4.png" src="http://i.imgur.com/OL7qrN4.png" style="font-size:13.3333330154419px;line-height:15px;text-align:justify;" />&nbsp;<img alt="OL7qrN4.png" src="http://i.imgur.com/OL7qrN4.png" style="font-size:13.3333330154419px;line-height:15px;text-align:justify;" />&nbsp;<img alt="OL7qrN4.png" src="http://i.imgur.com/OL7qrN4.png" style="font-size:13.3333330154419px;line-height:15px;text-align:justify;" />&nbsp;<img alt="OL7qrN4.png" src="http://i.imgur.com/OL7qrN4.png" style="font-size:13.3333330154419px;line-height:15px;text-align:justify;" /></div>
  106. </div>
  107. </div>
  108.  
  109. <div style="float:left;margin-left:-48px;margin-top:110px;background-color:#454444;border-radius:90px 0px 0px 90px;"><img alt="slider-right-arrow@2x.png" src="http://www.creativeloop.org/cl-content/themes/adora/img/slider-right-arrow@2x.png" style="margin-top:5px;" /></div>
  110.  
  111. <div style="float:left;width:590px;height:auto;margin-left:190px;margin-top:10px;padding:10px;line-height:15px;text-align:center;background-color:transparent;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#696969;"><em>A</em>FFILIATES</span></span></span></div>
  112.  
  113. <div style="float:left;width:590px;height:auto;margin-left:189px;margin-top:-46px;padding:10px;line-height:15px;background-color:transparent;text-align:center;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#040424;"><em>A</em>FFILIATES</span></span></span></div>
  114.  
  115. <div style="float:left;width:590px;height:auto;margin-left:190px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:30px;">
  116. <div style="float:left;width:170px;height:10px;margin-left:0px;margin-top:0px;padding:10px;line-height:15px;margin-bottom:0px;text-align:center;background-color:rgb(0,0,0);"><a href="#"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">SHOP NAME</span></span></span></a></div>
  117.  
  118. <div style="float:left;width:170px;height:10px;margin-left:10px;margin-top:0px;padding:10px;line-height:15px;margin-bottom:0px;text-align:center;background-color:rgb(0,0,0);"><a href="#"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">SHOP NAME</span></span></span></a></div>
  119.  
  120. <div style="float:left;width:170px;height:10px;margin-left:10px;margin-top:0px;padding:10px;line-height:15px;margin-bottom:0px;text-align:center;background-color:rgb(0,0,0);"><a href="#"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">SHOP NAME</span></span></span></a></div>
  121.  
  122. <div style="float:left;width:170px;height:10px;margin-left:0px;margin-top:10px;padding:10px;line-height:15px;margin-bottom:0px;text-align:center;background-color:rgb(0,0,0);"><a href="#"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">SHOP NAME</span></span></span></a></div>
  123.  
  124. <div style="float:left;width:170px;height:10px;margin-left:10px;margin-top:10px;padding:10px;line-height:15px;margin-bottom:0px;text-align:center;background-color:rgb(0,0,0);"><a href="#"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">SHOP NAME</span></span></span></a></div>
  125.  
  126. <div style="float:left;width:170px;height:10px;margin-left:10px;margin-top:10px;padding:10px;line-height:15px;margin-bottom:0px;text-align:center;background-color:rgb(0,0,0);"><a href="#"><span style="font-size:12px;"><span style="color:#696969;"><span style="font-family:courier;">SHOP NAME</span></span></span></a></div>
  127. </div>
  128.  
  129. <div style="float:left;width:590px;height:auto;margin-left:190px;margin-top:0px;padding:10px;text-align:justify;background-color:#101010;line-height:15px;margin-bottom:30px;">
  130. <div style="float:left;width:200px;height:auto;margin-left:0px;margin-top:0px;padding:10px;text-align:justify;background-color:transparent;margin-bottom:0px;"><img alt="D3kHRE5.png" src="http://i.imgur.com/D3kHRE5.png" /></div>
  131.  
  132. <div style="float:left;width:290px;height:auto;margin-left:290px;margin-top:-150px;padding:10px;text-align:justify;background-color:#070707;margin-bottom:0px;">
  133. <div style="float:left;width:auto;height:auto;margin-left:10px;margin-top:10px;padding:10px;line-height:19px;text-align:left;background-color:transparent;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#696969;"><em>S</em>UPPORT<br />
  134. BANNER</span></span></span></div>
  135.  
  136. <div style="float:left;width:auto;height:auto;margin-left:9px;margin-top:-81px;padding:10px;line-height:19px;text-align:left;background-color:transparent;"><span style="font-size:48px;"><span style="font-family:georgia;"><span style="color:#040424;"><em>S</em>UPPORT<br />
  137. BANNER</span></span></span></div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </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!