Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Please don't use this! -->
- <html>
- <head>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- DEFAULTS, this it the area that you can add color, images, if show captions, stuff like that -->
- <meta name="color:background" content="#ffffff">
- <meta name="color:text" content="#c0bdb8" />
- <meta name="color:link hover" content="#fdfdfd" />
- <meta name="color:link" content="#fdfdfd" />
- <meta name="color:Bold" content="#777777" />
- <meta name="color:Italic" content="#bbbbbb"/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="image:Post Background" content=""/>
- <meta name="image:Sidebar background" content="">
- <meta name="image:sideimg" content="">
- <meta name="color:Scrollbar" content="#bbbbbb"/>
- <meta name="color:Posts Border" content="#c0bdb8">
- <meta name="color:Sidebar Border" content="#c0bdb8">
- <meta name="color:Sidebar background" content="#c0bdb8">
- <meta name="color:Posts background" content="#c0bdb8">
- <meta name="color:glow" content="#c0bdb8">
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 1 title" content=""/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 2 title" content=""/>
- <meta name="text:link 3 url" content=""/>
- <meta name="text:link 3 title" content=""/>
- <meta name="text:link 4 url" content=""/>
- <meta name="text:link 4 title" content=""/>
- <meta name="text:updates" content=""/>
- <meta name="if:Dotted Borders" content="0" />
- <meta name="if:Background repeated" content="0" />
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <style type="text/css">
- /*updates tab*/
- #tabbox {
- text-align: center;
- font-size: 14px; /*self-explanatory*/
- position:fixed;
- left:-15px;
- top:-100px;
- -webkit-transition: all .6s ease-in-out;
- -moz-transition: all .6s ease-in-out;
- -o-transition: all .6s ease-in-out;
- z-index:999;
- }
- #tabbox:hover {top:5px;
- }
- #boxhover {
- width:185px;
- color:{color:text}; /*color of the box text*/
- height:93px; /*how tall it is*/
- z-index: 9999;
- background:{color:sidebar background};
- background-image:url('{image:Sidebar Background}');
- {block:ifdottedborders}
- border:3px dotted {color:sidebar border};
- {/block:ifdottedborders}
- border-radius: 15px;
- box-shadow: 0px 0px 10px {color:glow};
- padding:6px;
- opacity:0;
- -webkit-transition: all .6s ease-in-out;
- -moz-transition: all .6s ease-in-out;
- -o-transition: all .6s ease-in-out;
- }
- #tablabel{
- font-size:14px;
- text-align: center;
- color:{color:text}; /*Color of the tab title*/
- height:20px;
- padding: 7px 0px 0px 0px;
- width: 75px;
- background:{color:sidebar background};
- background-image:url('{image:Sidebar Background}');
- {block:ifdottedborders}
- border:3px dotted {color:sidebar border};
- {/block:ifdottedborders}
- border-radius: 15px;
- box-shadow: 0px 0px 10px {color:glow};
- padding:5px;
- -webkit-transition: all .6s ease-in-out;
- -moz-transition: all .6s ease-in-out;
- -o-transition: all .6s ease-in-out;
- }
- #tabbox:hover #tablabel{
- opacity:0;
- margin-top:-25px;
- z-index:-1;
- }
- #tabbox:hover #boxhover{
- opacity:1;
- }
- </style>
- </head>
- <!-- from here on, you creat class and id DIV's; class looks like: .something id's being #something, you use here to stylize how your theme looks, what color, backgrounds, borders, fonts, texts, padding, margins all of that cool stuff -->
- <style type="text/css">
- body {
- color:{color:text};
- background-color:{color:background};
- background-image:url('{image:Background}');
- background-attachment: fixed;
- background-repeat: repeat;
- font-family:verdana;
- font-size:14px;
- line-height:17px;
- text-align:justify}
- <img src=’IMAGE URL HERE’ style=’position:fixed;bottom:0px;left:0px;z-index:-999’/>
- a:link, a:active, a:visited{color: {color:link}; text-decoration:none;}
- a:link {
- color: {color:link};
- }
- /* visited link */
- a:visited {
- color: {color:link};
- }
- a:hover {
- color:{color:link hover};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
- /* selected link */
- a:active {
- color: {color:link};
- }
- small{font-size:auto}
- big{font-size:auto}
- b, strong{color:{color:bold}}
- h1 {font-size:15px;}
- i, em {color:{color:italic}}
- p{margin-top:6px; margin-bottom:6px}
- blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
- img a{border:none; width:100%;}
- #container {background-color:transparent; width: 400px; margin: 0 auto -10px auto}
- /* the overall entries container and position of it */
- #entries {
- margin-left:300px;
- width: 435px;
- text-align: justify;
- padding: 15px;
- border-radius: 15px;
- }
- /* here are your posts to customize!! */
- #posts {
- margin: 30px 0 0px 0;
- width: 400px;
- text-align: justify;
- padding: 15px;
- {block:ifdottedborders}
- border: 3px dotted {color:posts border};
- {/block:ifdottedborders}
- border-radius: 15px;
- background: {color:Posts background};
- background-image:url('{image:Post Background}');
- box-shadow: 0px 0px 10px {color:glow};}
- #posts img {max-width:100%; border-radius: 15px}
- #posts iframe {border-radius: 15px}
- #sidebar{
- position:fixed;
- width:210px;
- background:{color:sidebar background};
- background-image:url('{image:Sidebar Background}');
- {block:ifdottedborders}
- border:3px dotted {color:sidebar border};
- {/block:ifdottedborders}
- padding:10px;
- border-radius: 15px;
- overflow:hidden;
- left:-15px;
- top:180px;
- box-shadow: 0px 0px 20px {color:glow};
- }
- #sideimg img{
- position:fixed;
- bottom:1px;
- right:20px;
- z-index:-999;
- }
- #links{
- font-size:14px;
- position:fixed;
- width:150px;
- padding:5px;
- border-radius: 15px;
- overflow:hidden;
- left:-20px;
- top:130px;
- background:{color:sidebar background};
- background-image:url('{image:Sidebar Background}');
- {block:ifdottedborders}
- border:3px dotted {color:sidebar border};
- {/block:ifdottedborders}
- padding:3px;
- border-radius: 15px;
- box-shadow: 0px 0px 10px {color:glow};
- }
- h2 {
- font-family:helvetica; font-weight:100; line-height:17px;
- }
- #pagination {font-family:calibri; text-align:center; font-size:24px; margin-bottom:2px;}
- /*
- #credit{
- position:fixed;
- bottom:10px;
- left:10px;
- font-size:9px;
- font-family:calibri;
- color:{color:text};
- letter-spacing: 0px;
- font-style:normal;
- background:{color:sidebar background};
- {block:ifdottedborders}
- border:3px dotted{color:sidebar border};
- {/block:ifdottedborders};
- border-radius: 100px;
- box-shadow: 0px 0px 20px {color:glow};
- padding:3px;}
- */
- #info{padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:10px; font-family:verdana; text-transform:none;}
- .audio{background-color:black; display:block}
- /* this is your chats, you can stylize however you want */
- .user_1 .label {color:{color:link}; font-weight:bold}
- .user_2 .label {color:{color:text}; font-weight:italic}
- .user_3 .label {color:{color:link}; font-weight:text}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
- .notes img{width:10px; position:relative; top:1px}
- ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
- </style>
- <style type="text/css">
- ::-webkit-scrollbar {
- width: 3px;
- height: 3px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:background};
- border: 4px dotted {color:scrollbar};
- border-radius: 100px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: #ffffff;
- }
- ::-webkit-scrollbar-thumb:active {
- background: {color:scrollbar};
- }
- ::-webkit-scrollbar-track {
- background: {color:background};
- border: 17px none #ffffff;
- border-radius: 100px;
- }
- ::-webkit-scrollbar-track:hover {
- background: {color:background};
- }
- ::-webkit-scrollbar-track:active {
- background: {color:background};
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- </style>
- <!-- this is the area where everything comes to life and you have to code all the stuff you stylized. so i already got you like 10% started. or something, maybe more. i was never good at math anyway. -->
- <body>
- <div id="sideimg">
- <img src="{image:sideimg}"> </div>
- <!-- updates tab-->
- <!---Put this code under the body tag.--->
- <div id="tabbox">
- <div id="boxhover">
- <center> <!--You can delete this if you don't want it to be centered-->
- {text:updates}
- </center> <!--You can delete this if you don't want it to be centered-->
- </div> <!--TABBOX END-->
- <div id="tablabel">Updates<img src=""></div>
- </div><!--TABBOX END-->
- <!-- updates tab end-->
- <div id="sidebar">
- <center>
- <a href="/"><img src="{image:sidebar}" style="width:150px;border-radius:90px;position:inline;
- padding:5px;"></a>
- <center>
- {description}<p>
- <center>
- <a href={text:link 1 url}>{text:link 1 title}</a>
- <a href={text:link 2 url}>{text:link 2 title}</a>
- <br/>
- <a href={text:link 3 url}>{text:link 3 title}</a>
- <a href={text:link 4 url}>{text:link 4 title}</a>
- <br/>
- </center>
- </div></div>
- <div id="links">
- <center>
- <a href="/ask">✉️ Ask</a>
- <a href="/">🏠 Home</a>
- <center>
- </div>
- <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">⇠</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">⇢</a><br />{/block:NextPage}{/block:Pagination}</div>
- </div>
- </center>
- <!-- here is the credit, you can add your own in here! if you're not changing much to this theme, then leave it!
- <div id="credit"><a href="http://warm-stars.tumblr.com/" title="theme credit"><img src="http://38.media.tumblr.com/f1194c4bc435879e90726a0b075fe98a/tumblr_inline_mmzrcqV6wh1qz4rgp.gif"></div> -->
- <div id="entries">
- {block:posts}
- <div id="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
- {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-400}"/></center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-400}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<img class="asker-avatar" src="{AskerPortraitURL-30}" alt="">{Asker} asked: {Question}<br>{Answer}{/block:Answer}
- {block:Audio}{AudioPlayerWhite}<br>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}
- {block:Caption}{Caption}{/block:Caption} {/block:Audio}
- <center><div id="info">★ {block:Date}{TimeAgo}</a>{/block:Date}{block:NoteCount} <i>with</i> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} ★
- <br><a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details">Reblog?</a> <a href="{ReblogParentURL}"></center><p>
- <center>{block:HasTags}#: {block:Tags}<a href="{TagURL}">{Tag} </a>, {/block:Tags}{/block:HasTags}
- <br /></div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement