Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- PAGE THEME #001: ABOUT ME
- by hellmouths.tumblr.com
- · DON'T REDISTRIBUTE
- · DON'T USE AS BASE
- · DON'T REMOVE CREDIT
- Contact me if there are any complications.
- -->
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="image:background" content=""/>
- <meta name="image:top" content=""/>
- <meta name="color:bg" content="#242424" />
- <meta name="color:about" content="#2b2b2b" />
- <meta name="color:link" content="#789e99" />
- <meta name="color:hover" content="#94c9b8" />
- <meta name="color:font" content="#919191" />
- <meta name="color:border" content="#333333" />
- <meta name="color:head" content="#313131" />
- <meta name="color:headtext" content="#679187" />
- <meta name="color:side" content="#272727" />
- <meta name="text:heading1" content="HEADER" />
- <meta name="text:heading2" content="HEADER" />
- <meta name="text:heading3" content="HEADER" />
- <meta name="text:link1" content="LINK" />
- <meta name="text:link1 url" content="" />
- <meta name="text:link2" content="LINK" />
- <meta name="text:link2 url" content="" />
- <meta name="text:link3" content="LINK" />
- <meta name="text:link3 url" content="" />
- <meta name="text:link4" content="LINK" />
- <meta name="text:link4 url" content="" />
- <meta name="text:back" content="Back to blog" />
- <meta name="text:your url" content="" />
- <meta name="if:Show Links At Top" content="1" />
- <meta name="if:Show Text At Top" content="1" />
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600' rel='stylesheet' type='text/css'>
- </head>
- <style type="text/css">
- body {
- background-color:{color:bg};
- color:{color:font};}
- a { text-decoration:none; color:{color:link}; }
- a:hover { text-decoration:underline; color:{color:hover}; }
- #content {
- width:840px;
- font-family:Baskerville;
- font-size:11px;
- line-height:130%;
- margin:90px auto; }
- #side {
- padding:30px;
- height:520px;
- overflow:hidden;
- width:280px;
- background-color:{color:side};
- display:inline-block; }
- #about {
- padding:30px;
- position:fixed;
- overflow:auto;
- height:500px;
- display:inline-block;
- width:440px;
- border-bottom:20px solid {color:about};
- background-color:{color:about};
- text-align:justify;}
- /* SCROLLBAR */
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:border};
- border-top:2px solid {color:border};
- border-bottom:2px solid {color:border};
- height:auto;}
- ::-webkit-scrollbar-thumb:vertical:hover{
- background-color:{color:border};}
- ::-webkit-scrollbar-thumb:horizontal{
- background-color:{color:border};
- height:auto;}
- ::-webkit-scrollbar-thumb:horizontal:hover{
- background-color:{color:border};}
- ::-webkit-scrollbar{
- height:10px;
- width:7px;
- }
- .top {
- letter-spacing:1px;
- text-transform:uppercase;
- font-weight:bold;
- text-align:center;
- font-size:10px;
- font-family:arial;
- padding-bottom:10px;
- margin-bottom:30px;
- border-bottom:3px double {color:border};
- }
- .head {
- font-size:10px;
- text-align:right;
- font-weight:bold;
- letter-spacing:1px;
- padding:2px 4px 1px 4px;
- color:{color:headtext};
- text-transform:uppercase;
- font-family:arial;
- background-color: {color:head}; }
- .blurb {
- padding:10px 0px;
- margin:10px 0;
- line-height:170%; }
- .back {
- letter-spacing:1px;
- font-family:arial;
- font-size:10px;
- text-transform:uppercase;
- font-weight:bold;
- }
- #topimage { width:; }
- #topimage img { width:440px; height:120px; }
- /* CREDIT */
- .cred { font-family:calibri; letter-spacing:1px; font-size:10px; bottom:2px; right:4px; position:fixed; padding:10px; text-align:right; font-weight:bold; }
- .cred:hover #name { margin-bottom:0;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- .cred:hover #star { opacity:0;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- #star { font-size:20px; padding-bottom:10px; }
- #name { margin-bottom:-36px;
- -webkit-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;}
- #name a { color:{color:hover}; }
- </style>
- <body>
- <div class="cred"><div id="star">★</div>
- <div id="name"><i>page theme by</i> <br /><a href="http://hellmouths.tumblr.com">HELLMOUTHS</a></div>
- </div>
- <div id="content">
- <div id="side">
- <!-- SIDE BLURB ONE BEGINS HERE -->
- <div class="head">{text:heading1}</div>
- <div class="blurb">
- This is where you place the text in your first side blurb.
- This could be a perfect spot for your basic "about me".
- Just delete this text and replace it with your own (in "Edit HTML").
- </div><br><br>
- <!-- SIDE BLURB ONE ENDS HERE -->
- <!-- SIDE BLURB TWO BEGINS HERE -->
- <div class="head">{text:heading1}</div>
- <div class="blurb">
- This is where you place the text in your second side blurb.
- Here you could type in testimonials you've gotten.
- Just delete this text and replace it with your own (in "Edit HTML").
- </div><br><br>
- <!-- SIDE BLURB TWO ENDS HERE -->
- <!-- SIDE BLURB THREE BEGINS HERE -->
- <div class="head">{text:heading1}</div>
- <div class="blurb">
- This is where you place the text in your third side blurb.<br>
- To add more blurbs into this sidebar, copy everything in "Edit HTML" between these two lines: <br /><br />
- "<!-- SIDE BLURB <b>ONE</b> BEGINS HERE -->"<br>
- "<!-- SIDE BLURB <b>ONE</b> ENDS HERE -->"
- <br><br>Find them in "Edit HTML", jump down in the code a few lines and paste it underneath: <br><br>"<!-- SIDE BLURB <b>THREE</b> ENDS HERE -->"
- </div>
- <!-- SIDE BLURB THREE ENDS HERE -->
- </div>
- <div id="about">
- <div id="topimage">
- <img src="{image:top}">
- </div><br>
- {block:ifShowLinksAtTop}<div class="top">
- <a href="{text:link1 url}">{text:link1}</a> ·
- <a href="{text:link2 url}">{text:link2}</a> ·
- <a href="{text:link3 url}">{text:link3}</a> ·
- <a href="{text:link4 url}">{text:link4}</a>
- </center></div>{/block:ifShowLinksAtTop}
- {block:ifShowTextAtTop}<div class="top">
- {text:link1} ·
- {text:link2} ·
- {text:link3} ·
- {text:link4}
- </center></div>{/block:ifShowTextAtTop}
- <!-- BLURB ONE BEGINS HERE -->
- <div class="head">{text:heading1}</div>
- <div class="blurb">
- This is where you place the text in your first blurb.
- For example, your favorite television shows or movies.
- Just delete this text and replace it with your own (in "Edit HTML").
- </div>
- <br><br>
- <!-- BLURB ONE ENDS HERE -->
- <!-- BLURB TWO BEGINS HERE -->
- <div class="head">{text:heading2}</div>
- <div class="blurb">
- This is where you place the text in your second blurb.
- For example, your favorite books and authors.
- Just delete this text and replace it with your own (in "Edit HTML").
- </div>
- <br><br>
- <!-- BLURB TWO ENDS HERE -->
- <!-- BLURB THREE BEGINS HERE -->
- <div class="head">{text:heading3}</div>
- <div class="blurb">
- This is where you place the text in your second blurb.
- For example, links to your tags or other accounts.
- Just delete this text and replace it with your own (in "Edit HTML").
- </div>
- <!-- BLURB THREE ENDS HERE -->
- </div>
- </div>
- <center>
- <div class="back">
- <a href="{text:your url}">{text:back}</a>
- </div></center>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement