API tools faq
paste
Advertisement
fengtai

fresh theme

fengtai
Jan 15th, 2015
1,076
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.06 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!-- theme by cutestmango do not remove theme credit-->
  5.  
  6. <link rel="shortcut icon" href="{favicon}">
  7.  
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9. <title>{title}</title>
  10.  
  11. <!-- colors -->
  12. <meta name="color:box background" content=""/>
  13. <meta name="color:text shadow" content=""/>
  14. <meta name="color:links" content=""/>
  15. <meta name="color:link hover" content=""/>
  16. <meta name="color:gradient one" content=""/>
  17. <meta name="color:gradient two" content=""/>
  18.  
  19. <!-- text -->
  20. <meta name="text:link 1 url" content="" />
  21. <meta name="text:link 1 title" content="" />
  22.  
  23. <meta name="text:link 2 url" content="" />
  24. <meta name="text:link 2 title" content="" />
  25.  
  26. <meta name="text:link 3 url" content="" />
  27. <meta name="text:link 3 title" content="" />
  28.  
  29. <meta name="text:link 4 url" content="" />
  30. <meta name="text:link 4 title" content="" />
  31.  
  32. <!-- ifs -->
  33. <meta name="if:captions" content="0">
  34. <meta name="if:link 1" content="0">
  35. <meta name="if:link 2" content="0">
  36. <meta name="if:link 3" content="0">
  37. <meta name="if:link 4" content="0">
  38.  
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar-thumb {
  42. background-color: #000;
  43. width:5px;
  44. height:100px;
  45. }
  46.  
  47. ::-webkit-scrollbar {
  48. height:5px;
  49. width:5px;
  50. background-color: {color:box background};
  51. }
  52.  
  53. a:link, a:visited {
  54. color: {color:links};
  55. text-decoration: none;
  56. -webkit-transition: 1s ease-in-out;
  57. -moz-transition: 1s ease-in-out;
  58. -o-transition: 1s ease-in-out;
  59. transition: 1s ease-in-out
  60. }
  61.  
  62. a:hover {
  63. color: {color:link hover};
  64. font-style:italic;
  65. -webkit-transition: 1s ease-in-out;
  66. -moz-transition: 1s ease-in-out;
  67. -o-transition: 1s ease-in-out;
  68. transition: 1s ease-in-out
  69. }
  70.  
  71. body {
  72. margin-top:50px;
  73. margin-left:100px;
  74. padding: 10px;
  75. font-family: arial;
  76. font-size:11px;
  77. color: #000;
  78. background-image: -webkit-gradient(
  79. linear,
  80. right bottom,
  81. left top,
  82. color-stop(0, {color:gradient two}),
  83. color-stop(0.55, {color:gradient one})
  84. );
  85. background-image: -o-linear-gradient(left top, {color:gradient two} 0%, {color:gradient one} 55%);
  86. background-image: -moz-linear-gradient(left top, {color:gradient two} 0%, {color:gradient one} 55%);
  87. background-image: -webkit-linear-gradient(left top, {color:gradient two} 0%, {color:gradient one} 55%);
  88. background-image: -ms-linear-gradient(left top, {color:gradient two} 0%, {color:gradient one} 55%);
  89. background-image: linear-gradient(to left top, {color:gradient two} 0%, {color:gradient one} 55%);
  90. background-attachment:fixed;
  91. }
  92.  
  93. .title {
  94. font: italic 30px arial;
  95. text-align:right;
  96. text-transform:uppercase;
  97. text-shadow: 3px 3px 0px {color:text shadow};
  98. }
  99.  
  100. .links {
  101. font: 20px arial;
  102. text-align:right;
  103. text-transform:uppercase;
  104. text-shadow: 3px 3px 0px {color:text shadow};
  105. }
  106.  
  107. #box {
  108. margin: auto;
  109. top: 0; left: 0; bottom: 0; right: 0;
  110. width:600px;
  111. height:600px;
  112. background-color:{color:box background};
  113. background-repeat:repeat;
  114. background-position:50% 50%;
  115. background-image:url('https://31.media.tumblr.com/d3642ef65e92d696422f35bfc5c101c1/tumblr_inline_ni6yxl7B1u1t94b5d.png');
  116. position:fixed;
  117. padding:10px;
  118. border-left:solid 1px #e2e2e3;
  119. border-bottom:solid 1px #e2e2e3;
  120. }
  121.  
  122.  
  123. .inner {
  124. margin: auto;
  125. position: absolute;
  126. top: 0; left: 0; bottom: 0; right: 0;
  127. width:450px;
  128. height:450px;
  129. background-color:white;
  130. padding:10px;
  131. overflow:scroll;
  132. }
  133.  
  134. .posts {
  135. margin: auto auto auto auto;
  136. width:250px;
  137. padding:10px;
  138. position:relative;
  139. word-wrap: break-word;
  140. }
  141.  
  142. .posts img {
  143. max-width:250px;
  144. }
  145.  
  146. .posts blockquote{
  147. border-left: 2px solid #000;
  148. padding: 0 0 0 3px;
  149. margin-left: 10px;
  150. }
  151.  
  152. h1 {
  153. font: 20px arial;
  154. text-align: center;
  155. text-transform:uppercase;
  156. text-shadow: 3px 3px 0px {color:text shadow};
  157. }
  158.  
  159. h1 a{
  160. color: {color:links};
  161. text-decoration: none;
  162. }
  163.  
  164. ul {
  165. list-style-type: square;
  166. }
  167.  
  168. strong {
  169. font-family:consolas;
  170. }
  171.  
  172. #quote {
  173. font: italic 13px arial;
  174. text-align: center;
  175. }
  176.  
  177. #asks {
  178. border:solid 1px;
  179. border-color:{color:border};
  180. border-radius: none;
  181. font-family:arial;
  182. padding:10px;
  183. }
  184.  
  185. .date {
  186. font: 10px consolas;
  187. text-align:right;
  188. text-transform:uppercase;
  189. padding:5px;
  190. }
  191.  
  192. .tag {
  193. font: 10px consolas;
  194. text-align:right;
  195. text-transform:uppercase;
  196. padding:5px;
  197. }
  198.  
  199. .permadate {
  200. font: 10px consolas;
  201. text-align:right;
  202. text-transform:uppercase;
  203. padding:5px;
  204. }
  205.  
  206. #s-m-t-tooltip {
  207.  
  208. max-width:300px; /* maximum width */
  209.  
  210. background-color: rgba(255, 255, 255, 0.5); /* color background */
  211.  
  212.  
  213. text-transform:uppercase;
  214.  
  215. text-shadow: 3px 3px 0px {color:text shadow};
  216.  
  217. font-size:11px; /* font size */
  218.  
  219. color:#000000; /* font color */
  220.  
  221. padding:5px; /* padding size */
  222.  
  223. margin:5px 0px 0px 20px;
  224.  
  225. z-index:9999999999999999999999;
  226.  
  227. }
  228.  
  229. </style>
  230.  
  231. <!-- start of script tooltip -->
  232. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  233.  
  234. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  235.  
  236. <script>
  237.  
  238. (function($){
  239.  
  240. $(document).ready(function(){
  241.  
  242. $("a[title]").style_my_tooltips({
  243.  
  244. tip_follows_cursor:true,
  245.  
  246. tip_delay_time:90,
  247.  
  248. tip_fade_speed:600,
  249.  
  250. attribute:"title"
  251.  
  252. });
  253.  
  254. });
  255.  
  256. })(jQuery);
  257.  
  258. </script>
  259.  
  260. <!-- end of script tooltip -->
  261.  
  262. <body>
  263.  
  264. <div style="position:fixed; right:10px; bottom:2px; font-size:20px;"><a href="http://cutestmango.tumblr.com/" title="theme">•</a></div>
  265.  
  266. <div id="box">
  267. <div class="title">
  268. {title}
  269. </div>
  270.  
  271. <div class="links">
  272. <a href="/" title="refresh">1:00</a>
  273.  
  274. <a href="/ask" title="e-mail">2:00</a>
  275.  
  276. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1 title}">3:00</a> {/block:iflink1}
  277.  
  278. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2 title}">4:00 </a> {/block:iflink2}
  279.  
  280. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3 title}">5:00 </a> {/block:iflink3}
  281.  
  282. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4 title}">6:00</a>{block:iflink4}
  283. </div>
  284.  
  285.  
  286. <div class="inner">
  287.  
  288. {block:Posts}
  289. <div class="posts">
  290. {block:Text}
  291. {block:Title}<h1>{Title}</h1>{/block:Title}
  292. {body}
  293. {/block:Text}
  294.  
  295. {block:Photo}
  296. <a href="{Permalink}"><img src="{PhotoURL-250}" /></a>
  297.  
  298. {block:PermalinkPage}
  299. <p><a href="{PhotoURL-HighRes}">high-res →</a></p>
  300. {/block:PermalinkPage}
  301.  
  302. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  303. {/block:Photo}
  304.  
  305. {block:Photoset}
  306. {Photoset-250}
  307. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  308. {/block:Photoset}
  309.  
  310. {block:Quote}
  311. <div id="quote">"{Quote}"</div>
  312. <br/>{block:Source}<center>- {Source}</center>{/block:Source}
  313. {/block:Quote}
  314.  
  315. {block:Link}
  316. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  317. {block:Description}{Description}{/block:description}
  318. {/block:Link}
  319.  
  320. {block:Chat}
  321. {block:Title}<h1>{Title}</h1>{/block:Title}
  322. {block:Lines} {block:Label}<b>{Label}</b>{/block:Label} {Line}<br />{/block:Lines}
  323. {/block:Chat}
  324.  
  325. {block:Audio}
  326. {block:AlbumArt}
  327. <img src="{AlbumArtURL}" width="70" height="70">
  328. {/block:AlbumArt}
  329.  
  330. <div style="float:right"> <p><strong>Track</strong>:
  331. {block:TrackName}
  332. {TrackName}
  333. {/block:TrackName}
  334.  
  335. <p><strong>Artist</strong>:
  336. {block:Artist}
  337. {Artist}
  338. {/block:Artist}
  339.  
  340. <p><strong>Album</strong>:
  341. {block:Album}
  342. {Album}
  343. {/block:Album}</div>
  344.  
  345. <p>{AudioplayerBlack}</p>
  346. <p>{PlayCountWithLabel}</p>
  347. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  348. {/block:Audio}
  349.  
  350. {block:Video}
  351. {VideoEmbed-250}
  352. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  353. {/block:Video}
  354.  
  355. {block:Answer}
  356. <div id="asks">
  357. <p><center><a href="{AskerURL}">@{Asker}</a>:</center>
  358. <p>
  359. <i><strong>{Question}</strong></i>
  360. </div>
  361. <p>{Answer}</p></center>
  362. {/block:Answer}
  363.  
  364. <p>
  365.  
  366. {block:IndexPage} <div class="date">
  367. <a href="{Permalink}" title="{NoteCountWithLabel}">{timeago}</a> (<a href="{block:RebloggedFrom}{ReblogParentURL}" title="{ReblogParentName}{/block:RebloggedFrom}">via</a> / <a href="{block:RebloggedFrom}{ReblogRootURL}" title="{ReblogRootName}{/block:RebloggedFrom}">©</a>)
  368. </div>{/block:IndexPage}
  369.  
  370. {block:HasTags}<div class="tag">
  371. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  372. </div>
  373. {/block:HasTags}
  374.  
  375. <p></p>
  376.  
  377. {block:PermalinkPage}
  378. <div class="permadate">{MonthNumberWithZero} / {DayOfMonthWithZero} / {Year} <a href="{ReblogURL}" title="reblog?" target="_blank" class="details">↺</a> </div>
  379.  
  380. {block:PostNotes}{PostNotes}{/block:PostNotes}
  381. {/block:PermalinkPage}
  382. </div>
  383. {/block:Posts}
  384.  
  385. <p><center>{block:PreviousPage}
  386. <a href="{PreviousPage}"><h1>←</h1></a>
  387. {/block:PreviousPage}
  388.  
  389. {block:NextPage}
  390. <a href="{NextPage}"><h1>→</h1></a>
  391. {/block:NextPage}
  392. {/block:Pagination}</center>
  393.  
  394. </div>
  395.  
  396. </body>
  397.  
  398. </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!