API tools faq
paste
Advertisement
cationcodes

Theme 004

cationcodes
Oct 16th, 2013
1,584
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.     <head>
  4.  
  5. <!-----
  6.  
  7. TUMBLR THEME 004 BY CATION-CODES | LIGHT YEARS (PART OF WOLVES THEME PACK)
  8.  
  9. All coding in this theme was written by cation-codes unless stated otherwise.
  10.  
  11.    1. YOU MAY NOT REMOVE THE CREDIT
  12.    2. YOU MAY NOT CLAIM THEME AS YOUR OWN
  13.    3. YOU MAY NOT USE MY THEME AS A BASECODE
  14.    4. YOU MAY USE PARTS OF MY CODE AS LONG AS YOU GIVE ME CREDIT.
  15.  
  16. ----->
  17.         <title>{Title}</title>
  18.             <link rel='shortcut icon' href='{Favicon}'>
  19.                 <link rel='altertnate' type='application/rss+xml' hturef='{RSS}'>
  20.        
  21.     <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,800' rel='stylesheet' type='text/css'>
  22.  
  23.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  24.    
  25.     <link rel='stylesheet' type='text/css' href='http://static.tumblr.com/u2g95zs/pwtmuryfm/credit.css'>
  26.  
  27. <style>
  28. body{
  29.     line-height:21px;
  30.     font-size:11px;
  31.     text-align:justify;
  32.     background:#f7f7f7
  33.     }
  34.    
  35. a:link, a:visited, a:active{
  36.     color:#0000000;
  37.     text-decoration:none;
  38.     }
  39.    
  40. b, strong{
  41.     color:#000000;
  42.     }
  43.    
  44. i, emphasize{
  45.     color:#000000;
  46.     }
  47.    
  48. #wrap{
  49.     width:800px;
  50.     margin:0 auto;
  51.     }
  52.    
  53. h1{
  54.     margin:50px;
  55.     font-size:25px;
  56.     text-align:center;
  57.     font-style:italic;
  58.     text-transform:lowercase;
  59.     }
  60.    
  61. .three{
  62.     font-weight:800;
  63.     background:#d9eed8;
  64.     font-size:10px;
  65.     padding:5px 15px 5px 15px;
  66.     text-align:right;
  67.     text-transform:uppercase;
  68.     font-family: 'Open Sans', sans-serif;
  69.     }
  70.    
  71. #picture img{
  72.     width:395px;
  73.     margin:5px 0px 5px 0px;
  74.     height:600px;
  75.     float:right;
  76.     }
  77.    
  78. #about{
  79.     margin:5px 0px 5px 0px;
  80.     width:370px;
  81.     background:#54965c;
  82.     padding:15px;
  83.     color:#ffffff;
  84.     height:570px;
  85.     overflow:auto;
  86.     }
  87.    
  88. #about table th.h2{
  89.     font-weight:100;
  90.     font-family: 'Open Sans', sans-serif;
  91.     color:#ffffff;
  92.     text-transform:uppercase;
  93.     font-size:35px;
  94.     line-height:41px;
  95.     text-align:right;
  96.     }
  97.    
  98. #about table th.h2:first-line{
  99.     font-weight:800;
  100.     }
  101.    
  102. table.about td{
  103.     width:50%;
  104.     }
  105.  
  106. table.links{
  107.     width:100%;
  108.     }
  109.    
  110. table.links td{
  111.     padding:15px 25px 15px 25px;
  112.     background:#000000;
  113.     text-align:center;
  114.     }
  115.    
  116. table.links td a{
  117.     color:#ffffff;
  118.     font-size:10px;
  119.     width:100px;
  120.     display:inline-block;
  121.     text-transform:uppercase;
  122.     }
  123. </style>
  124.     </head>
  125.         <body>      
  126.             <div id='wrap'>
  127.                 <!-- header -->
  128.                 <h1>New for the first time, this is my higher state.</h1>  
  129.                     <!-- age, name and time zone. you can make it whatever you want, just and example -->
  130.                     <div class='three'>
  131.                         Age. Name. Time Zone.
  132.                     </div>              
  133.                         <!-- picutre is 400 by 600, it stretches to meet the set values -->
  134.                         <div id='picture'><img src='http://static.tumblr.com/u2g95zs/O8vmurvjz/tumblr_mu2wm5d7pi1qb9r7fo1_r1_500.jpg'></div>
  135.                             <!-- about -->    
  136.                             <div id='about'>                              
  137.                                 <table class='about' cellspacing='10'>
  138.                                     <tr>
  139.                                         <th class='h2' colspan='2'>
  140.                                             <!-- second header goes here -->
  141.                                             Light years ahead of you
  142.                                         </th>
  143.                                     </tr>                                        
  144.                                     <tr>
  145.                                         <td>
  146.                                             <!-- first paragraph goes here -->
  147.                                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  148.                                         </td>    
  149.                                         <td>
  150.                                             <!-- second paragraph goes here -->
  151.                                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  152.                                         </td>
  153.                                     </tr>
  154.                                 </table>
  155.                 </div>
  156.                     <!-- links -->
  157.                     <table class='links'>
  158.                         <tr>
  159.                             <td>
  160.                                 <!-- to add another link just copy and paste the following code...  <a href='/'>link</a> -->
  161.                                 <a href='/'>return</a>
  162.                                 <a href='/ask'>message</a>
  163.                                 <a href='/'>link</a>
  164.                                 <a href='/'>link</a>
  165.                                 <a href='/'>link</a>
  166.                                 <a href='/'>link</a>
  167.                             </td>
  168.                         </tr>
  169.                     </table>
  170.             </div>
  171.            
  172.             <a href='http://cationcodes.tumblr.com/' id='theme'>cation codes</a>
  173.         </body>
  174. </html>
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!