API tools faq
paste
franzzfu

Theme 03: Trust My Rage

franzzfu
Jan 21st, 2014
517
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <meta name="description" content="{MetaDescription}" />
  6.  
  7. <!----
  8.  
  9. theme03 by franz @ lestranqe.tumblr.com/
  10. base code by varst
  11. DO NOT REMOVE THE CREDIT OR I'LL GO FULL-HULK ON YOU
  12.  
  13. --->
  14.  
  15.  
  16. <meta name="color:text" content="#000"/>
  17. <meta name="color:link" content="#000"/>
  18. <meta name="color:link hover" content="#a2a2a2"/>
  19. <meta name="color:scrollbar" content="#dfdfdf">
  20. <meta name="color:scrollbar bg" content="#f7f7f7">
  21. <meta name="color:title link hover" content="#f7f7f7">
  22.  
  23. <meta name="image:topbar" content="" />
  24.  
  25. <meta name="text:link 1 title" content="link i"/>
  26. <meta name="text:link 1" content="/"/>
  27. <meta name="text:link 2 title" content="link ii"/>
  28. <meta name="text:link 2" content="/"/>
  29. <meta name="text:link 3 title" content="link iii"/>
  30. <meta name="text:link 3" content="/"/>
  31. <meta name="text:link 4 title" content="link iv"/>
  32. <meta name="text:link 4" content="/"/>
  33. <meta name="text:link 5 title" content="link v"/>
  34. <meta name="text:link 5" content="/"/>
  35. <meta name="text:link 6 title" content="link vi"/>
  36. <meta name="text:link 6" content="/"/>
  37. <meta name="text:next page pagination" content="vengeance"/>
  38. <meta name="text:previous page pagination" content="redemption"/>
  39.  
  40. <meta name="if:hover captions" content="1">
  41. <meta name="if:regular captions" content="0">
  42.  
  43.  
  44. <script type="text/javascript"
  45. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  46. <script>
  47. $(function(){ // document ready
  48. if (!!$('#nav').offset()) { // make sure ".sticky" element exists
  49. var stickyTop = $('#nav').offset().top; // returns number
  50. $(window).scroll(function(){ // scroll event
  51. var windowTop = $(window).scrollTop(); // returns number
  52. if (stickyTop < windowTop){
  53. $('#nav').css({ position: 'fixed', top: -57});
  54. }
  55. else {
  56. $('#nav').css('position','static');
  57. }
  58. });
  59. }
  60. });
  61. </script>
  62.  
  63.  
  64. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  65.  
  66. <style>
  67. div#qTip {
  68. padding: 4px;
  69. display: none;
  70. text-align: center;
  71. position: absolute;
  72. font-size:7px;
  73. line-height:9px;
  74. font-family:cambria;
  75. z-index: 1000;
  76. border: 1px solid #000;
  77. background-color:#000;
  78. color: #fff;
  79. text-transform:uppercase;
  80. letter-spacing: 1px;}
  81. </style>
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
  84.  
  85.  
  86. <style type="text/css">
  87.  
  88. @font-face { font-family: 'WebSymbolsRegular'; src: url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf');}
  89.  
  90.  
  91. iframe#tumblr_controls {
  92. top: 0% !important;
  93. right:0% !important;
  94. opacity:0.3;
  95. position: fixed !important;
  96. filter:alpha(opacity=30);
  97. -webkit-transition: all 0.7s ease;
  98. -moz-transition: all 0.7s ease;
  99. -o-transition: all 0.7s ease;}
  100. iframe#tumblr_controls:hover{
  101. top: 0% !important;
  102. right:0% !important;
  103. opacity:0.8;
  104. position: fixed !important;
  105. filter:alpha(opacity=80);
  106. -webkit-transition: all 0.7s ease;
  107. -moz-transition: all 0.7s ease;
  108. -o-transition: all 0.7s ease;}
  109.  
  110.  
  111. ::-webkit-scrollbar {width:5px;
  112. height:auto;
  113. background:{color:scrollbarbg};}
  114. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  115. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  116. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  117.  
  118.  
  119. #bite
  120.  
  121. #bite a{
  122. display:block}
  123.  
  124. #bite .death {
  125. margin-right:0px;
  126. filter: alpha(opacity = 0);
  127. opacity:0;
  128. -webkit-transition: all 0.5s ease-out;
  129. -moz-transition: all 0.5s ease-out;
  130. transition: all 0.5s ease-out;}
  131.  
  132. #bite:hover .death {
  133. margin-left:0px;
  134. -webkit-transition: all 0.8s ease-out;
  135. -moz-transition: all 0.8s ease-out;
  136. transition: all 0.8s ease-out;
  137. filter: alpha(opacity = 100);
  138. filter: alpha(opacity = 100);
  139. opacity:8;
  140. }
  141.  
  142.  
  143. /*main structure*/
  144.  
  145.  
  146. body {font-size:11px;
  147. line-height:16px;
  148. margin:0px;
  149. color:{color:text};
  150. background:#ffffff;
  151. font-family:calibri;
  152. font-style:normal;
  153. background:#ffffff;}
  154.  
  155. a:link, a, a:active, a:visited {
  156. text-decoration: none;
  157. color: {color:link};
  158. -webkit-transition: all 0.5s;
  159. -moz-transition: all 0.5s;
  160. transition: all 0.5s;}
  161.  
  162. a:hover{
  163. color: {color:link hover};}
  164.  
  165. blockquote {
  166. padding-left:5px;
  167. border-left:2px solid #e6e6e6;}
  168.  
  169. blockquote blockquote {
  170. padding-left:5px;
  171. border-left:2px solid #e6e6e6;}
  172.  
  173. h1 {text-align:center;
  174. font-size:18px;
  175. font-weight:lighter;
  176. color:#fff;
  177. line-height:150%;
  178. padding:5px;
  179. text-transform:uppercase;
  180. letter-spacing:4px;
  181. font-family:'Wire One', sans-serif;
  182. background-color:#000;}
  183.  
  184. .op {opacity: {text:image opacity};
  185. -webkit-transition: all 0.9s ease;
  186. {block:permalinkpage} opacity:1;
  187. {/block:permalinkpage}}
  188.  
  189. .tits {width:380px;
  190. height:absolute;
  191. position:absolute;
  192. display:navigate;
  193. float:left;
  194. margin-top:10px;
  195. margin-left:10px;
  196. z-index:1;
  197. opacity:0;
  198. -webkit-transition: all 0.6s ease-in;
  199. -moz-transition: all 0.6s ease-in;
  200. -o-transition: all 0.6s ease-in;
  201. {block:permalinkpage}display:none;{/block:permalinkpage}}
  202.  
  203. .nips {text-align:center;
  204. padding-top:8px;
  205. padding-bottom:10px;
  206. padding-left:8px;
  207. padding-right:8px;
  208. opacity:.8;
  209. line-height:130%;
  210. font-style:normal;
  211. font-size:10px;
  212. -webkit-transition: all 0.6s ease-in;
  213. -moz-transition: all 0.6s ease-in;
  214. -o-transition: all 0.6s ease-in;
  215. background-color:{color:tits};color:{color:titz};}
  216.  
  217. .op:hover .tits {opacity:1;}
  218.  
  219. .op:hover {opacity:1;}
  220.  
  221. .symbols {
  222. font-family:WebSymbolsRegular;
  223. font-size: 6px;}
  224.  
  225. #essentiel {padding:50px;
  226. width:400px;
  227. margin:auto;}
  228.  
  229.  
  230. /*header*/
  231.  
  232.  
  233. #topbar {
  234. width:400px;
  235. margin-top:-25px;
  236. z-index:1;}
  237.  
  238. #title {
  239. width:400px;
  240. font-size:30px;
  241. line-height:150%;
  242. background-color:#000;
  243. text-align:center;
  244. font-family: 'Wire One', sans-serif;
  245. text-transform:uppercase;
  246. letter-spacing:5px;}
  247.  
  248. #title a {color:#fff;
  249. opacity:1;
  250. -webkit-transition:all .5s ease-in-out;
  251. -moz-transition:all .5s ease-in-out;
  252. transition:all .5s ease-in-out;}
  253.  
  254. #title a:hover {color:{color:title link hover};
  255. letter-spacing:10px;
  256. -webkit-transition:all 1s ease-in-out;
  257. -moz-transition:all 1s ease-in-out;
  258. transition:all 1s ease-in-out;}
  259.  
  260. #topbarimage img {
  261. width:400px;
  262. height:200px;
  263. padding-bottom:3px;
  264. margin-top:3px;
  265. z-index:-2;
  266. opacity:0.9;}
  267.  
  268. #description{
  269. margin-top:-150px;
  270. margin-left:20px;
  271. width:350px;
  272. padding:20px 5px 20px 5px;
  273. text-align:center;
  274. letter-spacing:1px;
  275. background-color:#f9f9f9;
  276. opacity:0.7;}
  277.  
  278.  
  279. #nav{
  280. margin-top:57px;
  281. text-align:center;
  282. font-size:15px;
  283. color:#fff;
  284. letter-spacing:3px;
  285. padding-top:8px;
  286. padding-bottom:8px;
  287. text-transform:uppercase;
  288. font-family:'Wire One', sans-serif;
  289. width:400px;
  290. background-color:#000;}
  291.  
  292. #nav a{color:#fff;
  293. padding:7px;
  294. }
  295.  
  296. #nav a:hover{opacity:1;
  297. color:{color:toplink hover color};
  298. text-transform:lowercase;}
  299.  
  300.  
  301. /*post*/
  302.  
  303.  
  304. #post {width:400px;
  305. padding-bottom:2%;
  306. -ms-word-break: break-all;
  307. word-break: break-all;
  308. word-break: break-word;
  309. -webkit-hyphens: auto;
  310. -moz-hyphens: auto;
  311. -ms-hyphens: auto;
  312. hyphens: auto;}
  313.  
  314. img {margin-bottom:0px;
  315. max-width:400px;}
  316.  
  317. .entry img{
  318. max-width:400px;}
  319.  
  320. #caption {padding:2px 10px 3px 10px;
  321. background-color:#f9f9f9;
  322. margin-top:-1px;}
  323.  
  324.  
  325. /*quote*/
  326.  
  327.  
  328. .quote {text-align:center;
  329. font-size:20px;
  330. line-height:140%;
  331. font-family:'Wire One', sans-serif;
  332. letter-spacing:3px;}
  333.  
  334. .source {text-align:center;
  335. font-size:10px;
  336. margin-bottom:13px;
  337. margin-top:9px;}
  338.  
  339.  
  340. /*audio*/
  341.  
  342.  
  343. .audio {height:60px;
  344. padding:5px;
  345. margin-bottom:5px;}
  346.  
  347. .audio-album {position:absolute;
  348. width:60px;}
  349.  
  350. .audio-player {opacity:0;
  351. filter:alpha(opacity=60);
  352. width:38px;
  353. height:38px;
  354. overflow:hidden;
  355. position:absolute;
  356. z-index:2;
  357. margin-left:10px;
  358. margin-top:15px;}
  359.  
  360. .audio-info {margin-top:0px;
  361. position:relative;
  362. margin-left:70px;
  363. padding:5px;}
  364.  
  365.  
  366. /*permalinks and notes*/
  367.  
  368.  
  369. #perm {font-size:9px;
  370. padding-bottom:10px;
  371. padding-top:10px;
  372. text-align:center;
  373. text-transform:uppercase;
  374. letter-spacing:1px;
  375. margin-top:2px;
  376. line-height:16px;
  377. {block:permalinkpage}opacity:1;
  378. background-color:transparent;
  379. text-align:center;{/block:permalinkpage}
  380. }
  381.  
  382. #perm:hover{color:{color:font};
  383. opacity:1;
  384. background-color:transparent;
  385. {block:permalinkpage}background-color:transparent;{/block:permalinkpage}}
  386.  
  387. #perm a{color:{color:link};
  388. -webkit-transition:all .5s ease-in-out;
  389. -moz-transition:all .5s ease-in-out;
  390. transition:all .5s ease-in-out;}
  391.  
  392. #perm a:hover{color:{color:link hover};
  393. -webkit-transition:all 1s ease-in-out;
  394. -moz-transition:all 1s ease-in-out;
  395. transition:all 1s ease-in-out;}
  396.  
  397. #tags {text-transform:lowercase;
  398. font-size:9px;
  399. line-height:150%;
  400. text-align:center;
  401. opacity:0;
  402. -webkit-transition: all .8s linear;}
  403.  
  404. #post:hover #tags {
  405. opacity:0.9;
  406. -webkit-transition: all .8s linear;
  407. }
  408.  
  409. #tags a{-webkit-transition:all .5s ease-in-out;
  410. -moz-transition:all .5s ease-in-out;
  411. transition:all .5s ease-in-out;}
  412.  
  413. #tags a:hover{-webkit-transition:all 1s ease-in-out;
  414. -moz-transition:all 1s ease-in-out;
  415. transition:all 1s ease-in-out;}
  416.  
  417. ol.notes {padding-left:6%;
  418. padding-bottom:2%;
  419. width:90%;
  420. text-align:center;
  421. font-style:italic;
  422. list-style-type:decimal;}
  423.  
  424. ol.notes li.note{border-bottom:1px solid #e2e2e2;
  425. padding:2%;}
  426.  
  427. ol.notes li.note img.avatar{width:0px;
  428. height:0px;}
  429.  
  430.  
  431. /*ask*/
  432.  
  433.  
  434. #asker {float:left;
  435. margin-right:5px;}
  436.  
  437.  
  438. /*pagination*/
  439.  
  440.  
  441. #meh{
  442. {block:pagination}font-size:11px;
  443. font-style:normal;
  444. bottom:10px;
  445. margin-top:80px;
  446. margin-bottom:10px;
  447. width:400px;
  448. text-align:center;
  449. z-index:1;
  450. opacity:1;
  451. -webkit-transition: all 0.7s ease-in-out;
  452. -moz-transition: all 0.7s ease-in-out;
  453. -o-transition: all 0.7s ease-in-out;
  454. -ms-transition: all 0.7s ease-in-out;
  455. transition: all 0.7s ease-in-out;{/block:pagination}}
  456.  
  457. #meh:hover{{block:Pagination}opacity:1;
  458. -webkit-transition: all 0.7s ease-in-out;
  459. -moz-transition: all 0.7s ease-in-out;
  460. -o-transition: all 0.7s ease-in-out;
  461. -ms-transition: all 0.7s ease-in-out;
  462. transition: all 0.7s ease-in-out;{/block:Pagination}}
  463.  
  464.  
  465. /*credit*/
  466.  
  467.  
  468. #credit {position:fixed;
  469. float:right;
  470. opacity:1;
  471. bottom:5px;
  472. right:5px;
  473. padding:3px;
  474. border:1px solid #666666;
  475. font-size:8px;
  476. text-transform:uppercase;
  477. font-family:times;
  478. }
  479.  
  480. #credit:hover{color:{color:link};
  481. -webkit-transition:all 0.5s ease-in-out;
  482. -moz-transition:all 0.5s ease-in-out;
  483. transition:all 0.5s ease-in-out;}
  484.  
  485. #credit a {color:{color:link}
  486. -webkit-transition:all 0.5s ease-in-out;
  487. -moz-transition:all 0.5s ease-in-out;
  488. transition:all 0.5s ease-in-out;}
  489.  
  490.  
  491. {CustomCSS}</style>
  492.  
  493. </head>
  494.  
  495. <body>
  496.  
  497. <div id="essentiel">
  498. <div style="margin-top:-5px;"></div>
  499.  
  500. <div id="topbar">
  501.  
  502. <div id="title"><a href="/">{Title}</a></div>
  503.  
  504. <div id="bite">
  505. <div id="topbarimage"><img src="{image:topbar}"></div>
  506. <div class="death">
  507. <div id="description">{Description}</div>
  508. <div style="margin-top:1px;"></div>
  509. </div></div>
  510.  
  511. <div id="nav">&nbsp;
  512. <a href="{text:link 1}">{text:link 1 title}</a>
  513. <a href="{text:link 2}">{text:link 2 title}</a>
  514. <a href="{text:link 3}">{text:link 3 title}</a>
  515. <a href="{text:link 4}">{text:link 4 title}</a>
  516. <a href="{text:link 5}">{text:link 5 title}</a>
  517. <a href="{text:link 6}">{text:link 6 title}</a>
  518. </div>
  519. </div>
  520.  
  521. {block:Posts}
  522. <div id="post"><div style="margin-top:60px;"></div>
  523.  
  524. {block:Text}
  525. <div class="entry">
  526. <h1>{block:Title}-&nbsp;{Title} -{/block:Title}</h1>
  527. <div id="caption">{Body}</div>
  528. </div>
  529. {/block:Text}
  530.  
  531. {block:Photo}
  532. <div class="op">{block:ifhovercaptions}{block:indexpage}
  533. <div class="tits"><div class="nips">{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}</div></div>{/block:indexpage}{/block:ifhovercaptions}{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-400}"></a>{LinkCloseTag}
  534. {block:ifregularcaptions}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifregularcaptions}
  535. {block:permalinkpage}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div>
  536. {/block:Photo}
  537.  
  538. {block:Photoset}
  539. <div class="op">{block:ifhovercaptions}{block:indexpage}
  540. <div class="tits"><div class="nips">{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}</div></div>{/block:indexpage}{/block:ifhovercaptions}
  541. {Photoset-400}
  542. {block:ifregularcaptions}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifregularcaptions}
  543. {block:permalinkpage}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div>
  544. {/block:Photoset}
  545.  
  546. {block:Quote}
  547. <div class="quote"><span style="text-align:center;"> ‟&nbsp;</span>{Quote}</div>
  548. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  549. {/block:Quote}
  550.  
  551. {block:Link}
  552. <h1><span style="text-align:center;">&nbsp;</span><a href="{URL}" {Target} style="color:#fff">- {Name} -</a></h1>{block:Description}<div id="caption">{Description}</div>{/block:Description}{/block:Link}
  553.  
  554. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  555. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  556.  
  557. {block:Audio}
  558. <div class="audio">
  559. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  560. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  561. <div class="audio-info">
  562. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  563. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  564. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  565. </div></div>
  566. {/block:Audio}
  567.  
  568. {block:Video}
  569. {Video-400}{block:permalinkpage}{Video-400}{/block:permalinkpage}{block:Caption}{Caption}{/block:Caption}
  570. {/block:Video}
  571.  
  572. {block:Answer}
  573. <div style="font-size:12px;padding-bottom:1.8%;text-align:center;line-height:160%;background-color:#f9f9f9;padding:10px;">&nbsp;{Asker}</u> enquired&nbsp;:<br>{Question}</div>
  574. <br>
  575. <div style="font-size:11px;margin-top:-3%;padding:3px 7px 3px 7px;">{Answer}</div>
  576. {/block:Answer}
  577.  
  578. <div id="perm">
  579.  
  580. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  581. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  582.  
  583.  
  584. {block:permalinkpage}
  585. {block:postnotes}
  586. {TimeAgo} with <small>♥</small> {NoteCountWithLabel}</a><BR>
  587. {block:RebloggedFrom}
  588. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  589. Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  590. {/block:RebloggedFrom}<br>
  591. {block:HasTags}{block:Tags}<a href="{TagURL}" style="text-align:center;text-size:8px;letter-spacing:0px;text-transform:lowercase;opacity:.7;"><span class="symbols">, </span>{Tag} </a>{/block:Tags} <br>{/block:HasTags}<div style="padding-top:5px; margin-top:3px;">
  592. {/block:postnotes}
  593. {/block:permalinkpage}
  594.  
  595. {block:indexpage}{block:date}<a href="{Permalink}"title="{timeago}" style="float:left;">{DayOfMonth}.{MonthNumber}.{ShortYear}</a> {/block:date}
  596. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>{block:ContentSource} // <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:ContentSource}{/block:RebloggedFrom}
  597. {block:NoteCount}&nbsp;<span style="opacity:.9;">&nbsp;<a href="{Permalink}" style="float:right;">&nbsp;&nbsp;+{NoteCount} </a>&nbsp;</span>{/block:NoteCount}
  598. <br>
  599. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}" style="line-height:200%;height:inherit;text-align:center;"><span class="symbols">,</span> {Tag}</a> &nbsp;{/block:Tags}</div>{/block:HasTags}{/block:indexpage}
  600.  
  601. </div>
  602.  
  603. </div><BR>
  604. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Posts}
  605.  
  606.  
  607. <div id="meh">
  608. {block:pagination}
  609. {block:PreviousPage} <a href="{PreviousPage}" style="font-size:15px;font-family:'Wire One',sans-serif;text-transform:uppercase;letter-spacing:3px;">{text:previous page pagination}</a>
  610. </u>&nbsp; &nbsp; {/block:PreviousPage} {currentpage} of {totalpages}
  611. {block:NextPage} &nbsp; &nbsp; <a href="{NextPage}" style="font-size:15px;font-family:'Wire One',sans-serif;text-transform:uppercase;letter-spacing:3px;">{text:next page pagination}</a></u>{/block:NextPage}{/block:Pagination} {/block:pagination}<p><Center style="font-size:10px;opacity:0;">
  612.  
  613. </center></p></div>
  614.  
  615. <div id="credit"><a href="http://lestranqe.tumblr.com/">FZ</a></div>
  616.  
  617.  
  618. </div>
  619.  
  620. </body>
  621. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!