API tools faq
paste
Advertisement
joshdevime

theme 29

joshdevime
Jun 18th, 2014
1,293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.54 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.  
  4. <!--
  5.  
  6. THEME BY IZZYSTHEMCS
  7. DO NOT STEAL / CLAIM AS YOUR OWN
  8. REMEMBER TO LIKE OR REBLOG THE POST THANK YOU :-)
  9.  
  10. -->
  11.  
  12. <head>
  13.  
  14. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  15. <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="color:text" content="#666"/>
  23. <meta name="color:background" content="#fff"/>
  24. <meta name="color:link" content="#555"/>
  25. <meta name="color:hover" content="#eee"/>
  26. <meta name="color:sidelinkhover" content="#000"/>
  27. <meta name="color:scrollbar" content="#eee"/>
  28. <meat name="color:scrollbarbg" content="#fff"/>
  29.  
  30. <meta name="image:sidebar" content=""/>
  31. <meta name="if:sidebarleft" content="0"/>
  32. <meta name="if:hoverdescription" content="0"/>
  33. <meta name="if:hoverinfo" content="0"/>
  34.  
  35. <meta name="text:link1" content="">
  36. <meta name="text:link1url" content="link 1">
  37. <meta name="text:link2" content="">
  38. <meta name="text:link2url" content="link 2">
  39. <meta name="text:link3" content="">
  40. <meta name="text:link3url" content="link 3">
  41. <meta name="text:link4" content="">
  42. <meta name="text:link4url" content="link 4">
  43. <meta name="text:link5" content="">
  44. <meta name="text:link5url" content="link 5">
  45.  
  46. <style type="text/css">
  47.  
  48. ::-webkit-scrollbar {background-color:{color:scrollbarbg}; height:8px; width:1px}
  49. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  50. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:5px!important}
  51.  
  52. #tumblr_controls {-webkit-filter: invert(100%);opacity:.3;}
  53.  
  54. div#qTip {
  55. width:auto;
  56. padding:4px;
  57. display: none;
  58. background: #fff;
  59. font: 8px cambria;
  60. letter-spacing:0px;
  61. margin-left:10px;
  62. margin-bottom:2px;
  63. text-align:right;
  64. text-transform:lowercase;
  65. position: absolute;
  66. z-index: 1000;
  67. color: {color:text};
  68. }
  69.  
  70. body {
  71. margin:0px;
  72. background:{color:background};
  73. color:{color:text};
  74. font-family:cambria;
  75. font-size:10px;
  76. line-height:110%;
  77. }
  78.  
  79. a {
  80. text-decoration:none;
  81. color:{color:link};
  82. transition: all 0.5s ease-in-out;
  83. -o-transition: all 0.5s ease-in-out;
  84. -webkit-transition: all 0.5s ease-in-out;
  85. -moz-transition: all 0.5s ease-in-out;
  86. }
  87.  
  88. a:hover {color:{color:hover};}
  89.  
  90. img {border:none;max-width:500px;}
  91.  
  92. h1 {
  93. text-align:center;
  94. font-size:14px;
  95. text-transform:uppercase;
  96. }
  97.  
  98. blockquote {
  99. padding-left:3px;
  100. border-left:1px solid {color:text};
  101. }
  102.  
  103. blockquote blockquote {
  104. padding-left:3px;
  105. border-left:1px solid {color:text};
  106. }
  107.  
  108. #sidebar {
  109. position:fixed;
  110. background:{color:background};
  111. {block:ifsidebarleft}
  112. margin-top:100px;
  113. margin-left:100px;
  114. width:200px;
  115. {/block:ifsidebarleft}
  116. {block:ifnotsidebarleft}
  117. margin-left:480px;
  118. margin-top:-135px;
  119. width:400px;
  120. {/block:ifnotsidebarleft}
  121. padding-top:80px;
  122. }
  123.  
  124. .sideimg img {
  125. border:1px solid #000;
  126. width:120px;
  127. margin-top:30px;
  128. transition: all 0.5s ease-in-out;
  129. -o-transition: all 0.5s ease-in-out;
  130. -webkit-transition: all 0.5s ease-in-out;
  131. -moz-transition: all 0.5s ease-in-out;
  132. }
  133.  
  134. #sidebar:hover .sidepic img {border-radius:0px;}
  135.  
  136. .links {
  137. position:fixed;
  138. {block:ifsidebarleft}
  139. background:none;
  140. {/block:ifsidebarleft}
  141. {block:ifnotsidebarleft}
  142. background:{color:background};
  143. {/block:ifnotsidebarleft}
  144. padding-bottom:10px;
  145. width:400px;
  146. text-align:center;
  147. transition: all 0.5s ease-in-out;
  148. -o-transition: all 0.5s ease-in-out;
  149. -webkit-transition: all 0.5s ease-in-out;
  150. -moz-transition: all 0.5s ease-in-out;
  151. }
  152.  
  153. .links a {
  154. text-decoration:underline;
  155. font-size:9px;
  156. transition: all 0.5s ease-in-out;
  157. -o-transition: all 0.5s ease-in-out;
  158. -webkit-transition: all 0.5s ease-in-out;
  159. -moz-transition: all 0.5s ease-in-out;
  160. }
  161.  
  162. .desc {
  163. {block:ifsidebarleft}
  164. background:none;
  165. {/block:ifsidebarleft}
  166. {block:ifnotsidebarleft}
  167. background:{color:background};
  168. {/block:ifnotsidebarleft}
  169. position:absolute;
  170. width:200px;
  171. padding-bottom:10px;
  172. padding-left:100px;
  173. padding-right:300px;
  174. padding-top:-3px;
  175. margin-left:0px;
  176. margin-top:21px;
  177. font-size:9px;
  178. line-height:105%;
  179. text-align:center;
  180. transition: all 0.5s ease-in-out;
  181. -o-transition: all 0.5s ease-in-out;
  182. -webkit-transition: all 0.5s ease-in-out;
  183. -moz-transition: all 0.5s ease-in-out;
  184. }
  185.  
  186. #all {
  187. margin-top:40px;
  188. margin-bottom:50px;
  189. margin-left:580px;
  190. }
  191.  
  192. #posts {
  193. width:400px;
  194. margin-top:100px;
  195. margin-left:-100px;
  196. }
  197.  
  198. #question {
  199. font-size:11px;
  200. background:#ececec;
  201. padding:10px;
  202. line-height:110%;
  203. font-style:none;
  204. }
  205.  
  206. .pagi {
  207. position:absolute;
  208. color:{color:link};
  209. width:150px;
  210. padding-bottom:50px;
  211. margin-top:-10px;
  212. margin-left:500px;
  213. font-style:italic;
  214. font-size:9px;
  215. text-align:center;
  216. word-spacing:5px;
  217. }
  218.  
  219. .pagi a {
  220. color:{color:link};
  221. text-decoration:none;
  222. }
  223.  
  224. .pagi a:hover {
  225. color:{color:hover};
  226. text-decoration:none;
  227. }
  228.  
  229. .quote {
  230. cursor:default;
  231. color:#000;
  232. letter-spacing:0px;
  233. font-size: 20px;
  234. line-height:105%;
  235. }
  236.  
  237. .source {
  238. padding-top:8px;
  239. text-align:left;
  240. line-height:110%;
  241. font-size:10px;
  242. }
  243.  
  244. #info {
  245. color:{color:links};
  246. width:392px;
  247. text-align:center;
  248. height:auto;
  249. margin-top:-10px;
  250. padding:4px;
  251. position:absolute;
  252. font-size:10px;
  253. letter-spacing:-1px;
  254. word-spacing:3px;
  255. text-transform:lowercase;
  256. }
  257.  
  258. #info a {color:{color:sidelinks};text-decoration:none;}
  259.  
  260. ol.notes {
  261. list-style-type:none;
  262. margin-left:-100px;
  263. }
  264.  
  265. ol.notes li.note {
  266. padding:5px;
  267. }
  268.  
  269. ol.notes li.note img.avatar {
  270. vertical-align: -4px;
  271. width: 16px;
  272. height: 16px;
  273. -webkit-filter:none;
  274. }
  275.  
  276. ol.notes li.note span.action {
  277. font-weight: normal;
  278. }
  279.  
  280. ol.notes li.note .answer_content {
  281. font-weight: normal;
  282. }
  283.  
  284. ol.notes li.note blockquote {
  285. border-color: #eee;
  286. padding: 5px 10px;
  287. }
  288.  
  289. ol.notes li.note blockquote a {
  290. text-decoration: none;
  291. }
  292.  
  293. #credit {
  294. position:fixed;
  295. bottom:10px;
  296. right:10px;
  297. font-size:9px;
  298. padding:4px;
  299. }
  300.  
  301. #credit a {
  302. color:#a6a6a6;
  303. text-decoration:none;
  304. transition: all 0.5s ease-in-out;
  305. -o-transition: all 0.5s ease-in-out;
  306. -webkit-transition: all 0.5s ease-in-out;
  307. -moz-transition: all 0.5s ease-in-out;
  308. }
  309.  
  310. #credit a:hover {color:#777;border-color:#777;}
  311.  
  312. {block:ifhoverdescription}#bite
  313. #bite a{
  314. display:block;
  315. }
  316. #bite .death {
  317. margin-top:-30px;
  318. margin-right:0px;filter: alpha(opacity = 0);
  319. opacity:0;-webkit-transition: all 0.8s ease-out;
  320. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  321. }
  322.  
  323. #bite:hover .death {
  324. margin-left:0px;
  325. margin-top:0px;
  326.  
  327. -webkit-transition: all 0.5s ease-out;
  328. -moz-transition: all 0.5s ease-out;
  329. transition: all 0.5s ease-out;
  330. filter: alpha(opacity = 100);
  331. filter: alpha(opacity = 100);
  332. opacity:8;
  333. }{/block:ifhoverdescription}
  334.  
  335. {block:ifhoverinfo}#bite2
  336. #bite2 a{
  337. display:block;
  338. }
  339. #bite2 .death2 {
  340. margin-right:0px;filter: alpha(opacity = 0);
  341. opacity:0;-webkit-transition: all 0.8s ease-out;
  342. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  343. }
  344.  
  345. #bite2:hover .death2 {
  346. -webkit-transition: all 0.5s ease-out;
  347. -moz-transition: all 0.5s ease-out;
  348. transition: all 0.5s ease-out;
  349. filter: alpha(opacity = 100);
  350. filter: alpha(opacity = 100);
  351. opacity:8;
  352. }{/block:ifhoverinfo}
  353.  
  354. {CustomCSS}</style></head><body>
  355. <div id="bite"><div id="sidebar">
  356. <div class="links">
  357. {block:iflink1}<a href="{text:link1url}"><i>{text:link1}</i></a>&nbsp;&nbsp; | &nbsp;{/block:iflink1}
  358. {block:iflink2}<a href="{text:link2url}"><i>{text:link2}</i></a>&nbsp;&nbsp; | &nbsp;{/block:iflink2}
  359. {block:iflink3}<a href="{text:link3url}"><i>{text:link3}</i></a>&nbsp;&nbsp; | &nbsp;{/block:iflink3}
  360. {block:iflink4}<a href="{text:link4url}"><i>{text:link4}</i></a>&nbsp;&nbsp; | &nbsp;{/block:iflink4}
  361. {block:iflink5}<a href="{text:link5url}"><i>{text:link5}</i></a>{/block:iflink5}</div>
  362. <div class="death"><div class="desc">{Description}
  363. </div></div></div>
  364. </div>
  365.  
  366. <div id="all">
  367. {block:Posts}<div id="posts">
  368.  
  369. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  370.  
  371. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  372.  
  373. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  374.  
  375. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  376.  
  377. {block:Quote}<div class="quote">{Quote}</div>
  378. <div class="source">{Source}</div>{/block:Quote}
  379.  
  380. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px;" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  381. <br />{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
  382. <br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  383. {/block:ExternalAudio}
  384. <br /><b>Played:</b> {PlayCount} times
  385. {block:Caption}{Caption}{/block:Caption}
  386. {/block:Audio}
  387.  
  388. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  389.  
  390. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<span style="line-height:110%;">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br /></span>{/block:Lines}{/block:Chat}
  391.  
  392. {block:Answer}<div id="question"><span style="letter-spacing:1px;font-style:italic;">{Asker}</span>: {Question}</div><left> <font face="calibri"><span style="opacity:.1;"></span>{Answer}</font>{/block:Answer}
  393.  
  394. {block:ReblogParent}
  395. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  396. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  397. {/block:SourceLogo}
  398. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  399. {/block:ReblogParent}
  400.  
  401. <div id="bite2"><p><center>♡</center></p>
  402.  
  403. <div class="death2"><div id="info">
  404. {block:Date}<a href="{Permalink}">{DayofMonth}.{MonthNumber}.{Year}</a>&nbsp;&nbsp;<a href="{Permalink}">+{NoteCount}</a>&nbsp;&nbsp;{/block:Date}{block:RebloggedFrom}[<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> / <a title="{ReblogRootName}" href="{ReblogRootURL}">source</a>]{/block:RebloggedFrom}<br>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div>
  405.  
  406. </div>
  407. {/block:Posts}
  408. {block:PostNotes}{PostNotes}{/block:PostNotes}
  409. {/block:Posts}</div></div>
  410.  
  411. <div class="pagi">
  412. {block:Pagination}
  413. {block:PreviousPage}<a span="text-decoration:none;" href="{PreviousPage}">back</a> &mdash;{/block:PreviousPage}
  414. {CurrentPage} of {TotalPages}
  415. {block:NextPage}&mdash; <a span="text-decoration:none;" href="{NextPage}">next</a>{/block:NextPage}
  416. {/block:Pagination}
  417. </div>
  418.  
  419. </div>
  420.  
  421. <div id="credit"><a href="http://izzysthemcs.tumblr.com/">♥</a></div>
  422.  
  423. </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!