API tools faq
paste
Advertisement
joshdevime

theme 45

joshdevime
Nov 16th, 2014
4,754
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.22 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
  7. & REMEMBER TO LIKE/REBLOG THE POST :)
  8.  
  9. -->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13.  
  14.  
  15. <head>
  16.  
  17. <meta name="color:bg" >
  18. <meta name="color:link" content="#CCCCCC">
  19. <meta name="color:hover" content="#454545">
  20. <meta name="color:infobg" content="#FCFCFC">
  21. <meta name="color:text" content="#9A9A9A">
  22.  
  23. <meta name="image:background" content""/>
  24. <meta name="image:sidebar" content=""/>
  25. <meta name="if:400pxposts" content=""/>
  26. <meta name="if:fullbgimg" content=""/>
  27. <meta name="if:whitesidebar" content=""/>
  28. <meta name="if:whiteposts" content=""/>
  29. <meta name="if:shadows" content=""/>
  30. <meta name="if:sidebarimg" content=""/>
  31.  
  32. <meta name="text:link1title" content=""/>
  33. <meta name="text:link1" content=""/>
  34. <meta name="text:link2title" content= >
  35. <meta name="text:link2" content=""/>
  36. <meta name="text:link3title" content=""/>
  37. <meta name="text:link3" content="" />
  38. <meta name="text:link4title" content=""/>
  39. <meta name="text:link4" content=""/>
  40. <meta name="text:link5title" content= >
  41. <meta name="text:link5" content=""/>
  42. <meta name="text:link6title" content=""/>
  43. <meta name="text:link6" 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. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52. <script>
  53. (function($){
  54. $(document).ready(function(){
  55. $("a[title]").style_my_tooltips({
  56. tip_follows_cursor:true,
  57. tip_delay_time:1,
  58. tip_fade_speed:100,
  59. attribute:"title"
  60. });
  61. });
  62. })(jQuery);
  63. </script>
  64.  
  65.  
  66.  
  67. <style type="text/css">
  68.  
  69. a {
  70. color:{color:link};
  71. text-decoration:none;
  72. -moz-transition-duration:0.5s;
  73. -webkit-transition-duration:0.5s;
  74. -o-transition-duration:0.5s;
  75. }
  76.  
  77. a:hover {
  78. color:{color:hover};
  79. text-decoration:none;
  80. -moz-transition-duration:0.5s;
  81. -webkit-transition-duration:0.5s;
  82. -o-transition-duration:0.5s;
  83. }
  84.  
  85. *, body, a {cursor: url(https://31.media.tumblr.com/91037c9d8802fdca6dea299654b6dc17/tumblr_inline_mzpkcniZkt1r6h6z5.png), auto;}
  86.  
  87. ::-webkit-scrollbar {height:2px; width:2px}
  88. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:2px}
  89. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollba r}; height:8px!important}
  90.  
  91.  
  92. img{
  93. opacity: 1.0;
  94. -webkit-transition: all 0.3s linear 0s;
  95. -moz-transition: all 0.3s linear 0s;
  96. -o-transition: all 0.3s linear 0s;
  97. transition: all 0.3s linear 0s;}
  98. img:hover{opacity: 0.9;
  99. -webkit-transition: all 0.3s linear 0s;
  100. -moz-transition: all 0.3s linear 0s;
  101. -o-transition: all 0.3s linear 0s;
  102. transition: all 0.3s linear 0s;}
  103.  
  104.  
  105. body {
  106. background:{color:bg};
  107. background-image: url({image:Background});
  108. background-attachment: fixed;
  109. background-repeat: repeat;
  110. background-position: center;
  111. {block:iffullbgimg}
  112. background-size:cover;
  113. {/block:iffullbgimg}
  114. font-weight:normal;
  115. font-family:consolas;}
  116.  
  117.  
  118. h1 {
  119. font-weight:normal;
  120. font-size:9px;
  121. text-align:center;
  122. font-style:normal;
  123. line-height:80%;
  124. letter-spacing:1px;
  125. text-transform:uppercase;
  126. color:{color:text};
  127. }
  128.  
  129. h2 {
  130. font-size:15px;
  131. text-align:center;
  132. line-height:100%;
  133. margin-top:-5px;
  134. color:{color:text};
  135. font-style:bold;
  136. text-transform:lowercase;
  137. padding:5px;
  138. }
  139.  
  140.  
  141. blockquote {
  142. border-left:1px solid {color:text};
  143. padding-left:5px;
  144. padding-top:5px;
  145. padding-bottom:5px;
  146. margin:5px;
  147. }
  148.  
  149. #theme {
  150. background-color:{color:bg};
  151. width:700px;
  152. margin: 0 auto -12px auto;
  153. text-align:center;
  154. }
  155.  
  156. #sidebar {
  157. {block:ifwhitesidebar}
  158. background:#fff;
  159. {/block:ifwhitesidebar}
  160. color:{color:text};
  161. position:fixed;
  162. width:120px;
  163. margin-top:150px;
  164. margin-left:55px;
  165. }
  166.  
  167. #sidebar img {
  168. width:110px;
  169. padding:5px;
  170. padding-top:5px;
  171. {block:ifwhitesidebar}
  172. background:#fff;
  173. {/block:ifwhitesidebar}
  174. margin-top:-20px;
  175. {block:ifshadows}
  176. box-shadow:rgba(0,0,0,0.1)5px 5px;
  177. {/block:ifshadows}
  178. -webkit-transition: all 0.8s ease;
  179. -moz-transition: all 0.8s ease;
  180. -o-transition: all 0.8s ease;
  181. }
  182.  
  183. #sidebar img:hover{
  184. opacity:1;
  185. -webkit-transition: all 0.8s ease;
  186. -moz-transition: all 0.8s ease;
  187. -o-transition: all 0.8s ease;
  188. }
  189.  
  190. #links {
  191. width:120px;
  192. font-size:10px;
  193. text-transform:uppercase;
  194. text-align:center;
  195. position:fixed;
  196. margin-left:-5px;
  197. padding-top:7px;
  198. padding-bottom:10px;
  199. {block:ifwhitesidebar}
  200. background:#fff;
  201. {/block:ifwhitesidebar}
  202. {block:ifnotwhitesidebar}
  203. background:none;
  204. {/block:ifnotwhitesidebar}
  205. {block:ifshadows}
  206. box-shadow:rgba(0,0,0,0.1)5px 5px;
  207. {/block:ifshadows}
  208. }
  209.  
  210. #links a {
  211. box-shadow:rgba(0,0,0,0.1)5px 5px;
  212. display:inline;
  213. width:auto;
  214. font-style:none;
  215. text-align:center;
  216. line-height:190%;
  217. margin-right:2px;
  218. padding:2px;
  219. padding-left:3px;
  220. padding-right:4px;
  221. -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;
  222. }
  223. #links a:hover {
  224. background:#000;
  225. color:#fff;
  226. -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;
  227. }
  228.  
  229. #desc {
  230. {block:ifwhitesidebar}
  231. background:#fff;
  232. {/block:ifwhitesidebar}
  233. {block:ifnotwhitesidebar}
  234. background:none;
  235. {/block:ifnotwhitesidebar}
  236. {block:ifshadows}
  237. box-shadow:rgba(0,0,0,0.1)5px 0px;
  238. {/block:ifshadows}
  239. margin-top:0px;
  240. position:fixed;
  241. width:110px;
  242. text-align:center;
  243. font-size:10px;
  244. text-transform:none;
  245. padding:5px;
  246. color:{color:text};
  247. letter-spacing:0px;
  248. filter:alpha(opacity=60);
  249. -webkit-transition: .8s ease-in-out;
  250. -moz-transition: .8s ease-in-out;
  251. -o-transition: .8s ease-in-out;
  252. }
  253.  
  254. .pagi {
  255. opacity:1;
  256. text-align:center;
  257. font-size:9px;
  258. margin-top:29px;
  259. text-transform:uppercase;
  260. padding-bottom:0px;
  261. -webkit-transition: .8s ease-in-out;
  262. -moz-transition: .8s ease-in-out;
  263. -o-transition: .8s ease-in-out;
  264. }
  265.  
  266. .pagi a {
  267. background:#fff;
  268. padding:2px;
  269. width:44px;
  270. display:inline-block;
  271. }
  272.  
  273. #stuffcontainer {
  274. opacity:1;
  275. {block:ifnotwhiteposts}
  276. background:none;
  277. {/block:ifnotwhiteposts}
  278. {block:if400pxposts}
  279. width:445px;
  280. {/block:if400pxposts}
  281. {block:ifnot400pxposts}
  282. width:295px;
  283. {/block:ifnot400pxposts}
  284. overflow:auto;
  285. {block:ifnot400pxposts}
  286. margin-left:520px;
  287. {/block:ifnot400pxposts}
  288. {block:if400pxposts}
  289. margin-left:500px;
  290. {/block:if400pxposts}
  291. margin-top:60px;
  292. text-align:left;
  293. color:{color:text};
  294. margin-bottom:35px;
  295. }
  296.  
  297. #stuff {
  298. {block:ifwhiteposts}
  299. background:#fff;
  300. {/block:ifwhiteposts}
  301. {block:ifshadows}
  302. box-shadow:rgba(0,0,0,0.1)5px 5px;
  303. {/block:ifshadows}
  304. {block:if400pxposts}
  305. width:400px;
  306. max-width:400px;
  307. {/block:if400pxposts}
  308. {block:ifnot400pxposts}
  309. width:250px;
  310. max-width:250px;
  311. {/block:ifnot400pxposts}
  312. text-align:justify;
  313. font-size:10px;
  314. line-height:100%;
  315. padding:8px;
  316. letter-spacing:0px;
  317. color:{color:text};
  318. margin-bottom:30px;
  319. margin-top:20px;
  320. margin-left:15px;
  321. }
  322.  
  323. .caption {
  324. {block:if400pxposts}
  325. width:400px;
  326. {/block:if400pxposts}
  327. {block:ifnot400pxposts}
  328. width:250px;
  329. {/block:ifnot400pxposts}
  330. text-align:justify;
  331. font-size:10px;
  332. line-height:120%;
  333. }
  334.  
  335. #ask {
  336. {block:ifwhiteposts}
  337. background:#fff;
  338. {/block:ifwhiteposts}
  339. padding:4px;
  340. padding-bottom:6px;
  341. padding-top:6px;
  342. text-align:left;
  343. color:{color:text};
  344. }
  345.  
  346. #ans {
  347. text-align:left;
  348. padding-top:0px;
  349. color:{color:text};
  350. }
  351.  
  352. .audio {
  353. {block:if400pxposts}
  354. width:400px;
  355. {/block:if400pxposts}
  356. {block:ifnot400pxposts}
  357. width:250px;
  358. {/block:ifnot400pxposts}
  359. }
  360.  
  361. .albumart {
  362. float:left;
  363. padding:0px 10px 10px 0px;
  364. }
  365.  
  366. .albumart img {
  367. width:45px;
  368. height:45px;
  369. margin-top:4px;
  370. margin-left:4px;
  371. }
  372.  
  373. .playercontainer {
  374. text-align:left;
  375. padding:10px;
  376. padding-top:5px;
  377. padding-bottom:5px;
  378. {block:if400pxposts}
  379. width:400px;
  380. {/block:if400pxposts}
  381. {block:ifnot400pxposts}
  382. width:250px;
  383. {/block:ifnot400pxposts}
  384. }
  385.  
  386. .audioinfo {
  387. padding-bottom:11px;
  388. padding:10px;
  389. color:{color:text};
  390. }
  391.  
  392. #postinfo {
  393. {block:if400pxposts}
  394. width:393px;
  395. {/block:if400pxposts}
  396. {block:ifnot400pxposts}
  397. width:243px;
  398. {/block:ifnot400pxposts}
  399. {block:ifwhiteposts}
  400. background:#fff;
  401. {/block:ifwhiteposts}
  402. text-transform:none;
  403. padding:5px;
  404. margin-left:0px;
  405. font-size:10px;
  406. text-align:right;
  407. padding-top:5px;
  408. color:{color:text};
  409. -moz-transition-duration:0.5s;
  410. -webkit-transition-duration:0.5s;
  411. -o-transition-duration:0.5s;
  412. {block:PermalinkPage}text-align:left;
  413. {/block:PermalinkPage}}
  414.  
  415. #postinfo a:hover {
  416. color:{color:linkhover};
  417. }
  418.  
  419. #postinfo a {
  420. text-decoration:none;
  421. }
  422.  
  423. .tags {
  424. font-style:normal;
  425. {block:if400pxposts}
  426. width:404px;
  427. {/block:if400pxposts}
  428. {block:ifnot400pxposts}
  429. width:254px;
  430. {/block:ifnot400pxposts}
  431. {block:PermalinkPage}
  432. padding-bottom:25px;
  433. {/block:PermalinkPage}
  434. {block:ifwhiteposts}
  435. background:#fff;
  436. {/block:ifwhiteposts}
  437. text-transform:normal;
  438. font-style:normal;
  439. padding-top:0px;
  440. margin-bottom:-30px;
  441. font-size:10px;
  442. text-align:right;
  443. -moz-transition-duration:0.2s;
  444. -webkit-transition-duration:0.2s;
  445. -o-transition-duration:0.2s;
  446. }
  447. .tags a{
  448. margin-right:6px;
  449. color:{color:link};
  450. opacity:1;
  451. }
  452.  
  453. .tags a:hover{
  454. color:{color:link hover};
  455. opacity:1;
  456. }
  457.  
  458. .note {
  459. text-transform:uppercase;
  460. font-style:normal;
  461. letter-spacing:0px;
  462. font-size:9px;
  463. text-align:left;
  464. line-height:90%;
  465. margin-left:-25px;
  466. margin-top:0px;
  467. }
  468.  
  469. .note li {
  470. list-style-type:none;
  471. padding-left:10px;
  472. margin-top:5px;
  473. text-align:left;
  474. -moz-transition-duration:0.5s;
  475. -webkit-transition-duration:0.5s;
  476. -o-transition-duration:0.5s;
  477. }
  478.  
  479. #stuff:hover #tags {
  480. opacity:0;
  481. -webkit-transition:0.5s;
  482. }
  483.  
  484. #s-m-t-tooltip {
  485. padding:5px;
  486. padding-left:7px;
  487. padding-right:7px;
  488. text-align:center;
  489. margin-top:10px;
  490. background-color:#fff;
  491. font-family:calibri;
  492. font-size:9px;
  493. font-style:none;
  494. letter-spacing:0px;
  495. text-transform:lowercase;
  496. color:#000;
  497. z-index:999999999999999999999999999999999999;
  498. }
  499.  
  500. ul.chat, .chat ol, .chat li {
  501. list-style:none;
  502. margin:0px;
  503. padding:2px;
  504. }
  505.  
  506. .label {
  507. text-decoration:underline;
  508. font-weight:700;
  509. background-color:{color:infobg};
  510. margin-right:5px;
  511. }
  512.  
  513. #credit {
  514. font-size:8px;
  515. }
  516.  
  517. {CustomCSS}
  518.  
  519. </style></head>
  520. <body>
  521. <div id="theme">
  522. <div id="sidebar">
  523. <div id="sidebarimg">
  524. {block:ifsidebarimg}<a href="/"><img src="{image:sidebar}"></a></div>{/block:ifsidebarimg}
  525. <div id="desc">
  526. {Description}
  527. <div id="links">
  528. {block:iflink1}<a href="{text:link1}">{text:link1title}</a>{/block:iflink1}
  529. {block:iflink2}<a href="{text:link2}">{text:link2title}</a>{/block:iflink2}
  530. {block:iflink3}<a href="{text:link3}">{text:link3title}</a>{/block:iflink3}
  531. {block:iflink4}<a href="{text:link4}">{text:link4title}</a>{/block:iflink4}
  532. {block:iflink5}<a href="{text:link5}">{text:link5title}</a>{/block:iflink5}
  533. {block:iflink6}<a href="{text:link6}">{text:link6title}</a>{/block:iflink6}</div></div></div>
  534.  
  535. </div></div>
  536. </div></div>
  537. <div id="stuffcontainer">
  538.  
  539. {block:Posts}
  540.  
  541.  
  542. {block:ContentSource}
  543. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  544. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  545. {/block:SourceLogo}
  546. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  547. {/block:ContentSource}
  548.  
  549. <div id="stuff">
  550.  
  551. {block:ContentSource}
  552. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  553.  
  554. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  555.  
  556. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  557.  
  558. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  559. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  560.  
  561. {block:if400pxposts}{block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:if400pxposts}
  562.  
  563. {block:ifnot400pxposts}{block:Photo}<center><img src="{PhotoURL-250}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:ifnot400pxposts}
  564.  
  565. {block:if400pxposts}{block:Photoset}<center>{Photoset-400}</center>
  566. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:if400pxposts}
  567.  
  568. {block:ifnot400pxposts}{block:Photoset}<center>{Photoset-250}</center>
  569. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:ifnot400pxposts}
  570.  
  571. {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}
  572.  
  573. {block:if400pxposts}{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:if400pxposts}
  574.  
  575. {block:ifnot400pxposts}{block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:ifnot400pxposts}
  576.  
  577. {block:Answer}<div id="ask">{Question} - {Asker}</div><div id="ans">{Answer}</div>{/block:answer}
  578.  
  579. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  580. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  581. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  582. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  583. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  584.  
  585. {block:Date}<a href="{Permalink}">{12Hour}:{Minutes}{AMPM}</a>{block:NoteCount}&nbsp;with&nbsp;<a href="{Permalink}">{NoteCountWithLabel}: </a>
  586.  
  587. {/block:NoteCount}
  588.  
  589. {/block:Date}
  590. {block:HasTags}
  591. {block:Tags} <a href="{TagURL}">#{Tag}&nbsp; </a> {/block:Tags}
  592. {/block:HasTags}
  593. {block:PostNotes}<div class="note">{PostNotes}{/block:PostNotes}
  594. </div>
  595. {/block:Posts}{block:Pagination}
  596. <div class="pagi">
  597. {block:PreviousPage}
  598. <a href="{PreviousPage}"><i>-</i></a>
  599. {/block:PreviousPage}
  600. {block:NextPage}
  601. <a href="{NextPage}"><i>+</i></a>
  602. {/block:NextPage}
  603. </div>
  604. {/block:Pagination}
  605.  
  606. </div>
  607.  
  608. <div style="font-size:14px;font-family:helvetica;position:fixed;bottom:0;right:0;padding:5px;z-index:9999;">
  609.  
  610. <div id="credit">
  611. <a href="http://izzysthemcs.tumblr.com/" title="theme made by izzysthemcs"><big>♥</big></a>
  612.  
  613. </div></div>
  614.  
  615. </div>
  616.  
  617. </body>
  618. </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!