Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- PAGE THEME #001: ABOUT ME v.2
- 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}">
- <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:#242424;
- color:#919191;}
- a { text-decoration:none; color:#789e99; }
- a:hover { text-decoration:underline; color:#94c9b8; }
- #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:#272727;
- display:inline-block; }
- #about {
- padding:30px;
- position:fixed;
- overflow:auto;
- height:500px;
- display:inline-block;
- width:440px;
- border-bottom:20px solid #2b2b2b;
- background-color:#2b2b2b;
- text-align:justify;}
- /* SCROLLBAR */
- ::-webkit-scrollbar-thumb:vertical {
- background-color:#333333;
- border-top:2px solid #333333;
- border-bottom:2px solid #333333;
- height:auto;}
- ::-webkit-scrollbar-thumb:vertical:hover{
- background-color:#333333;}
- ::-webkit-scrollbar-thumb:horizontal{
- background-color:#333333;
- height:auto;}
- ::-webkit-scrollbar-thumb:horizontal:hover{
- background-color:#333333;}
- ::-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 #333333;
- }
- .head {
- font-size:10px;
- text-align:right;
- font-weight:bold;
- letter-spacing:1px;
- padding:2px 4px 1px 4px;
- color:#679187;
- text-transform:uppercase;
- font-family:arial;
- background-color: #313131; }
- .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:#94c9b8; }
- </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">HEADER</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"> HEADER </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"> HEADER </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 URL">
- </div><br>
- <div class="top">
- <a href="/">LINK</a> ·
- <a href="/">LINK</a> ·
- <a href="/">LINK</a> ·
- <a href="/">LINK</a>
- </center></div>
- <!-- BLURB ONE BEGINS HERE -->
- <div class="head"> HEADER </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"> HEADER </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"> HEADER </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="YOUR URL">BACK TO BLOG</a>
- </div></center>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement