Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style>
- header {
- background: rgba(245, 211, 173, 0.7);
- background-position: center;
- height: 400px;
- }
- header a {
- font-family: "Courier New", Courier, monospace;
- text-decoration: none;
- color: #fff;
- font-weight: bold;
- }
- h1 {
- display: ;
- text-align: center;
- font-size: 50px;
- color: #fff;
- margin: 40 auto 10 auto;
- text-transform: Uppercase;
- }
- h10 {
- text-align: center;
- color: #fff;
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serifbold;
- font-weight: bold;
- margin: 0 auto;
- padding: 30;
- font-size: 25px;
- }
- h3 {
- text-decoration: none;
- font-family: "Courier New", Courier, monospace;
- color: #444;
- font-size: 23;
- padding: 0;
- text-transform: Uppercase;
- }
- h3 a {
- text-decoration: none;
- color: #444;
- font-family: "Courier New", Courier, monospace;
- }
- /*http://41.media.tumblr.com/f0b4bde7eaab48fffa4de24374eea033/tumblr_nkfdpgzkIb1qij9r4o9_1280.jpg*/
- body {
- background: url("http://41.media.tumblr.com/f0b4bde7eaab48fffa4de24374eea033/tumblr_nkfdpgzkIb1qij9r4o9_1280.jpg");
- background-position: center;
- background-size: ;
- background-attachment: fixed;
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- }
- .text {
- background: rgba(251, 230, 202, 1);
- margin: 40px auto;
- padding: 20px;
- width: 500px;
- border: 2px solid #fff;
- background-position:center;
- }
- .text a {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- text-decoration: none;
- }
- .text img {
- max-width: 420px;
- height: auto;
- }
- .text blockquote{
- border-left: 3px solid #fff;
- padding: 0px 10px;
- }
- .photo {
- width: 500px;
- margin: 40px auto;
- padding: 20px;
- background-position:center;
- background: rgba(251, 230, 202, 1);
- border: 2px solid #fff;
- }
- .photo a {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- text-decoration: none;
- }
- .photo blockquote{
- border-left: 3px solid #fff;
- padding: 0px 10px;
- }
- .caption {
- background: rgba(251, 230, 202, 1);
- margin: 10px auto 10px auto;
- border-radius: 0%;
- width: 500px;
- padding:0;
- text-align: left;
- }
- .caption a {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- text-decoration: none;
- text-align: left;
- }
- .quote {
- background: rgba(251, 230, 202, 1);
- margin: 40px auto;
- padding: 20px;
- border-radius: 6px;
- width: 500px;
- border-radius: 0%;
- border: 2px solid #fff;
- }
- .quote blockquote{
- border-left: 3px solid #fff;
- padding: 0px 10px;
- }
- .quote a {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- text-decoration: none;
- }
- .quotesource {
- text-transform: Uppercase;
- }
- .quotesource a {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- text-decoration: none;
- }
- .chat {
- background: rgba(251, 230, 202, 1);
- margin: 40px auto;
- padding: 20px;
- border-radius: 6px;
- width: 500px;
- border-radius: 0%;
- border: 2px solid #fff;
- }
- .quote blockquote{
- border-left: 3px solid #fff;
- padding: 0px 10px;
- }
- .chat a {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- text-decoration: none;
- }
- .link {
- background: rgba(251, 230, 202, 1);
- margin: 40px auto;
- padding: 20px;
- border-radius: 6px;
- width: 500px;
- border-radius: 0%;
- border: 2px solid #fff;
- }
- .link blockquote{
- border-left: 3px solid #fff;
- padding: 0px 10px;
- }
- .link a {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- text-decoration: none;
- }
- .audio {
- background: rgba(251, 230, 202, 1);
- margin: 40px auto;
- padding: 20px;
- width: 500px;
- border: 2px solid #fff;
- }
- .audio blockquote{
- border-left: 3px solid #fff;
- padding: 0px 10px;
- }
- .audio a {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- text-decoration: none;
- }
- .video {
- margin: 40px auto;
- width: 500px;
- padding: 20px;
- background: rgba(251, 230, 202, 1);
- border: 2px solid #fff;
- }
- .video blockquote{
- border-left: 3px solid #fff;
- padding: 0px 10px;
- }
- .video a {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- text-decoration: none;
- }
- .a {
- text-decoration: none;
- }
- .avatar {
- display: block;
- width: 20%;
- margin: 0 auto;
- border-radius: 20%;
- border: 6px solid #fff;
- position: relative;
- top: 20px;
- }
- .container {
- max-width: 640px;
- margin: 0 auto;
- }
- .like-reblog {
- list-style: none;
- border: 1px solid #fff;
- background: rgba(251, 230, 202, 1);
- width: 500px;
- padding: 0;
- }
- .like-reblog li {
- float: right;
- padding: 9px;
- font-family: "Courier New", Courier, monospace;
- }
- .like-reblog a {
- color: rgb(52, 47, 20);
- text-decoration: none;
- font-size: 15px;
- }
- .page {
- background: rgba(255, 240, 219, 0.9);
- padding: 20px;
- }
- .page a {
- text-decoration: none;
- color: #444;
- font-weight: bold;
- font-size: 20px;
- }
- .pagelist {
- width: 500px;
- margin: 0 auto;
- }
- .tags {
- display: inline;
- list-style: none;
- background: rgba(251, 230, 202, 1);
- width: 500px;
- }
- .tags li {
- display: inline;
- float: left;
- padding: 0;
- background: rgba(251, 230, 202, 1);
- }
- .tags a {
- display: inline;
- text-decoration: none;
- color: rgb(52, 47, 20);
- font-size: 10px;
- padding: 6px;
- font-family: "Courier New", Courier, monospace;
- }
- .pagenav {
- text-align: center;
- border: 1px solid #fff;
- }
- .pagenav a {
- text-decoration: none;
- font-family: "Courier New", Courier, monospace;
- color: #fff;
- font-weight: bold;
- }
- .answer {
- background: rgba(251, 230, 202, 1);
- margin: 40px auto;
- padding: 20px;
- width: 500px;
- border: 2px solid #fff;
- }
- .answer blockquote{
- border-left: 3px solid #fff;
- padding: 0px 10px;
- }
- .answer a {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-weight: normal;
- color: rgb(52, 47, 20);
- text-decoration: none;
- }
- .asker {
- font-weight: bold;
- }
- .question {
- font-weight: normal;
- display:block;
- }
- </style>
- </head>
- <body>
- <header>
- <div class="container">
- <img class="avatar" src="{PortraitURL-128}">
- <h1><a href="{BlogURL}">{Title}</a></h1>
- {block:Description}
- <center>
- <h10>{Description}</h10>
- </center>
- {/block:Description}
- </div>
- </header>
- {block:HasPages}
- <div class="page">
- {block:Pages}
- <div class="pagelist">
- <a href="{URL}">{Label}</a>
- </div>
- {/block:Pages}
- </div>
- {/block:HasPages}
- {block:Posts}
- {block:Text}
- <div class="text">
- {block:Title}
- <h3>
- <a href="{Permalink}">{Title}</a>
- </h3>
- {/block:Title}
- {Body}
- <ul class="like-reblog">
- <li>{LikeButton color="white"}</li>
- <li>{ReblogButton color="white"}</li>
- <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
- <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
- </ul>
- <ul class="tags">
- <li>{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
- </ul>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Text}
- {block:Photo}
- <div class="photo">
- <center><img src="{PhotoURL-500}"></center>
- <div class="caption">
- {block:Caption}{Caption}{/block:Caption}
- <ul class="like-reblog">
- <li>{LikeButton color="white"}</li>
- <li>{ReblogButton color="white"}</li>
- <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
- <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
- </ul>
- </div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Photo}
- {block:Quote}
- <div class="quote">
- {Quote}
- <div class="quotesource">
- {block:Source}<br>—{Source}{/block:Source}
- </div>
- <ul class="like-reblog">
- <li>{LikeButton color="white"}</li>
- <li>{ReblogButton color="white"}</li>
- <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
- <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
- </ul>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Quote}
- {block:Link}
- <div class="link">
- <a href="{URL}" {Target}>{Name}</a>
- {block:Description}{Description}{/block:Description}
- <ul class="like-reblog">
- <li>{LikeButton color="white"}</li>
- <li>{ReblogButton color="white"}</li>
- <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
- <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
- </ul>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Link}
- {block:Chat}
- <div class="chat">
- {block:Title}{Title}{/block:Title}
- <table>
- {block:Lines}
- <tr>
- <th>{block:Label}{Label}{/block:Label}</th>
- <td>{Line}</td>
- </tr>
- {/block:Lines}
- </table>
- <ul class="like-reblog">
- <li>{LikeButton color="white"}</li>
- <li>{ReblogButton color="white"}</li>
- <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
- <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
- </ul>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- {AudioPlayer}
- <div class="caption">
- <div align="center">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- </div>
- <ul class="like-reblog">
- <li>{LikeButton color="white"}</li>
- <li>{ReblogButton color="white"}</li>
- <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
- <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
- </ul>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Audio}
- {block:Video}
- <div class="video">
- <div align="center">
- {Video-500}
- <div class="caption">
- <div align="center">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- </div>
- <ul class="like-reblog">
- <li>{LikeButton color="white"}</li>
- <li>{ReblogButton color="white"}</li>
- <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
- <li>{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}</li>
- </ul>
- </div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Video}
- {block:Answer}
- <div class:"answer">
- {Asker} asked: {Question}
- {Answerer}
- {Answer}
- {Replies}
- </div>
- {/block:Answer}
- {/block:Posts}
- {block:Pagination}
- <div class="pagenav">
- {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment