API tools faq
paste
Advertisement
his_haz

Theme #7 by hishaz

his_haz
Jul 11th, 2014
667
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.65 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!---------------
  5. Theme #7
  6. By hishaz (hishaz.tumblr.com)
  7. Don't remove the credit, please.
  8. --------------->
  9.  
  10.  
  11.  
  12. <meta name="color:link" content="#000000">
  13. <meta name="color:info" content="#000000">
  14. <meta name="color:text" content="#000000">
  15. <meta name="color:tags" content="#000000">
  16. <meta name="color:scrollbar" content="#000000">
  17. <meta name="color:description" content="#000000">
  18. <meta name="color:pagination" content="#000000">
  19.  
  20. <meta name="text:linkA" content="">
  21. <meta name="text:linkA url" content="/">
  22. <meta name="text:linkB" content="">
  23. <meta name="text:linkB url" content="/">
  24. <meta name="text:linkC" content="">
  25. <meta name="text:linkC url" content="/">
  26. <meta name="text:linkD" content="">
  27. <meta name="text:linkD url" content="/">
  28. <meta name="text:linkE" content="">
  29. <meta name="text:linkE url" content="/">
  30. <!--------------------------------------------->
  31.  
  32. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  33. <title>{Title}</title>
  34. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  35. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}"/>
  38. {/block:Description}
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  40. <link rel="shortcut icon" href="{Favicon}"/>
  41.  
  42. <!--------------------------------------------->
  43.  
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48. ::-webkit-scrollbar-thumb {
  49. background-color:{color:scrollbar};
  50. }
  51. ::-webkit-scrollbar-track {
  52. background-color:#fff;
  53. }
  54. ::-webkit-scrollbar {
  55. height:3px; width:3px;
  56. }
  57.  
  58.  
  59.  
  60. a {
  61. text-decoration: none;
  62. color:{color:text};
  63. }
  64.  
  65.  
  66. img {
  67. display:block;
  68. }
  69.  
  70.  
  71.  
  72. body {
  73. color: {color:text};
  74. font-family: arial;
  75. line-height:100%;
  76. word-wrap: break-word;
  77. font-size:10px;
  78. text-align:justify;
  79. letter-spacing:1px;
  80. }
  81.  
  82.  
  83.  
  84.  
  85. h1 {
  86. font-size:14px;
  87. text-align:center;
  88. line-height:100%;
  89. color:{color:text};
  90. padding-bottom:0px;
  91. font-weight:normal;}
  92.  
  93. h1 a {
  94. color:{color:text};
  95. font-style:italic;
  96. }
  97.  
  98. blockquote {
  99. border-left:1px
  100. solid #000000;
  101. margin-left:4px;
  102. padding-left:3px;
  103. padding-right:0px;
  104. margin-right:0px;
  105. }
  106.  
  107. blockquote blockquote {
  108. padding-left:4px;
  109. border-left:1px solid #000000;}
  110.  
  111.  
  112.  
  113.  
  114.  
  115. #sidebar {
  116. position: fixed;
  117. top: 390px;
  118. left: 150px;
  119. z-index:9999;
  120. }
  121.  
  122. #title {
  123. margin-left: 180px;
  124. margin-top: 40px;
  125. position: fixed;
  126. background:#ffffff;
  127. padding: 3px;
  128. color: #3f3d3d;
  129. text-transform:uppercase;
  130. font-size:12px;
  131. font-weight:bold;
  132. letter-spacing: 5px;
  133. line-height:90%;
  134. font-family:arial;
  135.  
  136. }
  137.  
  138. #img {
  139. position: fixed;
  140. top: 160px;
  141. left: 40px;
  142. }
  143.  
  144. #img img {
  145. z-index:0;
  146. }
  147.  
  148.  
  149. #links
  150. {
  151. width: 150px;
  152. line-height:120%;
  153. padding-top: 7px;
  154. font-size:8px;
  155. text-align:left;
  156. font-family:arial;
  157. letter-spacing:1px;
  158. text-transform:uppercase;
  159. line-height:150%;
  160. font-weight:bold;
  161. }
  162.  
  163. #links a {
  164. font-style:italic;
  165.  
  166. }
  167. #description {
  168. font-family:arial;
  169. text-transform:uppercase;
  170. font-size:8px;
  171. letter-spacing:3px;
  172.  
  173. text-align: left;
  174.  
  175. color:{color:description};
  176. width: 150px;
  177. line-height:130%;
  178. background-color: transparent;
  179. -webkit-box-sizing: border-box;
  180. -moz-box-sizing: border-box;
  181. box-sizing: border-box;
  182. }
  183.  
  184.  
  185. #pg {
  186. display:inline-block;
  187. margin-left: 0px;
  188. font-size:7px;
  189. margin-top: 7px;
  190. line-height:120%;
  191. letter-spacing:1px;
  192. text-transform:uppercase;
  193. font-weight:bold;
  194. text-align:left;
  195. font-family:arial;
  196.  
  197. }
  198.  
  199.  
  200.  
  201. #pg a {
  202. color:{color:pagination};
  203. }
  204.  
  205.  
  206.  
  207. #all {
  208. float:left;
  209. text-align:justify;
  210. margin-left:450px;
  211. margin-top:40px;
  212. color:{color:text};
  213. margin-bottom: 35px;
  214. }
  215.  
  216.  
  217. #posts {
  218. overflow: hidden;
  219. width:500px;
  220. margin-top:0px;
  221. margin-bottom:50px;
  222. text-align:justify;
  223. font-size:11px;
  224. line-height:100%;
  225. color:{color:text};
  226. }
  227.  
  228. #info {
  229. width:500px;
  230. font-family:arial;
  231. color: {color:info};
  232. padding:0px 0px 5px 0px;
  233. font-size:8px;
  234. color:#000;
  235. margin-top:10px;
  236. margin-bottom:5px;
  237. text-transform:uppercase;
  238. letter-spacing:2px;
  239. text-align:left;
  240. text-decoration:none;
  241.  
  242. }
  243.  
  244. #info a {
  245. color: {color:info};
  246. }
  247.  
  248.  
  249. #tags {
  250. text-decoration:none;
  251. margin-top:-10px;
  252. letter-spacing:1px;
  253. font-size:10px;
  254. text-align:left;
  255. padding:5px 0px 5px 0px;
  256. }
  257.  
  258. #tags a {
  259. text-decoration:none;
  260. color: {color:tags};
  261. }
  262.  
  263.  
  264. #date {
  265. {color:info}
  266. text-decoration:underline;
  267. display:inline-block;
  268. margin-top:-1px;
  269. padding:0px 3px 0px 0px;
  270.  
  271. }
  272. #date a {
  273. color:{color:info};
  274.  
  275. }
  276.  
  277.  
  278.  
  279. ol.notes{
  280. letter-spacing: 1px;
  281. padding-left:25px;
  282. font-size:8px;
  283. text-transform:uppercase;
  284. line-height:25px;
  285. width:480px;
  286. height: auto;
  287. }
  288.  
  289. .notes img{
  290. display:inline-block;
  291. width:10px;
  292. padding-right: 10px;
  293. }
  294.  
  295. .notes blockquote {
  296. padding:5px;
  297. width:450px;
  298. background:transparent;
  299. -moz-transition-duration:0.5s;
  300. -webkit-transition-duration:0.5s;
  301. -o-transition-duration:0.5s;
  302. }
  303.  
  304.  
  305.  
  306. #audio {margin-bottom:-10px;
  307. width:500px;
  308. height:70px;}
  309.  
  310. .player {
  311. margin-top: 5px;
  312. margin-left: 5px;
  313. position:absolute;
  314. z-index:1;
  315. background:#000000;
  316. width:50px;
  317. -webkit-border-radius:50px;
  318. border-radius:50px;
  319. -moz-border-radius:50px;
  320. opacity: 0.7;
  321. height:50px;
  322. display:block;
  323. -webkit-transition: all 0.7s ease;
  324. -moz-transition: all 0.7s ease;
  325. -o-transition: all 0.7s ease;}
  326.  
  327. .player:hover {
  328. opacity: 1; }
  329.  
  330. .button {
  331. width:26px;
  332. height:26px;
  333. margin-top:10px;
  334. margin-left:8px;
  335. overflow:hidden;
  336. padding:3px;}
  337.  
  338. .tr {
  339. font-size:8px;
  340. text-transform:uppercase;
  341. color: #747474;
  342. letter-spacing:1px;
  343. background:#f8f8f8;
  344.  
  345. text-align:
  346. center;
  347. height: 40px;
  348. margin-left:0px;
  349. line-height:10px;
  350. padding: 10px;
  351. }
  352.  
  353.  
  354.  
  355. .cht {
  356. margin-bottom: 0px;
  357. margin-top: 0px;}
  358.  
  359. ul.cht, .cht ol, .cht li {
  360. list-style:none;
  361. margin-left:-2px;
  362. padding:2px 2px 2px 2px;
  363. }
  364.  
  365. .label {
  366. font-weight:bold;
  367. }
  368.  
  369. #q {
  370. letter-spacing:2px;
  371. color: #565656;
  372. font-size: 11px;
  373. padding:0px 0px 3px 0px;
  374. line-height:14px;
  375. text-align: left;
  376. margin-top: 0px;
  377. font-style:italic;
  378. }
  379.  
  380. .s {
  381. font-size: 10px;
  382.  
  383. }
  384.  
  385.  
  386.  
  387.  
  388. #credit {
  389. position:fixed;
  390. bottom:10px;
  391. right:10px;
  392. font-size:9px;
  393. z-index: 99988;
  394. text-transform:uppercase;
  395. font-family:cambria;
  396. }
  397.  
  398. #credit a {
  399. padding: 2px 2px 2px 3px;
  400. color: #000000;
  401. background: #fff;
  402. -moz-transition-duration:0.7s;
  403. -webkit-transition-duration:0.7s;
  404. -o-transition-duration:0.7s;
  405. }
  406.  
  407. #credit a:hover {
  408. color: #fff;
  409. background: #000000 ;
  410. -moz-transition-duration:0.7s;
  411. -webkit-transition-duration:0.7s;
  412. -o-transition-duration:0.7s;
  413. }
  414.  
  415. {CustomCSS}</style></head><body>
  416. <!------------------------------------------------------------------------SIDEBAR IMAGE CREDIT: CHARMAINE OLIVIA (www.charmaineolivia.com/portfolio/artwork)
  417. -------------------------------------------------------------------------> <div id="img"><div id="title">{Title}.</div><img src="http://static.tumblr.com/xuogecr/mDIn8im3w/ske5tchbook-32.jpg">
  418.  
  419.  
  420. </div>
  421. <div id="sidebar">
  422.  
  423. <div id="sidebarimage">
  424.  
  425. </div>
  426.  
  427.  
  428.  
  429. <div id="description">
  430. {block:Description}
  431. {Description}
  432. {/block:Description}
  433. </div>
  434. <div id="links">
  435.  
  436. <a href="/">home</a>
  437.  
  438. <a href="/ask">ask</a>
  439.  
  440. {block:IfLinkA}<a href="{text:linkA url}">{text:linkA}</a>{/block:IfLinkA}
  441.  
  442. {block:IfLinkB}<a href="{text:linkB url}">{text:linkB}</a>{/block:IfLinkB}
  443.  
  444. {block:IfLinkC}<a href="{text:linkC url}">{text:linkC}</a>{/block:IfLinkC}
  445.  
  446. {block:IfLinkD}<a href="{text:linkD url}">{text:linkD}</a>{/block:IfLinkD}
  447.  
  448. {block:IfLinkE}<a href="{text:linkE url}">{text:linkE}</a>{/block:IfLinkE}
  449. </div>
  450.  
  451. {block:Pagination}<div id="pg">
  452. {block:PreviousPage}
  453. <a href="{PreviousPage}"><u>back</u></a>
  454. {/block:PreviousPage}
  455. {block:NextPage}
  456. <a href="{NextPage}"><u>forth</u></a>
  457. {/block:NextPage}
  458. </div>
  459. {/block:Pagination}
  460.  
  461. </div>
  462.  
  463.  
  464. <div id="all"> {block:Posts} <div id="posts">
  465.  
  466.  
  467. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  468.  
  469. {block:Link}<h1><a href="{URL}"> {Name} </a></h1>
  470. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  471.  
  472. {block:Quote}<div id="q">"{Quote}"{block:Source} — {Source}{/block:Source}</div></font>{/block:Quote}
  473.  
  474. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  475.  
  476. {block:Photoset}<center>{Photoset-500}</center>
  477. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  478.  
  479. {block:Chat}<ul class="cht">{block:Title}{Title}{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  480.  
  481. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  482.  
  483. {block:Answer}
  484. <center>
  485. <div style="padding:8px; line-height:150%; border-bottom: 1px solid #000000;"> <span style="letter-spacing:1px;"><a href="{AskerURL}">{Asker}:</a></span><br><i>{Question}</i></div>
  486. <span style="line-height:110%;">{Answer}</span>
  487. </center>
  488. {/block:Answer}
  489.  
  490. {block:Audio}
  491. <div id="audio"><div class="player">
  492. <div class="button">{AudioPlayerBlack}</div></div><div class="tr"><font style="font-weight: bold; font-size:9px;
  493. text-transform:uppercase;">{block:TrackName}TITLE: {TrackName}{/block:TrackName} <br> {block:Artist}ARTIST: {Artist}{/block:Artist}</font><br />{block:Album}{Album}{/block:Album}<br>{PlayCountWithLabel}</div></div>
  494. {Caption}
  495. {/block:Audio}
  496.  
  497.  
  498.  
  499. {block:Date}<div id="info"><div id="date"><a href="{Permalink}" title="permalink">{ShortMonth} {DayOfMonthWithZero}, at {12Hour}:{Minutes}</a></div>{block:NoteCount}// <a href="{Permalink}" style="text-decoration:none;">{NoteCountWithLabel}</a>{/block:NoteCount}<div style="float:right; padding-top: 2px;">{block:RebloggedFrom} <a href="{ReblogParentURL}" title="ReblogParentName" style="text-decoration:none;">via -</a>{/block:RebloggedFrom}
  500. {block:ContentSource} <a href="{SourceURL}" title="{SourceTitle}" style="text-decoration:none;">source</a> -{/block:ContentSource} <a href="{ReblogURL}" target="_blank" class="details" style="text-decoration:none;">reblog</a> </div></div>{/block:Date}
  501. {block:HasTags}<div id="tags">
  502. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}</div>
  503. {/block:HasTags}
  504.  
  505. </div>
  506. <div id="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  507. {/block:Posts}</div>
  508. <div id="credit"><a href="http://hishaz.tumblr.com" title="hishaz">HH</a></div>
  509. </body>
  510. </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!