Advertisement
Guest User

Untitled

a guest
Jun 27th, 2013
128
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.34 KB | None | 0 0
  1. <style>
  2. body {
  3.     background-image:url('http://i.imgur.com/5v4o81z.jpg');
  4.     background-repeat:no-repeat;
  5.     background-attachment:fixed;
  6.     color: #ffffff;
  7.     font-family:"Helvetica", Arial, serif;
  8.     font-size:13px;
  9.     width:100%;
  10.  
  11. }
  12.  
  13. img {
  14.     width: 100%;
  15.     height: auto;
  16.     max-width: 100%;
  17. }
  18.  
  19.  
  20. h1 {
  21.     font-size:40px;
  22. }
  23.  
  24. div.ex
  25. {  
  26.  
  27. background-color:rgba(0,0,0,0.7);
  28. width:430px;
  29. height:550px;
  30. padding:10px;
  31. margin-top:50px;
  32. margin-left:50px;
  33.  
  34.    
  35. }
  36.  
  37. /* Content boxes */
  38.  
  39. div.navbar
  40. {
  41.     margin-top:10px;
  42.     margin-left:50px;
  43.     width:440px;
  44.     height:30px;
  45.     padding-left:10px;
  46.     padding-top:10px;
  47.     background-color:rgba(0,0,0,0.7);
  48. }
  49.  
  50. div.connect
  51. {
  52.     margin-top:10px;
  53.     margin-left:50px;
  54.     width:440px;
  55.     height:30px;
  56.     padding-left:10px;
  57.     padding-top:10px;
  58.     background-color:rgba(0,0,0,0.7);
  59. }
  60.  
  61. div.slideshow
  62. {
  63.     margin-top:50px;
  64.     margin-left:50px;
  65.     width:500px;
  66.     height:800px;
  67.     padding-left:0px;
  68.     padding-top:10px;
  69.     background-color:rgba(0,0,0,0.7);
  70. }
  71.  
  72.  
  73. /* Links */
  74.  
  75. a:-webkit-any-link {
  76. color: #FFFFFF;
  77. text-decoration: none;
  78. cursor: auto;
  79.  
  80. }
  81.  
  82. a:hover {
  83.     color: #f1d573;
  84. }
  85.  
  86. /* Layout */
  87.  
  88. #leftColumn {
  89.     float: left;
  90.     width: 460px; // Width of this column
  91. }
  92.  
  93. #rightColumn {
  94.     float: left;
  95.     width: 500px; // Width od this column
  96. }
  97.  
  98. </style>
  99.  
  100. <body>
  101.  
  102.   <!-- Left column -->
  103. <div id="leftColumn">
  104.     <div class="ex">
  105.         <center><img style="display: inline;" src="http://i.imgur.com/wCP3WP3.png"/></center>
  106.        
  107.     </div>
  108.  
  109.     <div class="navbar">
  110.         <b>NAVIGATION:</b> <a href="http://joshpho.weebly.com/zukan.html">Zukan</a> | <a href="http://joshpho.weebly.com/movies.html">Movies</a> | <a href="http://joshpho.weebly.com/retsuden.html">Retsuden</a>  | <a href="http://joshpho.weebly.com/misc.html">Photography</a> |
  111.         </div>
  112.  
  113.     <div class="connect">
  114.         <b>CONNECT:</b> <a href="http://joshpho.livejournal.com/profile">Livejournal</a>
  115.     </div>
  116. </div>
  117.  
  118. <!-- Right column -->
  119. <div id="rightColumn">
  120.     <div class="slideshow"><img src=http://i.imgur.com/y9AYZTr.png">
  121. <br><br><b>Pokemon Zukan</b> are scaled figures that are 1/40th of their size in the Pokedex. They are released in capsules from Gachapon machines in Japan and <br><br>
  122.        
  123.  
  124. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement