Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!---------------
- Rules ad Regulations:
- #1: Please DO NOT commit thievery and steal this theme/page. I've worked hard on in so I'd appreciate if you didn't.
- #2: DO NOT redistribute this theme/page,
- #3: You can customize to your liking, just make sure that your theme/page is readable and credible for your viewers.
- ---------------->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title>{Title}</title>
- <meta charset="utf-8">
- <meta name="description" content="{MetaDescription}" />
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic' rel='stylesheet' type='text/css'>
- </head>
- <style type="text/css">
- body {
- padding: 0;
- margin: 0;
- list-style: none;
- background-color: #FFFFFF;
- background-attachment: fixed;
- }
- a {
- text-decoration: none;
- color: black;
- }
- b,i,strong,em {
- color: #0195ab;
- }
- ::-webkit-scrollbar-thumb:vertical {
- height:10px;
- width: 10px;
- border: 3px solid #FFFFFF;
- background-color: #DDDDDD; }
- ::-webkit-scrollbar-thumb:horizontal {
- height:30px;
- background-color:#202020; }
- ::-webkit-scrollbar {
- height: 1px;
- width: 10px;
- border: 4px solid #FFFFFF;
- background-color: #DDDDDD; }
- #containment {
- width: 800px;
- margin: auto;
- height: 500px;
- margin-top: 80px;
- }
- .links {
- margin-top: 20px;
- }
- #sidebar {
- width: 250px;
- height: 500px;
- float: left;
- background-color: #202020;
- display: inline-block;
- background-image:url('http://static.tumblr.com/kamm2qy/xaQmq1l48/picsplay_1342108064164-1gf.png');
- }
- #sidebar a {
- display: block;
- margin: auto;
- text-align: center;
- padding: 5px;
- background-color: #404040;
- color: #EEEEEE;
- width: 130px;
- margin-top: 5px;
- font-size: 10px;
- font-family: roboto condensed;
- text-transform: uppercase;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- #sidebar a:hover {
- background-color: #EEEEEE;
- color: #202020;
- }
- #description {
- width: 530px;
- height: 480px;
- float: left;
- display: inline-block;
- padding: 10px;
- }
- .quote {
- display: block;
- margin: auto;
- width: 300px;
- padding: 13px 40px;
- margin-top: 40px;
- border-top: 3px double #BBB;
- border-bottom: 3px double #BBB;
- height: auto;
- font-size: 14px;
- color: #707070;
- font-family: Lobster Two, cursive;
- text-align: center;
- font-style: italic;
- }
- .about {
- margin: auto;
- text-align: justify;
- font-family: cambria;
- font-size: 11px;
- color: #202020;
- width: 500px;
- height: 340px;
- margin-top: 20px;
- overflow: auto;
- font-style: italic;
- line-height: 130%;
- }
- .about:first-letter {
- padding: 10px 13px 10px 11px;
- text-align: center;
- font-family: 'Lobster Two';
- font-size: 18px;
- text-transform: uppercase;
- background-color: #202020;
- border: 3px double #EEEEEE;
- float: left;
- color: #EEEEEE;
- margin-right: 3px;
- font-style: italic;
- }
- #credit {
- margin-top: 100px;
- margin-right: 10px;
- posiion: fixed;
- float: right;
- font-family: roboto condensed;
- font-size: 10px;
- padding: 4px;
- color: #CCCCCC;
- text-align: center;
- text-transform: uppercase;
- }
- #credit a {
- color: #BBBBBB;
- }
- #credit a:hover {
- color: #202020;
- }
- </style>
- <body>
- <div id="containment">
- <div id="sidebar">
- <div class="links">
- <a href="/">Home</a>
- <a href="/ask">Message</a>
- <a href="#">Link 1</a>
- <a href="#">Link 2</a>
- <a href="#">Link 3</a>
- </div>
- </div>
- <div id="description">
- <div class="quote">
- QUOTE HERE
- </div>
- <div class="about">
- DESCRIPTION HERE
- </div>
- </div>
- </div>
- <div id="credit"><a href="http://jakehelps.tumblr.com">© jakehelps</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement