Advertisement
joshdevime

theme 38

Jul 23rd, 2014
3,567
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.80 KB | None | 0 0
  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" content="#FFFFFF">
  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:link1 title" content=""/>
  33. <meta name="text:link1" content=""/>
  34. <meta name="text:link2 title" content= >
  35. <meta name="text:link2" content=""/>
  36. <meta name="text:link3 title" content=""/>
  37. <meta name="text:link3" content="" />
  38. <meta name="text:link4 title" content=""/>
  39. <meta name="text:link4" content=""/>
  40. <meta name="text:link5 title" content= >
  41. <meta name="text:link5" content=""/>
  42. <meta name="text:link6 title" 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: {color:Background};
  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. background-color:{color:bg};
  115. font-weight:normal;
  116. font-family:consolas;}
  117.  
  118.  
  119. h1 {
  120. font-weight:normal;
  121. font-size:9px;
  122. text-align:center;
  123. font-style:normal;
  124. line-height:80%;
  125. letter-spacing:1px;
  126. text-transform:uppercase;
  127. color:{color:text};
  128. }
  129.  
  130. h2 {
  131. font-size:15px;
  132. text-align:center;
  133. line-height:100%;
  134. letter-spacing:-0.5px;
  135. color:{color:text};
  136. font-style:bold;
  137. text-transform:lowercase;
  138. padding:5px;
  139. border:1px dashed #000;
  140. }
  141.  
  142.  
  143. blockquote {
  144. border-left:1.5px solid {color:text};
  145. padding-left:5px;
  146. padding-top:5px;
  147. padding-bottom:5px;
  148. margin:5px;
  149. }
  150.  
  151. #theme {
  152. background-color:{color:bg};
  153. width:700px;
  154. margin: 0 auto -12px auto;
  155. text-align:center;
  156. }
  157.  
  158. #sidebar {
  159. {block:ifnotwhitesidebar}
  160. background:none;
  161. {/block:ifnotwhitesidebar}
  162. color:{color:text};
  163. position:fixed;
  164. width:100px;
  165. {block:ifsidebarimg}
  166. margin-top:-55px;
  167. {/block:ifsidebarimg}
  168. {block:ifnotsidebarimg}
  169. margin-top:-60px;
  170. {/block:ifnotsidebarimg}
  171. {block:ifnot400pxposts}
  172. margin-left:85px;
  173. {/block:ifnot400pxposts}
  174. {block:if400pxposts}
  175. margin-left:35px;
  176. {/block:if400pxposts}
  177. }
  178.  
  179. #sidebar img {
  180. width:120px;
  181. border:1px solid #000;
  182. background:#fff;
  183. margin-top:5px;
  184. margin-left:-30px;
  185. {block:ifshadows}
  186. box-shadow:rgba(0,0,0,0.1)5px 5px;
  187. {/block:ifshadows}
  188. -webkit-transition: all 0.8s ease;
  189. -moz-transition: all 0.8s ease;
  190. -o-transition: all 0.8s ease;
  191. }
  192.  
  193. #sidebar img:hover{
  194. opacity:1;
  195. -webkit-transition: all 0.8s ease;
  196. -moz-transition: all 0.8s ease;
  197. -o-transition: all 0.8s ease;
  198. }
  199.  
  200. #title {font-size:13px;
  201. margin-left:-1px;
  202. margin-top:-50px;
  203. position:fixed;
  204. {block:ifnot400pxposts}
  205. width:274px;
  206. {/block:ifnot400pxposts}
  207. {block:if400pxposts}
  208. width:424px;
  209. {/block:if400pxposts}
  210. {block:ifwhitesidebar}
  211. background:#fff;
  212. {/block:ifwhitesidebar}
  213. {block:ifnotwhitesidebar}
  214. background:none;
  215. {/block:ifnotwhitesidebar}
  216. border:1px solid #000;
  217. padding:10px;
  218. text-transform:uppercase;
  219. font-family:helvetica;
  220. font-weight:bold;
  221. text-align:center;}
  222.  
  223. #links {
  224. font-size:10px;
  225. text-transform:uppercase;
  226. text-align:left;
  227. position:fixed;
  228. {block:ifnot400pxposts}
  229. margin-left:830px;
  230. {/block:ifnot400pxposts}
  231. {block:if400pxposts}
  232. margin-left:930px;
  233. {/block:if400pxposts}
  234. margin-top:-542px;
  235. }
  236.  
  237. #links a {
  238. {block:ifwhitesidebar}
  239. background:#fff;
  240. {/block:ifwhitesidebar}
  241. {block:ifnotwhitesidebar}
  242. background:none;
  243. {/block:ifnotwhitesidebar}
  244. {block:ifshadows}
  245. box-shadow:rgba(0,0,0,0.1)5px 5px;
  246. {/block:ifshadows}
  247. display:inline-block;
  248. width:auto;
  249. font-style:none;
  250. text-align:center;
  251. border:1px solid #000;
  252. margin-top:5px;
  253. margin-right:3px;
  254. padding:2px;
  255. padding-left:3px;
  256. padding-right:4px;
  257. -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;
  258. }
  259. #links a:hover {
  260. -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;
  261. }
  262.  
  263. .desc {
  264. {block:ifwhitesidebar}
  265. background:#fff;
  266. {/block:ifwhitesidebar}
  267. {block:ifnotwhitesidebar}
  268. background:none;
  269. {/block:ifnotwhitesidebar}
  270. {block:ifshadows}
  271. box-shadow:rgba(0,0,0,0.1)5px 5px;
  272. {/block:ifshadows}
  273. border:1px solid #000;
  274. position:fixed;
  275. width:110px;
  276. margin-top:10px;
  277. padding-top:8px;
  278. margin-left:-26px;
  279. text-align:left;
  280. font-size:10px;
  281. text-transform:none;
  282. padding:5px;
  283. color:{color:text};
  284. letter-spacing:0px;
  285. line-height:130%;
  286. filter:alpha(opacity=60);
  287. -webkit-transition: .8s ease-in-out;
  288. -moz-transition: .8s ease-in-out;
  289. -o-transition: .8s ease-in-out;
  290. }
  291.  
  292. .pagi {
  293. opacity:1;
  294. text-align:center;
  295. background-color:transparent;
  296. font-size:10px;
  297. padding-top:5px;
  298. padding-bottom:5px;
  299. -webkit-transition: .8s ease-in-out;
  300. -moz-transition: .8s ease-in-out;
  301. -o-transition: .8s ease-in-out;
  302. }
  303.  
  304. #stuffcontainer {
  305. {block:ifshadows}
  306. box-shadow:rgba(0,0,0,0.1)5px 5px;
  307. {/block:ifshadows}
  308. opacity:1;
  309. max-height:450px;
  310. height:450px;
  311. {block:ifwhiteposts}
  312. background:#fff;
  313. {/block:ifwhiteposts}
  314. {block:ifnotwhiteposts}
  315. background:none;
  316. {/block:ifnotwhiteposts}
  317. border:1px solid #000;
  318. {block:if400pxposts}
  319. width:445px;
  320. {/block:if400pxposts}
  321. {block:ifnot400pxposts}
  322. width:295px;
  323. {/block:ifnot400pxposts}
  324. overflow:auto;
  325. {block:ifnot400pxposts}
  326. margin-left:520px;
  327. {/block:ifnot400pxposts}
  328. {block:if400pxposts}
  329. margin-left:470px;
  330. {/block:if400pxposts}
  331. margin-top:130px;
  332. text-align:left;
  333. color:{color:text};
  334. margin-bottom:35px;
  335. }
  336.  
  337. #stuff {
  338. {block:if400pxposts}
  339. width:400px;
  340. {/block:if400pxposts}
  341. {block:ifnot400pxposts}
  342. width:250px;
  343. {/block:ifnot400pxposts}
  344. {block:ifwhiteposts}
  345. background:#fff;
  346. {/block:ifwhiteposts}
  347. {block:ifnotwhiteposts}
  348. background:none;
  349. {/block:ifnotwhiteposts}
  350. border:1px solid #000;
  351. margin-top:0px;
  352. text-align:justify;
  353. font-size:10px;
  354. line-height:100%;
  355. padding-left:8px;
  356. padding-top:8px;
  357. padding-right:8px;
  358. padding-bottom:40px;
  359. letter-spacing:0px;
  360. color:{color:text};
  361. margin-bottom:30px;
  362. margin-top:20px;
  363. margin-left:15px;
  364. }
  365.  
  366. .caption {
  367. {block:if400pxposts}
  368. width:400px;
  369. {/block:if400pxposts}
  370. {block:ifnot400pxposts}
  371. width:250px;
  372. {/block:ifnot400pxposts}
  373. text-align:justify;
  374. font-size:10px;
  375. line-height:120%;
  376. }
  377.  
  378. #ask {
  379. {block:ifwhiteposts}
  380. background:#fff;
  381. {/block:ifwhiteposts}
  382. {block:ifnotwhiteposts}
  383. background:none;
  384. {/block:ifnotwhiteposts}
  385. padding:4px;
  386. padding-bottom:6px;
  387. padding-top:6px;
  388. text-align:left;
  389. color:{color:text};
  390. border:1px dashed #000;
  391. }
  392.  
  393. #ans {
  394. text-align:left;
  395. padding-top:0px;
  396. color:{color:text};
  397. }
  398.  
  399. .audio {
  400. {block:if400pxposts}
  401. width:400px;
  402. {/block:if400pxposts}
  403. {block:ifnot400pxposts}
  404. width:250px;
  405. {/block:ifnot400pxposts}
  406. }
  407.  
  408. .albumart {
  409. float:left;
  410. padding:0px 10px 10px 0px;
  411. }
  412.  
  413. .albumart img {
  414. width:45px;
  415. height:45px;
  416. margin-top:4px;
  417. margin-left:4px;
  418. }
  419.  
  420. .playercontainer {
  421. text-align:left;
  422. padding:10px;
  423. padding-top:5px;
  424. padding-bottom:5px;
  425. {block:if400pxposts}
  426. width:410px;
  427. {/block:if400pxposts}
  428. {block:ifnot400pxposts}
  429. width:260px;
  430. {/block:ifnot400pxposts}
  431. }
  432.  
  433. .audioinfo {
  434. border:1px dashed #000;
  435. padding-bottom:11px;
  436. padding:10px;
  437. color:{color:text};
  438. }
  439.  
  440. #postinfo {
  441. {block:if400pxposts}
  442. width:393px;
  443. {/block:if400pxposts}
  444. {block:ifnot400pxposts}
  445. width:243px;
  446. {/block:ifnot400pxposts}
  447. text-transform:none;
  448. padding:5px;
  449. margin-left:0px;
  450. font-size:10px;
  451. text-align:right;
  452. padding-top:5px;
  453. color:{color:text};
  454. -moz-transition-duration:0.5s;
  455. -webkit-transition-duration:0.5s;
  456. -o-transition-duration:0.5s;
  457. {block:PermalinkPage}text-align:left;
  458. {/block:PermalinkPage}}
  459.  
  460. #postinfo a:hover {
  461. color:{color:linkhover};
  462. }
  463.  
  464. #postinfo a {
  465. text-decoration:none;
  466. }
  467.  
  468. .tags {
  469. font-style:normal;
  470. {block:if400pxposts}
  471. width:404px;
  472. {/block:if400pxposts}
  473. {block:ifnot400pxposts}
  474. width:254px;
  475. {/block:ifnot400pxposts}
  476. {block:PermalinkPage}
  477. padding-bottom:25px;
  478. {/block:PermalinkPage}
  479. text-transform:normal;
  480. font-style:normal;
  481. padding-top:0px;
  482. margin-bottom:-30px;
  483. font-size:10px;
  484. text-align:right;
  485. -moz-transition-duration:0.2s;
  486. -webkit-transition-duration:0.2s;
  487. -o-transition-duration:0.2s;
  488. }
  489. .tags a{
  490. margin-right:6px;
  491. color:{color:link};
  492. opacity:1;
  493. }
  494.  
  495. .tags a:hover{
  496. color:{color:link hover};
  497. opacity:1;
  498. }
  499.  
  500. .note {
  501. text-transform:uppercase;
  502. font-style:normal;
  503. letter-spacing:0px;
  504. font-size:9px;
  505. text-align:left;
  506. line-height:90%;
  507. margin-left:-25px;
  508. margin-top:0px;
  509. }
  510.  
  511. .note li {
  512. list-style-type:none;
  513. padding-left:10px;
  514. margin-top:5px;
  515. text-align:left;
  516. -moz-transition-duration:0.5s;
  517. -webkit-transition-duration:0.5s;
  518. -o-transition-duration:0.5s;
  519. }
  520.  
  521. #stuff:hover #tags {
  522. opacity:0;
  523. -webkit-transition:0.5s;
  524. }
  525.  
  526. #s-m-t-tooltip {
  527. padding:5px;
  528. padding-left:7px;
  529. padding-right:7px;
  530. text-align:center;
  531. margin-top:10px;
  532. background-color:#fff;
  533. font-family:calibri;
  534. font-size:9px;
  535. font-style:none;
  536. letter-spacing:0px;
  537. text-transform:lowercase;
  538. color:#000;
  539. z-index:999999999999999999999999999999999999;
  540. }
  541.  
  542. ul.chat, .chat ol, .chat li {
  543. list-style:none;
  544. margin:0px;
  545. padding:2px;
  546. }
  547.  
  548. .label {
  549. text-decoration:underline;
  550. font-weight:700;
  551. background-color:{color:infobg};
  552. margin-right:5px;
  553. }
  554.  
  555. #credit {
  556. font-size:8px;
  557. }
  558.  
  559. {CustomCSS}
  560.  
  561. </style></head>
  562. <body>
  563. <div id="theme">
  564. <div id="sidebar">
  565. <div id="sidebarimg">
  566. {block:ifsidebarimg}<a href="/"><img src="{image:sidebar}"></a></div>{/block:ifsidebarimg}
  567. <div class="desc">
  568. {Description}
  569.  
  570.  
  571. {block:Pagination}
  572. <div class="pagi">
  573. {block:PreviousPage}
  574. <a href="{PreviousPage}">← back </a>
  575. {/block:PreviousPage}
  576. {block:JumpPagination length="3"}
  577. {block:CurrentPage}
  578. <span class="current_page">{PageNumber}</span>
  579. {/block:CurrentPage}
  580. {block:JumpPage}
  581. <a class="jump_page" href="{URL}">{PageNumber}</a>
  582. {/block:JumpPage}
  583. {/block:JumpPagination}
  584. {block:NextPage}
  585. <a href="{NextPage}"> next →</a>
  586. {/block:NextPage}
  587. </div>
  588. {/block:Pagination}</div></div>
  589. </div></div>
  590. <div id="stuffcontainer">
  591. <div id="title">{title}</div>
  592.  
  593. {block:Posts}
  594.  
  595.  
  596. {block:ContentSource}
  597. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  598. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  599. {/block:SourceLogo}
  600. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  601. {/block:ContentSource}
  602.  
  603. <div id="stuff">
  604.  
  605. {block:ContentSource}
  606. <!-- {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}
  607.  
  608. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  609.  
  610. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  611.  
  612. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  613. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  614.  
  615. {block:if400pxposts}{block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:if400pxposts}
  616.  
  617. {block:ifnot400pxposts}{block:Photo}<center><img src="{PhotoURL-250}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:ifnot400pxposts}
  618.  
  619. {block:if400pxposts}{block:Photoset}<center>{Photoset-400}</center>
  620. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:if400pxposts}
  621.  
  622. {block:ifnot400pxposts}{block:Photoset}<center>{Photoset-250}</center>
  623. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:ifnot400pxposts}
  624.  
  625. {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}
  626.  
  627. {block:if400pxposts}{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:if400pxposts}
  628.  
  629. {block:ifnot400pxposts}{block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:ifnot400pxposts}
  630.  
  631. {block:Answer}<div id="ask">{Question} - {Asker}</div><div id="ans">{Answer}</div>{/block:answer}
  632.  
  633. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  634. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  635. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  636. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  637. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  638.  
  639. {block:Date}<div id="postinfo"><a href="{Permalink}">{12Hour}:{Minutes}{AMPM}</a>{block:NoteCount}&nbsp;with&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>
  640.  
  641. {/block:NoteCount}
  642.  
  643. {/block:Date}
  644. {block:HasTags}
  645. <div class="tags">
  646. {block:Tags} <a href="{TagURL}">#{Tag}&nbsp; </a> {/block:Tags}</div>
  647. {/block:HasTags}
  648. {block:PostNotes}<div class="note">{PostNotes}</div>{/block:PostNotes}
  649. </div></div>
  650. {/block:Posts}
  651.  
  652. </div><div id="links">
  653. {block:iflink1}<a href="{text:link1}">{text:link1 title}</a>{/block:iflink1}
  654. {block:iflink2}<br><a href="{text:link2}">{text:link2 title}</a>{/block:iflink2}
  655. {block:iflink3}<br><a href="{text:link3}">{text:link3 title}</a>{/block:iflink3}
  656. {block:iflink4}<br><a href="{text:link4}">{text:link4 title}</a>{/block:iflink4}
  657. {block:iflink5}<br><a href="{text:link5}">{text:link5 title}</a>{/block:iflink5}
  658. {block:iflink6}<br><a href="{text:link6}">{text:link6 title}</a>{/block:iflink6}</div></div>
  659.  
  660. </div>
  661. </div>
  662. </div>
  663.  
  664. <div style="font-size:14px;font-family:helvetica;position:fixed;bottom:0;right:0;padding:5px;z-index:9999;">
  665.  
  666. <div id="credit">
  667. <a href="http://izzysthemcs.tumblr.com/" title="theme made by izzysthemcs"><big>♥</big></a>
  668.  
  669. </div></div>
  670.  
  671. </div>
  672.  
  673. </body>
  674. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement