Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- ABOUT ME PAGE #2 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=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=UnifrakturMaguntia' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background-color:#ffffff;
- background-image:url('http://static.tumblr.com/g1muzcu/BYimyxia4/dark_leather.png');/*BACKGROUND IMAGE URL*/
- font-family:'droid serif';
- text-transform:none;
- font-size:9px;
- color:#adacac; }
- /*SCROLLBAR*/
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #000000;
- height:100px;}
- ::-webkit-scrollbar {
- height:10px;
- width:5px;
- background-color: #ffffff;}
- /*SELECTION*/
- ::selection {
- background:#000000;
- color:#ffffff;}
- ::-moz-selection {
- background:#000000;
- color:#ffffff;}
- ::-webkit-selection {
- background:#000000;
- color:#ffffff;}
- b, strong {color:#D2813E}
- i, em {color:#E6AF82}
- #wrap {
- position:relative;
- top:100px;
- width:880px;
- margin:0 auto;
- padding:5px;}
- #sideimage {
- width:150px;
- height:150px;
- float:left;
- position:fixed;
- margin-top:160px;
- margin-left:50px;}
- #sideimage img{
- width:150px;
- height:150px;
- border-radius:150px;
- box-shadow: 1px 1px 3px #000000;}
- #container {
- background-image:url('http://static.tumblr.com/g1muzcu/nwOmyxkhb/about2.jpg');/*CONTAINER BACKGROUND IMAGE URL*/
- width:400px;
- background-color:#ffffff; /* CONTAINER BACKGROUND COLOR*/
- max-height:220px;
- margin-top:-20px;
- margin-left:auto;
- margin-right:auto;
- padding:15px;
- border:1px solid #000000; /*CONTAINER BORDER COLOR*/
- overflow:auto;}
- #info {
- margin-left:68%;
- margin-top:-265px;
- padding:5px;
- text-align:center;}
- a {
- text-decoration:none;
- color:#EF9300;/*LINKS COLOR*/
- -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:none;
- color:#000000;/*LINKS HOVER COLOR*/
- -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{
- display:block;
- width:70px;
- height:10px;
- margin-bottom:-8px;
- text-decoration:none;
- font-family:'cambria';
- text-transform:uppercase;
- font-weight:normal;
- font-size:8px;
- color:#ffffff; /*LEFT LINKS COLOR*/
- background-color:#000000; /*LEFT LINKS BACKGROUND COLOR*/
- padding:5px;
- letter-spacing:2px;
- -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;
- color:#000000; /*LEFT LINKS HOVER COLOR*/
- background-color:#ffffff; /*LEFT LINKS HOVER BACKGROUND COLOR*/
- -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;}
- .nav2 a{
- display:block;
- width:120px;
- height:10px;
- margin-bottom:-8px;
- text-decoration:none;
- font-family:'cambria';
- text-transform:uppercase;
- font-weight:normal;
- font-size:8px;
- color:#ffffff; /*RIGHT LINKS COLOR*/
- background-color:#000000; /*RIGHT LINKS BACKGROUND COLOR*/
- padding:5px;
- letter-spacing:2px;
- -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; }
- .nav2 a:hover {
- text-decoration:none;
- color:#000000; /*RIGHT LINKS HOVER COLOR*/
- background-color:#ffffff; /*RIGHT LINKS HOVER BACKGROUND COLOR*/
- -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 a{font-family:'calibri'; 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:'UnifrakturMaguntia';
- font-size:22px;
- letter-spacing:2px;
- text-shadow: 1px 1px 1px #000000;
- color:#8E4200; /*TITLE COLOR*/
- text-align:center;
- margin-top:100px;
- margin-bottom:25px;
- -webkit-transform: rotate(-3deg);
- -moz-transform: rotate(-3deg);}
- .name {
- margin-top:10px;
- margin-bottom:5px;
- height:30px;
- line-height:30px;
- font-weight:normal;
- text-transform:lowercase;
- font-style:none;
- text-align:center;
- font-family: 'petit formal script';
- font-size:14px;
- text-align:center;
- letter-spacing:1px;
- color:#8E4200; /*CATEGORIES TITLE COLOR*/
- background-color:#000000; /*CATEGORIES TITLE BACKGROUND COLOR*/
- background-image:url('http://static.tumblr.com/g1muzcu/BYimyxia4/dark_leather.png'); /*CATEGORIES TITLES BACKGROUND IMAGE URL*/
- text-shadow: 1px 1px 1px #000000;
- box-shadow: 1px 1px 3px #000000;}
- .txt {
- background-color:#ffffff; /*TEXT BACKGROUND COLOR*/
- padding:10px;
- background-image:url(''); /*TEXT BACKGROUND IMAGE URL*/
- box-shadow: 1px 1px 3px #000000;}
- </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://static.tumblr.com/g1muzcu/dAimyxk6u/snow.png">
- <center><div class="nav2"></br>
- <!--LEFT LINKS-->
- <a href="http://tumblr.com/dashboard">DASHBOARD</a></br>
- <a href="/">BACK TO MY BLOG</a></br>
- <a href="/ask">MESSAGE</a></br>
- </div></center>
- </div></div>
- <!--YOUR TITLE HERE-->
- <div class="title">{ Your title here. }</div></br></br>
- <div id="container">
- <!--YOUR TEXT HERE-->
- <div class="txt">
- You can write anything you want here.</br>
- Sidebar picture size is 150 x 150px otherwise it won't keep the circle shape.</br> There are 3 left links and 6 right links. ENJOY!
- <b>bold</b>, <i>italic</i>, <u>underlined</u> and <a href="/">link</a>.
- </div>
- <!--CATEGORY 1 TITLE-->
- <div class="name">about</div>
- <!--CATEGORY 1 TEXT-->
- <div class="txt">
- Your text here.</br>
- Your text here.</br>
- </div>
- <!--CATEGORY 2 TITLE-->
- <div class="name">tv shows</div>
- <!--CATEGORY 2 TEXT-->
- <div class="txt">
- Your text here.</br>
- Your text here.</br>
- </div>
- <!--CATEGORY 3 TITLE-->
- <div class="name">Title #3 example</div>
- <!--CATEGORY 3 TEXT-->
- <div class="txt">
- Your text here.</br>
- Your text here.</br>
- </div>
- <!--CATEGORY 4 TITLE-->
- <div class="name">Title #4 example</div>
- <!--CATEGORY 4 TEXT-->
- <div class="txt">
- Your text here.</br>
- Your text here.</br>
- </div></div></br>
- <div id="info">
- <!--ICON AND ICON BORDER COLOR-->
- <p style="width:64px;height:64px;border:8px solid #000000;"><img src="{PortraitURL-64}"></p>
- <div class="nav">
- <!--RIGHT LINKS-->
- <a href="/">LINK 1</a></br>
- <a href="/">LINK 2</a></br>
- <a href="/">LINK 3</a></br>
- <a href="/">LINK 4</a></br>
- <a href="/">LINK 5</a></br>
- <a href="/">LINK 6</a></div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement