API tools faq
paste
haruzie

Black and Gray Theme

haruzie
Jul 17th, 2011
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.46 KB | None | 0 0
raw download clone embed print report
  1. <HTML>
  2.  
  3. <!--Theme by: Haruzie (h a r u z i e . t u m b l r . c o m)-->
  4. <!--Feel Free to modify or do whatever you want like change the color or fonts-->
  5. <!--But do not remove or alter the credits-->
  6. <!--Do not redistribute or claim my code as your own-->
  7.  
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <title> {title}</title>
  10. <link rel="shortcut icon" href="{favicon}">
  11. <META name="image:Background" content="">
  12. <META name="color:Background" content="#fff">
  13. <META name="color:Notes and Reblog Button" content="#000">
  14. <META name="color:font" content="#999">
  15. <META name="color:nav border" content="#eaeaea">
  16. <META name="color:header font" content="#999">
  17. <META name="color:link visited" content="#000000">
  18. <META name="color:link hover" content="#cccccc">
  19. <META name="color:scrollbar background" content="#ffffff">
  20. <META name="color:scrollbar" content="#e2e2e2">
  21. <META name="color:white" content="#ffffff">
  22. <META name="color:navigation bg" content="#f5f5f5">
  23. <META name="color:navigation" content="#000">
  24. <META name="color:navi border" content="#000">
  25. <META name="color:navigation hover" content="#ccc">
  26. <META name="color:navi border hover" content="#ccc">
  27. <meta name="if:DisableRightClick" content="1"/>
  28. <meta name="if:ShowRandom" content="1"/>
  29. <meta name="if:ShowArchive" content="1"/>
  30. <meta name="if:ShowNotesandRblog" content="1"/>
  31. <meta name="if:EndlessScroll" content="1"/>
  32. <meta name="if:Styled Scrollbar" content="1"/>
  33. <meta name="font:theme" content="Trebuchet MS"/>
  34. <META name="text:cursor url main" content="http://static.tumblr.com/9ji9tiw/iLgl5njtq/cursor.gif">
  35. <META name="text:cursor url hover" content="http://static.tumblr.com/9ji9tiw/iLgl5njtq/cursor.gif">
  36. <META name="text:Add your link" content="">
  37. <META name="text:link url" content="http://">
  38. <META name="text:Add your link2" content="">
  39. <META name="text:link url2" content="http://">
  40. <META name="text:Add your link3" content="">
  41. <META name="text:link url3" content="http://">
  42. <META name="text:Add your link4" content="">
  43. <META name="text:link url4" content="http://">
  44. <META name="text:Add your link5" content="">
  45. <META name="text:link url5" content="http://">
  46. <META name="text:Add your link6" content="">
  47. <META name="text:link url6" content="http://">
  48.  
  49. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  50.  
  51. {block:IfDisableRightClick}
  52. <script language=JavaScript>
  53. <!--
  54.  
  55. //Disable right click script III- By Renigade ([email protected])
  56. //For full source code, visit http://www.dynamicdrive.com
  57.  
  58. var message="";
  59. ///////////////////////////////////
  60. function clickIE() {if (document.all) {(message);return false;}}
  61. function clickNS(e) {if
  62. (document.layers||(document.getElementById&&!document.all)) {
  63. if (e.which==2||e.which==3) {(message);return false;}}}
  64. if (document.layers)
  65. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  66. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  67.  
  68. document.oncontextmenu=new Function("return false")
  69. // -->
  70. </script>
  71. {/block:IfDisableRightClick}
  72.  
  73.  
  74.  
  75.  
  76. <style type="text/css">
  77. #navbar-iframe {height:0px; visibility:hidden; display:none}
  78.  
  79. a, a:link, a:visited, a:active {
  80. color: {color:link visited};
  81. letter-spacing: 1px;
  82. text-transform: normal;
  83. padding: 0px;
  84. cursor: default;
  85. text-decoration: none;
  86. }
  87.  
  88. a:hover {
  89. color: {color:link hover};
  90. background-color: transparent;
  91. -webkit-transition: .3s;
  92. cursor:url({text:cursor url hover});
  93. }
  94.  
  95. {block:IfStyledScrollbar}
  96. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};height:100px;}
  97. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar background};height:10px !important;}
  98. ::-webkit-scrollbar { height:10px;width:12px; background-color:{color:scrollbar background};}
  99. {/block:IfStyledScrollbar}
  100.  
  101. body{
  102. color:{color:font};
  103. background-color:{color:Background};
  104. background-image:url({image:background});
  105. background-postition:center;
  106. background-attachment: fixed;
  107. background-repeat: repeat;
  108. font-family:{font:theme};
  109. font-size:{text:font size};
  110. line-height: 12px;
  111. text-align:{text:alignment};
  112. cursor: url({text:cursor url main});}
  113. b {
  114. color: {color:bold};}
  115. strong {
  116. color: {color:bold};}
  117. i {
  118. color: {color:header font};}
  119. u {
  120. font-color: {color:italic};
  121. }
  122. .header2 {
  123. margin: 0 0 0 0;
  124. color: {color:header font};
  125. width: 200px;
  126. height: 15px;
  127. padding-top: 5px;
  128. padding-left: 3px;
  129. text-align:justify;
  130. letter-spacing: 2px;
  131. font-variant: small-caps;
  132. background: {color:navigation bg};
  133. font-family: Trebuchet Ms;
  134. font-size: 11px;
  135. }
  136. .header {
  137. font: 30px 'Yanone Kaffeesatz';
  138. color: {color:header font};
  139. text-transform: none;
  140. line-height: 130%;
  141. text-align: ;
  142. }
  143. #Avatar {
  144. left: 0px;
  145. top: 0px;
  146. background-image: url({PortraitURL-128});
  147. width: 128px;
  148. height: 128px;
  149. margin-left: -25px;
  150. }
  151.  
  152.  
  153. table {
  154. background-color: white;
  155. font-family: {font:theme};
  156. font-size: 7pt;
  157. color:{color:font color};
  158. line-height: 120%;
  159. padding: 0px;
  160. margin-left: auto;
  161. margin-right: auto;
  162. margin-top: 0px;
  163. }
  164. img { border: 0px solid {color:border};
  165. padding: 1px;
  166. filter: alpha (opacity=1.0);
  167. opacity: 1.0;
  168. -webkit-transition: .2s;
  169. }
  170. img:hover {filter: alpha (opacity=80);
  171. opacity: 0.80;
  172. -webkit-transition: .3s;
  173. }
  174. blockquote {
  175. border: 1px dashed {color:border};
  176. padding: 2px;
  177. }
  178. ol.notes {
  179. padding: 0px;
  180. margin: 25px 0px;
  181. list-style-type: none;
  182. border-bottom: solid 2px {color:border};
  183. }
  184.  
  185. ol.notes li.note {
  186. border-top: solid 2px {color:border};
  187. padding: 10px;
  188. }
  189.  
  190. ol.notes li.note img.avatar {
  191. vertical-align: -4px;
  192. margin-right: 10px;
  193. width: 16px;
  194. height: 16px;
  195. }
  196.  
  197. ol.notes li.note span.action {
  198. font-weight: bold;
  199. }
  200.  
  201. ol.notes li.note .answer_content {
  202. font-weight: normal;
  203. }
  204.  
  205. ol.notes li.note blockquote {
  206. border-color: {color:border};
  207. padding: 4px 10px;
  208. margin: 10px 0px 0px 25px;
  209. }
  210.  
  211. ol.notes li.note blockquote a {
  212. text-decoration: none;
  213.  
  214. }
  215. .tumblrdate {
  216. font-family: {font:theme};
  217. text-transform: uppercase;
  218. font-size:7pt;
  219. }
  220.  
  221. #main{
  222. overflow:hidden;
  223. padding-bottom:5px;
  224. width:800px;
  225. margin-top:px;
  226. }
  227. #sidebar{
  228. background-color: transparent;
  229. padding: 5px 5 5 5;
  230. margin-left: -5px;
  231. width: 150px;
  232. text-align: left;
  233. }
  234. #post {
  235. background-color: {color:post bg};
  236. float:left;
  237. {block:IndexPage}
  238. width:250px;
  239. height:160px;
  240. overflow:hidden; {/block:IndexPage}
  241. {block:PermalinkPage}
  242. width:600px;
  243. background-color:{color:post bg};
  244. {/block:PermalinkPage}
  245. padding:2px;
  246.  
  247. }
  248. .footer {
  249. font-family: trebuchet ms;
  250. font-size: 9px;
  251. letter-spacing: 2px;
  252. color: #888;
  253. background: transparent;
  254. text-align: center;
  255. display: block;
  256. padding: 10px;
  257. text-transform: uppercase;
  258. padding-top: 7px;
  259. }
  260. .pagination {
  261. font-family: trebuchet ms;
  262. font-size: 15px;
  263. letter-spacing: 2px;
  264. color: #888;
  265. background: transparent;
  266. text-align: center;
  267. display: block;
  268. padding: 10px;
  269. text-transform: uppercase;
  270. padding-top: 7px;
  271. }
  272.  
  273. a.nav { color: {color:navigation};
  274. margin-top: 2px;
  275. padding: 3px;
  276. cursor: pointer;
  277. text-transformation: uppercase;
  278. background-color: {color:navigation bg};
  279. -webkit-transition: .30s ease-in;
  280. display: block;
  281. border-right: 14px solid {color:navi border};
  282. border-left: 14px solid {color:navi border};
  283. }
  284.  
  285.  
  286. .nav:hover { color: {color:navigation hover};
  287. cursor:url({text:cursor url hover});
  288. border-left: 14px solid {color:navi border hover};
  289. border-right: 14px solid {color:navi border hover};
  290. }
  291.  
  292. a.pink{background-color: {color:Notes and Reblog Button} ;
  293. color: {color:white};
  294. width: 124px;
  295. display: inline-block;
  296. text-align: center;
  297. padding-top: 3px;
  298. padding-bottom: 3px;
  299. align: center;
  300. margin-left:1px;}
  301.  
  302.  
  303. a.pink:hover{opacity:.50;
  304. -webkit-transition-duration:.2s;
  305. -moz-transition:.2s;
  306. color: {color:white};}
  307.  
  308. </head>
  309. </style><body>
  310. <br>
  311. <table width="900px" align="center" cellpadding="10" cellspacing="0" border-style="1px dashed #000000";><center>
  312.  
  313. <td width="150px" valign="top" style="background: transparent;">
  314. <center>
  315. <div id="Avatar"></div>
  316.  
  317. <div id="sidebar">
  318. {block:Description}{Description}{/block:Description}
  319.  
  320. <a class="nav" href="/">HOME</a>
  321. <a class="nav" href="/ask">ASK</a>
  322. {block:IfShowRandom}<a class="nav" href="/random">RANDOM</a>{/block:IfShowRandom}
  323. {block:IfShowArchive}<a class="nav" href="/archive">ARCHIVE</a>{/block:IfShowArchive}
  324. {block:IfAddyourlink}<a class="nav" href='{text:link url}'>{text:Add your link}</a>{/block:IfAddyourlink}
  325. {block:IfAddyourlink2}<a class="nav" href='{text:link url2}'>{text:Add your link2}</a>{/block:IfAddyourlink2}
  326. {block:IfAddyourlink3}<a class="nav" href='{text:link url3}'>{text:Add your link3}</a>{/block:IfAddyourlink3}
  327. {block:IfAddyourlink4}<a class="nav" href='{text:link url4}'>{text:Add your link4}</a>{/block:IfAddyourlink4}
  328. {block:IfAddyourlink5}<a class="nav" href='{text:link url5}'>{text:Add your link5}</a>{/block:IfAddyourlink5}
  329. {block:IfAddyourlink6}<a class="nav" href='{text:link url6}'>{text:Add your link6}</a>{/block:IfAddyourlink6}
  330. <a class="nav" href="http://haruzie.tumblr.com">THEME</a>
  331.  
  332.  
  333. </div>
  334.  
  335. </td>
  336.  
  337. <td width="800px" valign="top" style="background:transparent; text-align:justify; list-style-image: url(http://www.zawya.com/images/arrow_bullets.gif);
  338. ">
  339.  
  340. <div align="justify">
  341. <div style="width: 800px;">
  342. <div id="main">
  343. {block:Posts}
  344. <div id="post">
  345. {block:IndexPage}
  346. {block:IfShowNotesandRblog}{block:NoteCount}<a href="{Permalink}" class="pink">{NoteCountWithLabel}{/block:NoteCount}</a><a href="{ReblogURL};" class="pink" target="_blank">REBLOG</a>{/block:IfShowNotesandRblog}
  347. {/block:IndexPage}
  348.  
  349.  
  350. {block:Text}<a href="{Permalink}"><div class="header">{Title}</div></a>{block:IndexPage}
  351. <div style="height: 100px; overflow-x:hidden;overflow-y:hidden">
  352. {Body}</div>{/block:IndexPage}{block:PermalinkPage}{Body}{/block:PermalinkPage}{/block:Text}
  353. {block:Photo}{block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-250}" width="250"alt="{PhotoAlt}"/></a>{/block:IndexPage}
  354. {block:PermalinkPage}{LinkOpenTag}
  355. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}<br>{block:Caption}
  356. <p>{Caption}</p>
  357. {/block:Caption}{/block:PermalinkPage}</center>{/block:Photo}{block:Photoset}<center>{block:IndexPage}<img src="{Photoset-250}" width="250" height="200">{/block:IndexPage}
  358.  
  359. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:PermalinkPage}
  360. {/block:PermalinkPage}
  361. {/block:Photoset}
  362.  
  363. {block:Quote}{block:Source}<div class="header">&ldquo;{Quote}&rdquo;</div>{Source}{/block:Source}
  364. {/block:Quote}
  365. {block:Link} <a href="{URL}" id="postlink" {Target}><div class="header">{Name}&rarr;</div></a><BR>{block:Description}{Description}{/block:Description}
  366. {/block:Link}
  367. {block:Chat}<a href="{Permalink}"><div class="header">{Title}</div></a><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  368. {/block:Chat}
  369. {block:Video}<center>{block:IndexPage}<div id="video">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  370. {/block:Video}
  371. {block:Audio}{block:IndexPage}{block:AlbumArt}<img src="{AlbumArtURL}" width="250px" height="100px" />{/block:AlbumArt}<div style="width:260; height:30; background: #000; "><span class="audio"><center>{AudioPlayerBlack}</center></span></div><b><center>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}<br></b> <i>with {PlayCountWithLabel}</i></center>{/block:IndexPage}{block:PermalinkPage}<br><center>
  372. {block:AlbumArt}<img src="{AlbumArtURL}" width="500px" height="300px" />{/block:AlbumArt}<div style="width:500; height:30; background: #000; "><span class="audio"><center>{AudioPlayerBlack}</center></span></div><b><center>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}<br></b> <i>with {PlayCountWithLabel}</i></center>
  373. {block:Caption}{Caption}{/block:Caption}</center>{/block:PermalinkPage}
  374.  
  375. {/block:Audio}
  376. {block:Answer}<span class="answer"><div id="question"><div id="asked"><img src="{AskerPortraitURL-40}"align="left" /><b>{Asker} asked:</b><BR> {Question}</div></div>{Answer}</span>{/block:Answer}
  377.  
  378. {block:PostNotes} <br><br>
  379. <B>POST DETAILS:</B><BR>
  380. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  381. {block:HasTags}<br>Tagged as:
  382.  
  383. {block:Tags}
  384. <a href="{TagURL}">{Tag}</a>,
  385. {/block:Tags}
  386. {/block:HasTags}{block:ContentSource}<br>Originally Posted by:<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}{block:RebloggedFrom}Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  387. <br>POST NOTES:<BR>
  388. {PostNotes}
  389. {/block:PostNotes}
  390. {/block:PostNotes}
  391.  
  392. </div>
  393. {/block:Posts}
  394.  
  395. </div>{block:IfNotEndlessScroll}
  396. <div class="pagination">
  397. {block:Pagination}
  398. {block:PreviousPage}
  399. <a href="{PreviousPage}">Prev</a>
  400. {/block:PreviousPage}
  401.  
  402. {block:JumpPagination length="10"}
  403. {block:CurrentPage}
  404. <span class="current_page">{PageNumber}</span>
  405. {/block:CurrentPage}
  406.  
  407. {block:JumpPage}
  408. <a class="jump_page" href="{URL}">{PageNumber}</a>
  409. {/block:JumpPage}
  410. {/block:JumpPagination}
  411.  
  412. {block:NextPage}
  413. <a href="{NextPage}">Next</a>
  414. {/block:NextPage}
  415. {/block:Pagination}</div>
  416. <center>
  417. <div class="footer">
  418. THEME BY: <a href="http://haruzie.tumblr.com/">H A R U Z I E</a>
  419. </div>{/block:IfNotEndlessScroll}</td>
  420. </table></table>
  421.  
  422. </body>
  423. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!