Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <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}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--
- | |
- | CAROLINE'S THEME |
- | |
- This is ofcuteboys' theme #02, "Winter's Waltz"
- Happy Holidays!!
- The rules for my theme are-
- : do not steal, repost, or claim as your own
- : I'm fine with people borrowing bits of my code. If you use a significant portion, please give me credit on another page or something!
- : There are a lot of base codes out there. This theme is not a base code. You ARE welcome to look at it to teach yourself coding though
- : If you use this theme, you MUST like/reblog the post. Your feedback helps me know what to make next!
- CREDITS:
- -hoenarry created the base code
- --->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#838282"/>
- <meta name="color:Link" content="#b8b8b8"/>
- <meta name="color:Hover" content="#838282"/>
- <meta name="color:accent" content="#888888"/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:Link 1 Title" content="01 text">
- <meta name="text:Link 1 URL" content="01">
- <meta name="text:Link 2 Title" content="02 text">
- <meta name="text:Link 2 URL" content="02">
- <meta name="text:Link 3 Title" content="03 text">
- <meta name="text:Link 3 URL" content="03">
- <link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background:{color:background};
- margin:0px;
- color:{color:text};
- font-family:garamond;
- font-size:12px;
- line-height:100%;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- }
- a:hover{
- color:{color:hover};
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:15px;
- }
- b {color:{color:accent}; font-size:1.5;}
- i {color:{color:accent};}
- em {color:{color:accent}; text-transform:uppercase; font-size:8px;}
- strong {color:{color:accent}; text-transform:uppercase; font-size:8px;}
- ::selection {
- background-color:{color:accent};
- }
- #entries {
- padding:10px;
- width:500px;
- margin-left:00px;
- margin-top:40px;
- }
- #post {
- width:500px;
- padding:15px;
- border-bottom:4px black solid;
- margin-bottom:50px;
- }
- #header {
- position:fixed;
- width:500px;
- margin-left:550px;
- margin-top:0px;
- }
- #title {
- font-size:30px;
- font-family:Tangerine;
- text-align:center;
- letter-spacing:2px;
- margin-bottom:5px;
- color:white;
- background-color:#000;
- padding:15px;
- border-bottom: 4px solid {color:accent};
- }
- #headerimage {
- width 500px;
- }
- #headerimage img {
- width:500px;
- margin-top:-5px;
- height:180px;
- }
- #bottomblock {
- border-top:4px solid {color:accent};
- background-color:#000;
- margin-top:45px;
- height:30px;
- }
- #snowflake {
- margin-left:230px;
- margin-top:-50px;
- width:50px;
- height:50px;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- border-radius: 30px;
- background-color:white;
- }
- #snowflake img {
- width:50px;
- height:50px;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- border-radius: 30px;
- border:3px solid #eee;
- }
- #leftlinks{
- margin-top:5px;
- margin-left:-220px;
- word-spacing:20px;
- font-family:arial;
- font-size:11px;
- letter-spacing:2px;
- text-align:center;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -ms-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- transition: all .8s ease-in-out;
- }
- #leftlinks a{
- padding:5px;
- color:white;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -ms-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- transition: all .8s ease-in-out;
- }
- #leftlinks a:hover{
- color:{color:hover};
- letter-spacing:4px;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -ms-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- transition: all .8s ease-in-out;
- }
- #rightlinks{
- margin-top:-10px;
- margin-left:230px;
- word-spacing:20px;
- font-family:arial;
- font-size:11px;
- letter-spacing:2px;
- text-align:center;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -ms-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- transition: all .8s ease-in-out;
- }
- #rightlinks a{
- padding:5px;
- color:white;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -ms-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- transition: all .8s ease-in-out;
- }
- #rightlinks a:hover{
- color:{color:hover};
- letter-spacing:4px;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -ms-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- transition: all .8s ease-in-out;
- }
- #description {
- text-align:center;
- margin-top:-150px;
- margin-left:150px;
- width:200px;
- padding:5px;
- background-color:white;
- height:100px;
- color:black;
- font-style:italic;
- font-family:arial;
- font-size:11px;
- opacity:0;
- -webkit-transition: all .9s ease-in-out;
- -moz-transition: all .9s ease-in-out;
- -ms-transition: all .9s ease-in-out;
- -o-transition: all .9s ease-in-out;
- transition: all .9s ease-in-out;
- }
- #header:hover #description {
- opacity:.8;
- -webkit-transition: all .9s ease-in-out;
- -moz-transition: all .9s ease-in-out;
- -ms-transition: all .9s ease-in-out;
- -o-transition: all .9s ease-in-out;
- transition: all .9s ease-in-out;
- }
- #pagination {
- font-size:10px;
- text-align:center;
- }
- #info {
- text-align:center;
- margin-top:10px;
- }
- #asker {
- float:left;
- margin-right:5px;}
- #credit {
- position:fixed;bottom:3px; right:3px; font-size:11px; letter-spacing:-2px; font-family:arial;font-weight:bold;color:black;background-color:white;padding:3px;border:3px solid black;
- }
- #credit a {
- color:black;
- }
- }
- {CustomCSS}</style></head><body>
- <div id="header">
- <div id="title">{Title}</div>
- <div id="headerimage"><img src="{image:sidebar}"><div id="description">{Description}</div>
- </div>
- <div id="bottomblock">
- <div id="leftlinks">
- <a href="/">northpole</a>
- <a href="/ask">gifts</a>
- </div>
- <div id="snowflake"><img src="http://us.cdn4.123rf.com/168nwm/alexmax/alexmax1003/alexmax100300022/6543918-shiny-blue-snowflake-ornament-christmas-tree-decoration-isolated-on-white-background.jpg"></div>
- <div id="rightlinks">
- <a href="{text:Link 1 URL}">snow</a>
- <a href="{text:Link 2 URL}">elves</a>
- </div>
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} —
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
- <div id="info"><a href="{Perimalink}">{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a> {/block:Date} with <a href="{Permalink}">{NoteCount} notes </a> {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a> ; {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"> src <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}
- <br>
- {block:HasTags}{block:Tags} filed as: <a href="{TagURL}">{Tag},</a> {/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- <div id="credit"><a href="http://ofcuteboyscodes.tumblr.com/">O C B</a></center></div>
- </body></html>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement