Advertisement
emblemtres

Theme 12 by Beyoncse

Sep 28th, 2013
168
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.34 KB | None | 0 0
  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:sidebarlink background" content="#1d7c8a" />
  75.  
  76. <meta name="color:Answer" content="#f8f8f8"/>
  77. <meta name="image:sidebar" content=""/>
  78. <meta name="image:bg" content=""/>
  79. <meta name="text:The Title" content="This is your title"/>
  80.  
  81. <meta name="text:Link 01 URL" content="/" />
  82. <meta name="text:Link 01 title" content="Link 01">
  83. <meta name="text:Link 02 URL" content="/" />
  84. <meta name="text:Link 02 title" content="Link 02">
  85. <meta name="text:Link 03 URL" content="/" />
  86. <meta name="text:Link 03 title" content="Link 03">
  87. <meta name="text:Link 04 URL" content="/" />
  88. <meta name="text:Link 04 title" content="Link 04" />
  89.  
  90. <meta name="color:scrollbarbg" content="ffffff"/>
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95. 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; }
  96.  
  97. 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; }
  98.  
  99. 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;}
  100.  
  101. 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;}
  102.  
  103. #s-m-t-tooltip {
  104. max-width:300px;
  105. margin:20px 0px 0px 20px;
  106. background-color:#fcfcfc;
  107. border:1px solid #ddd;
  108. color:#999;
  109. font-family:'Trebuchet MS';
  110. text-transform:uppercase;
  111. padding:1px 3px 1px 3px;
  112. font-size:8px;
  113. letter-spacing:1px;
  114. z-index:999999999999999999999999999999999999;
  115. }
  116. /* --- SCROLLBAR ---*/
  117.  
  118. ::-webkit-scrollbar {
  119. width: 5px;height: 5px;}
  120. ::-webkit-scrollbar-button:start:decrement,
  121. ::-webkit-scrollbar-button:end:increment {
  122. height: 6px;display: block;background-color: {color:white};}
  123. ::-webkit-scrollbar-track-piece {
  124. background-color: {color:scrollbarbg};}
  125. ::-webkit-scrollbar-thumb:vertical {
  126. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  127.  
  128.  
  129. /* --- BODY ---*/
  130.  
  131. body {
  132. background:{color:background};
  133. margin:0px;
  134. color:{color:text};
  135. font-family:arial;
  136. font-size:11px;
  137. line-height:100%;
  138. }
  139.  
  140. a {
  141. text-decoration:none;
  142. outline:none;
  143. -moz-outline-style:none;
  144. color:{color:link};
  145. }
  146.  
  147. img {
  148. border:none;
  149. }
  150.  
  151. blockquote {
  152. padding-left:5px;
  153. border-left:2px solid;
  154. }
  155.  
  156. blockquote blockquote {
  157. padding-left:5px;
  158. border-left:2px solid;
  159. }
  160.  
  161. h1 {
  162. font-size:9px;
  163. text-transform:uppercase;
  164. }
  165.  
  166. a:hover {
  167. opacity:10;
  168. color:{color:hover};
  169. -webkit-transition: all 0.7s ease;
  170. -moz-transition: all 0.7s ease;
  171. -o-transition: all 0.7s ease
  172. }
  173.  
  174. /* --- POST ENTRIES ---*/
  175.  
  176.  
  177. #entries {
  178. padding:10px;
  179. width:500px;
  180. margin-left:525px;
  181. margin-top:40px;
  182. font-size:11px;
  183. }
  184.  
  185. /* --- BODY: POSTS ---*/
  186.  
  187.  
  188. #post {
  189. width:500px;
  190. padding-bottom:20px;
  191. padding:40px;
  192. margin-top:15px;
  193. background-color:{color:Post};
  194. }
  195.  
  196. /* --- SIDEBAR IMAGE ---*/
  197.  
  198.  
  199. #sidebar {
  200. width:120px;
  201. position:fixed;
  202. margin-left:260px;
  203. margin-top:170px;
  204. opacity:1.80;
  205. background-color:{color:Sidebar};
  206. }
  207. #title {
  208. font-size:18px;
  209. width:200px;
  210. text-align:right;
  211. color:{color:sidebarlink background};
  212. font-weight:800;
  213. margin-bottom:7px;
  214. margin-left:-70px;
  215. text-transform:none;
  216. letter-spacing:-1px;
  217. }
  218.  
  219.  
  220. #sidebarimage {
  221. width 120px;
  222. }
  223.  
  224. #sidebarimage img {
  225. width:120px;
  226. border:solid 0px;
  227. padding:6px;
  228. overflow:hidden;
  229. position:relative;
  230. background-color:{color:Sidebar};
  231. }
  232.  
  233. #sidebar:hover .pagi{
  234. opacity:1;
  235. -webkit-transition:all 0.5s ease-in-out;
  236. -o-transition:all 0.5s ease-in-out;
  237. -moz-transition:all 0.5s ease-in-out;
  238. -ms-transition:all 0.5s ease-in-out;
  239. transition:all 0.5s ease-in-out;
  240. }
  241. /* --- SIDEBAR LINKS ---*/
  242.  
  243. #links{
  244. width:200px;
  245. height:5px;
  246. padding: 9px;
  247. font-size:11px;
  248. font-family:'arial';
  249. text-align:center;
  250. margin-top:50px;
  251. margin-left:-46px;
  252. text-align:center;
  253. text-transform:none;
  254. word-spacing:7px;
  255. opacity:1;
  256. position:fixed;
  257. padding-bottom:7px;
  258. -webkit-transition:all 0.5s ease-in-out;
  259. -o-transition:all 0.5s ease-in-out;
  260. -moz-transition:all 0.5s ease-in-out;
  261. -ms-transition:all 0.5s ease-in-out;
  262. transition:all 0.5s ease-in-out;
  263.  
  264. }
  265.  
  266.  
  267. #links a{
  268. color:{color:text};}
  269.  
  270. #links a:hover{
  271. color:{color:sidebarlink background};
  272. text-decoration:none
  273. padding-top:1px;
  274. padding-bottom:1px;
  275. ;
  276.  
  277. -webkit-transition:all 0.5s ease-in-out;
  278. -o-transition:all 0.5s ease-in-out;
  279. -moz-transition:all 0.5s ease-in-out;
  280. -ms-transition:all 0.5s ease-in-out;
  281. transition:all 0.5s ease-in-out;
  282. }
  283.  
  284.  
  285.  
  286.  
  287. /* --- DESCRIPTION ---*/
  288.  
  289. #description {
  290. position:fixed;
  291. font-family:arial;
  292. line-height:100%;
  293. font-size:9px;
  294. opacity:1;
  295. font-style:none;
  296. width:120px;
  297. margin-top:-5px;
  298. padding:8px;
  299. margin-left:-2px;
  300. text-align:justify;
  301. color:{color:text};
  302. }
  303.  
  304. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  305. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  306.  
  307. /* --- PAGINATION---*/
  308.  
  309. .pagi {
  310. text-transform:lowercase;
  311. text-align:center;
  312. opacity:1;
  313. margin-top:408px;
  314.  
  315. font-family:arial;
  316. position:fixed;
  317. margin-left:300px;
  318.  
  319. -webkit-transition:all 0.5s ease-in-out;
  320. -o-transition:all 0.5s ease-in-out;
  321. -moz-transition:all 0.5s ease-in-out;
  322. -ms-transition:all 0.5s ease-in-out;
  323. transition:all 0.5s ease-in-out;
  324. }
  325. /*--- POST INFO ---*/
  326. #info {
  327. text-align:right;
  328. opacity:1;
  329. margin-top:10px;
  330. text-transform:none;
  331. font-size:9px;
  332. font-style:none;
  333. font-family:arial;
  334. padding-top:5px;
  335. border-top:0px solid {color:Line}
  336. -moz-transition-duration:0.4s;
  337. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  338. }
  339.  
  340. /* --- POST TAGS---*/
  341.  
  342.  
  343. #tags {
  344. opacity:0;
  345. font-family:'arial';
  346. letter-spacing:0px;
  347. text-transform:lowercase;
  348. font-size:9px;
  349. font-style:none;
  350. margin-top:4px;
  351. text-align:right;
  352. -moz-transition-duration:0.4s;
  353. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  354. }
  355.  
  356. #tags
  357. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  358. -webkit-transition: all 0.4s ease-in-out;
  359. -moz-transition: all 0.4s ease-in-out;
  360. -o-transition: all 0.4s ease-in-out;
  361. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  362. #info:hover #tags{
  363. opacity:1;
  364. -moz-transition-duration:0.4s;
  365. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s
  366. }
  367.  
  368. ::selection {color:#fff;background:#fff;}
  369. ::-moz-selection {color:#fff;background:#fff;}
  370. ::-webkit-selection{color:#fff;background:#fff;}
  371.  
  372. #credit {
  373. font-size:15px;
  374. font-family:consolas;
  375. font-style:none;
  376. letter-spacing:1px;
  377. -moz-transition-duration:0.5s;
  378. -webkit-transition-duration:0.5s;
  379. -o-transition-duration:0.5s;
  380. }
  381.  
  382. #credit a {
  383. background-color:#fff;
  384. padding:7px;
  385. border:0px solid #e9e9e9;
  386. position:fixed;
  387. right:15px;
  388. bottom:10px
  389. }
  390.  
  391. #credit a:hover {
  392. color:#fff;
  393. background-color:{color:Hover}
  394.  
  395. }
  396.  
  397.  
  398.  
  399. /* --- QUESTIONS ---*/
  400. #asker {
  401. padding:7px;
  402. font-family:'arial';
  403. letter-spacing:1px;
  404. text-align:left;
  405. font-style:none;
  406. margin-left:0px;
  407. border:1px #ddd solid;
  408. background-color:#FFF;
  409. }
  410.  
  411. {CustomCSS}</style></head><body>
  412. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  413.  
  414. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  415.  
  416. <script>
  417.  
  418. (function($){
  419.  
  420. $(document).ready(function(){
  421.  
  422. $("a[title]").style_my_tooltips({
  423.  
  424. tip_follows_cursor:true,
  425.  
  426. tip_delay_time:90,
  427.  
  428. tip_fade_speed:600,
  429.  
  430. attribute:"title"
  431.  
  432. });
  433.  
  434. });
  435.  
  436. })(jQuery);
  437.  
  438. </script>
  439.  
  440.  
  441. <div id="sidebar">
  442. <div id="title">{text:The Title};</div>
  443. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  444.  
  445.  
  446. <div id="description">
  447. {Description}
  448. </div>
  449.  
  450. <div id="links">
  451. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  452. <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  453. <a href="{text:Link 03 URL}">{text:Link 03 title}</a>
  454. <a href="{text:Link 04 URL}">{text:Link 04 title}</a>
  455.  
  456. </div></div>
  457. {block:Pagination}
  458. <div class="pagi">
  459. {block:PreviousPage}
  460. <a href="{PreviousPage}">back</a>
  461. {/block:PreviousPage}
  462. {block:NextPage}
  463. <a href="{NextPage}">forth</a>
  464. {/block:NextPage}
  465. </div>
  466. {/block:Pagination}
  467.  
  468. </div></div>
  469.  
  470.  
  471. <div id="entries">{block:Posts}<div id="post">
  472.  
  473. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  474.  
  475. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  476.  
  477. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  478.  
  479. {block:Quote}{Quote}{/block:Quote}
  480.  
  481. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  482.  
  483. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  484.  
  485. {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>
  486. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  487. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  488. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  489. {/block:Audio}
  490.  
  491. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  492.  
  493. {block:Answer}<div id="asker"><span style="font-family:arial;font-size:9.5px;font-style:none;">{Asker}: </span>{Question}</div><left><font face="arial">{Answer}</font>{/block:Answer}
  494.  
  495. <div id="info">
  496. <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}"</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">© <a href="{SourceURL}"</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} <a href="{Permalink}">{NoteCount} <font color="pink">♥</font>
  497. </a>
  498. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  499. {/block:Posts}
  500. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  501. {/block:Posts}</div></div></div>
  502.  
  503.  
  504. <!--
  505. THEME MAKER CREDIT
  506. -->
  507. <div id="credit">
  508. <a href="http://thoturl.tumblr.com/">url</div>
  509. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement