API tools faq
paste
Advertisement
andieanjos

Tropico - Navigation Page

andieanjos
Apr 8th, 2014
1,964
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.15 KB | None | 0 0
raw download clone embed print report
  1. <!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  2. +++++++++++ TROPICO NAVIGATION PAGE MADE BY TATA ++++++++++++
  3. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  4. ++++++ please don't remove credits ++++++++++++++++++++++++++
  5. ++++++ don't use it as a base code ++++++++++++++++++++++++++
  6. ++++++ don't redistribute +++++++++++++++++++++++++++++++++++
  7. ++++++ you can customize it however you want ++++++++++++++++
  8. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  9. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
  10. <!DOCTYPE html>
  11. <html>
  12.     <head>
  13.         <title>{Title}: Links!</title>
  14.         <link rel="shortcut icon" href="{Favicon}"/>
  15.         <meta name="author" content="Andressa Anjos @ naemamideullini.tumblr.com">
  16.         <style type="text/css">
  17.                     @import url(http://fonts.googleapis.com/css?family=Quando);
  18.                     body {
  19.                         color:#000000;
  20.                         background-color: #FFFFFF;
  21.                         font-family: 'Arial', sans-serif;
  22.                     }
  23.                     a {
  24.                         color:#000000;
  25.                         text-decoration:none;
  26.                     }
  27.                     #membersContainer {
  28.                         width:700px;
  29.                         margin:0 auto;
  30.                         text-align:center;
  31.                     }
  32.                     #membersTitle {
  33.                         font-family:'Quando', serif;
  34.                         font-size:12pt;
  35.                         font-variant:small-caps;
  36.                         margin:20px;
  37.                     }
  38.                     #membersLinks {
  39.                         margin-bottom:60px;
  40.                     }
  41.                     #membersLinks a {
  42.                         color:#000000;
  43.                         text-decoration:none;
  44.                         font-family:'Quando', serif;
  45.                         font-size:7pt;
  46.                     }
  47.                     .member {
  48.                         text-align:center;
  49.                         width:250px;
  50.                         padding:25px;
  51.                         display:inline-block;
  52.                     }
  53.  
  54.                     .member .name {
  55.                         font-family:'Quando', serif;
  56.                         font-size:12pt;
  57.                         font-weight:bold;
  58.                         text-transform:uppercase;
  59.                     }
  60.  
  61.                     .member .about, #membersLinks a {
  62.                         font-size:7pt;
  63.                         font-family:'Quando', serif;
  64.                     }
  65.                     .member .about strong, #membersLinks a {
  66.                         font-variant:small-caps;
  67.                         font-size:8pt;
  68.                     }
  69.                     #tata {
  70.                         position:fixed;
  71.                         bottom:0px; right:0px;
  72.                         padding:10px;
  73.                         font-family: sans-serif;
  74.                         font-size:12pt;
  75.                         color: #000000;
  76.                         font-weight: bold;
  77.                         background-color: #FFFFFF;
  78.                     }
  79.         </style>
  80.     </head>
  81.     <body>
  82.             <div id="membersContainer">
  83.                 <div id="membersTitle">Navigate.</div>
  84.                 <div id="membersLinks">
  85.                     <a href="/">go back</a> &middot;
  86.                     <a href="/ask">message</a>
  87.                 </div>
  88.  
  89.                 <div class="member">
  90.                     <a href="#" target="_blank"><span class="name">body electric</span></a><br />
  91.                     &middot; <strong>&middot;</strong> &middot;<br />
  92.                     <div class="about">
  93.                         i go about the world like i'm <strong>havin' fun</strong>
  94.                     </div>
  95.                 </div>
  96.  
  97.                 <div class="member">
  98.                     <a href="#" target="_blank"><span class="name">gods & monsters</span></a><br />
  99.                    &middot; <strong>&middot;</strong> &middot;<br />
  100.                     <div class="about">
  101.                         it's <strong>innocence</strong> lost
  102.                     </div>
  103.                 </div>
  104.  
  105.                 <div class="member">
  106.                     <a href="#" target="_blank"><span class="name">bel air</span></a><br />
  107.                     &middot; <strong>&middot;</strong> &middot;<br />
  108.                     <div class="about">
  109.                         mon amour, sweet child of mine, you're <strong>divine</strong>.
  110.                     </div>
  111.                 </div>
  112.                
  113.                 <!-- COPY AND PASTE THIS BLOCK TO ADD MORE LINKS -->
  114.                 <div class="member">
  115.                     <a href="#" target="_blank"><span class="name">tropico</span></a><br />
  116.                     &middot; <strong>&middot;</strong> &middot;<br />
  117.                     <div class="about">
  118.                         i saw the best minds of <br>my generation <strong>destroyed</strong> by madness
  119.                     </div>
  120.                 </div>
  121.  
  122.             </div>
  123.            
  124.             <div id="tata"><a href="http://tanharu.tumblr.com/">&#7789;</a></div>
  125.     </body>
  126. </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!