Advertisement
Dancebeforethedawn

Theme 52 - Promises version 2.

May 26th, 2013
7,283
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.55 KB | None | 0 0
  1. <!--
  2. Theme 51
  3. - Promises by Michelle http://icatchingfire.tumblr.com/
  4. don't remove my credits
  5. dont edit and claim it as your own
  6. enjoy
  7. !-->
  8. </script>
  9.  
  10. <html>
  11. <head>
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="color:background" content="#ffffff" />
  14. <meta name="color:scrollbar" content="#dfdfdf" />
  15. <meta name="color:text" content="#BDB9AB" />
  16. <meta name="color:title" content="#9b9b9b" />
  17. <meta name="color:nav" content="#ffffff />
  18. <meta name="color:textnav" content="#5f5f5f" />
  19. <meta name="color:navhover" content="#a77968" />
  20. <meta name="color:linkhovercolor" content="#575656" />
  21. <meta name="color:imgsidebar border" content="#f2f2f2">
  22. <meta name="color:link" content="#9b9b9b" />
  23. <meta name="color:linkhovercolor" content="#9b9b9b" />
  24. <meta name="color:selection" content="#cacaca"/>
  25.  
  26.  
  27. <meta name="image:Background" content=""/>
  28. <meta name="image:sbarimage" content=""/>
  29.  
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31.  
  32. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  33.  
  34. <script>
  35.  
  36. (function($){
  37.  
  38. $(document).ready(function(){
  39.  
  40. $("a[title]").style_my_tooltips({
  41.  
  42. tip_follows_cursor:true,
  43.  
  44. tip_delay_time:90,
  45.  
  46. tip_fade_speed:600,
  47.  
  48. attribute:"title"
  49.  
  50. });
  51.  
  52. });
  53.  
  54. })(jQuery);
  55.  
  56. </script>
  57.  
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  59.  
  60. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  61.  
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  64.  
  65. <meta name="text:Link title 1" content="link 1 title" />
  66. <meta name="text:Link 1" content="" />
  67. <meta name="text:Link title 2" content="link 2 title" />
  68. <meta name="text:Link 2" content="/" />
  69. <meta name="text:Link title 3" content="link 3 title" />
  70. <meta name="text:Link 3" content="/" />
  71.  
  72.  
  73.  
  74. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  75. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  76. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  77. <link rel="shortcut icon" href="{Favicon}" />
  78. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  79.  
  80.  
  81.  
  82. <link rel="shortcut icon" href="{Favicon}" />
  83. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  84.  
  85. <style type="text/css">
  86.  
  87.  
  88. ::-moz-selection {background-color:{color:selectionbg};
  89. color:{color:selection};}
  90.  
  91. ::selection {background-color:{color:selectionbg};
  92. color:{color:selection};}
  93. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  94. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  95. ::-webkit-scrollbar-track{background-color:{color:background};}
  96.  
  97.  
  98. body{ color:{color:text}; font-family: cambria; font-size:10px; background-color:{color:background}; background-image: url('{image:Background}'); background-repeat:no-repeat; background-position: center; background-attachment:fixed; line-height:11px; text-align:justify; font-weight: normal;}
  99.  
  100. a:link, a:active, a:visited{
  101. color: {color:link};
  102. text-decoration:none;
  103. -webkit-transition-duration: .90s;
  104. padding: 1px;}
  105. a:hover{
  106. color:{color:linkhovercolor};
  107. -webkit-transition-duration: .90s;}
  108.  
  109.  
  110. .entries{ font-family: cambria; padding:35px; width:520px; margin-left:265px; margin-top:-5px; font-weight: normal; font-style: italic; line-height:11px; }
  111.  
  112. .post{ width:500px; padding:10px; padding-bottom: 15px;margin-top:0px; margin-bottom:5px; font-weight: normal; font-style: italic; line-height:11px; background-color:{color:background};margin-top: 15px;font-family: cambria;}
  113.  
  114. #title { width:170px; line-height:18px; height:18px; margin-left:0px; margin-top:180px; color:{color:text}; font-family: times new; padding: 1px; text-transform: uppercase; letter-spacing:1px; font-size: 7px; text-align:center;
  115.  
  116. }
  117.  
  118.  
  119. #titleleft { position:absolute; width:150px; overflow:hidden; color:{color:title1}; -webkit-transform: rotate(-90deg); font-family: 'Raleway', sans-serif; font-size:17px; line-height:normal; text-transform:case; text-align:right; z-index:-1; padding-right:3px; margin-left:-120px; margin-top:90px; line-height:120%;}
  120.  
  121.  
  122. #pagination {color:{color:link}; font-family:calibri; font-size:8px; letter-spacing:0px; text-transform:uppercase; text-align:right; text-align:center; padding:4px; width:200px;margin-top:30px; margin-left:-85px; background-color:transparent;}
  123.  
  124. h1{ color:{color:title}; font-family:cambria; font-size:11px; line-height:12px; letter-spacing:0px; font-weight:bold; text-transform:lowercase; margin:0px; padding:10px; text-align:left; font-style: italic;}
  125.  
  126. h2{ color:{color:title}; background-color: #fcfcfc; border-bottom: 1px solid #f5f5f5; font-family:calibri; font-size:8px; line-height:12px; letter-spacing:1px; font-weight:normal; text-transform:uppercase; margin:0px; padding:25px; text-align:center; font-style: normal;}
  127.  
  128.  
  129.  
  130. #sbarimage img{width: 150px; height: 150px; padding: 2px; margin-left:-30px; border: 8px double {color:imgsidebar border};}
  131.  
  132.  
  133. #sidebar { margin-top: 200px; position: fixed;
  134. color: {color:Font}; margin-left: 80px; line-height: 12px; width:200px; background:#fff }
  135.  
  136. #sidebar:hover .links { opacity:1; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}
  137.  
  138. .links { position:fixed; width:30px; z-index:-1px; font-family:'Trebuchet MS'; text-transform:uppercase; padding:10px; font-size:7px; letter-spacing:1px; margin-left:85px; margin-top:-168px; font-style:none; position:fixed; text-align:center; opacity:0; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s }
  139.  
  140. .links a { color:{color:textnav}; background-color:{color:nav}; letter-spacing:1px; display:block; padding:6px; margin-bottom:6px; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s;}
  141.  
  142. .links a:hover { color:#FFF; background-color:{color:navhover}; z-index:-2; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; }
  143.  
  144.  
  145. #s-m-t-tooltip { max-width:300px; padding:2px; border: 1px solid #eee;
  146. margin:10px 0px 0px 10px; background-color:#fff; /* change the background color */ font-family:calibri; text-transform:uppercase;
  147. font-size:7.5px; /* change the font size */ letter-spacing:2px; /* change the letter spacing */ color:#000; /* change the text color */ z-index:999999999999999999999999999999999999 }
  148.  
  149. #description{displadisplay: block; background: url(http://static.tumblr.com/akhimg2/fAbm9o4gq/untitled-2.png) no-repeat 0 3px; text-align:justify; padding-left: 20px; padding-top:10px; margin-top:0px; margin-left:-45px; width:160px; color:{color:text}; font-size:8px; text-align:justify;font-family:cambria; font-style:italic; position: fixed;letter-spacing:1px; }
  150.  
  151. #info { font-family:'Trebuchet MS'; padding:2px; margin-bottom:10px; text-transform:none; font-size:7px; color:#9a9a9a; letter-spacing:1px; border-top:1px solid {color:imgsidebar border}; font-style:italic; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
  152.  
  153. #info a { color:#9a9a9a; padding:1px; }
  154.  
  155. #info a:hover { color:transparent; background-color:transparent; }
  156. .tags{ color: {color:tags}; background-color: #fff; border-top: 1px dashed #eee; width:490px; margin-top: 0px; font-family:cambria; font-size: 8.5px; letter-spacing: 1px; font-style: normal; text-align:left; line-height:10px; padding:4px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; text-transform:none;}
  157.  
  158. .tags a:hover{ color: {color:linkhovercolor} padding: 1px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  159.  
  160.  
  161. .questions{ color: #747474; font-family: cambria; font-size:9px; background-color: #fcfcfc; padding:25px; margin-bottom:0px; text-align:left; letter-spacing: 0px;}
  162.  
  163. .questions a:hover{ color:{color:linkhovercolor};text-decoration: underline;;}
  164.  
  165. .answer{ color:#747474; font-family:cambria; font-size:9px; font-style: none; background-color:{color:background}; padding:5px; margin-bottom:0px; text-align:left; line-height: 12px;}
  166.  
  167.  
  168. blockquote{ color: {color:blockquote text}; background-color: #fcfcfc; border: 1px solid #f8f8f8; font-family: cambria; font-size: 10px; font-style: italic; margin-left:20px; margin:5px; padding:5px; max-width: 490px; border-radius: 5px;} blockquote img, blockquote a img {max-width: 490px;}
  169.  
  170. p{margin-top:3px; margin-bottom:3px}
  171.  
  172.  
  173.  
  174. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px;} .player {position:absolute; z-index:3; background:#000000; margin-top:45px; margin-left:73px; opacity:0.75; filter:alpha(opacity=75); border:0px #000000 solid; border-radius: 100px;} .audioplayer {background: #fcfcfc; border: 1px solid #ededed; width:207px; height:18px; overflow:hidden; padding:5px; padding-bottom:13px; margin-right:11px} .audioinfo {margin-left:140px; line-height:155%; font-family: cambria; font-size:10px!important;} .audiocaption {margin-left:172px;} .audiocaption img {max-width:330px!important} .audiocaption blockquote img {max-width:320px!important} .audiocaption blockquote blockquote img {max-width:310px!important}
  175.  
  176.  
  177.  
  178. .user_1 .label {color:{color:text}; font-weight:bold;}
  179. .user_2 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  180. .user_3 .label {color:{color:text}; font-weight:bold;}
  181. .user_4 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  182. .user_5 .label {color:{color:text}; font-weight:bold;}
  183. .user_6 .label {color:{color:chat text}; font-weight:bold; background-color: #f5f5f5;}
  184. .ul.chat {}
  185. .chat ol {}
  186. .chat li {list-style:none; margin-left:-40px; padding:4px; font-family: cambria; font-style: none; font-size: 9.5px;}
  187.  
  188.  
  189.  
  190. ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; border: solid 0px #fcfcfc; font-family:calibri; font-size: 8px; text-transform: uppercase; letter-spacing: 0px; text-align: left; font-style: normal;}
  191.  
  192. ol.notes li.note {border-top: solid 0px #f8f8f8; padding: 10px;}
  193.  
  194. ol.notes li.note img.avatar {vertical-align: -4px; margin-right: 10px; width: 24px; height: 24px; border-radius: 0px; border: 3px double #eeeeee; opacity: 0.6;}
  195.  
  196. ol.notes li.note span.action {font-style: normal;}
  197.  
  198. ol.notes li.note .answer_content {font-weight: normal;}
  199.  
  200. ol.notes li.note blockquote {color: {color:text}; background-color: #f8f8f8; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  201.  
  202. ol.notes li.note blockquote a {text-decoration: none; font-weight: bold;}
  203.  
  204.  
  205.  
  206. .credit {position:fixed; bottom:15px; right:15px; font: 10px 'Trebuchet MS'; color: #cccccc; border-bottom: 1px solid #f2f2f2; font-style:italic; letter-spacing: 0px; padding: 0px; }
  207. .credit a{color:{color:link}; opacity:0.8;}
  208. .credit a:hover{color:{color:linkhovercolor}; opacity:1.0;}
  209.  
  210.  
  211. </style>
  212. </head>
  213.  
  214. <body>
  215.  
  216.  
  217.  
  218. <div id="sidebar">
  219.  
  220. <div id="sbarimage"><img src="{image:sbarimage}"></div>
  221.  
  222. <div id="description">
  223. {Description}
  224.  
  225. <div id="pagination">
  226. {block:Pagination}
  227. {block:PreviousPage}
  228. <a href="{PreviousPage}">prev</a>
  229. {/block:PreviousPage} -
  230. {block:NextPage}
  231. <a href="{NextPage}">next</a>
  232. {/block:NextPage}
  233. {/block:Pagination}
  234.  
  235. </div>
  236. </div>
  237.  
  238. <div class="links">
  239. <a title="Home" href="/">01.</a>
  240. <a title="mail" href="/ask">02.</a>
  241. <a title="{text:Link title 1}"href="{text:Link 1}">03.</a>
  242. <a title="{text:Link title 2}"href="{text:Link 2}">04.</a>
  243. <a title="{text:Link title 3}"href="{text:Link 3}">05.</a>
  244.  
  245. </div>
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252. </div></div></div>
  253.  
  254.  
  255.  
  256. <div class="entries">{block:Posts}<div class="post">
  257.  
  258. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  259.  
  260. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  261.  
  262. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  263.  
  264. {block:Quote}<h2>{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}</h2>
  265.  
  266. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  267.  
  268. {block:Chat}<ul class="chat">{block:Title}{Title}{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  269.  
  270. {block:Audio}<div class="audio"><span style="background-color:{color:Background}; position:absolute; width:80px; height:80px; margin-left:-15px;">{block:AlbumArt}<img src="{AlbumArtURL}" width="110px" height="110px" align="left" style="margin-left:30px; opacity: 0.7; border: 1px solid #ededed; padding: 3px; font-size: 8px;" />{/block:AlbumArt}</span><div class="audioinfo"><b>Title:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br /><b>Artist:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br /><b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />{block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">Click Here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  271. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  272. </div><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  273.  
  274. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  275.  
  276. {block:Answer}<div class="questions"><b>{Asker}:</b> "{Question}"</div>
  277. <div class="answer">{Answer}</div>{/block:answer}
  278. <br>
  279. <div id="info">
  280. posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a>
  281. {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  282. {/block:Posts}
  283. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  284. {/block:Posts}</div></div></div>
  285.  
  286. <div class="credit"><a href="http://icatchingfire.tumblr.com/">Cred ♥ </a></div>
  287. </body>
  288. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement