Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Theme #16 " It's never too late "
- by: myackles.tumblr.com
- Editing is okay as long as you:
- !! DO NOT CLAIM AS YOUR OWN
- !! DO NOT USE AS A BASE
- !! DO NOT REMOVE/MOVE THE CREDIT !!
- -->
- <html><head>
- <title>{Title}</title>
- <link href='http://fonts.googleapis.com/css?family=Calligraffitti|Satisfy' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Arapey:400italic,400' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lora:400italic,700italic' rel='stylesheet' type='text/css'>
- {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
- <meta name="color:Background" content="#f7f7f7"/>
- <meta name="color:Post Background" content="#ffffff"/>
- <meta name="color:Sb Background" content="#d1d0d0"/>
- <meta name="color:Font" content="#9c9595"/>
- <meta name="color:Links" content="#5a5959"/>
- <meta name="color:Links Hover" content="#5a5959"/>
- <meta name="color:Bold" content="#cc9e9e"/>
- <meta name="color:Blog Title" content="#969595"/>
- <meta name="color:Text Hover" content="#fae2d7"/>
- <meta name="color:Borders" content="#dfdfdf"/>
- <meta name="color:Scrollbar" content="#414141"/>
- <meta name="text:Link 1 url" content="/" />
- <meta name="text:Link 1 title" content="link1" />
- <meta name="text:Link 2 url" content="/" />
- <meta name="text:Link 2 title" content="link2" />
- <meta name="text:Link 3 url" content="/" />
- <meta name="text:Link 3 title" content="link3" />
- <meta name="text:Link 4 url" content="/" />
- <meta name="text:Link 4 title" content="link4" />
- <meta name="text:Link 5 url" content="/" />
- <meta name="text:Link 5 title" content="link5" />
- <meta name="text:SIDEBAR HEIGHT" content="150"/>
- <meta name="text:BUTTONS DISTANCE" content="50"/>
- <meta name="image:Sb Background Image" content="http://25.media.tumblr.com/a5694405ca285a0059ca354299f91b94/tumblr_ml1uboMLLy1r9c5eeo1_250.png"/>
- <meta name="image:Background Image" content=""/>
- <meta name="image:Sidebar Image" content=""/>
- <meta name="image:Border Image" content="http://24.media.tumblr.com/cd5001bfb8de89a41337dce9a77a7d85/tumblr_mj77t2OgYd1r9c5eeo2_250.png"/>
- <meta name="if:Infinite Scrolling" content="0">
- <meta name="if:Info Ask Audio Background Image" content="1">
- <meta name="if:Show Archive Button" content="1">
- <meta name="if:Show Message Button" content="1">
- <meta name="if:Show Home Button" content="1">
- <meta name="if:Show Submit Button" content="1">
- <link rel="shortcut icon" href="{Favicon}">
- <style type="text/css">
- body {
- font-family:calibri;
- font-size: 11px;
- line-height: 100%;
- text-align: justify;
- color: {color:Font};
- background-color: {color:Background};
- background-image: url('{image:Background Image}');
- background-attachment: fixed;
- background-position: left top;
- background-repeat: repeat; }
- a:link, a:visited, a:active {
- text-decoration: none;
- color: {color:Links};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;}
- a:hover {
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- text-shadow: 0px 1px 5px rgba(0,0,0,0.13);
- color: {color:Links hover};}
- l {
- padding: 1px 7px 2px 3px;
- text-decoration: none;
- font-size: 16px; font-style:italic;
- text-shadow:3px 0px #f0c8c8, -3px 0px #c9e4ad;
- color: {color:Links};
- border: 1px solid {color:Background};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- border-bottom: 0px solid transparent;}
- b, strong {
- color: {color:Bold};}
- blockquote {
- margin-left: 0px;
- padding-left:7px;
- border-left: 2px solid {color:Borders};}
- #title {
- padding-bottom: 4px;
- font-size: 16px; font-style:italic;
- text-align: center;}
- #link {
- margin-top: 5px;
- padding-bottom: 4px;
- font-size: 16px;
- text-align: center;}
- h1 {
- font-family: 'Lora';
- font-size:16px;
- font-style:italic;
- line-height: 15px;
- letter-spacing: 0px;
- text-transform: none;
- font-weight: normal;
- text-align: left;
- margin-top: 0px;
- margin-bottom: -5px;
- padding: 0px;
- color: {color:Posts Title};}
- /* ~ POSTS ~ */
- #entries {
- font-family:calibri;
- margin-left:280px;
- margin-top: 50px;
- margin-bottom: 20px;
- width: 520px; }
- #posts {
- overflow: hidden;
- font-family: calibri;
- margin-bottom: 10px;
- border:1px solid {color:Borders};
- padding: 10px 10px 10px 10px;
- background: {color:Post Background};}
- /* ~ POST INFO ~ */
- #info {
- font-size:10px;
- width:100px;
- text-align:center;
- -moz-border-radius: 3px;
- border-radius: 3px;
- padding: 4px;
- font-family:cambria;
- letter-spacing:1px;
- margin-top:-20px; border: 1px solid {color:borders};
- background-color: {color:Post Background};
- {block:ifInfoAskAudioBackgroundImage}
- background-image: url('{image:border Image}');
- {/block:ifInfoAskAudioBackgroundImage}
- margin-bottom:20px; }
- #tags { font-size:10px;
- margin-left:111px;
- text-align:left;
- padding: 4px;
- font-family:cambria;
- margin-top:-40px; }
- #margin { margin-bottom:20px; }
- /* ~ QUOTE ~ */
- #quote { font-family: 'Lora';font-size:15px;font-style:italic; }
- #source {
- font-size: 11px;
- margin-top: 5px;}
- /* ~ AUDIO ~ */
- #audioplayer { z-index:1;
- height:26px; width:27px;
- margin-top:20px; margin-left:27px;
- overflow:hidden; position:absolute;
- opacity: 1; filter:alpha(opacity=60);}
- #albumart {
- background-color:{color:Post Background};
- padding:3px; border:1px solid {color:borders};
- z-index:0;float:left; margin:0px 7px; opacity: 0.8;}
- #stuff {
- border:1px solid {color:borders};
- {block:ifInfoAskAudioBackgroundImage}
- background-image: url('{image:Border Image}');
- {/block:ifInfoAskAudioBackgroundImage}
- margin:-7px; padding:3px;font-size:11px;
- margin-top:5px;padding-bottom:8px;padding-top:8px;}
- /* ~ QUESTION ~ */
- .questions {
- text-align: center;
- margin: 3px;
- font-size:12px;
- font-style:italic;
- text-shadow: 1px 1px 2px {color:post background};
- padding:7px;
- border-top:1px solid {color:borders};
- {block:ifInfoAskAudioBackgroundImage}
- background-image: url('{image:Border Image}');
- {/block:ifInfoAskAudioBackgroundImage}
- -moz-border-radius:2px; border-radius:2px;}
- .questionsq {margin: 5px;}
- /* ~ CHAT ~ */
- margin:8px;
- .user_1 .label {color:{color:links}; font-weight:bold;}
- .user_2 .label {color:{color:links}; font-weight:bold;}
- .user_3 .label {color:{color:links}; font-weight:bold;}
- .user_4 .label {color:{color:links}; font-weight:bold;}
- .user_5 .label {color:{color:links}; font-weight:bold;}
- .user_6 .label {color:{color:links}; font-weight:bold;}
- .user_7 .label {color:{color:links}; font-weight:bold;}
- .user_8 .label {color:{color:links}; font-weight:bold;}
- .user_9 .label {color:{color:links}; font-weight:bold;}
- .user_10 .label {color:{color:links}; font-weight:bold;}
- .user_11 .label {color:{color:links}; font-weight:bold;}
- .user_12 .label {color:{color:links}; font-weight:bold;}
- .user_13 .label {color:{color:links}; font-weight:bold;}
- .user_14 .label {color:{color:links}; font-weight:bold;}
- .user_15 .label {color:{color:links}; font-weight:bold;}
- .user_16 .label {color:{color:links}; font-weight:bold;}
- .user_17 .label {color:{color:links}; font-weight:bold;}
- .user_18 .label {color:{color:links}; font-weight:bold;}
- .user_19 .label {color:{color:links}; font-weight:bold;}
- .user_20 .label {color:{color:links}; font-weight:bold;}
- ul.chat, .chat ol, .chat li {
- padding:0px;
- list-style:none;}
- /* ~ SCROLLBAR ~ */
- ::-webkit-scrollbar-thumb:vertical {
- height:10px;
- background-color: {color:Scrollbar};}
- ::-webkit-scrollbar-thumb:horizontal {
- height:10px;
- background-color: {color:Scrollbar};}
- ::-webkit-scrollbar {
- height: 10px;
- width: 7px;
- background-color: {color:Post Background};}
- /* ~ PERMALINK NOTES PAGE ~ */
- #postnotes {
- margin:0px 0px 0px 0px;
- width:510px;
- padding:5px;
- font-family:calibri headings;
- font-size: 12px;
- background-color: none;}
- #postnotes a {
- margin-top:1px;}
- ol.notes li.note {
- padding:1px;
- border-bottom: solid 0px;}
- ol.notes li.note img.avatar {
- vertical-align:-4px;
- margin-right:0px;
- width:16px;
- height:16px;}
- /* ~ SIDEBAR ~ */
- #sbarb {
- width:200px;margin-left: 19px;
- padding: 4px; position: absolute;
- background-color:{color:Post Background};
- border:1px solid {color:borders};
- -webkit-transition:all 0.8s ease;
- -moz-transition:all 0.8s ease;
- transition:all 0.8s ease;
- }
- #center {
- margin-left: auto;
- margin-right: auto;
- width: 800px; }
- #position {
- position: fixed;
- margin-top: -60px;
- left:0px;
- padding:5px;
- background-color:{color:Sb Background};
- background-image: url('{image:Sb Background Image}');
- border-left:5px solid {color:scrollbar};
- width: 278px;
- height:100%;
- } }
- #sidebar {
- position: fixed;
- margin-left: -40px;
- width: 260px;
- padding: 0px 0px 30px 0px;
- font: 11px calibri;
- color: {color:Font};}
- #position1 {
- position: fixed;
- margin-top: -60px; border:1px solid {color:borders};
- left:270px;
- padding:5px;
- background-image: url('{image:Border Image}');
- width: 50px;
- height:100%;
- }
- .margin { margin-top:40%;}
- .ttl {
- margin-top:{text:SIDEBAR HEIGHT}px;
- width: 200px;
- font-family: 'Lora';
- font-size:15px;
- font-style:italic;
- margin-left:-25px;
- margin-bottom:-10px;
- text-shadow:1px 1px 0px {color:post background};
- letter-spacing: 1px;
- color: {color:Blog Title}; }
- #description {
- position: fixed;
- opacity: 0.9;
- overflow: hidden;
- margin-left:24px;
- width: 200px;
- font-family:calibri;
- padding: 6px 0px 4px 0px;
- text-align: justify;
- color: {color:Font};
- background: none;
- }
- /* ~ SUBLINKS ~ */
- .sublinks {
- width: 120px; opacity:0;
- margin-top:{text:BUTTONS DISTANCE}px;
- padding-bottom:{text:BUTTONS DISTANCE}px;
- text-align:center; margin-left:-78px;margin-bottom:-28px;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- color: {color:sublinks};
- shadow: 1px 1px 0px {color:Text Shadow};
- }
- .sublinks a {
- font-family:consolas;
- font-size: 9px;
- background-color:{color:post background};
- display: inline-block;
- margin-bottom:-4px;
- padding:4px;
- width:160px;
- border:1px solid {color:post background};
- opacity:0;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- text-transform: uppercase;
- letter-spacing: 1px;
- color: {color:Links};
- -moz-border-radius:2px;
- border-radius:2px;
- }
- .sublinks a:hover{
- font-weight:bold;
- letter-spacing: 2px;
- color:{color:post background};
- background:{color:links};
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out; }
- #sidebar:hover #sbarb{
- opacity:0.5;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;}
- #sidebar:hover .sublinks {
- opacity:0.9;z-index:9999;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;}
- #sidebar:hover .sublinks a{opacity:1;z-index:9999;}
- .sublinks1 {
- shadow: 1px 1px 0px {color:Text Shadow};
- {block:IfInfiniteScrolling}
- margin-top:-68%;
- {/block:IfInfiniteScrolling}
- {block:IfNotInfiniteScrolling}
- margin-top:-87%;
- {/block:IfNotInfiniteScrolling}
- margin-left:171px;
- color: {color:sublinks};
- width: 220px;}
- .sublinks1 a {shadow: 1px 1px 0px {color:Text Shadow};
- font-family:cambria;
- font-size: 20px;
- padding:2px;
- padding-bottom:5px;
- text-shadow: 0px 1px 5px rgba(0,0,0,0.18);
- opacity:0.5;
- text-transform: uppercase;
- letter-spacing: 1px;
- color: {color:sublinks};}
- .sublinks1 a:hover{shadow: 1px 1px 0px {color:Text Shadow};
- opacity:0.7;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- color: {color:sublinks};}
- .heart { color: {color:bold};display: inline; }
- /* ~ PAGES ~ */
- #pagination {
- font-family:calibri;
- text-align:center;
- font-size:13px;
- margin-top: 8px;
- text-shadow: 0px 1px 5px rgba(0,0,0,0.13);
- text-transform:uppercase}
- /* ~ CREDIT ~ */
- #credit {
- position: fixed;
- bottom: 4px;
- right: 10px;
- width: 40px;
- -webkit-transition-duration: .90s;}
- .crdt {
- display: block;
- width: 40px;box-shadow: 0px 1px 5px rgba(0,0,0,0.13);
- padding: 2px 0px 4px 0px;
- font: 13px calibri;
- font-style: italic;
- text-align: center;
- color: {color:Links};
- background: {color:Post Background};
- border: 1px solid {color:Borders};
- -webkit-transition-duration: .90s;}
- .crdt a, a {
- text-decoration: none;
- text-transform: none;
- color: {color:Links}; }
- .crdt:hover {
- color: {color:Post Background};
- background: {color:Links};}
- </style>
- </head>
- <body>
- <div id="credit">
- <a href="http://myackles.tumblr.com/tagged/my-themes" target="_blank">
- <div class="crdt">theme</div></a>
- </div></div>
- <div id="center"><div id="position1"></div><div id="pos3"></div>
- <div id="position">
- <div class="margin"></div>
- <div id="sidebar">
- <div style="padding-bottom:10px; solid #fdfcfc;margin-bottom:10px;">
- <center><div class="ttl">{title}</div><br><br>
- <div id="sbarb"><div id="pic">
- <a href="/"><img src="{image:Sidebar Image}" width="200" ></a></div></div>
- </div>
- <center>
- <div class="sublinks">
- <a href="{text:Link 1 url}">{text:Link 1 title} </a> <br><br>
- <a href="{text:Link 2 url}">{text:Link 2 title}</a> <br><br>
- <a href="{text:Link 3 url}">{text:Link 3 title}</a> <br> <br>
- <a href="{text:Link 4 url}">{text:Link 4 title}</a> <br><br>
- <a href="{text:Link 5 url}">{text:Link 5 title}</a>
- </div><br>
- <div id="description">
- <br><br><center>{description}</div></center>
- <center> <br>
- <div class="sublinks1"><!--
- ↓ ALLTHE BUTTONS ARE DOWN HERE ↓
- -->{block:IfShowHomeButton} <a href="/"><img alt="" src="http://static.tumblr.com/btjhfod/rXGmn1oij/home-3.png" width=14px;/></a></a><br><br><br>{/block:IfShowHomeButton}{block:IfShowMessageButton} <a href="/ask"><img alt="" src="http://static.tumblr.com/btjhfod/vAZmn1ohx/compose-3.png" width=14px;/></a></a><br><br><br>{/block:IfShowMessageButton}{block:IfShowArchiveButton} <a href="/archive" width=14px;><img alt="" src="http://static.tumblr.com/btjhfod/2thmn1og8/calendar.png" width=14px;/></a></a><br><br><br>{/block:IfShowArchiveButton}{block:IfShowSubmitButton} <a href="/submit"><img alt="" src="http://static.tumblr.com/btjhfod/xjgmn1og0/browser-upload.png" width=14px;/></a></a>{/block:IfShowSubmitButton}
- {block:IfNotInfiniteScrolling}
- {block:Pagination}{block:NextPage}<br><br><br><a href="{NextPage}"><img alt="" src="http://static.tumblr.com/btjhfod/PWKmn1ofp/arrow-right.png"/></a></a>{/block:NextPage}{block:PreviousPage}<br><br><br><a href="{PreviousPage}"><img alt="" src="http://static.tumblr.com/btjhfod/7zYmn1off/arrow-left.png"/></a></a>{/block:PreviousPage}
- {/block:Pagination} {/block:IfNotInfiniteScrolling}
- </div></div>
- </center>
- </div>
- <div id="entries">
- {block:IfInfiniteScrolling}<div class = "autopagerize_page_element" >{/block:IfInfiniteScrolling}{block:Posts}
- <div id="posts">
- <div id="title">
- {block:Title}
- <h1>{Title} </h1>
- {/block:Title}
- </div>
- {block:Text}
- {Body}
- {/block:Text}
- {block:Quote}
- <div id="quote">
- <center>"
- {Quote}"
- </center>
- </div>
- {block:Source}
- <div id="source">
- <center>
- {Source}
- </center>
- </div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" class="link" {Target}><h1>{Name} </h1></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {LinkCloseTag}<br>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {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-500}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="questions">{Asker} said:  {Question}</div>
- <div class="questionsq">{Answer}</div>
- {/block:Answer}
- {block:Audio}
- <div id="audioplayer">{AudioPlayerWhite}</div>
- <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="60" height="60">{/block:AlbumArt}</div>
- <div id="stuff">
- <b>Song: </b>{block:TrackName}{TrackName}{/block:TrackName}<br>
- <b>Artist: </b>{block:Artist}{Artist}{/block:Artist}<br>
- <b>Album: </b>{block:Album}{Album}{/block:Album}<br>
- <b>Played: </b>{FormattedPlayCount} times</div>
- <br>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Audio}
- </div><br>
- <div id="info">{block:NoteCount}<a href="{Permalink}">{NoteCount}</a> <div class="heart">♥</div> {/block:NoteCount}<a href="{ReblogURL}" target="_blank">reblog</a></div>
- <i><b><div id="tags"> <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
- {block:RebloggedFrom} - <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom}{block:ContentSource} - <a href="{SourceURL}">source </a>{/block:ContentSource}
- {block:HasTags}{block:Tags} # <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</i> </b><br></div><div id="margin"></div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div></div>
- {/block:Posts}{block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement