API tools faq
paste
Advertisement
fengtai

Sweetie Theme 2.0 (regular posts)

fengtai
Jun 22nd, 2014
1,452
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.36 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:background" content="#fce5ff"/>
  13. <meta name="color:text" content="#000000"/>
  14. <meta name="color:links" content="#000000"/>
  15. <meta name="color:link hover" content="#dbf6ff"/>
  16.  
  17. <!-- img -->
  18. <meta name="image:background" content="" />
  19. <meta name="image:sidebar" content="" />
  20.  
  21. <!-- text -->
  22. <meta name="text:link 1 url" content="" />
  23. <meta name="text:link 1 title" content="" />
  24.  
  25. <meta name="text:link 2 url" content="" />
  26. <meta name="text:link 2 title" content="" />
  27.  
  28. <meta name="text:link 3 url" content="" />
  29. <meta name="text:link 3 title" content="" />
  30.  
  31. <meta name="text:link 4 url" content="" />
  32. <meta name="text:link 4 title" content="" />
  33.  
  34. <!-- ifs -->
  35. <meta name="if:sidebar image" content="0">
  36. <meta name="if:search bar" content="0">
  37. <meta name="if:captions" content="0">
  38. <meta name="if:link 1" content="0">
  39. <meta name="if:link 2" content="0">
  40. <meta name="if:link 3" content="0">
  41. <meta name="if:link 4" content="0">
  42.  
  43. <style type="text/css">
  44.  
  45. ::-webkit-scrollbar-thumb {
  46. background-color: {color:text};
  47. width:5px;
  48. height:100px;
  49. }
  50.  
  51. ::-webkit-scrollbar {
  52. height:5px;
  53. width:5px;
  54. background-color: {color:background};
  55. }
  56.  
  57. a:link, a:visited {
  58. color: {color:links};
  59. text-decoration: underline;
  60. -webkit-transition: 1s ease-in-out;
  61. -moz-transition: 1s ease-in-out;
  62. -o-transition: 1s ease-in-out;
  63. transition: 1s ease-in-out
  64. }
  65.  
  66. a:hover {
  67. color: {color:link hover};
  68. text-decoration: none;
  69. -webkit-transition: 1s ease-in-out;
  70. -moz-transition: 1s ease-in-out;
  71. -o-transition: 1s ease-in-out;
  72. transition: 1s ease-in-out
  73. }
  74.  
  75.  
  76. body {
  77. margin-top:50px;
  78. margin-left:100px;
  79. padding: 10px;
  80. background:{color:background};
  81. background-image:url('{image:Background}');
  82. background-repeat:none;
  83. background-size:cover;
  84. background-attachment:fixed;
  85. font-family: arial;
  86. font-size:11px;
  87. color: {color:Text};
  88. }
  89.  
  90. #sidebar {
  91. margin-top:70px;
  92. margin-left:-30px;
  93. position: fixed;
  94. background-color:#fff;
  95. padding: 10px;
  96. width: 150px;
  97. font-family: arial;
  98. font-size: 11px;
  99. border:solid 1px;
  100. }
  101.  
  102. #sidebar img {
  103. width:120px;
  104. height:120px;
  105. border:solid 1px;
  106. border-color:{color:text};
  107. }
  108.  
  109. #posts {
  110. margin-left:300px;
  111. margin-top:20px;
  112. border:solid 1px;
  113. width:400px;
  114. padding:10px;
  115. background-color:#fff;
  116. }
  117.  
  118. #posts img {
  119. max-width:400px;
  120. }
  121.  
  122. #posts blockquote{
  123. border-left: 2px solid {color:Text};
  124. padding: 0 0 0 3px;
  125. margin-left: 10px;
  126. }
  127.  
  128. h1 {
  129. font: italic 16px arial;
  130. text-align: center;
  131. }
  132.  
  133. h1 a{
  134. color: {color:links};
  135. text-decoration: none;
  136. }
  137.  
  138. #quote {
  139. font: italic 13px arial;
  140. text-align: center;
  141. }
  142.  
  143. #asks {
  144. border:solid 1px;
  145. border-color:{color:border};
  146. border-radius: none;
  147. font-family:arial;
  148. padding:10px;
  149. }
  150.  
  151. #pagination {
  152. margin-left:300px;
  153. margin-bottom:20px;
  154. border:solid 1px;
  155. width:400px;
  156. padding:10px;
  157. background-color:#fff;
  158. }
  159.  
  160. #s-m-t-tooltip {
  161.  
  162. max-width:300px; /* maximum width */
  163.  
  164. background-color:#ffffff; /* color background */
  165.  
  166. border:1px solid; /* color, shape and thickness of the border */
  167.  
  168. font-size:11px; /* font size */
  169.  
  170. color:{color:text}; /* font color */
  171.  
  172. padding:5px; /* padding size */
  173.  
  174. margin:5px 0px 0px 20px;
  175.  
  176. z-index:9999999999999999999999;
  177.  
  178. }
  179.  
  180. .search input[type="text"]{
  181. background-color: #fff;
  182. font-size: 10px;
  183. border: 1px;
  184. color: {color:text};
  185. border: solid 1px;
  186. width:60px;
  187. padding:5px;
  188. }
  189.  
  190. .search input[type="submit"]{
  191. background-color: #fff;
  192. font-size: 10px;
  193. border: 1px;
  194. color: {color:text};
  195. border: solid 1px;
  196. width:60px;
  197. padding:5px;
  198. }
  199.  
  200.  
  201. </style>
  202.  
  203. <!-- start of script tooltip -->
  204. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  205.  
  206. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  207.  
  208. <script>
  209.  
  210. (function($){
  211.  
  212. $(document).ready(function(){
  213.  
  214. $("a[title]").style_my_tooltips({
  215.  
  216. tip_follows_cursor:true,
  217.  
  218. tip_delay_time:90,
  219.  
  220. tip_fade_speed:600,
  221.  
  222. attribute:"title"
  223.  
  224. });
  225.  
  226. });
  227.  
  228. })(jQuery);
  229.  
  230. </script>
  231.  
  232. <!-- end of script tooltip -->
  233.  
  234. </head>
  235.  
  236. <body>
  237.  
  238. <div id="sidebar">
  239. <p></p>
  240. {block:ifsidebarimage}<center><a href="/" title="{title}"><img src="{image:sidebar}"></a></center>{/block:ifsidebarimage}
  241.  
  242. {block:ifsearchbar}<p><center><form action="/search" method="get" class="search" name="theform">
  243. <input type="text" name="q" value="{URLSafeSearchQuery}"/>
  244. <input type="submit" value="Search" />
  245. </form></center>{/block:ifsearchbar}
  246.  
  247. <p><center>{description}</center></p>
  248.  
  249.  
  250. <p><center><a href="/ask">ask</a> /{block:iflink1}
  251. <a href="{text:link 1 url}">{text:link 1 title}<a> /{/block:iflink1}
  252. {block:iflink2}<a href="{text:link 2 url}">{text:link 2 title}</a> /{/block:iflink2}
  253. {block:iflink3}<a href="{text:link 3 url}">{text:link 3 title}</a> /{/block:iflink3}
  254. {block:iflink4}<a href="{text:link 4 url}">{text:link 4 title}</a>{block:iflink4} / <a href="http://cutestmango.tumblr.com/">theme</a></center></p>
  255.  
  256. </div>
  257.  
  258. {block:SearchPage}
  259. {block:SearchResults}
  260. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  261. {/block:SearchResults}
  262.  
  263. {block:NoSearchResults}
  264. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  265. {/block:NoSearchResults}
  266. {/block:SearchPage}
  267.  
  268. {block:Posts}
  269. <div id="posts">
  270. {block:Text}
  271. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  272. {body}
  273. {/block:Text}
  274.  
  275. {block:Photo}
  276. <a href="{Permalink}"><img src="{PhotoURL-400}" /></a>
  277. <p><a href="{PhotoURL-HighRes}">high-res →</a></p>
  278. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  279. {/block:Photo}
  280.  
  281. {block:Photoset}
  282. {Photoset-400}
  283. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  284. {/block:Photoset}
  285.  
  286. {block:Quote}
  287. <div id="quote">"{Quote}"</div>
  288. <br/>{block:Source}<center>- {Source}</center>{/block:Source}
  289. {/block:Quote}
  290.  
  291. {block:Link}
  292. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  293. {block:Description}{Description}{/block:description}
  294. {/block:Link}
  295.  
  296. {block:Chat}
  297. {block:Title}<h1>{Title}</h1>{/block:Title}
  298. {block:Lines} {block:Label}<b>{Label}</b>{/block:Label} {Line}<br />{/block:Lines}
  299. {/block:Chat}
  300.  
  301. {block:Audio}
  302. {block:AlbumArt}
  303. <img src="{AlbumArtURL}" width="70" height="70">
  304. {/block:AlbumArt}
  305.  
  306. <div style="float:right"> <p><strong>Track</strong>:
  307. {block:TrackName}
  308. {TrackName}
  309. {/block:TrackName}
  310.  
  311. <p><strong>Artist</strong>:
  312. {block:Artist}
  313. {Artist}
  314. {/block:Artist}
  315.  
  316. <p><strong>Album</strong>:
  317. {block:Album}
  318. {Album}
  319. {/block:Album}</div>
  320.  
  321. <p>{AudioplayerBlack}</p>
  322. <p>{PlayCountWithLabel}</p>
  323. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  324. {/block:Audio}
  325.  
  326. {block:Video}
  327. {VideoEmbed-400}
  328. {block:ifcaptions}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:ifcaptions}
  329. {/block:Video}
  330.  
  331. {block:Answer}
  332. <div id="asks">
  333. <p><center><a href="{AskerURL}">{Asker}</a>: <i><strong>{Question}</strong></i></center></p>
  334. </div>
  335. <p>{Answer}</p></center>
  336. {/block:Answer}
  337.  
  338. <p>
  339.  
  340. <a href="{Permalink}" title="{NoteCountWithLabel}">{block:Date} {ShortDayOfWeek} - {12Hour}:{Minutes}{CapitalAmPm} {/block:Date}</a> (<a href="{block:RebloggedFrom}{ReblogParentURL}" title="{ReblogParentName}{/block:RebloggedFrom}">via</a> / <a href="{block:RebloggedFrom}{ReblogRootURL}" title="{ReblogRootName}{/block:RebloggedFrom}">©</a>) {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  341.  
  342. {block:PermalinkPage}
  343. {block:PostNotes}{PostNotes}{/block:PostNotes}
  344. {block:PermalinkPage}
  345. </div>
  346. {/block:Posts}
  347.  
  348. <p></p>
  349.  
  350. <div id="pagination"><center>{block:PreviousPage}
  351. <a href="{PreviousPage}">back</a>
  352. {/block:PreviousPage}
  353. -
  354. {block:NextPage}
  355. <a href="{NextPage}">next</a>
  356. {/block:NextPage}
  357. {/block:Pagination}</center>
  358. </div>
  359.  
  360.  
  361. </body>
  362.  
  363. </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!