Advertisement
jaeilhun07

Noblesse ft. Komatsu Nana

Jul 28th, 2019
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 14.81 KB | None | 0 0
  1. <div style="margin:auto; width:750px; height:650px;">
  2. <div style="float:left; margin:20px 30px 0px 30px; width:690px; height:610px;">
  3.     <div style="float:left; width:690px; height:610px;">
  4.         <div style="float:left; width:280px; height:610px;">
  5.             <div style="float:left; margin:300px 0px 0px 0px; width:250px; height:30px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:30px; line-height:30px; letter-spacing:1px; color: rgb(119, 60, 62);">
  6.                 NOBLESSE
  7.             </div>
  8.             <div style="float:left; width:250px; height:10px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:10px; line-height:10px; letter-spacing:1px; color: rgb(119, 60, 62);">
  9.                 Ft. komatsu nana
  10.             </div>
  11.             <div style="float:left; margin:10px 0px 0px 0px; width:250px; height:70px; text-align:left; text-transform:uppercase; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgb(119, 60, 62);">
  12.                 <div style="float:left; width:250px; height:70px; overflow:hidden;">
  13.                 <div style="float:left; width:267px; height:70px; overflow:auto;">
  14.                 <div style="float:left; width:250px; height:auto;">
  15.                     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed...
  16.                     <br>This section scrolls++
  17.                 </div>
  18.                 </div>
  19.                 </div>
  20.             </div>
  21.         </div>
  22.         <div style="float:left; width:410px; height:610px; background-color:#eeeeee;">
  23.             <div style="float:left; width:410px; height:610px;">
  24.                 <div style="float:left; width:410px; height:610px;">
  25.                     <img src="https://photo.asianfanfics.com/user/909691/cb0fb8.jpg" style="width:410px; height:610px;">
  26.                 </div>
  27.                 <div style="float:left; margin:-610px 0px 0px 0px; width:410px; height:610px;">
  28.                     <div style="float:left; width:410px; height:80px;">
  29.                         <div style="float:left; width:340px; height:80px; background-color:rgba(255, 255, 255, 1) ;">
  30.                    
  31.                         </div>
  32.                         <div style="float:left; margin:60px 0px 0px 0px; width:70px; height:20px; background-color:rgba(255, 255, 255, 1) ;">
  33.                            
  34.                         </div>
  35.                     </div>
  36.                 </div>
  37.                 <div style="float:left; margin:-610px 0px 0px 0px; width:410px; height:610px;">
  38.                     <div style="float:left; width:410px; height:610px; overflow:hidden;">
  39.                     <div style="float:left; width:427px; height:610px; overflow:auto;">
  40.                     <div style="float:left; width:410px; height:auto;">
  41.                         <div style="float:left; width:410px; height:610px;">
  42.                             <div style="float:right; width:70px; height:60px; background-color:rgba(255, 255, 255, 1);">
  43.                             </div>
  44.                             <div style="float:right; margin:430px 0px 0px 100px; width:100px; height:10px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:7px; line-height:10px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  45.                                 scroll down
  46.                             </div>
  47.                         </div>
  48.                         <div style="float:left; width:410px; height:610px;">
  49.                             <div style="float:left; margin:10px 0px 0px 20px; width:250px; height:30px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:30px; line-height:30px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  50.                                 label
  51.                             </div>
  52.                             <div style="float:left; margin:0px 0px 0px 20px; width:250px; height:20px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:10px; line-height:10px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  53.                                 this is a two-line<br>sub-label
  54.                             </div>
  55.                             <div style="float:left; margin:60px 0px 0px 40px; width:330px; height:40px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:20px; line-height:20px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  56.                                 this is a two-line<br>label
  57.                             </div>
  58.                             <div style="float:left; margin:10px 0px 0px 40px; width:330px; height:60px;">
  59.                                 <div style="float:left; width:60px; height:60px;">
  60.                                     <div style="float:left; width:60px; height:60px; background-color:rgba(255, 255, 255, 1)">
  61.                                         <div style="float:left; margin:15px; width:30px; height:30px; background-color:#eeeeee;">
  62.                                    
  63.                                         </div>
  64.                                     </div>
  65.                                     <div style="float:left; margin:-60px 0px 0px 0px; width:60px; height:60px; text-align:center; text-transform:uppercase; font-family:calibri; font-size:60px; line-height:60px; letter-spacing:0px; color: rgba(105, 87, 54, 1);">
  66.                                         R
  67.                                     </div>
  68.                                 </div>
  69.                                 <div style="float:left; margin:0px 0px 0px 10px; width:260px; height:60px; overflow:hidden; text-align:left; text-transform:uppercase; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  70.                                 <div style="float:left; width:277px; height:60px; overflow:auto;">
  71.                                 <div style="float:left; width:260px; height:auto;">
  72.                                     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis...
  73.                                     <br>This section scrolls++
  74.                                 </div>
  75.                                 </div>
  76.                                 </div>
  77.                             </div>
  78.                             <div style="float:left; margin:10px 0px 0px 40px; width:330px; height:60px;">
  79.                                 <div style="float:left; width:60px; height:60px;">
  80.                                     <div style="float:left; width:60px; height:60px; background-color:rgba(255, 255, 255, 1)">
  81.                                         <div style="float:left; margin:15px; width:30px; height:30px; background-color:#eeeeee;">
  82.                                    
  83.                                         </div>
  84.                                     </div>
  85.                                     <div style="float:left; margin:-60px 0px 0px 0px; width:60px; height:60px; text-align:center; text-transform:uppercase; font-family:calibri; font-size:60px; line-height:60px; letter-spacing:0px; color: rgba(105, 87, 54, 1);">
  86.                                         L
  87.                                     </div>
  88.                                 </div>
  89.                                 <div style="float:left; margin:0px 0px 0px 10px; width:260px; height:60px; overflow:hidden; text-align:left; text-transform:uppercase; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  90.                                 <div style="float:left; width:277px; height:60px; overflow:auto;">
  91.                                 <div style="float:left; width:260px; height:auto;">
  92.                                     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis...
  93.                                     <br>This section scrolls++
  94.                                 </div>
  95.                                 </div>
  96.                                 </div>
  97.                             </div>
  98.                             <div style="float:left; margin:10px 0px 0px 40px; width:330px; height:60px;">
  99.                                 <div style="float:left; width:60px; height:60px;">
  100.                                     <div style="float:left; width:60px; height:60px; background-color:rgba(255, 255, 255, 1)">
  101.                                         <div style="float:left; margin:15px; width:30px; height:30px; background-color:#eeeeee;">
  102.                                    
  103.                                         </div>
  104.                                     </div>
  105.                                     <div style="float:left; margin:-60px 0px 0px 0px; width:60px; height:60px; text-align:center; text-transform:uppercase; font-family:calibri; font-size:60px; line-height:60px; letter-spacing:0px; color: rgba(105, 87, 54, 1);">
  106.                                         S
  107.                                     </div>
  108.                                 </div>
  109.                                 <div style="float:left; margin:0px 0px 0px 10px; width:260px; height:60px; overflow:hidden; text-align:left; text-transform:uppercase; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  110.                                 <div style="float:left; width:277px; height:60px; overflow:auto;">
  111.                                 <div style="float:left; width:260px; height:auto;">
  112.                                     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis...
  113.                                     <br>This section scrolls++
  114.                                 </div>
  115.                                 </div>
  116.                                 </div>
  117.                             </div>
  118.                             <div style="float:left; margin:20px 0px 0px 40px; width:330px; height:40px;">
  119.                                 <div style="float:left; padding:10px 19px 10px 10px; width:60px; height:20px; border-right: solid 1px rgba(105, 87, 54, 1); text-align:center; text-transform:uppercase; font-family:calibri; font-size:20px; line-height:20px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  120.                                     open
  121.                                 </div>
  122.                                 <div style="float:left; margin:0px 0px 0px 10px; width:210px; height:40px; overflow:hidden; text-align:left; text-transform:uppercase; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  123.                                 <div style="float:left; width:227px; height:40px; overflow:auto;">
  124.                                 <div style="float:left; width:210px; height:auto;">
  125.                                     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam...
  126.                                     <br>This section scrolls++
  127.                                 </div>
  128.                                 </div>
  129.                                 </div>
  130.                             </div>
  131.                             <div style="float:left; margin:40px 0px 0px 30px; width:340px; height:90px; ">
  132.                                 <div style="float:left; width:100px; height:90px;">
  133.                                     <div style="float:left; margin:0px 0px 0px 10px; border:solid 5px rgba(255, 255, 255, 1); width:80px; height:80px; background-color:rgba(255, 255, 255, 1)">
  134.                                         <img src="https://photo.asianfanfics.com/user/909691/f86eed.jpg" stye="width:80px; height:80px;">
  135.                                     </div>
  136.                                     <div style="float:left; margin:-80px 0px 0px 0px; padding:5px; width:70px; height:10px; background-color:rgba(105, 87, 54, 1); text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(255, 255, 255, 1);">
  137.                                         label
  138.                                     </div>
  139.                                 </div>
  140.                                 <div style="float:left; margin:0px 0px 0px 20px; width:100px; height:90px;">
  141.                                     <div style="float:left; margin:0px 0px 0px 10px; width:90px; height:90px; border:solid 5px rgba(255, 255, 255, 1); width:80px; height:80px; background-color:rgba(255, 255, 255, 1)">
  142.                                         <img src="https://photo.asianfanfics.com/user/909691/6365cc.jpg" stye="width:80px; height:80px;">
  143.                                     </div>
  144.                                     <div style="float:left; margin:-80px 0px 0px 0px; padding:5px; width:70px; height:10px; background-color:rgba(105, 87, 54, 1); text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(255, 255, 255, 1);">
  145.                                         label
  146.                                     </div>
  147.                                 </div>
  148.                                 <div style="float:left; margin:0px 0px 0px 20px; width:100px; height:90px;">
  149.                                     <div style="float:left; margin:0px 0px 0px 10px; width:90px; height:90px; border:solid 5px rgba(255, 255, 255, 1); width:80px; height:80px; background-color:rgba(255, 255, 255, 1)">
  150.                                         <img src="https://photo.asianfanfics.com/user/909691/00a95e.jpg" stye="width:80px; height:80px;">
  151.                                     </div>
  152.                                     <div style="float:left; margin:-80px 0px 0px 0px; padding:5px; width:70px; height:10px; background-color:rgba(105, 87, 54, 1); text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(255, 255, 255, 1);">
  153.                                         label
  154.                                     </div>
  155.                                 </div>
  156.                             </div>
  157.                         </div>
  158.                     </div>
  159.                     </div>
  160.                     </div>
  161.                 </div>
  162.             </div>
  163.         </div>
  164.     </div>
  165. </div>
  166. <div style="float:left; margin:5px 30px 5px 0px; width:720px; height:10px; text-align:right; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgba(105, 87, 54, 1); opacity:.99;">
  167.     <a href="http://www.asianfanfics.com/story/view/953539" style="text-decoration:none; color:rgba(105, 87, 54, 1);">&copy; cruxiarts 2019</a>
  168. </div>
  169. <div style="float:left; margin:-180px 0px 0px 28px; border: solid 1px rgba(105, 87, 54, 1); width:670px; height:130px; opacity:.99;">
  170.     <div style="float:left; margin:20px 0px 0px 20px; width:290px; height:90px;">
  171.         <div style="float:left; width:150px; height:90px;">
  172.             <div style="float:left; width:150px; height:20px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:20px; line-height:20px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  173.                 label
  174.             </div>
  175.             <div style="float:left; margin:10px 0px 0px 0px; width:150px; height:50px; overflow:hidden; text-align:left; text-transform:uppercase; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  176.             <div style="float:left; width:167px; height:50px; overflow:auto;">
  177.             <div style="float:left; width:150px; height:auto;">
  178.                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus...
  179.                 <br>This section scrolls++
  180.             </div>
  181.             </div>
  182.             </div>
  183.             <div style="float:left; width:150px; height:10px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(105, 87, 54, 1);">
  184.                 <a href="#" style="text-decoration:none; color:rgba(105, 87, 54, 1);">Link here</a>
  185.             </div>
  186.         </div>
  187.         <div style="float:left; margin-left:20px; width:100px; height:90px;">
  188.             <div style="float:left; margin:0px 0px 0px 10px; width:90px; height:90px;">
  189.                 <div style="float:left; width:90px; height:90px; background-color:rgba(255, 255, 255, 1)">
  190.                     <img src="https://photo.asianfanfics.com/user/909691/e6ce66.jpg" stye="width:90px; height:90px;">
  191.                 </div>
  192.                 <div style="float:left; margin:-90px 0px 0px 0px; width:90px; height:90px; background-color:rgba(105, 87, 54, 0.7);">
  193.                 </div>
  194.             </div>
  195.             <div style="float:left; margin:-80px 0px 0px 0px; padding:5px; width:70px; height:10px; background-color:rgba(105, 87, 54, 1); text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(255, 255, 255, 1);">
  196.                 <a href="#" style="text-decoration:none; color:rgba(255, 255, 255, 1);">link</a>
  197.             </div>
  198.         </div>
  199.     </div>
  200. </div>
  201. <div style="float:right; margin:-620px 40px 0px 0px; width:50px; height:40px; text-align:center; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgba(105, 87, 54, 1); opacity:.99;">
  202.     <a href="#" style="text-decoration:none; color:rgba(105, 87, 54, 1);">Link here</a><br>
  203.     <a href="#" style="text-decoration:none; color:rgba(105, 87, 54, 1);">Link here</a><br>
  204.     <a href="#" style="text-decoration:none; color:rgba(105, 87, 54, 1);">Link here</a><br>
  205.     <a href="#" style="text-decoration:none; color:rgba(105, 87, 54, 1);">Link here</a>
  206. </div>
  207. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement