API tools faq
paste
Advertisement
sleepylayouts

Liquid Sunsets (Foreword Layout)

sleepylayouts
Jan 12th, 2017
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.73 KB | None | 0 0
raw download clone embed print report
  1. <div style="float:left;width:100%;">
  2.  
  3. <div style="margin-left:auto;margin-right:auto;width:802px;">
  4.  
  5. <div style="border:1px solid #eeeeee;float:left;height:500px;width:800px;">
  6.  
  7. <div style="background:#f8f8f8;border-right:1px solid #eeeeee;float:left;height:500px;width:150px;">
  8.  
  9. <div style="float:left;height:390px;margin-left:20px;margin-top:55px;width:110px;">
  10.  
  11. <img src="http://i.imgur.com/E1k35PM.png" style="float:left;height:110px;width:110px;"/>
  12.  
  13. <div style="float:left;border-bottom:1px solid #eeeeee;border-top:1px solid #eeeeee;height:145px;margin-top:20px;padding-bottom:20px;padding-top:20px;overflow:hidden;width:110px;">
  14. <div style="height:145px;overflow:auto;padding-right:30px;width:170px;">
  15. <div style="height:auto;width:110px;">
  16.  
  17. <font style="color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:normal;letter-spacing:0px;line-height:100%;text-align:justify;text-decoration:none;text-transform:uppercase;">
  18. Lorem ipsum dolor sit amet, ad usu latine consetetur dissentiet, ne agam viris explicari duo. Ubique alienum no ius, nam meis hendrerit consetetur ea, ut purto libris accusam sed. Ullum utinam laudem pro te. Nemore patrioque similique ad vis. Dicunt eirmod salutandi id vel. Vel meis quando vocent eu, ei pri appetere gloriatur. Sale facilisis euripidis vel et, an sanctus mandamus usu. Nam congue fierent at. Ex eruditi ceteros accumsan pro. Nec vidit qualisque ut. Duo cu odio vocibus. Impetus recteque expetenda eam ad, quod persius theophrastus ei pro.
  19. </font>
  20.  
  21. </div>
  22. </div>
  23. </div>
  24.  
  25. <div style="float:left;margin-top:20px;width:110px;">
  26.  
  27. <font style="color:#000000;float:right;font-family:Calibri;font-size:11px;font-weight:normal;letter-spacing:0px;line-height:100%;text-align:justify;text-decoration:none;text-transform:uppercase;">
  28. <a href="/" style="color:#000000;float:left;text-decoration:none;width:110px;"><font style="color:#eeeeee;margin-right:5px;">—</font>Link One</a>
  29. <a href="/" style="color:#000000;float:left;text-decoration:none;width:110px;"><font style="color:#eeeeee;margin-right:5px;">—</font>Link Two</a>
  30. <a href="/" style="color:#000000;float:left;text-decoration:none;width:110px;"><font style="color:#eeeeee;margin-right:5px;">—</font>Link Three</a>
  31. <a href="/" style="color:#000000;float:left;text-decoration:none;width:110px;"><font style="color:#eeeeee;margin-right:5px;">—</font>Link Four</a>
  32. <a href="/" style="color:#000000;float:left;text-decoration:none;width:110px;"><font style="color:#eeeeee;margin-right:5px;">—</font>Link Five</a>
  33. </font>
  34.  
  35. </div>
  36.  
  37. </div>
  38.  
  39. </div>
  40.  
  41. <img src="http://i.imgur.com/ZredkMW.jpg" style="float:left;height:500px;width:649px;"/>
  42.  
  43. <div style="float:left;height:500px;margin-left:151px;margin-top:-500px;width:598px;">
  44.  
  45. <div style="float:left;height:48px;margin-left:99px;margin-top:226px;width:400px;">
  46.  
  47. <font style="color:#ffffff;float:left;font-family:Calibri;font-size:28px;font-style:italic;font-weight:bold;letter-spacing:0px;line-height:100%;text-align:center;text-decoration:none;text-transform:uppercase;width:400px;">Liquid Sunsets</font>
  48.  
  49. <font style="color:#ffffff;float:left;font-family:Calibri;font-size:11px;font-style:italic;font-weight:normal;letter-spacing:0px;line-height:100%;margin-top:10px;text-align:center;text-decoration:none;text-transform:uppercase;width:400px;">
  50. Lorem ipsum dolor sit amet.
  51. </font>
  52.  
  53. </div>
  54.  
  55. </div>
  56.  
  57. <div style="float:left;height:500px;margin-left:151px;margin-top:-500px;width:649px;">
  58. <div style="float:left;height:500px;overflow:hidden;width:649px;">
  59. <div style="float:left;height:517px;overflow:auto;width:649px;">
  60.  
  61. <div style="float:left;height:500px;width:1298px;">
  62.  
  63. <div style="float:left;height:500px;width:649px;">
  64.  
  65. <div style="background:#f8f8f8;border-left:1px solid #eeeeee;float:left;height:500px;margin-left:598px;width:50px;">
  66.  
  67. <div style="float:left;height:10px;margin-left:20px;margin-top:245px;width:10px;">
  68.  
  69. <font style="color:#000000;float:left;font-family:Calibri;font-size:10px;font-weight:normal;letter-spacing:0px;line-height:100%;text-align:center;text-decoration:none;text-transform:uppercase;">
  70. <
  71. </font>
  72.  
  73. </div>
  74.  
  75. </div>
  76.  
  77. </div>
  78.  
  79. <div style="background:#f8f8f8;float:left;height:500px;width:649px;">
  80.  
  81. <div style="float:left;height:390px;margin-left:20px;margin-top:55px;width:609px;">
  82.  
  83. <div style="float:left;height:390px;overflow:hidden;width:358px;">
  84. <div style="height:390px;overflow:auto;padding-right:30px;width:388px;">
  85. <div style="height:auto;width:358px;">
  86.  
  87. <div style="background:#ffffff;float:left;width:358px;">
  88.  
  89. <div style="float:left;margin-bottom:10px;margin-left:10px;margin-top:10px;width:338px;">
  90.  
  91. <font style="color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:bold;letter-spacing:0px;line-height:100%;text-align:justify;text-decoration:none;text-transform:uppercase;width:338px;">Rules & Guidelines</font>
  92.  
  93. <div style="background:#eeeeee;float:left;height:1px;margin-bottom:10px;margin-top:10px;width:338px;"></div>
  94.  
  95. <font style="color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:normal;letter-spacing:0px;line-height:100%;text-align:justify;text-decoration:none;text-transform:uppercase;width:338px;">
  96. Lorem ipsum dolor sit amet, ad usu latine consetetur dissentiet, ne agam viris explicari duo. Ubique alienum no ius, nam meis hendrerit consetetur ea, ut purto libris accusam sed. Ullum utinam laudem pro te. Nemore patrioque similique ad vis. Dicunt eirmod salutandi id vel. Vel meis quando vocent eu, ei pri appetere gloriatur. Sale facilisis euripidis vel et, an sanctus mandamus usu. Nam congue fierent at. Ex eruditi ceteros accumsan pro. Nec vidit qualisque ut. Duo cu odio vocibus. Impetus recteque expetenda eam ad, quod persius theophrastus ei pro.
  97. </font>
  98.  
  99. </div>
  100.  
  101. </div>
  102.  
  103. <div style="background:#ffffff;float:left;margin-top:10px;width:358px;">
  104.  
  105. <div style="float:left;margin-bottom:10px;margin-left:10px;margin-top:10px;width:338px;">
  106.  
  107. <font style="color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:bold;letter-spacing:0px;line-height:100%;text-align:justify;text-decoration:none;text-transform:uppercase;width:338px;">Evaluation</font>
  108.  
  109. <div style="background:#eeeeee;float:left;height:1px;margin-bottom:10px;margin-top:10px;width:338px;"></div>
  110.  
  111. <font style="color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:normal;letter-spacing:0px;line-height:100%;text-align:justify;text-decoration:none;text-transform:uppercase;width:338px;">
  112. Lorem ipsum dolor sit amet, ad usu latine consetetur dissentiet, ne agam viris explicari duo. Ubique alienum no ius, nam meis hendrerit consetetur ea, ut purto libris accusam sed. Ullum utinam laudem pro te. Nemore patrioque similique ad vis. Dicunt eirmod salutandi id vel. Vel meis quando vocent eu, ei pri appetere gloriatur. Sale facilisis euripidis vel et, an sanctus mandamus usu. Nam congue fierent at. Ex eruditi ceteros accumsan pro. Nec vidit qualisque ut. Duo cu odio vocibus. Impetus recteque expetenda eam ad, quod persius theophrastus ei pro.
  113. </font>
  114.  
  115. </div>
  116.  
  117. </div>
  118.  
  119. <div style="background:#ffffff;float:left;margin-top:10px;width:358px;">
  120.  
  121. <div style="float:left;margin-bottom:10px;margin-left:10px;margin-top:10px;width:338px;">
  122.  
  123. <font style="color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:bold;letter-spacing:0px;line-height:100%;text-align:justify;text-decoration:none;text-transform:uppercase;width:338px;">Request List & Status</font>
  124.  
  125. <div style="background:#eeeeee;float:left;height:1px;margin-bottom:10px;margin-top:10px;width:338px;"></div>
  126.  
  127. <font style="color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:normal;letter-spacing:0px;line-height:100%;text-align:justify;text-decoration:none;text-transform:uppercase;width:338px;">
  128. Lorem ipsum dolor sit amet, ad usu latine consetetur dissentiet, ne agam viris explicari duo. Ubique alienum no ius, nam meis hendrerit consetetur ea, ut purto libris accusam sed. Ullum utinam laudem pro te. Nemore patrioque similique ad vis. Dicunt eirmod salutandi id vel.
  129. <br><br>
  130. <font style="float:left;width:338px;">1. Title of Story by Username of Author <font style="float:right;">Status</font></font>
  131. <font style="float:left;width:338px;">2. Title of Story by Username of Author <font style="float:right;">Status</font></font>
  132. <font style="float:left;width:338px;">3. Title of Story by Username of Author <font style="float:right;">Status</font></font>
  133. <font style="float:left;width:338px;">4. Title of Story by Username of Author <font style="float:right;">Status</font></font>
  134. <font style="float:left;width:338px;">5. Title of Story by Username of Author <font style="float:right;">Status</font></font>
  135. <font style="float:left;width:338px;">6. Title of Story by Username of Author <font style="float:right;">Status</font></font>
  136. <font style="float:left;width:338px;">7. Title of Story by Username of Author <font style="float:right;">Status</font></font>
  137. </font>
  138.  
  139. </div>
  140.  
  141. </div>
  142.  
  143. </div>
  144. </div>
  145. </div>
  146.  
  147. <div style="background:orange;float:left;height:390px;margin-left:20px;width:231px;">
  148.  
  149. <div style="float:left;height:110px;width:231px;">
  150.  
  151. <img src="http://i.imgur.com/31aIBgo.png" style="float:left;height:110px;width:231px;"/>
  152.  
  153. </div>
  154.  
  155. <font style="background:#ffffff;border-bottom:1px solid #eeeeee;color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:normal;letter-spacing:0px;line-height:100%;padding:10px;text-align:left;text-decoration:none;text-transform:uppercase;width:211px;"><font style="font-weight:bold;margin-right:5px;">Title</font> Title of Story</font>
  156.  
  157. <font style="background:#ffffff;border-bottom:1px solid #eeeeee;color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:normal;letter-spacing:0px;line-height:100%;padding:10px;text-align:left;text-decoration:none;text-transform:uppercase;width:211px;"><font style="font-weight:bold;margin-right:5px;">Author</font> Username of Author</font>
  158.  
  159. <font style="background:#ffffff;border-bottom:1px solid #eeeeee;color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:normal;letter-spacing:0px;line-height:100%;padding:10px;text-align:left;text-decoration:none;text-transform:uppercase;width:211px;"><font style="font-weight:bold;margin-right:5px;">Rating</font> Rating out of 10</font>
  160.  
  161. <div style="background:#ffffff;float:left;height:184px;width:231px;">
  162.  
  163. <div style="float:left;height:164px;margin-left:10px;margin-top:10px;overflow:hidden;width:211px;">
  164. <div style="height:164px;overflow:auto;padding-right:30px;width:241px;">
  165. <div style="height:auto;width:211px;">
  166.  
  167. <font style="color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:normal;letter-spacing:0px;line-height:100%;text-align:justify;text-decoration:none;text-transform:uppercase;">
  168. Lorem ipsum dolor sit amet, ad usu latine consetetur dissentiet, ne agam viris explicari duo. Ubique alienum no ius, nam meis hendrerit consetetur ea, ut purto libris accusam sed. Ullum utinam laudem pro te. Nemore patrioque similique ad vis. Dicunt eirmod salutandi id vel. Vel meis quando vocent eu, ei pri appetere gloriatur. Sale facilisis euripidis vel et, an sanctus mandamus usu. Nam congue fierent at. Ex eruditi ceteros accumsan pro. Nec vidit qualisque ut. Duo cu odio vocibus. Impetus recteque expetenda eam ad, quod persius theophrastus ei pro.
  169. </font>
  170.  
  171. </div>
  172. </div>
  173. </div>
  174.  
  175. </div>
  176.  
  177. </div>
  178.  
  179. </div>
  180.  
  181. </div>
  182.  
  183. </div>
  184.  
  185. </div>
  186. </div>
  187. </div>
  188.  
  189. </div>
  190.  
  191. <font style="color:#000000;float:left;font-family:Calibri;font-size:11px;font-weight:normal;letter-spacing:0px;line-height:100%;margin-top:5px;text-align:center;text-decoration:none;text-transform:uppercase;width:802px;"><a href="http://www.asianfanfics.com/story/view/1131527/" style="color:#000000;text-decoration:none;"><font style="border-bottom:1px dotted #eeeeee;">Sleepy Layouts</font></a></font>
  192.  
  193. </div>
  194.  
  195. </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!