API tools faq
paste
Advertisement
joshdevime

theme 23

joshdevime
May 16th, 2014
1,532
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.35 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9. <!---
  10. IZZYTHEMCS'S THEME, DONT USE AS A BASE CODE OR STEAL
  11. REMEMBER TO LIKE OR REBLOG THE POST
  12. THANK YOU VERY MUCH :-)
  13. --->
  14.  
  15.  
  16. <!---META TAGS--->
  17. <!--color related tags-->
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:text" content="#000000"/>
  20. <meta name="color:link" content="#888888"/>
  21. <meta name="color:hover" content="#ffffff"/>
  22. <meta name="color:sidebar" content="#ffffff"/>
  23. <meta name="color:chatline_odd" content="#000"/>
  24. <meta name="color:chatline_even" content="#000"/>
  25.  
  26.  
  27. <!---Sidebar link related tags--->
  28. <meta name="text:title" content=""/>
  29. <meta name="text:link1" content=""/>
  30. <meta name="text:link1url" content=""/>
  31. <meta name="text:link2" content=""/>
  32. <meta name="text:link2url" content=""/>
  33. <meta name="text:link3" content=""/>
  34. <meta name="text:link3url" content=""/>
  35. <meta name="text:link4" content=""/>
  36. <meta name="text:link4url" content=""/>
  37. <meta name="text:link5" content=""/>
  38. <meta name="text:link5url" content=""/>
  39.  
  40. <!---sidebar image related tags-->
  41. <meta name="image:sidebar" content="" />
  42. <meta name="if:text url" content="1"/>
  43. <meta name="if:fade sidebar" content="0"/>
  44. <meta name="if:hover tags" content="1"/>
  45.  
  46. <!---post related if blocks--->
  47. <meta name="if:Post Align Justify" content="0"/>
  48. <meta name="if:Post Align Center" content="1"/>
  49. <meta name="if:Show Reblog Button" content="1"/>
  50. <meta name="if:SideTags" content="1"/>
  51.  
  52. <!---Misc. Tags--->
  53. <meta name="font:title" content="helvetica"/>
  54.  
  55.  
  56.  
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. /*--OVERALL STYLING---*/
  62.  
  63. body {background-color:{color:background};font-family:Helvetica;font-size:11px;color:{color:text};}
  64.  
  65. a {color:{color:link};text-decoration:none;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;}
  66.  
  67. a:hover {color:{color:hover};}
  68.  
  69. h1 {font-size:17px;font-weight:lighter;text-transform:uppercase;letter-spacing:4px;color:{color:text};padding-bottom:10px;text-align:left;}
  70.  
  71. h2 {font-weight:normal;font-size:15px;letter-spacing:2px;}
  72.  
  73. blockquote {padding:5px;background-color:#fff;color:#000;text-align:left;letter-spacing:0px;padding-left:10px;border-left:1px solid {color:text}; line-height:100%;}
  74.  
  75. blockquote blockquote {padding:10px;background-color:#fff;color:#000;border-left:1px solid {color:text};}
  76.  
  77. ::selection {background-color:{color:accent};}
  78.  
  79.  
  80. ::-webkit-scrollbar {width:1px;background-color:#fff;border:5px solid #fff;}
  81.  
  82. ::-webkit-scrollbar-thumb {background-color:#000;border-width:1px;}
  83.  
  84.  
  85.  
  86. #credit {bottom:3px;position:fixed;right:10px;float:right;font-family:calibri;color:black;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:5px;}
  87.  
  88. #credit a {color:#000;background-color:#fff;padding:5px;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;}
  89.  
  90. #credit a:hover {color:#fff;background-color:#000;}
  91.  
  92.  
  93. /*---SIDEBAR---*/
  94.  
  95. #sidebar {
  96. width:175px;
  97. height:280px;
  98. margin-left:200px;
  99. background-color:{color:sidebar};
  100. margin-top:100px;
  101. position:fixed;
  102. }
  103.  
  104. #fresh {
  105. font-family:{font:title};
  106. margin-top:10px;
  107. text-align:left;
  108. width:100%;
  109. font-size:15px;
  110. color:black;
  111. letter-spacing:5px;
  112. font-weight:bold;
  113. text-transform:uppercase;
  114. -webkit-transition-duration:1s;
  115. -moz-transition-duration:1s;
  116. -o-transition-duration:1s;
  117.  
  118. }
  119.  
  120. #fresh a {
  121. color:black;
  122. -webkit-transition-duration:1s;
  123. -moz-transition-duration:1s;
  124. -o-transition-duration:1s;
  125.  
  126. }
  127.  
  128. #fresh a:hover {
  129. letter-spacing:7px;
  130. -webkit-transition-duration:1s;
  131. -moz-transition-duration:1s;
  132. -o-transition-duration:1s;
  133. }
  134.  
  135.  
  136.  
  137.  
  138.  
  139. #sidebarimage {
  140. {block:IfNotCircleSidebar}
  141. width:100%;
  142. margin-top:5px;
  143. {/block:IfNotCircleSidebar}
  144.  
  145. }
  146.  
  147. #sidebarimage img {
  148. width:100%;
  149. width:180px;
  150. {block:IfFadeSidebar}opacity:.6;{/block:IfFadeSidebar}
  151. -webkit-transition-duration:1s;
  152. -moz-transition-duration:1s;
  153. -o-transition-duration:1s;
  154. }
  155. {block:IfFadeSidebar}
  156. #sidebarimage img:hover {
  157. opacity:1;
  158. }{/block:IfFadeSidebar}
  159.  
  160. #desc {
  161. width:100%;
  162. color:black;
  163. text-align:justify;
  164. font-family:helvetica;
  165. font-size:10px;
  166. font-weight:normal;
  167. }
  168.  
  169.  
  170. #links {
  171. width:100%;
  172. word-spacing:2px;
  173. display:inline-block;
  174. font-family:helvetica;
  175. text-align:justify;
  176. font-size:10px;
  177. color:black;
  178. margin-left:-2px;
  179. padding-bottom:5px;
  180. letter-spacing:1px;
  181. text-transform:uppercase;
  182. }
  183.  
  184.  
  185. #links a {
  186. color:{color:links};
  187. background-color:#fff;
  188. padding:3px;
  189. display:inline-block;
  190. }
  191.  
  192.  
  193. #links a:hover {
  194. background-color:{color:accent};
  195. }
  196.  
  197.  
  198. /*---POSTS---*/
  199.  
  200. #postcontainer {
  201. margin-left:500px;
  202. margin-top:-50px;
  203. width:450px;
  204. }
  205.  
  206. #post {{block:IfPostAlignCenter}text-align:center;{/block:IfPostAlignCenter}{block:IfPostAlignJustify}text-align:justify;{/block:IfPostAlignJustify}line-height:150%;width:400px;margin-top:100px;letter-spacing:1px;}
  207.  
  208. #post ul {list-style:circle;letter-spacing:1px;text-align:justify;}
  209.  
  210. #post ol {list-style:upper-roman;letter-spacing:1px;text-align:justify;}
  211.  
  212.  
  213. /*---MESSAGE POSTS---*/
  214.  
  215.  
  216. .ask_block {
  217. width:380px;
  218. background-color:#f5f5f5;
  219. padding:10px;
  220. }
  221.  
  222. .answer {
  223. color:black;
  224. padding:10px;
  225. padding-top:5px;
  226. border:1px solid #f5f5f5;
  227. letter-spacing:1px;
  228. }
  229.  
  230. .asker {
  231. font-size:9px;
  232. text-transform:uppercase;
  233. font-weight:bold;
  234. letter-spacing:1px;
  235. }
  236.  
  237. .asker a:hover {
  238. color:{color:accent};
  239. }
  240.  
  241. /*---POST INFORMATION---*/
  242. #info {
  243. margin-top:5px;
  244. font-size:9px;
  245. color:black;
  246. padding-top:7px;
  247. padding-bottom:7px;
  248. text-align:center;
  249. width:100%;
  250. margin-left:-20px;
  251. -webkit-transition-duration:.7s;
  252. -moz-transition-duration:.7s;
  253. -o-transition-duration:.7s;
  254. -ms-transition-duration:.7s;
  255.  
  256. }
  257.  
  258. #info a {
  259. color:black;
  260. font-size:9px;
  261. text-transform:lowercase;
  262. letter-spacing:1px;
  263. display:inline-block;
  264. margin-left:20px;
  265. }
  266.  
  267. #info a:hover {
  268. color:{color:accent};
  269. }
  270.  
  271. /*---PAGINATION: BASE CREDIT EXCOLO---*/
  272.  
  273.  
  274. #pagi {
  275. margin-top:20px;
  276. margin-left:-10px;
  277. height:50px;
  278. width:100%;
  279. text-align:left;
  280. padding-left:10px;
  281. }
  282.  
  283. .tags {
  284. {block:IfSideTags}
  285. text-align:left;width:100px;text-transform:none;font-size:8px;position:absolute;margin-top:0px;margin-left:415px;
  286. {/block:IfSideTags}
  287. {block:IfNotSideTags}
  288. text-align:center;
  289. width:100%;
  290. text-transform:uppercase;
  291. font-weight:lighter;
  292. {/block:IfNotSideTags}
  293. {block:IfHoverTags}
  294. opacity:0;
  295. {/block:IfHoverTags}
  296. -webkit-transition-duration:.7s;
  297. -moz-transition-duration:.7s;
  298. -o-transition-duration:.7s;
  299. -ms-transition-duration:.7s;
  300. }
  301.  
  302. .tags a {
  303. {block:IfSideTags}
  304. display:block;
  305. {/block:IfSideTags}
  306. {block:IfNotSideTags}
  307. display:inline-block;
  308. {/block:IfNotSideTags}
  309. font-weight:normal;
  310. letter-spacing:2px;
  311. font-size:9px;
  312. font-family:Helvetica;
  313. }
  314.  
  315.  
  316. .tags a:hover {
  317. color:{color:accent};
  318. }
  319.  
  320. #post:hover #info {
  321. opacity:1;
  322. }
  323.  
  324. {block:IfHoverTags}
  325. #post:hover .tags {
  326. opacity:1;
  327. }
  328. {/block:IfHoverTags}
  329.  
  330. .caption {
  331. color:#000;
  332. padding:15px;
  333. letter-spacing:1px;
  334. display:block;
  335. margin-top:10px;
  336. width:466px;
  337. }
  338.  
  339. #postnotes {
  340. display:block;
  341. margin-left:500px;
  342. color:black;
  343. width:450px;
  344. }
  345.  
  346. #postnotes ol {
  347. line-height:110%;
  348. color:black;
  349. list-style-type: none;
  350.  
  351. }
  352.  
  353. #postnotes li {
  354. padding:5px;
  355. letter-spacing:0px;
  356. display:block;
  357. margin-top:5px;
  358. background-color:#f7f7f7;
  359. color:black;
  360. -webkit-transition-duration:.4s;
  361. -moz-transition-duration:.4s;
  362. -o-transition-duration:.4s;
  363. -ms-transition-duration:.4s;
  364. }
  365.  
  366. #postnotes img {
  367. padding-right:5px;
  368. }
  369.  
  370.  
  371. .convo li {list-style: none;}
  372.  
  373. .convo .label {text-transform: uppercase;}
  374.  
  375. .line_odd .label {color: {color:chatline_odd};}
  376. .line_even .label {color: {color:chatline_even};}
  377.  
  378. .dinky {
  379. float:left;
  380. }
  381.  
  382.  
  383. #albumart img{
  384. width:150px;
  385. height:150px;
  386. padding:0px;
  387. border-width:0px;
  388. }
  389.  
  390.  
  391. .player {
  392. width:30px;
  393. overflow:hidden;
  394. height:30px;
  395. padding:0px;
  396. padding-left:5px;
  397. padding-top:3px;
  398. position:absolute;
  399. left:50%;
  400. top:50%;
  401. margin-top:-20px;
  402. margin-left:-20px;
  403. -webkit-transition-duration:500ms;
  404. -moz-transition-duration:500ms;
  405. -o-transition-duration:500ms;
  406. -ms-transition-duration:500ms;
  407.  
  408. }
  409.  
  410. .daplaya:hover {
  411. -webkit-transform:scale(.4);
  412.  
  413. }
  414.  
  415. .daplaya:hover .player {
  416. -webkit-transform:scale(3);
  417. }
  418.  
  419. .daplaya {
  420. background-color:black;
  421. width:120px;
  422. height:120px;
  423. position:absolute;
  424. margin-top:-135px;
  425. margin-left:15px;
  426. -webkit-transition-duration:500ms;
  427. -moz-transition-duration:500ms;
  428. -o-transition-duration:500ms;
  429. -ms-transition-duration:500ms;
  430. }
  431.  
  432. .donkey {
  433. float:left top;
  434. margin-left:150px;
  435. background-color:#fff;
  436. padding:20px;
  437. height:110px;
  438. text-align:center;
  439. color:#000;
  440. }
  441.  
  442. .track {
  443. font-size:15px;
  444. text-shadow:0px 0px 1px #fff;
  445. letter-spacing:4px;
  446. padding:10px;
  447. font-weight:300;
  448. text-transform:uppercase;
  449. font-family:Helvetica;
  450. color:#000;
  451. }
  452.  
  453.  
  454. .artist {
  455. letter-spacing:1px;
  456. font-style:italic;
  457. font-weight:bold;
  458.  
  459. }
  460.  
  461. .playcount {
  462. font-size:9px;
  463. text-transform:uppercase;
  464. letter-spacing:3px;
  465. }
  466.  
  467.  
  468. #audiolo {
  469. width:400px;
  470. padding-bottom:80px;
  471. }
  472.  
  473. .album {
  474. font-weight:normal;
  475. }
  476.  
  477. .qtation {
  478. color:#000;
  479. font-family:Helvetica;
  480. text-align:center;
  481. font-size:11px;
  482. font-weight:lighter;
  483. }
  484.  
  485. .src {
  486. padding:5px;
  487. color:#000;
  488. margin-top:10px;
  489. background-color:#fff;
  490. }
  491.  
  492. </style>
  493.  
  494. </head>
  495. <body>
  496.  
  497. <div id="sidebar">
  498. <div id="sidebarimage">
  499. <img src="{image:sidebar}">
  500. </div>
  501. <div id="fresh"><a href="/">{text:title}</a></div>
  502.  
  503. <div id="links">
  504. <a href="{text:link1url}">{text:link1}</a>
  505. <a href="{text:link2url}">{text:link2}</a>
  506. <a href="{text:link3url}">{text:link3}</a>
  507. <a href="{text:link4url}">{text:link4}</a>
  508. <a href="{text:link5url}">{text:link5}</a>
  509.  
  510.  
  511. </div>
  512. <div id="desc">{Description}</div>
  513.  
  514.  
  515.  
  516.  
  517. </div>
  518.  
  519.  
  520. <div id="postcontainer">
  521. {block:Posts}
  522. <div id="post">
  523.  
  524. {block:IfSideTags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:IfSideTags}
  525.  
  526.  
  527.  
  528. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  529.  
  530.  
  531.  
  532. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}" width="400px"></center>
  533. {block:IfOnlyRenderCaptionsOnPermalinkPage}
  534. {block:PermalinkPage}{block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  535. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  536. {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  537.  
  538.  
  539.  
  540. {/block:Photo}
  541.  
  542.  
  543. {block:Photoset}
  544. <div class="photoset">{Photoset-400}</div>{block:IfOnlyRenderCaptionsOnPermalinkPage}
  545. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  546. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  547. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}{/block:Photoset}
  548.  
  549.  
  550. {block:Video}{Video-400}{block:IfOnlyRenderCaptionsOnPermalinkPage}
  551. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  552. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  553. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}{/block:Video}
  554.  
  555.  
  556. {block:Audio}<div id="audiolo">
  557. <div class="dinky">
  558. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  559.  
  560. <div class="daplaya"><div class="player">{AudioPlayerBlack}</div></div></div>
  561. <div class="donkey">
  562. <div class="track"> {block:TrackName}
  563. {TrackName}
  564. {/block:TrackName} </div>
  565.  
  566.  
  567. <div class="artist">
  568. {block:Artist}
  569. Artist: {Artist}
  570. {/block:Artist} </div>
  571.  
  572. <div class="album">
  573. {block:Album}
  574. Album: {Album}
  575. {/block:Album}
  576. </div>
  577.  
  578. <div class="download">{block:ExternalAudio}<a href="{ExternalAudioURL}">download this song</a>{/block:ExternalAudio}</div>
  579.  
  580. <div class="playcount">
  581.  
  582. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  583.  
  584.  
  585. </div>
  586.  
  587.  
  588. {block:IfOnlyRenderCaptionsOnPermalinkPage}
  589. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfOnlyRenderCaptionsOnPermalinkPage}
  590. {block:IfNotOnlyRenderCaptionsOnPermalinkPage}
  591. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotOnlyRenderCaptionsOnPermalinkPage}</div>{/block:Audio}
  592.  
  593.  
  594. {block:Quote}<div class="qtation"><span style="font-family:times;font-size:15px;font-weight:900;">“</span>{Quote}<span style="font-family:times;font-size:15px;font-weight:900;">”</span></div>{block:Source}<div class="src">{Source}</div>{/block:Source}{/block:Quote}
  595.  
  596.  
  597. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  598.  
  599. {block:Answer}<div class="question">
  600. <div class="ask_block"><span class="asker">{Asker}</span> asked: {Question}</div>
  601. <div class="answer">{Answer}</div>
  602. </div>{/block:Answer}
  603.  
  604.  
  605. {block:Chat}
  606. {block:Title}<h2>{Title}</h2>{/block:Title}
  607. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  608. {Line}</li>{/block:Lines}</ul>
  609. {/block:Chat}
  610.  
  611. <div id="info">
  612. <!---POST INFO--->
  613. <a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}</a><a href="{Permalink}">+{NoteCount}</a>
  614. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{block:IfShowReblogButton}<a href="{Reblog}">reblog</a>{/block:IfShowReblogButton}
  615. <br></div>
  616. {block:IfNotSideTags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>{/block:IfNotSideTags}
  617. {/block:Posts}<div id="pagi">
  618. {block:Pagination}
  619. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  620.  
  621. {block:JumpPagination length="5"}
  622. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  623. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  624. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  625. {/block:Pagination}
  626. </div></div>
  627. </div><div id="postnotes">{block:PostNotes}{PostNotes-16}{/block:PostNotes}</div>
  628.  
  629. <div id="credit"><a href="http://izzysthemcs.tumblr.com/">♥</a></div>
  630.  
  631.  
  632. </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!