Advertisement
joshdevime

theme 27

Jun 9th, 2014
1,800
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.38 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><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.  
  11. THEME BY IZZYSTHEMCS
  12. DO NOT REMOVE THE CREDIT, STEAL OR USE AS BASE CODE
  13. REMEMBER TO LIKE/REBLOG THE POST!! :-)
  14.  
  15. ----->
  16.  
  17. <meta name="color:background" content="#ffffff"/>
  18. <meta name="color:text" content="#000000"/>
  19. <meta name="color:hover" content="#ffffff"/>
  20. <meta name="color:border" content="#000000"/>
  21. <meta name="color:post bg" content="#ffffff"/>
  22. <meta name="color:info bg" content="#f3f3f3"/>
  23. <meta name="image:background" content=""/>
  24. <meta name="image:sidebar" content=""/>
  25. <meta name="text:title" content=""/>
  26. <meta name="text:link1 text" content=""/>
  27. <meta name="text:link1 link" content=""/>
  28. <meta name="text:link2 text" content=""/>
  29. <meta name="text:link2 link" content=""/>
  30. <meta name="text:link3 text" content="" />
  31. <meta name="text:link3 link" content="" />
  32. <meta name="text:link4 text" content="" />
  33. <meta name="text:link4 link" content="" />
  34. <meta name="text:link5 text" content="" />
  35. <meta name="text:link5 link" content="" />
  36. <meta name="if:image fade" content="0"/>
  37. <meta name="if:sidebar" content="0"/>
  38.  
  39. <style type="text/css">
  40.  
  41.  
  42. body {
  43. background:{color:background};
  44. color:{color:text};
  45. font-family:helvetica;
  46. font-size:10px;
  47. line-height:100%;
  48. text-align:justify;
  49. background-image:url('{image:background}');
  50. background-attachment:fixed;
  51. no-repeat center fixed;
  52. background-size: fit;
  53. }
  54.  
  55.  
  56. a {
  57. text-decoration:none;
  58. outline:none;
  59. -moz-outline-style:none;
  60. color:{color:text};
  61. }
  62.  
  63.  
  64. a:hover {
  65. color:{color:hover};
  66. -moz-transition-duration:0.5s;
  67. -webkit-transition-duration:0.5s;
  68. -o-transition-duration:0.5s;
  69. }
  70.  
  71.  
  72. img {
  73. border:none;
  74. }
  75.  
  76.  
  77. blockquote {
  78. padding-left:5px;
  79. border-left:1px solid;
  80. }
  81.  
  82.  
  83. h1 {
  84. font-size:20px;
  85. letter-spacing:-1px;
  86. line-height:100%;
  87. text-align:left;
  88. padding:0px;
  89. margin-top:-1px;
  90. }
  91.  
  92.  
  93. h2 {
  94. font-size:15px;
  95. letter-spacing:-1px;
  96. line-height:100%;
  97. text-align:left;
  98. margin-top:-1px;
  99. }
  100.  
  101.  
  102. #container {
  103. padding:20px;
  104. width:500px;
  105. position:absolute;
  106. {block:ifnotsidebar}margin-top:-40px;{/block:ifnotsidebar}
  107. {block:ifsidebar}margin-top:-100px;{/block:ifsidebar}
  108. }
  109.  
  110.  
  111. #p {
  112. width:400px;
  113. padding:5px;
  114. margin-top:50px;
  115. {block:ifnotsidebar}margin-left:445px;{/block:ifnotsidebar}
  116. {block:ifsidebar}margin-left:450px;
  117. margin-top:60px;{/block:ifsidebar}
  118. }
  119.  
  120. #p img {
  121. {block:ifimagefade}
  122. opacity: 0.7;
  123. -moz-transition-duration:0.5s;
  124. -webkit-transition-duration:0.5s;
  125. -o-transition-duration:0.5s;
  126. {/block:ifimagefade}
  127. }
  128.  
  129. #p img:hover {
  130. {block:ifimagefade}
  131. opacity:0.9;
  132. transition: all .9s ease;
  133. -moz-transition: all .9s ease;
  134. -o-transition: all .9s ease;
  135. -webkit-transition: all .9s ease;
  136. {/block:ifimagefade}
  137. }
  138.  
  139.  
  140. #sbar {
  141. margin-top:19px;
  142. padding:20px;
  143. {block:ifnotsidebar}margin-left:450px;{/block:ifnotsidebar}
  144. {block:ifsidebar}
  145. margin-top:100px;
  146. margin-left:207px;{/block:ifsidebar}
  147. }
  148.  
  149.  
  150. #sidebarimage {
  151. width:150px;
  152. height:150px;
  153. {block:ifsidebar}margin-top:20px; position:fixed;{/block:ifsidebar}
  154. }
  155.  
  156.  
  157. #sidebarimage img {
  158. width:150px;
  159. height:150px;
  160. padding:5px;
  161. padding-bottom:10px;
  162. padding-top:0px;
  163. }
  164.  
  165.  
  166. #title {
  167. font-size:14px;
  168. {block:ifnotsidebar}
  169. text-align:left;
  170. margin-bottom:-10px;
  171. margin-left:165px;
  172. margin-top:15px;{/block:ifnotsidebar}
  173. {block:ifsidebar}text-align:center;
  174. position:fixed;
  175. padding:0px;
  176. margin-top:5px;
  177. margin-left:5px;
  178. margin-bottom:3px;{/block:ifsidebar}
  179. }
  180.  
  181.  
  182. #desc {
  183. font-size:10px;
  184. padding:5px;
  185. {block:ifnotsidebar}margin-left:160px;
  186. text-align:justify;
  187. position:absolute;
  188. width:226px;{/block:ifnotsidebar}
  189. {block:ifsidebar}text-align:left;
  190. position:fixed;
  191. width:150px;
  192. margin-left:0px;
  193. margin-top:13px;
  194. font-size:10px;
  195. padding:5px;{/block:ifsidebar}
  196. }
  197.  
  198.  
  199. .link {
  200. width:150px;
  201. padding:0px;
  202. text-transform:lowercase;
  203. {block:ifnotsidebar}text-align:left;
  204. margin-top:-134px;
  205. padding-bottom:1px;
  206. margin-left:165px;{/block:ifnotsidebar}
  207. {block:ifsidebar}width:150px;
  208. padding:0px;
  209. text-align:left;
  210. position:fixed;
  211. text-transform:lowercase;
  212. margin-left:5px;{/block:ifsidebar}
  213. }
  214.  
  215.  
  216. #pagi {
  217. padding-bottom: 30px;
  218. text-transform: lowercase;
  219. margin-top:35px;
  220. margin-left:650px;
  221. width:500px;
  222. padding-left:10px;
  223. }
  224.  
  225.  
  226. #pagi a {
  227. width:500px;
  228. }
  229.  
  230.  
  231. #info {
  232. text-align:right;
  233. text-transform:uppercase;
  234. font-size:9px;
  235. padding:10px;
  236. margin-right:-10px;
  237. line-height:100%;
  238. }
  239.  
  240.  
  241. #info a {
  242. padding:2px;
  243. }
  244.  
  245.  
  246. #tag {
  247. margin-top:2px;
  248. text-align:right;
  249. padding:0px;
  250. text-transform:none;
  251. }
  252.  
  253.  
  254. #tag a {
  255. padding:1px;
  256. }
  257.  
  258.  
  259. #ask {
  260. padding:5px;
  261. letter-spacing:-1px;
  262. font-size:15px;
  263. text-align:right;
  264. margin-bottom:0px;
  265. margin-left:0px;
  266. line-height:100%;
  267. }
  268.  
  269.  
  270. #ans {
  271. text-align:justify;
  272. margin-top:-5px;
  273. }
  274.  
  275.  
  276. #q {
  277. text-align:center;
  278. font-size:20px;
  279. letter-spacing:-1px;
  280. line-height:100%;
  281. }
  282.  
  283.  
  284. .qsource {
  285. text-align:center;
  286. margin-left:0px;
  287. font-size:11px;
  288. }
  289.  
  290.  
  291. ol.notes {
  292. list-style-type:none;
  293. width:400px;
  294. padding:10px;
  295. margin-left:450px;
  296. margin-top:10px;
  297. }
  298.  
  299.  
  300. ol.notes li {
  301. padding:4px;
  302. }
  303.  
  304.  
  305. ol.notes img.avatar {
  306. width:15px;
  307. height:15px;
  308. margin-right:5px;
  309. }
  310.  
  311.  
  312. #credit {
  313. font-size:12px;
  314. position:fixed;
  315. bottom:0;
  316. right:0;
  317. padding:5px;
  318. }
  319.  
  320. {CustomCSS}</style>
  321. </head><body>
  322. <div id="sbar">
  323. <div id="title"><a href="/">{text:title}</a></div>
  324. <div id="sidebarimage"><img src="{image:sidebar}">
  325. <div class="link">
  326. <b><a href="{text:link1 link}">{text:link1 text}</a>&nbsp;
  327. <a href="{text:link2 link}">{text:link2 text}</a>&nbsp;
  328. <a href="{text:link3 link}">{text:link3 text}</a>&nbsp;
  329. <a href="{text:link4 link}">{text:link4 text}</a>&nbsp;
  330. <a href="{text:link5 link}">{text:link5 text}</a></b></div>
  331. <div id="desc">{description}</div></div>
  332. </div></div></div>
  333.  
  334. <div id="container">
  335. {block:Posts}
  336. <div id="p">
  337.  
  338. {block:Text}
  339. <h1>{block:Title}{Title}{/block:Title}</h1>
  340. {Body}
  341. {/block:Text}
  342.  
  343. {block:Photo}
  344. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  345. {block:Caption}{Caption}{/block:Caption}
  346. {/block:Photo}
  347.  
  348. {block:Photoset}
  349. {Photoset-400}
  350. {block:Caption}{Caption}{/block:Caption}
  351. {/block:Photoset}
  352.  
  353. {block:Quote}<div id="q">"{Quote}"</div>
  354. {block:Source}
  355. <div class="qsource">{Source}</div>
  356. {/block:Source}
  357. {/block:Quote}
  358.  
  359. {block:Link}
  360. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  361. {block:Description}{Description}{/block:Description}
  362. {/block:Link}
  363.  
  364. {block:Chat}
  365. {block:Title}{Title}{/block:Title}
  366. {block:Lines}
  367. {block:Label}<big><b>{Label}</b></big>{/block:Label} {Line}<br>{/block:Lines}
  368. {/block:Chat}
  369.  
  370. {block:Audio}
  371. <span class="audio">{AudioPlayerWhite}</span><br>
  372. {block:TrackName}{TrackName}{/block:TrackName} -
  373. {block:Artist}<b>{Artist}</b><br>{/block:Artist}
  374. {/block:Audio}
  375.  
  376. {block:Video}
  377. {Video-400}
  378. {block:Caption}
  379. {Caption}
  380. {/block:Caption}
  381. {/block:Video}
  382.  
  383. {block:Answer}
  384. <div id="ask"><img src="{AskerPortraitURL-24}" width="24" style="margin-right:5px;"><i>{asker}:</i><span style="font-size:10px; letter-spacing:0px;margin-left:5px;">{question}</span></div>
  385. <div id="ans">{Answer}</div>
  386. {/block:Answer}
  387.  
  388. <div id="info">&nbsp;&nbsp;{block:RebloggedFrom}<a href="{ReblogParentURL}"><u>via</u></a>{/block:RebloggedFrom}{block:ContentSource}&nbsp;+&nbsp;<a href="{SourceURL}"><u>src</u></a>{/block:ContentSource}&nbsp;<a href="{permalink}">({NoteCount} notes)</a>
  389.  
  390. {block:HasTags}
  391. <div id="tag">
  392. {block:Tags}
  393. <a href="/tagged/{Tag}">#{Tag}</a>
  394. {/block:Tags}
  395. </div>
  396. {block:HasTags}
  397. </div>
  398. </div>
  399. {/block:Posts}
  400. {block:PostNotes}{PostNotes}{/block:PostNotes}
  401. {/block:Posts}
  402.  
  403. <div id="pagi">
  404. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  405. </div>
  406. </div>
  407.  
  408. <div id="credit">
  409. <a href="http://izzysthemcs.tumblr.com">♥</a>
  410. </div>
  411.  
  412. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement