Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <head>
- <!----
- Page 01: Let's Fly
- bias/network/family/characters page
- by: superfrown.tumblr.com
- You may:
- Edit as much as you like
- You may not:
- Claim as your own
- Remove the credit
- ---->
- <style type="text/css">
- /* MAIN */
- body {
- background-color:#fafafa;
- background-image: url();
- background-attachment: fixed;
- background-repeat: repeat;
- color:#424242;
- font-family: calibri;
- font-size: 11px;
- margin: 0px;
- padding: 0px;}
- a:link, a:active {
- text-decoration:none;
- color: #94b3f2;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- a:visited {
- text-decoration:none;
- color: #94b3f2;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- a:hover {
- color: #e3e3e3;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- ::-webkit-scrollbar {
- height:6px;
- width:6px;
- background-color: #fff;}
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #000;}
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: #000;}
- /* TITLE */
- .title {
- margin-top:40px;
- margin-left:0px;
- width:212px;
- height:auto;
- text-align:center;
- font-size:28px;
- font-family: Georgia;
- font-weight:normal;
- font-style:italic;
- padding:4px;
- letter-spacing:2px;
- color:#404040;}
- /* SIDEBAR */
- .sidebar {
- width:220px;
- height:100%;
- left:0px;
- top:0px;
- position: fixed;
- border-right:1px solid #404040;
- background-color:#f0f0f0;
- background-image: url();}
- /* DESCRIPTION */
- #description {
- margin-top:30px;
- margin-left:12px;
- width:182px;
- height:auto;
- overflow:auto;
- padding:6px;
- text-align:center;
- font-size:11px;
- font-family: calibri;
- font-weight:normal;
- font-style:normal;
- letter-spacing:0px;
- color: #424242;
- background-color:#f0f0f0;}
- /* LINKS */
- #links {
- margin-top:20px;
- margin-left:50px;
- text-align:center;
- width:120px;}
- #links a {
- display:block;
- font-size:10px;
- padding:1px;
- margin:3px;
- text-transform:uppercase;
- border:1px solid #404040;
- color: #404040;
- background-color: #f5f5f5;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- #links a:hover {
- color: #bababa;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- /* STUFF */
- .stuff {
- width:560px;
- margin-left:222px;}
- .stuffimage {
- margin-top:40px;
- margin-bottom:40px;
- margin-left:40px;}
- .stuffimage img {
- width:120px;
- height:auto;
- padding:6px;
- border:2px solid #404040;
- background-color:#ffffff;}
- .words {
- display:inline-block;
- margin-left:10px;
- margin-bottom:5px;
- width:350px;
- height:auto;
- overflow:auto;}
- .words2 {
- margin-bottom:6px;
- padding-left:4px;
- border-left:4px solid #404040;}
- /* CREDIT */
- #credit {
- bottom:8px;
- left:5px;
- text-align:center;
- position:fixed;}
- #credit a {
- font-size:12px;
- padding:2px 4px 2px 4px;
- border:1px solid #404040;
- background-color: #f5f5f5;
- color: #404040;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- #credit a:hover {
- color: #bababa;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- </style>
- </head>
- <body>
- <div class="sidebar">
- <div id="credit">
- <a href="http://superfrown.tumblr.com"> © </a>
- </div>
- <!--- EDIT YOUR TITLE HERE --->
- <div class="title">Let's Fly</div>
- <!--- EDIT YOUR DESCRIPTION HERE --->
- <div id="description">This is a description. Lorem ipsum dolor <i>sit amet</i>, consectetur adipisicing elit, sed do <b>eiusmod tempor</b> incididunt ut labore et dolore magna aliqua.
- <br><br>
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
- <!--- EDIT YOUR LINKS HERE --->
- <div id="links">
- <a href="/"> Home </a>
- <a href="/ask"> Message </a>
- <a href=""> Link 1 </a>
- <a href=""> Link 2 </a>
- <a href=""> Link 3 </a>
- <a href=""> Link 4 </a>
- </div>
- </div>
- <div class="stuff">
- <!---- PERSON 1 START ---->
- <div class="stuffimage">
- <!-- CHANGE TAG HERE -->
- <a href="/">
- <!-- CHANGE IMAGE HERE -->
- <img src="">
- </a>
- <div class="words">
- <!--- CHANGE STATS HERE --->
- <div class="words2"><b>Name:</b> name here </div>
- <div class="words2"><b>Group:</b> name here </div>
- <div class="words2"><b>Position:</b> name here </div>
- <!--- CHANGE DESCRIPTION HERE --->
- This is a description. This is <b>bold</b>. This is <i>italic</i>. This is <a href="/">a link</a>. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- </div>
- </div>
- <!--- PERSON 1 END --->
- <!---- PERSON 2 START ---->
- <div class="stuffimage">
- <!-- CHANGE TAG HERE -->
- <a href="/">
- <!-- CHANGE IMAGE HERE -->
- <img src="">
- </a>
- <div class="words">
- <!--- CHANGE STATS HERE --->
- <div class="words2"><b>Name:</b> name here </div>
- <div class="words2"><b>Group:</b> name here </div>
- <div class="words2"><b>Position:</b> name here </div>
- <!--- CHANGE DESCRIPTION HERE --->
- This is a description. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- </div>
- </div>
- <!--- PERSON 2 END --->
- <!---- PERSON 3 START ---->
- <div class="stuffimage">
- <!-- CHANGE TAG HERE -->
- <a href="/">
- <!-- CHANGE IMAGE HERE -->
- <img src="">
- </a>
- <div class="words">
- <!--- CHANGE STATS HERE --->
- <div class="words2"><b>Name:</b> name here </div>
- <div class="words2"><b>Group:</b> name here </div>
- <div class="words2"><b>Position:</b> name here </div>
- <!--- CHANGE DESCRIPTION HERE --->
- This is a description. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- </div>
- </div>
- <!--- PERSON 3 END --->
- <!---- PERSON 4 START ---->
- <div class="stuffimage">
- <!-- CHANGE TAG HERE -->
- <a href="/">
- <!-- CHANGE IMAGE HERE -->
- <img src="">
- </a>
- <div class="words">
- <!--- CHANGE STATS HERE --->
- <div class="words2"><b>Name:</b> name here </div>
- <div class="words2"><b>Group:</b> name here </div>
- <div class="words2"><b>Position:</b> name here </div>
- <!--- CHANGE DESCRIPTION HERE --->
- This is a description. Lorem ipsum dolor sit amet
- </div>
- </div>
- <!--- PERSON 4 END --->
- <!---- PERSON 5 START ---->
- <div class="stuffimage">
- <!-- CHANGE TAG HERE -->
- <a href="/">
- <!-- CHANGE IMAGE HERE -->
- <img src="">
- </a>
- <div class="words">
- <!--- CHANGE STATS HERE --->
- <div class="words2"><b>Name:</b> name here </div>
- <div class="words2"><b>Group:</b> name here </div>
- <div class="words2"><b>Position:</b> name here </div>
- <!--- CHANGE DESCRIPTION HERE --->
- This is a description. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- </div>
- </div>
- <!--- PERSON 5 END --->
- <!--- If you want more people, just copy and paste --->
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement