API tools faq
paste
Advertisement
emblemtres

Theme 10 by EMBLEMTRES

emblemtres
Sep 7th, 2013
180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. ══════════════▒████████████████████████
  6. ════════════▓█████████▓███▓▓██▓███▓█████
  7. ═══════════████████▓█████▓█▓█▓██▒▓█▓▓▓▓█
  8. ══════════██▓████████▓██▓███▓██▒▒▒███▓██
  9. ════════▓██▓███▓████▓██▓███████▒▓▒▓█████
  10. ═══════▒██████▓████▓██▓██▓▒▒▒▓▓▓▓▓▒█████
  11. ═══════██████▓████▓██▓▓██▒▒▓▓▒▓▓▒▒▒▒████
  12. ══════███████████▓███▓▓██▓▓▓▓▓▒██▓▓▓▓███
  13. ═════▓██████████▓███▓▓████▓▓▓▒▓█████▓▓██
  14. ═════█████▓████▓▓███▓█████═█▓▒██▓████▓▓█
  15. ════█████▓████▓▓███▓▓████░═▒█████▓████▓█
  16. ════████▓█████▓███▓▓▓████════░████▓████▓
  17. ═══▒████▓████▓████▓▓████══════▒████▓████
  18. ═══████▓████▓████▓▓█▓██════════░████████
  19. ═══████▓███▓▓███▓▓█▒▒█════████▒══███▓███
  20. ═══▓██▓████████▓██▓═█════██═══▒▓══██████
  21. ════██████▓███▓███═█════█▓════════██▓███
  22. ════████▓███▓███▒═░═══════════════██▓███
  23. ════▓██▓███▓██▓══════════════════▓█▓████
  24. ═════█▓██████═══════════════▓███═▒█▓████
  25. ═════██▓███═══░════════════██████▓█▓████
  26. ════▒█████═══███▓═════════██═░█▒████████
  27. ════████▓██═██░▒██═══════░█═░▓██▒═▒█▓███
  28. ═══████▓███═█═══██░══════▒══████═══█████
  29. ══▓███▓████▓══░███════════════▒════██▓██
  30. ══███▓▓█████════▓══════════════════██▓▓█
  31. ═▓███▓███▓██══════════════════════░███▓█
  32. ═▓███▓▓█████░════════════════════▒██████
  33. ══████▓▓████▒═══════════════════███▓███▓
  34. ══░████▓▓███▓══════════════════════▒███▓
  35. ═══▒████▓▓███═════════════════════▓████▓
  36. ════▒████▓███▒═══════════════════██████▓
  37. ═════████▓████═════░███▓════════██████▓█
  38. ═════▒█████▓███════▓▒══░█══════██████▓▓█
  39. ═════███▓██▓████════█▒▓█▓═════▒████▓▓███
  40. ════██▓███▓██████═══▒██▓══════████▓▓████
  41. ═══██▓█████▓██████═══════════░███▓▓█████
  42. ═▒██████▓██▓▓██████══════════▓███▓██████
  43. ░█░████▓█████▓███▓██░════════▒████▓█████
  44. █═░███▓██████▓███▓███▓══░═════█████▓████
  45. ═░███▓██████▓███▓████████═══════████▓███
  46. ═████▓▓████▓█████████████░═══════███████
  47. ══████▓███▓████▓█████████════════█████▒═
  48. ═══▓███▓███████▓█████▓██▓══════▓████════
  49. ════███▓█▓█████▓████▓███═════▒█████═════
  50. ═════███████████████▓█▓═════▓███▓▓══════
  51. ═════██▓███████████▓█▓══════██▓═════════
  52. ═════█████▓████═█████░══════█▓══════════
  53. ══░████████▓███═██████══════░═══════════
  54. ═══░▒░═░███████══█████══════════════════
  55. -->
  56.  
  57.  
  58. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  59. <head><title>{Title}</title>
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  63.  
  64.  
  65. <meta name="color:Background" content="#ffffff"/>
  66. <meta name="color:Sidebar" content="#ffffff"/>
  67. <meta name="color:Text" content="#a8a8a8"/>
  68. <meta name="color:Link" content="#b8b8b8"/>
  69. <meta name="color:Tags" content="f0f0f0"/>
  70. <meta name="color:Hover" content="#f2f2f2"/>
  71. <meta name="color:Line" content="#f2f2f2"/>
  72. <meta name="color:Border" content="#e4e4e4"/>
  73. <meta name="color:Post" content="#ffffff"/>
  74. <meta name="color:Answer" content="#f8f8f8"/>
  75. <meta name="image:sidebar" content=""/>
  76.  
  77. <meta name="image:bg" content=""/>
  78. <meta name="text:link1" content="" />
  79. <meta name="text:link1 url" content="/">
  80. <meta name="text:link2" content="" />
  81. <meta name="text:link2 url" content="/">
  82. <meta name="text:link3" content="" />
  83. <meta name="text:link3 url" content="/">
  84. <meta name="text:link4" content="" />
  85. <meta name="text:link4 url" content="/">
  86. <meta name="text:link5" content="" />
  87. <meta name="text:link5 url" content="/">
  88. <meta name="text:link6" content="" />
  89. <meta name="text:link6 url" content="/">
  90. <meta name="color:scrollbarbg" content="ffffff"/>
  91.  
  92. <link href='http://fonts.googleapis.com/css?family=Neucha' rel='stylesheet' type='text/css'>
  93. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
  94. <link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'>
  95.  
  96. <style type="text/css">
  97. @font-face{font-family:Celeste Hand;src:url(http://static.tumblr.com/9wzbixa/UBpmj2h2i/celeste_hand.ttf);}
  98.  
  99. img{
  100. -webkit-transition: opacity 0.5s linear;
  101. opacity: 0.85;
  102. }
  103. img:hover{
  104. -webkit-transition: opacity 0.5s linear;
  105. opacity: 1;
  106. }
  107.  
  108. iframe#tumblr_controls { width:50%; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  109.  
  110. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  111.  
  112. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  113.  
  114. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  115. #bite
  116. #bite a{
  117. display:block
  118. }
  119. #bite .death {
  120. margin-top:0px;filter: alpha(opacity = 0);
  121. opacity:0;-webkit-transition: all 0.5s ease-out;
  122. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  123. }
  124.  
  125. #bite:hover .death {
  126. margin-top:0px;
  127. -webkit-transition: all 0.8s ease-out;
  128. -moz-transition: all 0.8s ease-out;
  129. transition: all 0.8s ease-out;
  130. filter: alpha(opacity = 100);
  131. filter: alpha(opacity = 100);
  132. opacity:100;
  133. }
  134. #s-m-t-tooltip {
  135.  
  136. max-width:300px;
  137.  
  138. padding:1px 1px 1px 1px;
  139.  
  140. margin:10px 0px 0px 10px;
  141.  
  142. background-color:#fff; /* change the background color */
  143.  
  144. border:1px dotted #adb0ce; /* change the border color */
  145.  
  146. font-family:trebuchet ms; /* change the font */
  147.  
  148. font-size:9px; /* change the font size */
  149.  
  150. letter-spacing:1px; /* change the letter spacing */
  151.  
  152. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  153.  
  154. color:#adb0ce; /* change the text color */
  155.  
  156. z-index:999999999999999999999999999999999999;
  157.  
  158. }
  159. /* --- SCROLLBAR ---*/
  160.  
  161. ::-webkit-scrollbar {
  162. width: 5px;height: 5px;}
  163. ::-webkit-scrollbar-button:start:decrement,
  164. ::-webkit-scrollbar-button:end:increment {
  165. height: 6px;display: block;background-color: {color:white};}
  166. ::-webkit-scrollbar-track-piece {
  167. background-color: {color:scrollbarbg};}
  168. ::-webkit-scrollbar-thumb:vertical {
  169. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  170.  
  171. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  172. /* --- BODY ---*/
  173.  
  174. body {
  175. background:{color:background};
  176. margin:0px;
  177. color:{color:text};
  178. font-family:'Trebuchet MS';
  179. font-size:7px;
  180. line-height:13px;
  181. }
  182.  
  183. a {
  184. text-decoration:none;
  185. outline:none;
  186. -moz-outline-style:none;
  187. color:{color:link};
  188. }
  189.  
  190. img {
  191. border:none;
  192. }
  193.  
  194. blockquote {
  195. padding-left:5px;
  196. border-left:2px solid;
  197. }
  198.  
  199. blockquote blockquote {
  200. padding-left:5px;
  201. border-left:2px solid;
  202. }
  203.  
  204. h1 {
  205. font-size:9px;
  206. text-transform:uppercase;
  207. }
  208.  
  209. a:hover {
  210. opacity:10;
  211. color:{color:hover};
  212. -webkit-transition: all 0.7s ease;
  213. -moz-transition: all 0.7s ease;
  214. -o-transition: all 0.7s ease
  215. }
  216.  
  217. /* --- POST ENTRIES ---*/
  218.  
  219.  
  220. #entries {
  221. padding:10px;
  222. width:500px;
  223. margin-left:480px;
  224. margin-top:40px;
  225. font-size:11px;
  226. }
  227.  
  228. /* --- BODY: POSTS ---*/
  229.  
  230.  
  231. #post {
  232. width:500px;
  233. padding-bottom:20px;
  234. padding:10px;
  235. margin-top:15px;
  236. background-color:{color:Post};
  237. }
  238.  
  239. /* --- SIDEBAR IMAGE ---*/
  240.  
  241.  
  242. #sidebar {
  243. width:100px;
  244. position:fixed;
  245. margin-left:150px;
  246. margin-top:235px;
  247. opacity:10;
  248. background-color:{color:Sidebar};
  249. -moz-transition-duration:0.4s;
  250. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  251. }
  252.  
  253. #sidebarimage {
  254. width 270px;
  255. -moz-transition-duration:0.4s;
  256. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  257. }
  258.  
  259. #sidebarimage img {
  260. width:270px;
  261. padding:6px;
  262. opacity:0.80;
  263. background-color:{color:Sidebar};
  264. -moz-transition-duration:0.4s;
  265. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  266. }
  267.  
  268. #sidebar:hover #sidebarimage img{
  269. opacity:1;
  270. -moz-transition-duration:0.4s;
  271. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  272. }
  273.  
  274. #sidebar:hover .links{
  275. opacity:1;
  276. -moz-transition-duration:0.4s;
  277. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  278. }
  279. #sidebar:hover #description{
  280. margin-top:20px;
  281. -moz-transition-duration:0.4s;
  282. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  283. }
  284. #sidebar:hover .pagination{
  285. opacity:1;
  286. -moz-transition-duration:0.4s;
  287. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  288. }
  289. /* --- SIDEBAR LINKS ---*/
  290.  
  291. .links {
  292. opacity:0;
  293. width:305px;
  294. height:5px;
  295. padding: 9px;
  296. font-size:8px;
  297. font-family: Celeste Hand;src:url(http://static.tumblr.com/9wzbixa/UBpmj2h2i/celeste_hand.ttf);
  298. text-align:center;
  299. margin-top:-2px;
  300. margin-left:-25px;
  301. text-align:center;
  302. text-transform:lowercase;
  303. word-spacing:7px;
  304. position:fixed;
  305. padding-bottom:7px;
  306. -moz-transition-duration:0.4s;
  307. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  308. }
  309.  
  310. .links a {
  311. font-size: 25px;
  312. -moz-transition-duration:0.4s;
  313. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  314. }
  315.  
  316. .links a:hover {
  317. font-style:bold;
  318. text-shadow: 1px 1px 1px #cccccc;
  319. color:{color:Hover}
  320. -moz-transition-duration:0.4s;
  321. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  322. }
  323.  
  324.  
  325. /* --- DESCRIPTION ---*/
  326.  
  327. #description {
  328. position:fixed;
  329. font-family: Celeste Hand;src:url(http://static.tumblr.com/9wzbixa/UBpmj2h2i/celeste_hand.ttf);
  330. line-height:90%;
  331. font-size:18px;
  332. opacity:0px;
  333. font-style:none;
  334. width:270px;
  335. margin-top:-5px;
  336. padding:8px;
  337. margin-left:0px;
  338. text-align:justify;
  339. color:{color:text};
  340. -moz-transition-duration:0.4s;
  341. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  342. }
  343.  
  344. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  345. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  346.  
  347.  
  348. /* --- PAGINATION---*/
  349.  
  350.  
  351. .pagination {
  352. opacity:0;
  353. text-transform:uppercase;
  354. font-size:18px;
  355. font-family:'Patrick Hand', cursive;
  356. text-align:center;
  357. margin-top:50px;
  358. margin-left:40px;
  359. width:200px;
  360. padding:10px;
  361. -moz-transition-duration:0.4s;
  362. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  363. }
  364.  
  365. /* --- POST INFO ---*/
  366. #info {
  367. text-align:left;
  368. opacity:1;
  369. margin-top:10px;
  370. text-transform:uppercase;
  371. font-size:10px;
  372. font-style:none;
  373. border-top:0px solid {color:Line}
  374. -moz-transition-duration:0.4s;
  375. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  376. }
  377.  
  378. /* --- POST TAGS---*/
  379.  
  380.  
  381. #tags {
  382. opacity:0;
  383. font-family:'Trebuchet MS';
  384. letter-spacing:0px;
  385. text-transform:lowercase;
  386. font-size:10px;
  387. font-style:none;
  388. margin-top:4px;
  389. text-align:left;
  390. -moz-transition-duration:0.4s;
  391. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  392. }
  393.  
  394. #tags
  395. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  396. -webkit-transition: all 0.4s ease-in-out;
  397. -moz-transition: all 0.4s ease-in-out;
  398. -o-transition: all 0.4s ease-in-out;
  399. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  400. #post:hover #tags{
  401. opacity:1;
  402. -moz-transition-duration:0.4s;
  403. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  404. }
  405.  
  406. ::selection {color:#fff;background:#fff;}
  407. ::-moz-selection {color:#fff;background:#fff;}
  408. ::-webkit-selection{color:#fff;background:#fff;}
  409.  
  410. #credit {
  411. font-size:11px;
  412. font-family:consolas;
  413. font-style:none;
  414. letter-spacing:1px;
  415. -moz-transition-duration:0.5s;
  416. -webkit-transition-duration:0.5s;
  417. -o-transition-duration:0.5s;
  418. }
  419.  
  420. #credit a {
  421. background-color:#fff;
  422. padding:7px;
  423. border:1px solid #e9e9e9;
  424. position:fixed;
  425. right:15px;
  426. bottom:10px
  427. }
  428.  
  429. #credit a:hover {
  430. color:#fff;
  431. background-color:{color:Hover}
  432.  
  433. }
  434.  
  435. /* --- QUESTIONS ---*/
  436.  
  437. #asker {
  438. padding:7px;
  439. font-family:'trebuchet ms';
  440. letter-spacing:1px;
  441. text-align:left;
  442. font-style:none;
  443. margin-left:0px;
  444. border:1px #ddd solid;
  445. background-color:#FFF;
  446. }
  447.  
  448. {CustomCSS}</style></head><body>
  449.  
  450. <body onkeydown="return false">
  451.  
  452. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  453.  
  454. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  455.  
  456. <script>
  457.  
  458. (function($){
  459.  
  460. $(document).ready(function(){
  461.  
  462. $("a[title]").style_my_tooltips({
  463.  
  464. tip_follows_cursor:true,
  465.  
  466. tip_delay_time:0,
  467.  
  468. tip_fade_speed:0,
  469.  
  470. attribute:"title"
  471.  
  472. });
  473.  
  474. });
  475.  
  476. })(jQuery);
  477.  
  478. </script>
  479.  
  480. <div id="sidebar">
  481. </div>
  482.  
  483. </div>
  484. <div id="sidebar">
  485. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  486.  
  487.  
  488.  
  489. <div id="description">
  490. {Description}
  491. </div>
  492.  
  493.  
  494. <div class="links">
  495. <a href="{text:link1 url}">{text:link1}</a>
  496. <a href="{text:link2 url}">{text:link2}</a>
  497. <a href="{text:link3 url}">{text:link3}</a>
  498. <a href="{text:link4 url}">{text:link4}</a>
  499. <a href="{text:link5 url}">{text:link5}</a>
  500. <a href="{text:link6 url}">{text:link6}</a>
  501.  
  502. {block:Pagination}
  503. <div class="pagination">
  504. {block:PreviousPage}
  505. <a href="{PreviousPage}">←</a>
  506.  
  507. {/block:PreviousPage}
  508. {block:NextPage}
  509. <a href="{NextPage}">→</a>
  510. {/block:NextPage}
  511. </div>
  512. {/block:Pagination}
  513.  
  514. </div></div>
  515.  
  516. <div id="entries">{block:Posts}<div id="post">
  517.  
  518. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  519.  
  520. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  521.  
  522. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  523.  
  524. {block:Quote}{Quote}{/block:Quote}
  525.  
  526. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  527.  
  528. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  529.  
  530. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  531. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  532. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  533. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  534. {/block:Audio}
  535.  
  536. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  537. {block:Answer}<div id="asker"><span style="font-family:trebuchet ms;font-size:11px;font-style:uppercase;">{Asker}: </span>{Question}</div><left><font face="trebuchet ms">{Answer}</font>{/block:Answer}
  538.  
  539. <div id="info">
  540. <br><a href="{Permalink}">{TimeAgo}</a> - {block:ContentSource}<a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} - <a href="{Permalink}">{NoteCount} ♥</a>
  541. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  542. {/block:Posts}
  543. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  544. {/block:Posts}</div>
  545.  
  546. <!--
  547. THEME MAKER CREDIT
  548. -->
  549. <div id="credit">
  550. <a href="http://emblemtres.tumblr.com/">EƎ</div>
  551.  
  552.  
  553. </body></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!