API tools faq
paste
Advertisement
jaeilhun07

Empathy - Channel (Home)

jaeilhun07
Dec 18th, 2015
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.94 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto; padding:0px 25px 25px 25px; width:600px; background-color:#f1f1f1;">
  2.     <div id="heading" style="width:600px; height:100px;">
  3.         <div style="float:left; width:500px; height:100px;">
  4.             <div style="float:left; margin-top:25px; width:500px; height:35px; text-align:left; text-transform:lowercase; font-family:trebuchet ms; font-size:35px; line-height:35px; color:#3abf92">
  5.                 <b>channel</b><em>title</em>
  6.             </div>
  7.             <div id="subtitle" style="float:left; margin-top:5px; width:500px; height:35px; text-align:left; text-transform:lowercase; font-family:trebuchet ms; font-size:15px; line-height:15px; color:#285153">
  8.                 <b>video</b><em>editor</em>
  9.             </div>
  10.         </div>
  11.         <div style="float:right; margin-right:25px; padding:10px; width:55px; height:80px; background-color:#3abf92;">
  12.             <div style="float:right; margin-top:40px; padding:5px; border:solid 5px #fff; width:20px; height:20px; font-weight:bold; text-align:center; font-size:20px; line-height:20px; color:#fff;">
  13.                 <a href="#" style="color:#fff; text-decoration:none;" title="My Youtube Channel">+</a>
  14.             </div>
  15.         </div>
  16.     </div>
  17.     <div id="nav" style="margin-top:20px; width:600px; height:20px; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92">
  18.         <div style="float:left; padding:5px; width:auto; height:10px; background-color:#3abf92; ">
  19.             <a href="#" style="color:#fff; text-decoration:none;" title="Home">Home</a>
  20.         </div>
  21.         <div style="float:left; padding:5px; margin-left:15px; width:auto; height:10px; ">
  22.             <a href="#" style="color:#3abf92; text-decoration:none;" title="Link Title">Link Here</a>
  23.         </div>
  24.         <div style="float:left; padding:5px; margin-left:15px; width:auto; height:10px; ">
  25.             <a href="#" style="color:#3abf92; text-decoration:none;" title="Link Title">Link Here</a>
  26.         </div>
  27.         <div style="float:left; padding:5px; margin-left:15px; width:auto; height:10px; ">
  28.             <a href="#" style="color:#3abf92; text-decoration:none;" title="Link Title">Link Here</a>
  29.         </div>
  30.         <div style="float:left; padding:5px; margin-left:15px; width:auto; height:10px; ">
  31.             <a href="#" style="color:#3abf92; text-decoration:none;" title="Link Title">Link Here</a>
  32.         </div>
  33.         <div style="float:right; margin-right:10px; padding:2.5px; width:auto; height:15px;">
  34.             <img src="https://40.media.tumblr.com/f07a3ee0b8c09ecf7a9e78f7a5b30050/tumblr_nzjznfXvrt1u79fdvo1_75sq.png" style="width:15px; height:15px;">
  35.             <img src="https://40.media.tumblr.com/c22cd9a3e83d9678690ae9a1521959aa/tumblr_nzjznfXvrt1u79fdvo3_75sq.png" style="width:15px; height:15px;">
  36.             <img src="https://41.media.tumblr.com/70864d280c5a5df382922942588558e6/tumblr_nzjznfXvrt1u79fdvo2_75sq.png" style="width:15px; height:15px;">
  37.         </div>
  38.     </div>
  39.     <div style="padding:20px 0px; width:600px; border-top: solid 1px #3abf92; ">
  40.         <div style="padding:24px; width:550px; height:200px; background-color:#fff; border: solid 1px #3abf92;  text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  41.             <div style="width:550px; height:20px; text-align:left; font-family:trebuchet ms; font-size:20px; line-height:20px; color:#285153;">
  42.                 About the Editor
  43.             </div>
  44.             <div style="margin-top:10px; width:550px; height:170px;">
  45.                 <div style="float:left; width:170px; height:170px;">
  46.                     <img src="https://40.media.tumblr.com/79eedb78ebad3fdd86cbb8ac0712841f/tumblr_nzjznfXvrt1u79fdvo5_250.jpg" style="width:170px; height:170px;">
  47.                 </div>
  48.                 <div style="float:right; width:370px; height:170px;">
  49.                     <div style="float:left; margin-top:9px; width:370px; height:160px; border-top:solid 1px #3abf92;">
  50.                         <div style="float:left; margin-top:10px; width:370px; height:50px;  text-align:left; font-family:trebuchet ms; font-size:25px; line-height:25px; color:#285153;">
  51.                             editor's<br>full name
  52.                         </div>
  53.                         <div style="float:left; margin-top:10px; width:370px; height:90px; overflow:hidden; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  54.                         <div style="float:left; width:387px; height:90px; overflow:auto">
  55.                         <div style="float:left; width:370px; height:auto">
  56.                             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 velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit...
  57.  
  58.                         </div>
  59.                         </div>
  60.                         </div>
  61.                     </div>
  62.                     <div style="float:left; margin-top:-170px; padding:5px; width:auto; height:10px; background-color:#fff; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  63.                         since 2015
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         </div>
  68.     </div>
  69.     <div style="padding:0px 20px 20px 20px; width:560px; border-bottom: solid 1px #3abf92;">
  70.         <div style="width:560px; height:30px; text-align:left; font-family:trebuchet ms; font-size:30px; line-height:30px; color:#285153;">
  71.             <img src="https://40.media.tumblr.com/27fe4c03018ce8688d74f5556f9f216f/tumblr_nzjznfXvrt1u79fdvo4_75sq.png" style="width:30px; height:30px;"> Video Playlist
  72.         </div>
  73.         <div style="margin-top:20px; width:560px; height:240px">
  74.             <div style="float:left; padding:20px; background-color:#3abf92; width:240px; height:200px;">
  75.                 <div style="float:left; width:240px; height:150px">
  76.                     <iframe width="240" height="150" src="https://www.youtube.com/embed/yWfsla_Uh80" frameborder="0" allowfullscreen></iframe>
  77.                 </div>
  78.                 <div style="float:left; margin-top:10px; padding:4px 9px; width:220px; height:30px; background-color:#fff; border: solid 1px #aaaaaa;">
  79.                     <div style="float:left; width:30px; height:30px;">
  80.                         <img src="https://40.media.tumblr.com/27fe4c03018ce8688d74f5556f9f216f/tumblr_nzjznfXvrt1u79fdvo4_75sq.png" style="width:30px; height:30px;">
  81.                     </div>
  82.                     <div style="float:left; margin-left:10px; width:180px; height:30px;">
  83.                         <div style="float:left; margin-top:2px; width:180px; height:18px; text-align:left; font-family:trebuchet ms; font-size:18px; line-height:18px;  color:#3abf92;">
  84.                             Trailer Title
  85.                         </div>
  86.                         <div style="float:left; width:180px; height:10px; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#aaaaaa;">
  87.                             Trailer Subtitle
  88.                         </div>
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.             <div style="float:left; padding:20px; background-color:#285153; width:240px; height:200px;">
  93.                 <div style="float:left; width:240px; height:150px">
  94.                     <iframe width="240" height="150" src="https://www.youtube.com/embed/yWfsla_Uh80" frameborder="0" allowfullscreen></iframe>
  95.                 </div>
  96.                 <div style="float:left; margin-top:10px; padding:4px 9px; width:220px; height:30px; background-color:#fff; border: solid 1px #3abf92;">
  97.                     <div style="float:left; width:30px; height:30px;">
  98.                         <img src="https://40.media.tumblr.com/27fe4c03018ce8688d74f5556f9f216f/tumblr_nzjznfXvrt1u79fdvo4_75sq.png" style="width:30px; height:30px;">
  99.                     </div>
  100.                     <div style="float:left; margin-left:10px; width:180px; height:30px;">
  101.                         <div style="float:left; margin-top:2px; width:180px; height:18px; text-align:left; font-family:trebuchet ms; font-size:18px; line-height:18px;  color:#285153;">
  102.                             Trailer Title
  103.                         </div>
  104.                         <div style="float:left; width:180px; height:10px; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  105.                             Trailer Subtitle
  106.                         </div>
  107.                     </div>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.         <div style="width:560px; height:240px">
  112.             <div style="float:left; padding:20px; background-color:#aaaaaa; width:240px; height:200px;">
  113.                 <div style="float:left; width:240px; height:150px">
  114.                     <iframe width="240" height="150" src="https://www.youtube.com/embed/yWfsla_Uh80" frameborder="0" allowfullscreen></iframe>
  115.                 </div>
  116.                 <div style="float:left; margin-top:10px; padding:4px 9px; width:220px; height:30px; background-color:#fff; border: solid 1px #285153;">
  117.                     <div style="float:left; width:30px; height:30px;">
  118.                         <img src="https://40.media.tumblr.com/27fe4c03018ce8688d74f5556f9f216f/tumblr_nzjznfXvrt1u79fdvo4_75sq.png" style="width:30px; height:30px;">
  119.                     </div>
  120.                     <div style="float:left; margin-left:10px; width:180px; height:30px;">
  121.                         <div style="float:left; margin-top:2px; width:180px; height:18px; text-align:left; font-family:trebuchet ms; font-size:18px; line-height:18px;  color:#aaaaaa;">
  122.                             Trailer Title
  123.                         </div>
  124.                         <div style="float:left; width:180px; height:10px; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#285153;">
  125.                             Trailer Subtitle
  126.                         </div>
  127.                     </div>
  128.                 </div>
  129.             </div>
  130.             <div style="float:left; padding:20px; background-color:#cccccc; width:240px; height:200px;">
  131.                 <div style="float:left; width:240px; height:150px">
  132.                     <iframe width="240" height="150" src="https://www.youtube.com/embed/yWfsla_Uh80" frameborder="0" allowfullscreen></iframe>
  133.                 </div>
  134.                 <div style="float:left; margin-top:10px; padding:4px 9px; width:220px; height:30px; background-color:#fff; border: solid 1px #3abf92;">
  135.                     <div style="float:left; width:30px; height:30px;">
  136.                         <img src="https://40.media.tumblr.com/27fe4c03018ce8688d74f5556f9f216f/tumblr_nzjznfXvrt1u79fdvo4_75sq.png" style="width:30px; height:30px;">
  137.                     </div>
  138.                     <div style="float:left; margin-left:10px; width:180px; height:30px;">
  139.                         <div style="float:left; margin-top:2px; width:180px; height:18px; text-align:left; font-family:trebuchet ms; font-size:18px; line-height:18px;  color:#cccccc;">
  140.                             Trailer Title
  141.                         </div>
  142.                         <div style="float:left; width:180px; height:10px; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  143.                             Trailer Subtitle
  144.                         </div>
  145.                     </div>
  146.                 </div>
  147.             </div>
  148.         </div>
  149.         <div style="width:560px; height:240px">
  150.             <div style="float:left; padding:20px; background-color:#285153; width:240px; height:200px;">
  151.                 <div style="float:left; width:240px; height:150px">
  152.                     <iframe width="240" height="150" src="https://www.youtube.com/embed/yWfsla_Uh80" frameborder="0" allowfullscreen></iframe>
  153.                 </div>
  154.                 <div style="float:left; margin-top:10px; padding:4px 9px; width:220px; height:30px; background-color:#fff; border: solid 1px #3abf92;">
  155.                     <div style="float:left; width:30px; height:30px;">
  156.                         <img src="https://40.media.tumblr.com/27fe4c03018ce8688d74f5556f9f216f/tumblr_nzjznfXvrt1u79fdvo4_75sq.png" style="width:30px; height:30px;">
  157.                     </div>
  158.                     <div style="float:left; margin-left:10px; width:180px; height:30px;">
  159.                         <div style="float:left; margin-top:2px; width:180px; height:18px; text-align:left; font-family:trebuchet ms; font-size:18px; line-height:18px;  color:#285153;">
  160.                             Trailer Title
  161.                         </div>
  162.                         <div style="float:left; width:180px; height:10px; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  163.                             Trailer Subtitle
  164.                         </div>
  165.                     </div>
  166.                 </div>
  167.             </div>
  168.             <div style="float:left; padding:20px; background-color:#3abf92; width:240px; height:200px;">
  169.                 <div style="float:left; width:240px; height:150px">
  170.                     <iframe width="240" height="150" src="https://www.youtube.com/embed/yWfsla_Uh80" frameborder="0" allowfullscreen></iframe>
  171.                 </div>
  172.                 <div style="float:left; margin-top:10px; padding:4px 9px; width:220px; height:30px; background-color:#fff; border: solid 1px #aaaaaa;">
  173.                     <div style="float:left; width:30px; height:30px;">
  174.                         <img src="https://40.media.tumblr.com/27fe4c03018ce8688d74f5556f9f216f/tumblr_nzjznfXvrt1u79fdvo4_75sq.png" style="width:30px; height:30px;">
  175.                     </div>
  176.                     <div style="float:left; margin-left:10px; width:180px; height:30px;">
  177.                         <div style="float:left; margin-top:2px; width:180px; height:18px; text-align:left; font-family:trebuchet ms; font-size:18px; line-height:18px;  color:#3abf92;">
  178.                             Trailer Title
  179.                         </div>
  180.                         <div style="float:left; width:180px; height:10px; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#aaaaaa;">
  181.                             Trailer Subtitle
  182.                         </div>
  183.                     </div>
  184.                 </div>
  185.             </div>
  186.         </div>
  187.     </div>
  188.     <div style="float:left; padding:10px 0px; width:600px; height:10px;  text-align:center; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; letter-spacing:1px; color:#aaaaaa;">
  189.         <a href="http://www.asianfanfics.com/story/view/953539" style="color:#aaaaaa; text-decoration:none;" title="CXBR Themes by Jaeilhun07">cruxblader themes</a> 2015
  190.     </div>
  191. </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!