Advertisement
lordemusic

theme: jupiter

Aug 17th, 2015
1,927
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.00 KB | None | 0 0
  1. <!--
  2. jupiter by wizardring
  3. › please don't remove the credits/steal/copy
  4. › message me for support
  5. › made on 11.08
  6. -->
  7.  
  8. <html><head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <meta name="image:sidebar" content=""/>
  14.  
  15. <meta name="color:Text" content="#555555"/>
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Link" content="#555555"/>
  18. <meta name="color:Hover" content="#97b3ad"/>
  19. <meta name="color:Scrollbar" content="#dfdfdf"/>
  20. <meta name="color:Scheme" content="#918f8f"/>
  21. <meta name="color:Borders" content="#eeeeee"/>
  22.  
  23. <meta name="select:Body" content="calibri" title="Calibri">
  24. <meta name="select:Body" content="consolas" title="Consolas">
  25. <meta name="select:Body" content="arial" title="Arial">
  26.  
  27. <meta name="if:Image" content="0"/>
  28. <meta name="if:Tiny Cursor" content="0"/>
  29. <meta name="if:Title" content="1"/>
  30. <meta name="if:Tags hover" content="1"/>
  31.  
  32. <meta name="text:Text" content="9"/>
  33. <meta name="text:Posts" content="400"/>
  34. <meta name="text:Space" content="150"/>
  35.  
  36. <meta name="text:link1 url" content="/"/>
  37. <meta name="text:link1" content="home"/>
  38. <meta name="text:link2 url" content="/ask"/>
  39. <meta name="text:link2" content="message"/>
  40. <meta name="text:link3 url" content="/"/>
  41. <meta name="text:link3" content=""/>
  42. <meta name="text:link5 url" content="/"/>
  43. <meta name="text:link5" content=""/>
  44.  
  45. <!-- scripts -->
  46. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:200,
  54. tip_fade_speed:300
  55. }
  56. );
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <style type="text/css">
  62. /* text related */
  63. body {color:{color:Text}; background:{color:Background}; font-family:{select:Body}; font-size:{text:Text}px; line-height:150%;}
  64.  
  65. blockquote {padding:0px 8px 0px; margin:3px 8px 3px; border-left:1px solid #e7e7e7;}
  66.  
  67. i, em {font-style:italic;}
  68. b, strong {font-weight:bold;}
  69. big, small {font-size:{text:Text}px;}
  70. hr {width:80px; height:1px; background:{color:Borders}; margin:13px 0px 13px; border:0px; padding:0px;}
  71.  
  72. a {color: {color:Link}; text-decoration:none;}
  73. a:hover, #links a:hover, .permalink a:hover, a.tumblr_blog:hover, .tags a:hover, b:hover, i:hover, #pag a:hover {color: {color:Hover};}
  74. a.tumblr_blog {color:{color:Text}; text-transform:uppercase; letter-spacing:5px; font-size:8px;}
  75.  
  76. ::selection {background:{color:Scheme}; color:#f5f5f5;}
  77. ::-moz-selection {background:{color:Scheme}; color:#f5f5f5;}
  78. ::-webkit-selection {background:{color:Scheme}; color:#f5f5f5;}
  79.  
  80. #s-m-t-tooltip {max-width:300px; margin:15px; padding:5px 10px; background:rgba(238,238,238, 0.5); border:1px solid #eee; color:#686868; z-index:999999; font-size:8px; text-transform:uppercase; letter-spacing:2px; font-family:calibri;}
  81.  
  82. /* tiny cursor */
  83. {block:ifTinyCursor}
  84. body {cursor:url(http://i1347.photobucket.com/albums/p718/TheLittleDanger/Pointer%20Cursors/Pointer_0030_Camada-53_zps640486a7.png), auto;}
  85. a:hover {cursor:url(http://i1347.photobucket.com/albums/p718/TheLittleDanger/Hand%20Cursors/Hand_0030_Camada-58_zps218f6a88.png), progress;}
  86. {/block:ifTinyCursor}
  87.  
  88. /* sidebar related */
  89. #sidebar {position:fixed; text-align:center; width:150px; margin-left:calc(300px + {text:Space}px); margin-top:80px;}
  90.  
  91. #photo img {width:100%; margin-bottom:10px;}
  92.  
  93. h1 {text-decoration:none; margin-bottom:10px; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-align:right; font-weight:bold; letter-spacing:1px;}
  94. h2 {font-size:10px; text-transform:uppercase; letter-spacing:1px; text-align:right; padding:5px; font-weight:bold;}
  95.  
  96. #description {text-align:justify;}
  97.  
  98. #links {text-decoration:none; text-align:left; margin:10px 0px 0px; position:relative; border-top: 1px solid {color:Border}; padding:10px 0px 0px;}
  99. #links:after, #links:before {transition:all 2s ease;}
  100. #links:after {position: absolute; top: -1px; left: 50%; margin: auto; width: 0%; content: '.'; opacity:1; color: transparent; background:{color:Scheme}; height: 1px; transition:all 1s ease;}
  101. #links:hover:after {width: 100%; left:0; transition:all 1s ease;}
  102. #links a {margin-right:8px; color:{color:Text}; font-weight:bold;}
  103. #links:before {content:'—'; margin-right:6px;}
  104. #links:hover #links:before {opacity:0;}
  105.  
  106. /* scrollbar */
  107. ::-webkit-scrollbar {width:3px; height:3px; background:{color:Background};;}
  108. ::-webkit-scrollbar-thumb {background:{color:Scrollbar};;}
  109.  
  110. /* structure */
  111. #contain {width:calc({text:Posts}px + 3px); margin:50px auto;}
  112.  
  113. .post {width:{text:Posts}px; max-width:400px; margin-bottom:{text:Space}px;}
  114. img {max-width: 100%; height: auto; width: auto; vertical-align:middle;}
  115.  
  116. .caption {margin-top:15px;}
  117.  
  118. /* posts: questions, quotes, chats and audios*/
  119. .question {padding:15px; background:#f8f8f8; text-align:justify;}
  120. .question img {border-radius:3px; width:20px; padding-right:5px;}
  121. .q {margin:0px 10px 17px; text-transform:uppercase; color:{color:Text};}
  122. .q a {text-transform:uppercase; color:{color:Text};}
  123. .answer {text-align:justify; margin-top:10px;}
  124.  
  125. .quote {text-align:justify; font-style:italic;}
  126. .autor {text-align:justify; text-transform:lowercase; font-size:12px; font-weight:100;}
  127. .autor::first-letter {text-transform:uppercase;}
  128. .quo hr {width:25px;}
  129.  
  130. .chat {text-decoration:none;}
  131. .line {padding:5px; border-top:1px solid {color:Borders}; list-style:none;}
  132. .label {color:{color:Scheme}; font-weight:bold; display:block;}
  133.  
  134. .player {padding:0px; background:{color:Background}; height:30px; border:1px solid {color:Borders}; width:50px; height:50px; overflow:hidden; float:left; margin:9px 10px 9px; border-radius:3px;}
  135. .info {padding:20px; text-align:left;}
  136. .button {overflow:hidden; height:30px; width:30px; margin:12px 11px 10px;}
  137. .track {font-size:15px; text-decoration:none; margin-bottom:7px;}
  138. .artist {font-weight:bold;}
  139.  
  140. /* permalinks */
  141. .permalink {padding:10px 0px 10px; position:relative; margin-top:15px; color:{color:Scheme};}
  142. .permalink a {display:inline-block; color:{color:Text};}
  143. .tag {padding:10px 0px 0px; border-top:1px solid {color:Border}; margin-top:10px;{block:ifTagshover}opacity:0; transition:1s ease; -o-transition:1s ease; -moz-transition:1s ease; -webkit-transition:1s ease;{/block:ifTagshover}}
  144. {block:ifTagshover}
  145. .post:hover .tag {opacity:1; transition:1s ease; -o-transition:1s ease; -moz-transition:1s ease; -webkit-transition:1s ease;}
  146. {/block:ifTagshover}
  147. .tag:before {content:'—'; margin-right:6px; color:{color:Text};}
  148. .tag a {color:{color:Text}; display:inline-block; margin-right:10px; font-weight:bold;}
  149.  
  150. /* pagination and tumblr controls */
  151. #pag {z-index:9; text-align:center; width:{text:Posts}px; padding-bottom:50px;}
  152. #pag a:hover {color:{color:Scheme}; text-decoration:none;}
  153.  
  154. iframe#tumblr_controls {white-space:nowrap!important; -webkit-filter:invert(80%)!important; -moz-filter:invert(80%)!important; -ms-filter:invert(80%)!important; -o-filter:invert(80%)!important; filter:invert(80%)!important; position:fixed!important; opacity:.4!important; top:10px; right:10px;}
  155. </style></head>
  156. <body>
  157. <div id="contain">
  158. <!-- sidebar -->
  159. <div id="sidebar">
  160. <div class="text">
  161. {block:ifImage}<div id="photo"><img src="{image:sidebar}"/></div>{/block:ifImage}{block:ifTitle}<h1><a href="/">{Title}</a></h1>{/block:ifTitle}<div id="description">{Description}</div><div id="links"><a href="{text:link1 url}">{text:link1}</a><a href="{text:link2 url}">{text:link2}</a><a href="{text:link3 url}">{text:link3}</a> <a href="{text:link4 url}">{text:link4}</a></div>
  162. </div></div>
  163. <!-- sidebar -->
  164.  
  165. <div id="content">{block:Posts}<div class="post">
  166.  
  167. {block:Text}<div class="tex">{block:Title}<h2>{Title}</h2>{/block:Title}{Body}</div>{/block:Text}
  168.  
  169. {block:Answer}<div class="ans"><div class="question"><div class="q"><img src="{AskerPortraitURL-24}"/> {Asker}:</div> {Question}</div><div class="answer">{Answer}</div></div>{/block:Answer}
  170.  
  171. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:Photo}
  172.  
  173. {block:Photoset}{Photoset}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:Photoset}
  174.  
  175. {block:Quote}<div class="quo"><div class="quote">{Quote}</div><hr>{block:Source}<div class="autor">{Source}</div>{/block:Source}</div>{/block:Quote}
  176.  
  177. {block:Link}<div class="lin"><h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  178.  
  179. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span> {/block:Label}{Line}</li>{/block:Lines}</div>{/block:Chat}
  180.  
  181. {block:Audio}<div class="audio"><div class="player"><div class="button">{AudioPlayerWhite}</div></div><div class="info"><div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div><div class="artist">{block:Artist}{Artist}{/block:Artist} {block:Album}&middot; {Album}{/block:Album}</div></div></div>{/block:Audio}
  182.  
  183. {block:Video}<div class="vid">{Video-250}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:Video}
  184.  
  185. {block:Date}<div class="permalink"><a href="{Permalink}">{DayOfWeek}</a>&nbsp;&nbsp; + &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a>&nbsp;&nbsp; / &nbsp;&nbsp;{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &nbsp; {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">src</a> &nbsp; {/block:ContentSource}<a href="{ReblogURL}">reblog</a>{block:HasTags}&nbsp;&nbsp;&nbsp;&nbsp;<div class="tag">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:Date}
  186.  
  187. {block:PostNotes}{PostNotes}{/block:PostNotes}
  188.  
  189. {block:ContentSource}
  190. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  191. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  192. {/block:SourceLogo}
  193. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  194. {/block:ContentSource}
  195. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  196. </div>{/block:Posts}
  197. <div id="pag">{block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}<b>{PageNumber} &nbsp;&nbsp;&nbsp;</b>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber} &nbsp;&nbsp;&nbsp; </a>{/block:JumpPage} {/block:JumpPagination} &nbsp; {block:NextPage}<a href="{NextPage}" title="next page">&plus;</a>{/block:NextPage}{/block:Pagination}</div>
  198. </div></div>
  199. <div style="font-size:12px; letter-spacing:.5px; color:black; bottom:20px; right:20px; position:fixed; font-family:calibri"><a href="http://wizardring.tumblr.com" title="theme by wizardring">wzdng</a></div>
  200. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement