API tools faq
paste
Advertisement
joshdevime

theme 32

joshdevime
Jul 1st, 2014
675
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.20 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. THEME BY IZZYSTHEMCS
  6. DO NOT REMOVE THE CREDIT & REMEMBER TO LIKE OR REBLOG THE POST
  7.  
  8. -->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12.  
  13.  
  14. <head>
  15.  
  16. <meta name="color:bg" content="#FFFFFF">
  17. <meta name="color:link" content="#CCCCCC">
  18. <meta name="color:hover" content="#454545">
  19. <meta name="color:infobg" content="#FCFCFC">
  20. <meta name="color:text" content="#9A9A9A">
  21. <meta name="color:tags" content="#CCCCCC">
  22. <meta name="color:scrollbar" content="#D6D5D5">
  23. <meta name="color:border" content="#FAFAFA">
  24. <meta name="color:sblink" content="#030303">
  25.  
  26. <meta name="image:background" content""/>
  27. <meta name="image:sidebar" content=""/>
  28.  
  29. <meta name="if:sidebarimgonside" content=""/>
  30. <meta name="if:dotpointlinks" content=""/>
  31. <meta name="if:400pxposts" content="0"/>
  32.  
  33. <meta name="text:title" content="title" />
  34. <meta name="text:linkonetitle" content=""/>
  35. <meta name="text:linkone" content=""/>
  36. <meta name="text:linktwotitle" content= >
  37. <meta name="text:linktwo" content=""/>
  38. <meta name="text:linkthreetitle" content=""/>
  39. <meta name="text:linkthree" content="" />
  40. <meta name="text:linkfourtitle" content=""/>
  41. <meta name="text:linkfour" content="" />
  42. <meta name="text:linkfivetitle" content=""/>
  43. <meta name="text:linkfive" content="" />
  44.  
  45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  46. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47. <link rel="shortcut icon" href="{Favicon}" />
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53. a {
  54. color:{color:link};
  55. text-decoration:none;
  56. -moz-transition-duration:0.5s;
  57. -webkit-transition-duration:0.5s;
  58. -o-transition-duration:0.5s;
  59. }
  60.  
  61. a:hover {
  62. color:{color:hover};
  63. text-decoration:none;
  64. -moz-transition-duration:0.5s;
  65. -webkit-transition-duration:0.5s;
  66. -o-transition-duration:0.5s;
  67. }
  68.  
  69. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  70. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  71. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  72.  
  73.  
  74. img{
  75. opacity: 1.0;
  76. -webkit-transition: all 0.3s linear 0s;
  77. -moz-transition: all 0.3s linear 0s;
  78. -o-transition: all 0.3s linear 0s;
  79. transition: all 0.3s linear 0s;}
  80. img:hover{opacity: 0.9;
  81. -webkit-transition: all 0.3s linear 0s;
  82. -moz-transition: all 0.3s linear 0s;
  83. -o-transition: all 0.3s linear 0s;
  84. transition: all 0.3s linear 0s;}
  85.  
  86.  
  87. body {
  88. background-image: url({image:Background});
  89. background-attachment: fixed;
  90. background-repeat: repeat;
  91. background-position: center;
  92. background-color:{color:bg};
  93. font-weight:normal;
  94. font-family:consolas;
  95. cursor:url(http://i.imgur.com/V12mRmx.png),auto;
  96. }
  97.  
  98.  
  99. h1 {
  100. font-weight:normal;
  101. font-size:9px;
  102. text-align:center;
  103. font-style:normal;
  104. line-height:80%;
  105. letter-spacing:1px;
  106. text-transform:uppercase;
  107. color:{color:text};
  108. }
  109.  
  110. h2 {
  111. font-size:15px;
  112. text-align:center;
  113. line-height:100%;
  114. letter-spacing:-0.5px;
  115. color:{color:text};
  116. font-weight:normal;
  117. padding:5px;
  118. padding-bottom:2px;
  119. }
  120.  
  121.  
  122. blockquote {
  123. border-left:1.5px solid {color:text};
  124. padding-left:5px;
  125. padding-top:5px;
  126. padding-bottom:5px;
  127. margin:5px;
  128. }
  129.  
  130. #theme {
  131. background-color:{color:bg};
  132. width:700px;
  133. margin: 0 auto -12px auto;
  134. text-align: center;
  135. }
  136.  
  137. #sidebar {
  138. color:{color:text};
  139. position:fixed;
  140. width:245px;
  141. height:600px;
  142. {block:ifnotsidebarimgonside}
  143. margin-left:-200px;
  144. {block:ifnotsidebarimgonside}
  145. {block:ifsidebarimgonside}
  146. margin-left:-10px;
  147. {/block:ifsidebarimgonside}
  148. }
  149.  
  150. #sidebar img {
  151. width:220px;
  152. {block:ifnotdotpointlinks}
  153. margin-top:-110px;
  154. {/block:ifnotdotpointlinks}
  155. {block:ifdotpointlinks}
  156. margin-top:-183px;
  157. {/block:ifdotpointlinks}
  158. {block:ifsidebarimgonside}
  159. margin-left:-235px;
  160. {/block:ifsidebarimgonside}
  161. {block:ifnotsidebarimgonside}
  162. margin-top:8px;
  163. margin-left:-10px;
  164. {/block:ifnotsidebarimgonside}
  165. -webkit-transition: all 0.8s ease;
  166. -moz-transition: all 0.8s ease;
  167. -o-transition: all 0.8s ease;
  168. }
  169.  
  170. #sidebar img:hover{
  171. opacity:1;
  172. -webkit-transition: all 0.8s ease;
  173. -moz-transition: all 0.8s ease;
  174. -o-transition: all 0.8s ease;
  175. }
  176.  
  177. #title {
  178. font-size:18px;
  179. line-height:18px;
  180. margin-bottom:-255px;
  181. text-transform:lowercase;
  182. text-align:left;}
  183.  
  184. #links {
  185. text-transform:uppercase;
  186. font-size:9px;
  187. position:fixed;
  188. margin-top:5px;
  189. width:210px;
  190. {block:ifnotdotpointlinks}
  191. margin-left:-5px;
  192. {/block:ifnotdotpointlinks}
  193. {block:ifnotsidebarimgonside}
  194. margin-left:-5px;
  195. {/block:ifnotsidebarimgonside}
  196. }
  197.  
  198. #links a {
  199. font-size:10px;
  200. font-style:bold;
  201. padding-bottom:5px;
  202. padding:5px;
  203. background:transparent;
  204. color:{color:nav text};
  205. height:10px;
  206. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms -transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
  207. }
  208. #links a:hover {
  209. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms -transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
  210. }
  211.  
  212. .desc {
  213. opacity:1;
  214. position:fixed;
  215. {block:ifsidebarimgonside}
  216. width:150px;
  217. {/block:ifsidebarimgonside}
  218. {block:ifnotsidebarimgonside}
  219. width:193px;
  220. {/block:ifnotsidebarimgonside}
  221. margin-bottom:-200px;
  222. margin-top:0px;
  223. margin-left:0px;
  224. text-align:left;
  225. font-size:10px;
  226. font-weight:none;
  227. text-transform:lowercase;
  228. padding:5px;
  229. color:{color:text};
  230. letter-spacing:0px;
  231. line-height:130%;
  232. filter:alpha(opacity=60);
  233. -webkit-transition: .8s ease-in-out;
  234. -moz-transition: .8s ease-in-out;
  235. -o-transition: .8s ease-in-out;
  236. }
  237.  
  238. #sidebar:hover
  239. .pagi{
  240. opacity:1;
  241. -webkit-transition: .8s ease-in-out;
  242. -moz-transition: .8s ease-in-out;
  243. -o-transition: .8s ease-in-out;
  244. }
  245.  
  246. .pagi {
  247. margin-top:100px;
  248. opacity:1;
  249. width:213px;
  250. text-align:right;
  251. background-color:transparent;
  252. font-size:9px;
  253. color:#444;
  254. margin-left:360px;
  255. padding:5px;
  256. border-bottom:0px solid #ffffff;
  257. letter-spacing:1px;
  258. -webkit-transition: .8s ease-in-out;
  259. -moz-transition: .8s ease-in-out;
  260. -o-transition: .8s ease-in-out;
  261. }
  262.  
  263.  
  264. .pagi a {
  265. opacity:1;
  266. color:{color:link};
  267. }
  268.  
  269.  
  270. #stuffcontainer {
  271. margin-left:550px;
  272. margin-top:100px;
  273. text-align:left;
  274. color:{color:text};
  275. margin-bottom: 35px;
  276. {block:ifnotsidebarimgonside}
  277. margin-left:400px;
  278. {block:ifnotsidebarimgonside}
  279. {block:ifsidebarimgonside}
  280. margin-left:550px;
  281. {block:ifsidebarimgonside}
  282. }
  283.  
  284. #stuff {
  285. {block:if400pxposts}
  286. width:400px;
  287. {/block:if400pxposts}
  288. {block:ifnot400pxposts}
  289. width:500px;
  290. {/block:ifnot400pxposts}
  291. background:#fff;
  292. padding:5px;
  293. margin-top:0px;
  294. text-align:justify;
  295. font-size:10px;
  296. line-height:100%;
  297. letter-spacing:0px;
  298. color:{color:text};
  299. outline:1px solid transparent;
  300. outline-offset:10px;
  301. margin-bottom:60px;
  302. }
  303.  
  304. .caption {
  305. background:#fff;
  306. width:400px;
  307. text-align:justify;
  308. font-size:10px;
  309. line-height:120%;
  310. }
  311.  
  312. #ask {
  313. background-color:#eee;
  314. padding:2px;
  315. text-align:left;
  316. color:{color:text};
  317. padding-bottom:3px;
  318. border-bottom:1px dotted #e3e3e3;
  319. }
  320.  
  321. #ans {
  322. background:#fff;
  323. text-align:left;
  324. padding:10px;
  325. color:{color:text};
  326. }
  327.  
  328. .audio {
  329. width:400px;
  330. padding-bottom:10px;
  331. background-color:{color:infobg};
  332. }
  333.  
  334. .albumart {
  335. float:left;
  336. padding:0px 10px 10px 0px;
  337. }
  338.  
  339. .albumart img {
  340. width:45px;
  341. height:45px;
  342. }
  343.  
  344. .playercontainer {
  345. text-align:left;
  346. padding:10px;
  347. background-color:#ffffff;
  348. width:480px;
  349. }
  350.  
  351. .audioinfo {
  352. padding:10px;
  353. color:{color:text};
  354. }
  355.  
  356. #postinfo {
  357. width:400px;
  358. margin-bottom:80px;
  359. text-transform:uppercase;
  360. padding:5px;
  361. font-size:10px;
  362. text-align:left;
  363. padding-top:10px;
  364. color:{color:text};
  365. -moz-transition-duration:0.5s;
  366. -webkit-transition-duration:0.5s;
  367. -o-transition-duration:0.5s;
  368. {block:PermalinkPage}text-align:left;
  369. {/block:PermalinkPage}}
  370.  
  371. #postinfo a:hover {
  372. color:{color:linkhover};}
  373.  
  374. #postinfo a {
  375. text-decoration:none;}
  376.  
  377. .note {
  378. text-transform:uppercase;
  379. font-style:normal;
  380. letter-spacing:0px;
  381. font-size: 9px;
  382. text-align:left;
  383. line-height:90%;
  384. margin-left:-40px;
  385. }
  386.  
  387. .note li {
  388. list-style-type:none;
  389. border-bottom:1px solid {color:border};
  390. padding:10px 25px 10px 25px;
  391. text-align:left;
  392. margin:0px;
  393. -moz-transition-duration:0.5s;
  394. -webkit-transition-duration:0.5s;
  395. -o-transition-duration:0.5s;
  396. }
  397.  
  398.  
  399. .tags {
  400. font-style:normal;
  401. text-transform:normal;
  402. font-style:normal;
  403. color:{color:tags};
  404. letter-spacing:2px;
  405. line-height:120%;
  406. font-size:8px;
  407. font-style:italic;
  408. text-align:center;
  409. padding-left:50px;
  410. margin-left:500px;
  411. -moz-transition-duration:0.5s;
  412. -webkit-transition-duration:0.5s;
  413. -o-transition-duration:0.5s;
  414. }
  415.  
  416. .tags a {
  417. display:inline;
  418. width:400px;
  419. color:{color:tags};
  420. letter-spacing:1px;
  421. padding-left:50px;
  422. }
  423.  
  424. .tags a:hover {
  425. color:{color:link};
  426. }
  427.  
  428. ul.chat, .chat ol, .chat li {
  429. list-style:none;
  430. margin:0px;
  431. padding:2px;
  432. }
  433.  
  434. .label {
  435. text-decoration:underline;
  436. font-weight:700;
  437. background-color:{color:infobg};
  438. margin-right:5px;
  439. }
  440.  
  441. #credit {
  442. font-size:8px;
  443. }
  444.  
  445. {CustomCSS}
  446.  
  447. </style></head>
  448. <body>
  449. <div id="theme">
  450. <div id="sidebar">
  451. <div id="title"><b>{text:title}</b>
  452. <div id="links"> {block:ifdotpointlinks}
  453. {block:iflinkone}<li><a href="{text:linkone}"><b>{text:linkonetitle}</a></li>{/block:iflinkone}
  454. {block:iflinktwo}<li><a href="{text:linktwo}">{text:linktwotitle}</a></li>{/block:iflinktwo}
  455. {block:iflinkthree}<li><a href="{text:linkthree}">{text:linkthreetitle}</a></li>{/block:iflinkthree}
  456. {block:iflinkfour}<li><a href="{text:linkfour}">{text:linkfourtitle}</a></li>{/block:iflinkfour}
  457. {block:iflinkfive}<li><a href="{text:linkfive}">{text:linkfivetitle}</b></a></li>{/block:iflinkfive}{/block:ifdotpointlinks}
  458. {block:ifnotdotpointlinks}
  459. {block:iflinkone}<a href="{text:linkone}"><b>{text:linkonetitle}</a>{/block:iflinkone}
  460. {block:iflinktwo}<a href="{text:linktwo}">{text:linktwotitle}</a>{/block:iflinktwo}
  461. {block:iflinkthree}<a href="{text:linkthree}">{text:linkthreetitle}</a>{/block:iflinkthree}
  462. {block:iflinkfour}<a href="{text:linkfour}">{text:linkfourtitle}</a>{/block:iflinkfour}
  463. {block:iflinkfive}<a href="{text:linkfive}">{text:linkfivetitle}</b></a>{/block:iflinkfive}{/block:ifnotdotpointlinks}
  464. <div class="desc">
  465. {Description}
  466. <div id="sidebarimgage">
  467. <a href="/"><img src="{image:sidebar}"></a></div></div></div></div>
  468. </center>
  469.  
  470.  
  471. </div>
  472. </div>
  473. </div></div>
  474.  
  475. <div id="stuffcontainer">
  476.  
  477. {block:Posts}
  478.  
  479.  
  480. {block:ContentSource}
  481. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  482. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  483. {/block:SourceLogo}
  484. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  485. {/block:ContentSource}
  486.  
  487. <div id="stuff">
  488.  
  489. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  490.  
  491. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  492.  
  493. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  494. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  495.  
  496. {block:if400pxposts}{block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{block:if400pxposts}
  497.  
  498. {block:ifnot400pxposts}{block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:ifnot400pxposts}
  499.  
  500. {block:if400pxposts}{block:Photoset}<center>{Photoset-400}</center>
  501. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:if400pxposts}
  502.  
  503. {block:ifnot400pxposts}{block:Photoset}<center>{Photoset-500}</center>
  504. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:ifnot400pxposts}
  505.  
  506. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  507.  
  508. {block:if400pxposts}{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:if400pxposts}
  509.  
  510. {block:ifnot400pxposts}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:ifnot400pxposts}
  511.  
  512. {block:Answer}<div id="ask"><img align="left" src="{AskerPortraitURL-30}"style="border-radius:100px;margin-top:-11px;margin-left:-15px;">&nbsp;&nbsp; <i><big><b>{Asker}</b></big> asked: {Question}</i></div><div id="ans">{Answer}</div>{/block:answer}
  513.  
  514. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  515. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  516. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  517. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  518. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  519.  
  520.  
  521. {block:Date}<div id="postinfo">{block:NoteCount}<a href="{Permalink}">{NoteCount} NOTES</a>{/block:NoteCount}&nbsp;&nbsp;
  522.  
  523. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}">SRC</a>{/block:ContentSource}
  524.  
  525. {/block:Date}
  526. {block:HasTags}
  527. <br>{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;&nbsp;</a>&nbsp;{/block:Tags}
  528. {/block:HasTags}
  529. {block:PostNotes}{PostNotes}{/block:PostNotes}
  530. </div></div>
  531. {/block:Posts}
  532.  
  533. </div>
  534.  
  535. {block:Pagination}
  536. <div class="pagi">
  537. {block:PreviousPage}
  538. <a href="{PreviousPage}">← back </a>
  539. {/block:PreviousPage}
  540. {block:JumpPagination length="0"}
  541. {block:CurrentPage}
  542. <span class="current_page">{PageNumber}</span>
  543. {/block:CurrentPage}
  544. {block:JumpPage}
  545. <a class="jump_page" href="{URL}">{PageNumber}</a>
  546. {/block:JumpPage}
  547. {/block:JumpPagination}
  548. {block:NextPage}
  549. <a href="{NextPage}"> next →</a>
  550. {/block:NextPage}
  551. </div>
  552. {/block:Pagination}
  553.  
  554.  
  555. </div>
  556. </div>
  557. </div>
  558.  
  559. <div style="font-size:14px;font-family:helvetica;position:fixed;bottom:0;right:0;padding:5px;z-index:9999;">
  560.  
  561. <div id="credit">
  562. <a href="http://izzysthemcs.tumblr.com/"><big>♥</big></a>
  563.  
  564. </div></div>
  565.  
  566. </div>
  567.  
  568. </body>
  569. </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!