API tools faq
paste
Advertisement
ljps

Theme 2

ljps
Jul 28th, 2014
207
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.16 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10.  
  11. <meta name="color:text" content="#b5b2b2"/>
  12. <meta name="color:links" content="#cecbcb"/>
  13. <meta name="color:links hover" content="#d9d9d9"/>
  14. <meta name="color:scrollbar" content="#fafafa">
  15. <meta name="color:title" content="#747474">
  16.  
  17. <meta name="image:Sidebar" content=""/>
  18. <meta name="if:Sidebar Title" content="1" />
  19.  
  20.  
  21.  
  22.  
  23. <meta name="text:Link 3" content="/" />
  24. <meta name="text:Link 3 Title" content="link" />
  25. <meta name="text:Link 4" content="/" />
  26. <meta name="text:Link 4 Title" content="link" />
  27.  
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  31. <script>
  32. (function($){
  33. $(document).ready(function(){
  34. $("a[title]").style_my_tooltips({
  35. tip_follows_cursor:true,
  36. tip_delay_time:30,
  37. tip_fade_speed:300,
  38. attribute:"title"
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48. #s-m-t-tooltip{
  49. max-width:300px;
  50. line-height:9px;
  51. z-index: 9999;
  52. background-color:#fff;
  53. position: absolute;
  54. font-size:9px;
  55. text-transform:uppercase;
  56. padding: 4px;
  57. border:1px solid #eee;
  58. -webkit-transition:all 0.3s;
  59. -moz-transition:all 0.3s;
  60. -ms-transition:all 0.3s;
  61. -o-transition:all 0.3s;
  62. -transition:all 0.3s;
  63. margin:10px 0px 0px 10px;}
  64.  
  65. p{
  66. margin-top:5px;
  67. margin-bottom:5px;}
  68.  
  69. blockquote {
  70. padding:0px;
  71. text-align:left;
  72. padding-left:5px;
  73. margin:5px;
  74. border-left:2px solid #f3f3f3;}
  75.  
  76. blockquote img, blockquote a img {
  77. max-width: 488px;}
  78.  
  79. body {
  80. color:{color:text};
  81. font-family:calibri;
  82. font-size:12px;
  83. text-align:justify;}
  84.  
  85. a, a:active, a:visited {
  86. color: {color:links};
  87. font-weight: none;
  88. text-decoration: none;
  89. -webkit-transition: all 0.4s ease-out;
  90. -o-transition: all 0.4s ease-out;
  91. -webkit-transition: all 0.4s ease-out;
  92. -moz-transition: all 0.4s ease-out;}
  93.  
  94. a:hover {
  95. color:{color:links hover};
  96. -webkit-transition: all 0.4s ease-out;
  97. -o-transition: all 0.4s ease-out;
  98. -webkit-transition: all 0.4s ease-out;
  99. -moz-transition: all 0.4s ease-out;}
  100.  
  101.  
  102. .entries{
  103. font-family:arial;
  104. padding:26px;
  105. width:500px;
  106. margin-left:304px;
  107. margin-top:70px;}
  108.  
  109. .post{
  110. width:500px;
  111. padding:4px;
  112. padding-bottom:7px;
  113. margin-top:19px;
  114. font-family:arial;
  115.  
  116. }
  117.  
  118. iframe#tumblr_controls {
  119. white-space:nowrap;
  120. -webkit-filter: invert(100%);
  121. -moz-filter: invert(100%);
  122. -o-filter: invert(100%);
  123. -ms-filter: invert(100%);
  124. filter: invert(100%);
  125. opacity:.2;transition: .8s ease-in-out;
  126. -webkit-transition: .8s ease-in-out;
  127. -moz-transition: .8s ease-in-out;
  128. -o-transition: .8s ease-in-out;}
  129.  
  130. ::selection {
  131. color: #ffffff;
  132. background:{color:text};}
  133.  
  134. ::-moz-selection {
  135. background:{color:text};
  136. color: {color:text};}
  137.  
  138. ::-webkit-scrollbar-thumb:vertical {
  139. border:3px solid #fff;
  140. border-radius:10px;
  141. height:9px;
  142. background-color:{color:scrollbar};}
  143.  
  144. ::-webkit-scrollbar-thumb:horizontal {
  145. background-color:#fff;}
  146.  
  147. ::-webkit-scrollbar {
  148. background-color:{color:scrollbar};
  149. height:7px;
  150. width:11px;
  151. border:5px solid #fff;}
  152.  
  153. #question{
  154. margin-top:10px;
  155. font-family:arial;
  156. font-size:10px;
  157. margin-bottom:7px;
  158. text-transform:normal;
  159. text-align:left;
  160. padding-bottom:5px;
  161. background:#fafafa;
  162. padding:8px;}
  163.  
  164. #answer{
  165. font-family:arial;
  166. font-size:9px;}
  167.  
  168. #info {
  169. text-align:left;
  170. font-family:arial;
  171. margin-top:3px;
  172. text-transform:uppercase;
  173. font-size:7px;
  174. padding-bottom:2px;
  175. padding-top:2px;
  176. background:#fafafa;
  177. padding:3px;
  178.  
  179. }
  180.  
  181. #info a{
  182. padding-right:2px;
  183. color:#747474;}
  184.  
  185. #info a:hover{
  186. color:{color:links hover};
  187. }
  188.  
  189.  
  190. .tags{
  191. width:500px;
  192. margin-top: -4px;
  193. font-family:arial;
  194. font-size: 8px;
  195. letter-spacing: 1px;
  196. text-align:left;
  197. line-height:10px;
  198. padding:4px;
  199. text-transform:normal;
  200. margin-left:-4px;}
  201.  
  202. .music {
  203. width:500px;
  204. padding-bottom:10px;}
  205.  
  206. .albumart {
  207. float:left;
  208. padding:0px 10px 10px 0px;}
  209.  
  210. .albumart img {
  211. width:100px;
  212. height:100px;}
  213.  
  214. .player {
  215. text-align:left;
  216. padding:10px;
  217. background-color:#ffffff;
  218. width:400px;}
  219.  
  220. .infmu {
  221. padding:10px;
  222. color:{color:text};
  223. font-style:italic;
  224. font-family:cambria;}
  225.  
  226. #sidebar{
  227. position:fixed;
  228. background:white;
  229. margin-top:230px;
  230. margin-left:156px;
  231. height:auto;
  232. width:100px;
  233. padding:10px;
  234. padding-bottom:26px;}
  235.  
  236. #sidebarimage img{
  237. width:90px;
  238. margin-bottom:10px;
  239. border:10px solid #fafafa;}
  240.  
  241. #description{
  242. font-size:9px;
  243. font-family:arial;
  244. width:140px;
  245. text-align:right;
  246. text-transform:normal;
  247. margin-top:-3px;
  248. margin-left:-30px;}
  249.  
  250. #title{
  251. {block:ifsidebartitle}
  252. font-family:arial black;
  253. width:140px;
  254. font-size:10px;
  255. color:{color:title};
  256. text-align:right;
  257. margin-left:-30px;
  258. margin-top:-6px;
  259. letter-spacing:1px;
  260. text-transform:uppercase;
  261. margin-bottom:3px;
  262. {/block:ifsidebartitle}
  263. }
  264.  
  265. h1{
  266. font-size:15px;
  267. text-align:center;}
  268.  
  269. h2{
  270. font-size:13px;
  271. font-family:georgia;
  272. font-style:italic;}
  273.  
  274. #quote{
  275. font-size:10px;
  276. text-align:right;
  277. font-family:georgia;
  278. font-style:italic;}
  279.  
  280.  
  281. #links{
  282. width:10px;
  283. position:fixed;
  284. margin-top:-113px;
  285. font-family:times;
  286. text-align:center;
  287. font-size:12px;
  288. font-style:italic;
  289. text-transform:uppercase;
  290. display:block;
  291. margin-left:-5px;}
  292.  
  293.  
  294. #links a{
  295. border-radius:100%;
  296. height:1px;
  297. border:1px solid #ececec;
  298. display:block;
  299. padding:3px;
  300. padding-bottom:4px;
  301. color:white;
  302. background:white;
  303. -moz-transition-duration:1s;
  304. -webkit-transition-duration:1s;
  305. -o-transition-duration:1s;}
  306.  
  307. #links a:hover{
  308. background:#fafafa;
  309. border:white 1px solid;
  310. -moz-transition-duration:1s;
  311. -webkit-transition-duration:1s;
  312. -o-transition-duration:1s;
  313. }
  314.  
  315. #credit{
  316. right:10px;
  317. bottom:15px;
  318. font-size:10px;
  319. position:fixed;
  320. -webkit-transition: all 0.4s ease-out;
  321. -o-transition: all 0.4s ease-out;
  322. text-align:center;
  323. font-family:calibri;
  324. font-style:normal;}
  325.  
  326. #pagination{
  327. position:fixed;
  328. font-size: 9px;
  329. letter-spacing:1px;
  330. margin-top:3px;
  331. text-align:right;
  332. width:100px;
  333. text-transform:uppercase;
  334. padding:6px;
  335. background:#fafafa;
  336. }
  337.  
  338.  
  339. #pagination a{
  340. padding:3px;
  341. margin-bottom:2px;
  342. color:#747474;
  343.  
  344. }
  345.  
  346.  
  347.  
  348. ul.chat, .chat ol, .chat li { list-style:none; margin:0px; padding:5px; }
  349. .user_1 { background-color:transparent;padding:5px; }
  350. .user_2 { background-color:{color:tags};padding:5px; }
  351. .user_3 { background-color:transparent;padding:5px; }
  352. .user_4 { background-color:{color:tags};padding:5px; }
  353. .user_5 { background-color:transparent;padding:5px; }
  354. .user_6 { background-color:{color:tags};padding:5px; }
  355. .user_7 { background-color:transparent;padding:5px; }
  356. .user_8 { background-color:{color:tags};padding:5px; }
  357. .user_9 { background-color:transparent;padding:5px; }
  358. .user_10 { background-color:{color:tags};padding:5px; }
  359.  
  360. .label { font-weight:bold; }
  361.  
  362.  
  363.  
  364. {CustomCSS}</style></head><body>
  365.  
  366.  
  367. <div id="sidebar">
  368. <div id="sidebarimage"><img src="{image:sidebar}"/></div>
  369.  
  370. <div id="links">
  371. <a title="refresh" href="/"></a><br>
  372. <a title="inbox" href="/ask"></a><br>
  373. <a title="{text:Link 3 Title}" href="{text:Link 3}"></a><br>
  374. <a title="{text:Link 4 Title}" href="{text:Link 4}"></a></div>
  375.  
  376. {block:ifsidebartitle} <div id="title">{Title};</div>{/block:ifsidebartitle}
  377. <div id="description">
  378. {Description}</div>
  379.  
  380. <div id="pagination">
  381. {block:Pagination}
  382. {block:PreviousPage}
  383. <a href="{PreviousPage}">«</a>
  384. {/block:PreviousPage}
  385. {block:JumpPagination length="4"}
  386. {block:CurrentPage}
  387. <span class="current_page">{PageNumber}</span>
  388. {/block:CurrentPage}
  389. {block:JumpPage}
  390. <a class="jump_page" href="{URL}">{PageNumber}</a>
  391. {/block:JumpPage}
  392. {/block:JumpPagination}
  393. {block:NextPage}
  394. <a href="{NextPage}">»</a>
  395. {/block:NextPage}
  396. {/block:Pagination}
  397. </div></div>
  398.  
  399. <div class="entries">{block:Posts}<div class="post">
  400.  
  401.  
  402. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  403.  
  404. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  405.  
  406. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  407.  
  408. {block:Quote}<h2>"{Quote}"{block:Source}<br> <div id="quote"><p> —{Source}{/block:Source}</div>{/block:Quote}</h2>
  409.  
  410. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  411.  
  412. {block:Chat}
  413. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line} </li>{/block:Lines}</ul><BR>{/block:Chat}
  414.  
  415.  
  416. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  417. <div class="infmu">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  418. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  419. <br><div class="playerr">{AudioPlayerWhite}</div></div>
  420. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  421.  
  422. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  423.  
  424.  
  425. {block:Answer}
  426. <div id="question"><b>{Asker}</b> said: {Question}<br /> </div>
  427. <div class="answer">{Answer}</div>{/block:Answer}
  428.  
  429. <div id="info">
  430.  
  431. <a href="{Permalink}" >{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  432. &nbsp; {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  433.  
  434.  
  435. {block:RebloggedFrom} <a href="{ReblogParentURL}"><a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} &nbsp;
  436. {/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}"> src</a> {/block:ContentSource}
  437.  
  438. &nbsp; <a href="{ReblogURL}" target="_blank" style="float:right;" >reblog</a>
  439. </div>
  440. <div class="tags">
  441.  
  442. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:Date} </div>
  443.  
  444. </div>
  445.  
  446. <div id="credit"><a title="by mohawklliam" href="http://mohawklliam.tumblr.com" target="_blank" style="background:white;border:3px double #fafafa;padding:5px;" > MH</a></div>
  447.  
  448. {block:Posts}{PostNotes}{/block:Posts}
  449.  
  450. </body>
  451.  
  452. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!