Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- ABOUT ME PAGE #1 BY JASONDILAURENTS
- http://jasondilaurentis.tumblr.com
- http://themesbyjasondilaurents.tumblr.com
- DON'T REMOVE THE CREDIT, USE AS A BASE OR CLAIM AS YOUR OWN.
- THANKS FOR USING MY THEMES. -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!--FONTS-->
- <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background-color:#ffffff;
- /*BACKGROUND IMAGE URL*/
- background-image:url('http://img21.imageshack.us/img21/8794/65ii.png');
- font-family:pt sans;
- font-size:11px;
- color:#adacac; }
- /*SCROLLBAR*/
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #D7C1B2;
- height:100px;
- }
- ::-webkit-scrollbar {
- height:10px;
- width:10px;
- background-color: #ffffff;}
- /*SELECTION*/
- ::selection {
- background:#D7C1B2;
- color:#ffffff;}
- ::-moz-selection {
- background:#D7C1B2;
- color:#ffffff;}
- ::-webkit-selection {
- background:#D7C1B2;
- color:#ffffff;}
- b, strong {color:#adacac}
- i, em {color:#adacac}
- #wrap {
- position:relative;
- top:100px;
- width:880px;
- margin:0 auto;
- padding:5px;}
- #sideimage {
- max-width:150px;
- max-height:330px;
- float:left;
- position:fixed;
- margin-top:161px;
- margin-left:50px;
- border:1px solid;
- border-color:#eee6ea;}
- #container {
- background-image:url('');
- width:400px;
- background-color:#ffffff;
- max-height:265px;
- margin-top:-20px;
- margin-left:auto;
- margin-right:auto;
- padding:15px;
- border:1px solid;
- border-color:#eee6ea;
- overflow:auto;}
- #info {
- margin-bottom:20px;
- padding:5px;
- text-align:center;}
- a {
- text-decoration:none;
- color:#D7C1B2;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- a:hover {
- text-decoration:underline;
- color:#b29683;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- .nav a{
- text-decoration:none;
- font-family:pt sans;
- text-transform:uppercase;
- font-weight:normal;
- font-size:9px;
- color:#ffffff;
- background-color:#D7C1B2;
- padding-left:4px;
- padding-right:4px;
- padding-top:2px;
- padding-bottom:2px;
- letter-spacing:2px;
- border:1px solid;
- border-color:#99806f;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out; }
- .nav a:hover {
- text-decoration:none;
- font-family:pt sans;
- text-transform:uppercase;
- font-weight:normal;
- font-size:9px;
- color:#000000;
- background-color:#ffffff;
- padding-left:4px;
- padding-right:4px;
- padding-top:2px;
- padding-bottom:2px;
- letter-spacing:2px;
- border:1px solid;
- border-color:#99806f;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;}
- .credit {font-family:cambria; letter-spacing:1px; font-size:8px; bottom:2px; right:3px; position:fixed; padding:10px; text-align:right; font-weight:bold;}
- .credit a{font-family:cambria; letter-spacing:1px; font-size:8px; bottom:2px; right:3px; position:fixed; padding:10px; text-align:right; font-weight:bold;}
- .title a, .title{
- font-style:none;
- font-family:Lobster Two;
- font-size:22px;
- letter-spacing:2px;
- color:#99806f;
- text-align:center;
- margin-top:100px;
- margin-bottom:20px;}
- </style>
- <div id="wrap">
- <div class="credit"><a href="http://jasondilaurents.tumblr.com">© JASONDILAURENTS</a></div>
- <!--SIDE PICTURE URL-->
- <div id="sideimage"><img src="http://img708.imageshack.us/img708/874/0hb1.jpg" width="150px" ; height="330px" ></div></div>
- <!--YOUR TITLE HERE-->
- <div class="title">{ Your title here. }</div></br></br>
- <div id="container">
- <!--YOUR TEXT HERE-->
- You can write anything you want here.</br>
- Sidebar picture size is 150 x 330px.</br>
- <b>bold</b>, <i>italic</i>, <u>underlined</u> and <a href="/">link</a>.
- <!--CATEGORY 1 TITLE-->
- <center><p style="font-family:kaushan script; font-style:none; font-size:18px; color:#988f89; border-bottom:3px solid; border-top:3px solid;border-color:#efe6dd;padding:1px; background-image:url('http://img203.imageshack.us/img203/6406/a57m.png' );">title 1 example</p></center>
- <!--CATEGORY 1 TEXT-->
- Your text here.</br>
- Your text here.</br>
- <!--CATEGORY 2 TITLE-->
- <center><p style="font-family:kaushan script; font-style:none; font-size:18px; color:#988f89; border-bottom:3px solid; border-top:3px solid;border-color:#efe6dd;padding:1px; background-image:url('http://img203.imageshack.us/img203/6406/a57m.png' );">title 2 example</p></center>
- <!--CATEGORY 2 TEXT-->
- Your text here.</br>
- Your text here.</br>
- <!--CATEGORY 3 TITLE-->
- <center><p style="font-family:kaushan script; font-style:none; font-size:18px; color:#988f89; border-bottom:3px solid; border-top:3px solid;border-color:#efe6dd;padding:1px; background-image:url('http://img203.imageshack.us/img203/6406/a57m.png' );">title 3 example</p></center>
- <!--CATEGORY 3 TEXT-->
- Your text here.</br>
- Your text here.</br>
- <!--CATEGORY 4 TITLE-->
- <center><p style="font-family:kaushan script; font-style:none; font-size:18px; color:#988f89; border-bottom:3px solid; border-top:3px solid;border-color:#efe6dd;padding:1px; background-image:url('http://img203.imageshack.us/img203/6406/a57m.png' );">title 4 example</p></center>
- <!--CATEGORY 4 TEXT-->
- Your text here.</br>
- Your text here.</br>
- </div>
- </br>
- <!--LINKS-->
- <div id="info"><div class="nav">
- <a href="/">BACK</a>
- <a href="/ask">ASK</a>
- <a href="/">LINK 3</a>
- <a href="/">LINK 4</a>
- <a href="/">LINK 5</a>
- <a href="/">LINK 6</a> </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement