API tools faq
paste
Advertisement
joydivisions

interzone theme

joydivisions
Dec 30th, 2012
5,603
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.58 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"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>{Title}</title><link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  2.  
  3. <!----
  4.  
  5. interzone theme by http://varst.tumblr.com/22
  6. hey look i just made a theme like every other theme maker *high five*
  7.  
  8. --->
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
  11.  
  12. <meta name="color:text" content="#5a5a5a"/>
  13. <meta name="color:title" content="#5a5a5a"/>
  14. <meta name="color:link" content="#5a5a5a"/>
  15. <meta name="color:link hover" content="#000000"/>
  16. <meta name="color:perma bg" content="#e7e7e7">
  17. <meta name="color:scroll" content="#dfdfdf">
  18. <meta name="color:scrollbg" content="#b1b8a6">
  19. <meta name="color:description border" content="#f0f0f0">
  20. <meta name="color:tits" content="#fff" />
  21. <meta name="color:titz" content="#8a9b7f" />
  22. <meta name="color:nav hovr bg" content="#dcdddd" />
  23.  
  24. <meta name="image:aud bg" content="http://media.tumblr.com/62f3602b2161e3c9a0cd0c8664eb5c9b/tumblr_inline_mfuys79AEw1ry5s07.jpg" />
  25. <meta name="image:background" content="" />
  26. <meta name="image:sidebar" content="http://static.tumblr.com/66408db47ddd50c04f763ffdcacc5071/hbqwv4p/w8Bmfuxq9/tumblr_static_tumblr_mdpgpqxvzc1rnqolfo1_500.png"/>
  27. <meta name="image:perma bg img" content="http://media.tumblr.com/5524d92ff22e1495fb9c469b768ee473/tumblr_inline_mfuyfzdHQ11ry5s07.png"/>
  28.  
  29. <meta name="text:title2" content="sub header goes here"/>
  30. <meta name="text:ask title" content="ask"/>
  31. <meta name="text:archive title" content="hist."/>
  32. <meta name="text:asklink" content="/ask"/>
  33. <meta name="text:link 1 title" content="link i"/>
  34. <meta name="text:link1" content="/"/>
  35. <meta name="text:link 2 title" content="link ii"/>
  36. <meta name="text:link2" content="/"/>
  37. <meta name="text:link 3 title" content="link iii"/>
  38. <meta name="text:link3" content="/"/>
  39. <meta name="text:link4" content="/"/>
  40. <meta name="text:link 4 title" content="link iv"/>
  41. <meta name="text:image opacity" content=".80"/>
  42. <meta name="text:post margin" content="80"/>
  43. <meta name="text:tags title" content="tagged:"/>
  44.  
  45. <meta name="if:archive" content="1"/>
  46. <meta name="if:ask" content="1"/>
  47. <meta name="if:400px posts" content="1">
  48. <meta name="if:500px posts" content="0">
  49. <meta name="if:greyscale" content="0">
  50. <meta name="if:backgroundrepeat" content="0">
  51. <meta name="if:playfair" content="0">
  52. <meta name="if:topimg" content="1">
  53. <meta name="if:linki" content="1">
  54. <meta name="if:linkii" content="1">
  55. <meta name="if:linkiii" content="1">
  56. <meta name="if:linkiv" content="1">
  57.  
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.25s linear;opacity: 0.25;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  63.  
  64. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.5s linear;opacity: .7;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  65.  
  66. ::-webkit-scrollbar {width:.5%; height:auto; background:{color:scrollbg};}
  67. ::-webkit-scrollbar-corner {background:{color:scroll};}
  68. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  69. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  70.  
  71. body {font-size:10px;
  72. font-family:arial;
  73. line-height:130%;
  74. margin:0px;
  75. letter-spacing:0px;
  76. font-style:normal;
  77. color:{color:text};
  78. {block:ifplayfair}
  79. font-family:playfair display;
  80. font-style:italic;
  81. {/block:ifplayfair}
  82. background:#ffffff;
  83. background-image:url({image:background});
  84. background-postition:center;
  85. background-attachment: fixed;
  86. background-repeat: no-repeat;
  87. {block:ifbackgroundrepeat}background-repeat: repeat;{/block:ifbackgroundrepeat}
  88. }
  89.  
  90. a:link, a, a:active, a:visited {
  91. -webkit-transition: all 0.4s ease-in-out;
  92. -moz-transition: all 0.4s ease-in-out;
  93. -o-transition: all 0.4s ease-in-out;
  94. -ms-transition: all 0.4s ease-in-out;
  95. transition: all 0.4s ease-in-out;
  96. text-decoration: none;
  97. color: {color:link};}
  98.  
  99. a:hover{
  100. -webkit-transition: all 0.4s ease-in-out;
  101. -moz-transition: all 0.4s ease-in-out;
  102. -o-transition: all 0.4s ease-in-out;
  103. -ms-transition: all 0.4s ease-in-out;
  104. transition: all 0.4s ease-in-out;
  105. color: {color:link hover};}
  106.  
  107. blockquote {padding-left:5px;
  108. border-left:double 3px {color:description border};}
  109.  
  110. h1 {font-family:arial;
  111. font-size:10px;
  112. line-height:130%;
  113. font-style: normal;
  114. text-transform: lowercase;
  115. font-weight: bold;
  116. margin-bottom:-4px;
  117. padding-left: 5%;padding-right:2%;{block:ifplayfair}
  118. font-family:playfair display;
  119. font-style:italic;
  120. {/block:ifplayfair}}
  121.  
  122. .op {opacity: {text:image opacity};
  123. -webkit-transition: all 0.9s ease;
  124. {block:permalinkpage} opacity:1;{/block:permalinkpage}}
  125.  
  126. .op:hover {opacity: 1;}
  127.  
  128. .op:hover .op2{width:auto;height:auto;
  129. opacity:0.85;
  130. filter: alpha(opacity = 70);
  131. -moz-transition: all 0.5;
  132. -webkit-transition: all 0.5s;
  133. -o-transition: all 0.5s;
  134. transition: all 0.5;}
  135.  
  136. {block:ifgreyscale}
  137. #posted {-webkit-transition: all 0.9s ease;
  138. filter: url(filters.svg#grayscale);
  139. filter: gray;
  140. -webkit-filter: grayscale(0);
  141. -webkit-filter: grayscale(1);
  142. {block:permalinkpage}
  143. filter: url(filters.svg#grayscale);
  144. -webkit-filter: grayscale(0);
  145. {/block:permalinkpage}}
  146. #posted:hover {
  147. filter: none;
  148. -webkit-filter: grayscale(0);
  149. -webkit-transition: all 0.9s ease;}
  150. img {-webkit-transition: all 0.9s ease;
  151. filter: url(filters.svg#grayscale);
  152. filter: gray;
  153. -webkit-filter: grayscale(0);
  154. -webkit-filter: grayscale(1);
  155. {block:permalinkpage}
  156. filter: url(filters.svg#grayscale);
  157. -webkit-filter: grayscale(0);
  158. {/block:permalinkpage}}
  159. img:hover {filter: none;
  160. -webkit-filter: grayscale(0);-webkit-transition: all 0.9s ease;}
  161. {/block:ifgreyscale}
  162.  
  163.  
  164. #essentiel {
  165. padding:10px;
  166. width:400px;
  167. {block:if500pxposts}
  168. width:500px;
  169. {/block:if500pxposts}
  170. margin:auto;
  171. margin-top:6%;
  172. {block:permalinkpage}
  173. margin-top:1%;
  174. {/block:permalinkpage}}
  175.  
  176. #post {
  177. {block:indexpage}
  178. margin-bottom:{text:post margin}px;
  179. {/block:indexpage}
  180. {block:permalinkpage}
  181. margin-bottom:0%
  182. {/block:permalinkpage}
  183. width:400px;
  184. {block:permalinkpage}
  185. width:400px;
  186. {/block:permalinkpage}
  187. {block:if500pxposts}
  188. width:500px;
  189. {/block:if500pxposts}
  190. padding-bottom:2%;
  191. padding:3%;}
  192.  
  193. div#header{
  194. width:480px;
  195. {block:if500pxposts}
  196. width:560px;
  197. {/block:if500pxposts}
  198. margin:auto;
  199. padding-left:18px;
  200. padding-top:10%;
  201. {block:iftopimg}
  202. padding-top:6%;
  203. {/block:iftopimg}
  204. {block:permalinkpage}
  205. padding-top:2%;
  206. {/block:permalinkpage}
  207. }
  208.  
  209. div#links{
  210. margin:8px 0px 10px 0px;
  211. text-align:center;}
  212.  
  213. div#links{margin:13px 0px 13px 0px;text-align:center;}
  214.  
  215. a.nav{
  216. display:navigate;
  217. opacity:.90;
  218. font-size:10px;
  219. margin-right:0px;
  220. padding-left:0px;
  221. text-align:center;
  222. font-style:normal;
  223. font-weight:lighter;
  224. letter-spacing: 1px;
  225. text-transform: lowercase;
  226. font-family: arial;
  227. padding:2px 4px 3px 5px;
  228. background-color:#fff;
  229. border: 3px double #fff;
  230. {block:ifplayfair}
  231. font-family:playfair display;
  232. font-style:italic;
  233. {/block:ifplayfair}
  234. }
  235. a.nav{color:{color:link};}
  236. a.nav:hover{
  237. color:{color:link};
  238. background-color:{color:nav hovr bg};
  239. border: 3px double #fff;
  240. padding:2px 4px 3px 5px;}
  241.  
  242. #topimg{
  243. margin:auto;
  244. }
  245.  
  246. .info{
  247. font-family: arial;
  248. font-style:normal;
  249. {block:ifplayfair}
  250. font-family:playfair display;
  251. font-style:italic;
  252. {/block:ifplayfair}
  253. border-top:double 1px {color:description border};
  254. border-bottom:double 1px {color:description border};
  255. opacity:.90;
  256. padding-top:6px;
  257. padding-bottom:8px;
  258. text-align:center;}
  259.  
  260. .quote {
  261. font-family: arial;
  262. font-size:14px;
  263. font-style: normal;
  264. text-align:right;
  265. {block:if500pxposts}
  266. text-align:center;
  267. {/block:if500pxposts}
  268. letter-spacing: -1px;
  269. line-height:110%;
  270. padding-right:1%;
  271. padding-left:1%;{block:ifplayfair}
  272. font-family:playfair display;
  273. font-style:italic;
  274. {/block:ifplayfair}}
  275.  
  276. .source {
  277. font-family:arial;
  278. font-size:10px;
  279. font-style:normal;
  280. font-weight:900;
  281. letter-spacing:0px;
  282. margin-bottom: 10px;
  283. margin-left:30px;
  284. {block:if500pxposts}
  285. margin-left:100px;
  286. {/block:if500pxposts}
  287. {block:ifplayfair}
  288. font-family:playfair display;
  289. font-style:italic;
  290. {/block:ifplayfair}}
  291.  
  292. .aud {
  293. width:100%;
  294. opacity: .90;
  295. background-color:transparent;
  296. background-image: url('{image:aud bg}');
  297. background-attachment:repeat;
  298. background-color:#fff;{block:ifplayfair}
  299. font-family:playfair display;
  300. font-style:italic;
  301. {/block:ifplayfair}}
  302.  
  303. .aud2{
  304. height:26px;
  305. {block:if500pxposts}width:5.5%;{/block:if500pxposts}
  306. {block:if400pxposts}width:6.5%;{/block:if400pxposts}
  307. margin-left: 44.5%;
  308. overflow: hidden;
  309. opacity: .75;
  310. background-image: url('{image:aud bg}');
  311. background-attachment:fixed;
  312. background-color:#fff;}
  313.  
  314. #nan {
  315. width:300px;
  316. margin-left:60px;
  317. font-size:10px;
  318. letter-spacing:0px;
  319. font-family: arial;
  320. color:{color:link};
  321. text-transform:lowercase;
  322. text-align:center;
  323. font-style:normal;
  324. opacity:1;
  325. padding-top:1%;
  326. padding-bottom:32%;
  327. {block:ifplayfair}
  328. font-family:playfair display;
  329. font-style:italic;
  330. {/block:ifplayfair}}
  331.  
  332. #nan a{
  333. font-style:normal;
  334. opacity:1;
  335. color:{color:link};}
  336.  
  337. #perm {
  338. font-size: 10px;
  339. text-transform: lowercase;
  340. font-family: arial;
  341. font-style: normal;
  342. font-weight:lighter;
  343. letter-spacing: 0px;
  344. padding: 3.8%;
  345. padding-top: 7px;
  346. opacity:.50;
  347. padding-bottom: 9px;
  348. margin-top:auto;
  349. border: 3px double #fff;
  350. background: {color:perma bg};
  351. background-image: url('{image:perma bg img}');
  352. background-attachment:repeat;
  353. {block:ifplayfair}
  354. font-family:playfair display;
  355. font-style:italic;
  356. {/block:ifplayfair}
  357. {block:permalinkpage}
  358. background:transparent;
  359. opacity:1;
  360. {/block:permalinkpage}
  361. -webkit-transition: all 0.6s ease-in-out;
  362. -moz-transition: all 0.6s ease-in-out;
  363. -o-transition: all 0.6s ease-in-out;
  364. -ms-transition: all 0.6s ease-in-out;
  365. transition: all 0.6s ease-in-out;}
  366.  
  367. #perm a{color:{color:tags};}
  368. #perm a:hover{color:{color:tags};}
  369. #perm:hover{opacity:1;}
  370.  
  371. #cred {
  372. text-transform:lowercase;
  373. position:fixed;
  374. right:-.5%;
  375. bottom:1.5%;
  376. text-align:center;
  377. font-size:9px;
  378. font-family: arial;
  379. opacity:.70;
  380. width:50px;letter-spacing:2px;
  381. font-style:normal;{block:ifplayfair}
  382. font-family:playfair display;
  383. font-style:italic;
  384. {/block:ifplayfair}}
  385.  
  386. #asker {
  387. float:left;
  388. margin-right:3px;
  389. line-height:130%;}
  390.  
  391. ol.notes {
  392. font-size:9px;
  393. text-transform:normal;
  394. opacity:.90;
  395. padding-left:6%;
  396. padding-bottom:2%;
  397. width:90%;
  398. text-align:left;
  399. list-style-type:lower-roman; }
  400.  
  401. ol.notes li.note{
  402. border-bottom:1px solid #e2e2e2;
  403. padding:2%;}
  404.  
  405. ol.notes li.note img.avatar{
  406. width:0px;
  407. height:0px;}
  408.  
  409.  
  410.  
  411. {CustomCSS}</style></head><body>
  412. <div id="cred"><a href="http://varst.tumblr.com/22">☹</a></div>
  413.  
  414. <div id="header">
  415. {block:iftopimg}
  416. <div id"topimg">
  417. <center><a href="/"><img src="{image:sidebar}"width="130"></a>
  418. </center></div>{/block:iftopimg}
  419. <div id="links">
  420. <a href="/" class="nav">index</a>
  421. {block:ifask}
  422. <a href="{text:asklink}" class="nav">{text:ask title}</a>
  423. {/block:ifask}
  424. {block:iflinki}
  425. <a href="{text:link1}" class="nav">{text:link 1 title}</a>
  426. {/block:iflinki}
  427. {block:iflinkii}
  428. <a href="{text:link2}" class="nav">{text:link 2 title}</a>
  429. {/block:iflinkii}
  430. {block:iflinkiii}
  431. <a href="{text:link3}" class="nav">{text:link 3 title}</a>
  432. {/block:iflinkiii}
  433. {block:iflinkiv}
  434. <a href="{text:link4}" class="nav">{text:link 4 title}</a>
  435. {/block:iflinkiv}
  436. {block:ifarchive}
  437. <a href="/archive" class="nav">{text:archive title}</a>
  438. {/block:ifarchive}</div>
  439.  
  440. <div class="info">{description}</div></div>
  441.  
  442.  
  443. <div id="essentiel">
  444. {block:Posts}
  445. <div id="post">
  446.  
  447. {block:Text}
  448. <h1>{block:Title}{Title}{/block:Title}</h1><div style="padding-left:8px; padding-right:8px; padding-bottom: 2px;">{Body}</div>
  449. {/block:Text}
  450.  
  451. {block:Photo}
  452. <div id="posted">
  453. <div class="op">
  454. <a href="{Permalink}">
  455. {block:if400pxposts}<img width="400px" src="{PhotoURL-500}">{/block:if400pxposts}{block:if500pxposts}<img src="{PhotoURL-500}">{/block:if500pxposts}</a>
  456. {block:Caption}<div style="padding-left:8px; padding-right:8px; padding-bottom: 0px;margin-top:-2px;opacity:1;">{Caption}</div>{/block:Caption}
  457. </div></div>
  458. {/block:Photo}
  459.  
  460. {block:Photoset}
  461. <div id="posted">
  462. <div class="op">
  463. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  464. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  465. {block:Caption}<div style="padding-left:8px;padding-right:8px;padding-bottom:2px;opacity:1;">{Caption}</div>{/block:Caption}</div></div>
  466. {/block:Photoset}
  467.  
  468. {block:Quote}
  469. <div class="quote"><span style="opacity:.60;font-style:normal;">❝&nbsp;</span>{Quote}</div><div style="margin-bottom: 5px;"></div>{block:Source}<div class="source"> — &nbsp;{Source}</div>{/block:Source}
  470. {/block:Quote}
  471.  
  472. {block:Link}
  473. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  474. {block:Description}<div style="padding-left:8px;padding-right:8px;padding-bottom:2px;">{Description}</div>{/block:Description}
  475. {/block:Link}
  476.  
  477. {block:Chat}<div style="padding-bottom:7px;padding-left:6px;font-size:11px; line-height:150%;letter-spacing:0;">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label} {Line}<br>{/block:Lines}</div>
  478. {/block:Chat}
  479.  
  480. {block:Audio}
  481. <div style="border-top:2px solid {color:perma bg};"></div>
  482. <div class="aud"><div class="aud2"><center>{AudioPlayerWhite}</center></div></div><div style="border-top:2px solid {color:perma bg};"></div>{block:Caption}<div style="{block:if500pxposts}width: 469px;{/block:if500pxposts}{block:if400pxposts}width: 369px;{/block:if400pxposts} padding-left:5px; padding-right:5px; margin-left: 10px; margin-top:3px; font-size:10px; opacity:.80;font-family:cambria;"><i>{Caption}</i></div>{/block:Caption}
  483. {/block:Audio}
  484.  
  485. {block:Video}<div id="posted">
  486. <div class="op">
  487. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  488. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  489. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}</div></div>{/block:Video}
  490.  
  491. {block:Answer}
  492. <div style="font-size:10px;font-style:normal;border-bottom:1px solid {color:perma bg};width:95%;margin:auto;padding:1%;">❝&nbsp;</span><u>{Asker}</u> asked: {Question}</div><br><div style="font-size:10px;margin-top:-3%;padding-left:3%;">{Answer}</div>{/block:Answer}
  493.  
  494.  
  495. <div id="perm">
  496. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  497. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  498. {/block:ContentSource}{block:indexpage}
  499.  
  500. <span style="float:left;">
  501. <a href="{Permalink}"title="{NoteCountWithLabel}">{DayOfWeek} ; {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a></span><span style="float:right;"><a href="{Permalink}"title="">{12Hour}:{Minutes} {CapitalAmPm} <span style="opacity:.60;">{block:NoteCount}+&nbsp;{NoteCount}{/block:NoteCount}</a></span></span><BR><div style="font-size:10px;font-family:arial; opacity:.85;text-align:left;font-style:normal;letter-spacing:0px;{block:ifplayfair}font-family:playfair display;font-style:italic;{/block:ifplayfair}">{block:HasTags}<span style="opacity:.70;">{text:tags title}</span>{block:Tags} <a href="{TagURL}">{Tag}.</a> </i>{/block:Tags}</span>{/block:HasTags}</div>
  502.  
  503. {/block:indexpage}
  504.  
  505. {block:permalinkpage}
  506. <div style="text-align:center; letter-spacing:0px;">
  507. <span style="font-size:10px;margin-top:5px;">
  508. <span style="font-size:11px;">{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} </span>
  509. <BR>
  510. {DayOfWeek} ; {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} &nbsp;&nbsp;/&nbsp;&nbsp; {24Hour}:{Minutes} {CapitalAmPm}
  511. <BR>
  512. {block:RebloggedFrom} reblogged via: <a href="{ReblogParentURL}"title="{ReblogParentURL}">{ReblogParentName}.</a> &nbsp;/&nbsp; originally posted: <a href="{ReblogRootURL}"title="{ReblogRootURL}">{ReblogRootName}.</a>{/block:RebloggedFrom}<div style="margin-top:5px;font-size:10px;">
  513. {block:HasTags}tagged:{block:Tags} <span style="opacity:.55;">#</span><a href="{TagURL}">{Tag}</a></i> {/block:Tags}</span>
  514. {/block:HasTags}
  515.  
  516. </span></div></div>
  517. {/block:permalinkpage}
  518. </div>
  519.  
  520. </div>
  521. {block:PostNotes}{PostNotes}{/block:PostNotes}
  522. {/block:Posts}
  523.  
  524. <div id="nan">
  525. {block:indexpage}
  526. {block:PreviousPage}
  527. <a href="{PreviousPage}">⇠ previous</a>&nbsp;
  528. {/block:PreviousPage}
  529. — {CurrentPage} of {TotalPages} —
  530. {block:NextPage}
  531. &nbsp;<a href="{NextPage}">forward ⇢</a>
  532. {/block:NextPage}
  533. {/block:Pagination}
  534. {/block:indexpage}
  535. </div>
  536.  
  537. </div></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!