API tools faq
paste
haruzie

Pink World Theme

haruzie
Dec 30th, 2011
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.72 KB | None | 0 0
raw download clone embed print report
  1. <HTML>
  2.  
  3. <!--Theme by: Haruzie (w w w.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. <!--Never remove this or else-->
  8.  
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10. <title> {title}</title>
  11. <link rel="shortcut icon" href="{favicon}">
  12. <META name="image:Background" content="">
  13. <META name="color:Background" content="#fff">
  14. <META name="color:Notes and Reblog Button" content="#F660AB">
  15. <meta name="if:DisableRightClick" content="1"/>
  16. <meta name="if:ShowNotesandRblog" content="1"/>
  17. <meta name="font:theme" content="Trebuchet MS"/>
  18. <META name="text:cursor url main" content="http://static.tumblr.com/9ji9tiw/iLgl5njtq/cursor.gif">
  19. <META name="text:cursor url hover" content="http://static.tumblr.com/9ji9tiw/iLgl5njtq/cursor.gif">
  20. <META name="text:Add your link" content="LINK HERE">
  21. <META name="text:link url" content="http://">
  22. <META name="text:Add your link2" content="LINK HERE">
  23. <META name="text:link url2" content="http://">
  24. <META name="text:Add your link3" content="LINK HERE">
  25. <META name="text:link url3" content="http://">
  26. <META name="text:Add your link4" content="LINK HERE">
  27. <META name="text:link url4" content="http://">
  28. <META name="text:Add your link5" content="LINK HERE">
  29. <META name="text:link url5" content="http://">
  30.  
  31. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  32.  
  33. {block:IfDisableRightClick}
  34. <script language=JavaScript>
  35. <!--
  36.  
  37. //Disable right click script III- By Renigade ([email protected])
  38. //For full source code, visit http://www.dynamicdrive.com
  39.  
  40. var message="";
  41. ///////////////////////////////////
  42. function clickIE() {if (document.all) {(message);return false;}}
  43. function clickNS(e) {if
  44. (document.layers||(document.getElementById&&!document.all)) {
  45. if (e.which==2||e.which==3) {(message);return false;}}}
  46. if (document.layers)
  47. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  48. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  49.  
  50. document.oncontextmenu=new Function("return false")
  51. // -->
  52. </script>
  53. {/block:IfDisableRightClick}
  54.  
  55.  
  56.  
  57.  
  58. <style type="text/css">
  59. #navbar-iframe {height:0px; visibility:hidden; display:none}
  60.  
  61. a, a:link, a:visited, a:active {
  62. color: pink;
  63. letter-spacing: 1px;
  64. text-transform: normal;
  65. padding: 0px;
  66. cursor: default;
  67. text-decoration: none;
  68. }
  69.  
  70. a:hover {
  71. color: white;
  72. background-color: pink;
  73. -webkit-transition: .3s;
  74. cursor:url({text:cursor url hover});
  75. }
  76.  
  77.  
  78. ::-webkit-scrollbar {
  79. width: 12px;
  80. height:auto;
  81. background: #trans;
  82. border-left: 1pt solid pink;
  83. border-right: 1pt solid pink;
  84. border-top: 1pt solid pink;
  85. border-right: 1pt solid pink;
  86. }
  87.  
  88. ::-webkit-scrollbar-corner {
  89. background: #f8f8f8;
  90. }
  91.  
  92. ::-webkit-scrollbar-button:vertical {
  93. height:4px;
  94. display: block;
  95. background: #f6f6f6;
  96. border-left:1pt solid pink;
  97. border-right:1pt solid pink;
  98. }
  99.  
  100. ::-webkit-scrollbar-button:horizontal {
  101. width: 7px;
  102. height: 4px;
  103. display: block;
  104. }
  105.  
  106. ::-webkit-scrollbar-thumb:vertical {
  107. background: #f8f8f8;
  108. border: 1px solid pink;
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb:horizontal {
  112. background: #f8f8f8;
  113. border: 1px solid #d5d5d5;
  114. }
  115.  
  116. ::-webkit-scrollbar-thumb {
  117. background: #f8f8f8;
  118. border-top: 1pt solid pink;
  119. border-bottom: 1pt solid pink;
  120. }
  121.  
  122. ::-webkit-scrollbar-thumb:hover {
  123. background: #f8f8f8;
  124. cursor: url(http://static.tumblr.com/jxprxb2/q9zlpkjaj/cursor.png), auto;
  125. }
  126.  
  127. ::-webkit-scrollbar-track-piece {
  128. background: #f9f9f9;
  129. border-top: 1pt solid pink;
  130. border-bottom: 1pt solid pink;
  131. width:4pt;
  132. }
  133.  
  134.  
  135. body{
  136. color: gray;
  137. background-color:{color:Background};
  138. background-image:url({image:background});
  139. background-postition:center;
  140. background-attachment: fixed;
  141. background-repeat: repeat;
  142. font-family:{font:theme};
  143. font-size:{text:font size};
  144. line-height: 12px;
  145. text-align:{text:alignment};
  146. cursor: url({text:cursor url main});}
  147. b {
  148. color: {color:bold};}
  149. strong {
  150. color: {color:bold};}
  151. i {
  152. color: {color:header font};}
  153. u {
  154. font-color: {color:italic};
  155. }
  156. .header {
  157. font: 15px 'Yanone Kaffeesatz';
  158. color: gray;
  159. text-transform: none;
  160. line-height: 130%;
  161. text-align: ;
  162. }
  163. table {
  164. background-color: transparent;
  165. font-family: {font:theme};
  166. border: 1px dashed pink;
  167. font-size: 7pt;
  168. color:{color:font color};
  169. padding: 0px;
  170. margin-left: auto;
  171. margin-right: auto;
  172. margin-top: 0px;
  173. }
  174. img {
  175. padding: 1px;
  176. filter: alpha (opacity=1.0);
  177. opacity: 1.0;
  178. -webkit-transition: .2s;
  179. }
  180. img:hover {filter: alpha (opacity=80);
  181. opacity: 0.80;
  182. -webkit-transition: .3s;
  183. }
  184. blockquote {
  185. border: 1px dashed {color:border};
  186. padding: 2px;
  187. }
  188. ol.notes {
  189. padding: 0px;
  190. margin: 25px 0px;
  191. list-style-type: none;
  192. border-bottom: solid 2px {color:border};
  193. }
  194. ol.notes li.note {
  195. border-top: solid 2px {color:border};
  196. padding: 10px;
  197. }
  198. ol.notes li.note img.avatar {
  199. vertical-align: -4px;
  200. margin-right: 10px;
  201. width: 16px;
  202. height: 16px;
  203. }
  204.  
  205. ol.notes li.note span.action {
  206. font-weight: bold;
  207. }
  208.  
  209. ol.notes li.note .answer_content {
  210. font-weight: normal;
  211. }
  212.  
  213. ol.notes li.note blockquote {
  214. border-color: {color:border};
  215. padding: 4px 10px;
  216. margin: 10px 0px 0px 25px;
  217. }
  218.  
  219. ol.notes li.note blockquote a {
  220. text-decoration: none;
  221.  
  222. }
  223. .tumblrdate {
  224. font-family: {font:theme};
  225. text-transform: uppercase;
  226. font-size:7pt;
  227. }
  228.  
  229. #main{
  230. overflow:hidden;
  231. padding-bottom:5px;
  232. width:800px;
  233. margin-top:px;
  234. }
  235.  
  236. #post {
  237.  
  238. background-color: white;
  239. float:left;
  240. margin: 5px;
  241. border: 1px solid pink;
  242. {block:IndexPage}
  243. width:250px;
  244. height:160px;
  245. overflow:hidden; {/block:IndexPage}
  246. {block:PermalinkPage}
  247. width:600px;
  248. background-color:{color:post bg};
  249. {/block:PermalinkPage}
  250. padding:2px;
  251.  
  252. }
  253. .footer {
  254. font-family: trebuchet ms;
  255. font-size: 9px;
  256. letter-spacing: 2px;
  257. color: #888;
  258. background: transparent;
  259. text-align: center;
  260. display: block;
  261. padding: 10px;
  262. text-transform: uppercase;
  263. padding-top: 7px;
  264. }
  265. .pagination {
  266. font-family: trebuchet ms;
  267. font-size: 15px;
  268. letter-spacing: 2px;
  269. color: #888;
  270. background: transparent;
  271. text-align: center;
  272. display: block;
  273. padding: 10px;
  274. text-transform: uppercase;
  275. padding-top: 7px;
  276. }
  277.  
  278.  
  279. a.pink{background-color: {color:Notes and Reblog Button} ;
  280. color: {color:white};
  281. width: 124px;
  282. display: inline-block;
  283. text-align: center;
  284. padding-top: 3px;
  285. padding-bottom: 3px;
  286. align: center;
  287. margin-left:1px;}
  288.  
  289.  
  290. a.pink:hover{opacity:.50;
  291. -webkit-transition-duration:.2s;
  292. -moz-transition:.2s;
  293. color: {color:white};}
  294.  
  295. a.nav2
  296. {
  297. width:140px;
  298. text-transform: uppercase;
  299. background: #FFD7E2;
  300. color: white;
  301. display: block;
  302. text-decoration:none;
  303. text-align:center;
  304. font-family:arial;
  305. font-size:11px;
  306. font-weight:bold;
  307. padding:1px;
  308. margin-top:2px;
  309. -webkit-transition-property:color, text;
  310. -webkit-transition-duration: .2s;
  311. -moz-transition-duration: .2s;
  312. -webkit-transition-timing-function: linear, ease-in;
  313. border-bottom:1px solid #DDD9BE;
  314. }
  315.  
  316. a.nav2:hover
  317. {
  318. -webkit-transition-duration: .2s;
  319. -moz-transition-duration: .2s;
  320. background:#FFF1F9;
  321. color:#FF83C6;
  322. border-bottom:1px solid #FFD9EE;
  323. }
  324.  
  325. div.scroll{
  326. height: 390px;
  327. width: 510px;
  328. overflow-x: hidden;
  329. overflow-y: scroll;
  330. background-color: #ffffff;
  331. }
  332.  
  333. div.scroll2{
  334. overflow-x: hidden;
  335. overflow-y: scroll;
  336. }
  337.  
  338.  
  339. </head>
  340. </style><body>
  341. <br>
  342.  
  343. <table width="820px" align="center" cellpadding="2" cellspacing="0" border-style="1px dashed #000000 background-color: white;"><center>
  344.  
  345. <td width="300px" valign="left" style="background:white; text-align:justify; list-style-image: url(http://www.zawya.com/images/arrow_bullets.gif);
  346. ">
  347.  
  348.  
  349. <td width="50%">
  350. <a class="nav2" href="/">Home</a>
  351. <a class="nav2" href="/ask">Message</a>
  352. <a class="nav2" href="/random">RANDOM</a>
  353. <a class="nav2" href='{text:link url}'>{text:Add your link}</a>
  354.  
  355. </td><td width="50%">
  356. <a class="nav2" href='{text:link url3}'>{text:Add your link3}</a>
  357. <a class="nav2" href='{text:link url4}'>{text:Add your link4}</a>
  358. <a class="nav2" href='{text:link url5}'>{text:Add your link5}</a>
  359. <a class="nav2" href="http://haruzie.tumblr.com">THEME</a>
  360.  
  361. </td>
  362. <td width="410px" valign="right" style="background:transparent; border-left: 1px dashed pink; text-align:justify; list-style-image: url(http://www.zawya.com/images/arrow_bullets.gif);
  363. ">
  364. <div style="font-size: 12px; background-color: white; margin-bottom: -18px; ">About Me :</div><br>
  365. <div class="scroll" style="background-color: white ; color: pink; font-family: trebuchet ms; font-size:7pt; height: 65px; font-weight: normal; text-transform: lowercase; border-top: 1px solid pink; text-align: justify; overflow: true; margin-left: 0px;">
  366. {description}</div>
  367. </td>
  368. </table>
  369.  
  370. <br>
  371.  
  372.  
  373. <table width="810px" align="center" cellpadding="2" cellspacing="0" border-style="1px dashed #000000" background-color="transparent";><center>
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381. <td width="800px" valign="top" style=" text-align:justify; list-style-image: url(http://www.zawya.com/images/arrow_bullets.gif);
  382. ">
  383.  
  384. <div class="scroll2" style=" height: 500px; font-weight: normal; text-align: justify; overflow: true; margin-left: 0px;">
  385.  
  386. <div align="justify">
  387. <div style="width: 800px;">
  388. <div id="main">
  389. {block:Posts}
  390. <div id="post">
  391. {block:IndexPage}
  392. {block:IfShowNotesandRblog}{block:NoteCount}<a href="{Permalink}" class="pink">{NoteCountWithLabel}{/block:NoteCount}</a><a href="{ReblogURL}" target="_blank" class="pink" target="_blank">REBLOG</a>{/block:IfShowNotesandRblog}
  393. {/block:IndexPage}
  394.  
  395.  
  396. {block:Text}<a href="{Permalink}"><div class="header">{Title}</div></a>{block:IndexPage}
  397. <div style="height: 100px; overflow-x:hidden;overflow-y:hidden">
  398. {Body}</div>{/block:IndexPage}{block:PermalinkPage}{Body}{/block:PermalinkPage}{/block:Text}
  399. {block:Photo}{block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-250}" width="250"alt="{PhotoAlt}"/></a>{/block:IndexPage}
  400. {block:PermalinkPage}{LinkOpenTag}
  401. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}<br>{block:Caption}
  402. <p>{Caption}</p>
  403. {/block:Caption}{/block:PermalinkPage}</center>{/block:Photo}{block:Photoset}<center>{block:IndexPage}<img src="{Photoset-250}" width="250" height="200">{/block:IndexPage}
  404.  
  405. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:PermalinkPage}
  406. {/block:PermalinkPage}
  407. {/block:Photoset}
  408.  
  409. {block:Quote}{block:Source}<div class="header">&ldquo;{Quote}&rdquo;</div>{Source}{/block:Source}
  410. {/block:Quote}
  411. {block:Link} <a href="{URL}" id="postlink" {Target}><div class="header">{Name}&rarr;</div></a><BR>{block:Description}{Description}{/block:Description}
  412. {/block:Link}
  413. {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>
  414. {/block:Chat}
  415. {block:Video}<center>{block:IndexPage}<div id="video">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  416. {/block:Video}
  417. {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>
  418. {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>
  419. {block:Caption}{Caption}{/block:Caption}</center>{/block:PermalinkPage}
  420.  
  421. {/block:Audio}
  422. {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}
  423.  
  424. {block:PostNotes} <br><br>
  425. <B>POST DETAILS:</B><BR>
  426. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  427. {block:HasTags}<br>Tagged as:
  428.  
  429. {block:Tags}
  430. <a href="{TagURL}">{Tag}</a>,
  431. {/block:Tags}
  432. {/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>
  433. <br>POST NOTES:<BR>
  434. {PostNotes}
  435. {/block:PostNotes}
  436. {/block:PostNotes}
  437.  
  438. </div>
  439. {/block:Posts}
  440.  
  441. </div>{block:IfNotEndlessScroll}
  442. <div class="pagination">
  443. {block:Pagination}
  444. {block:PreviousPage}
  445. <a href="{PreviousPage}">Prev</a>
  446. {/block:PreviousPage}
  447.  
  448. {block:JumpPagination length="10"}
  449. {block:CurrentPage}
  450. <span class="current_page">{PageNumber}</span>
  451. {/block:CurrentPage}
  452.  
  453. {block:JumpPage}
  454. <a class="jump_page" href="{URL}">{PageNumber}</a>
  455. {/block:JumpPage}
  456. {/block:JumpPagination}
  457.  
  458. {block:NextPage}
  459. <a href="{NextPage}">Next</a>
  460. {/block:NextPage}
  461. {/block:Pagination}</div>
  462. <center>
  463. <div class="footer">
  464. THEME BY: <a href="http://haruzie.tumblr.com/">H A R U Z I E</a>
  465. </div>{/block:IfNotEndlessScroll}</td>
  466. </table></table><br>
  467.  
  468. <table width="820px" align="center" cellpadding="2" cellspacing="0" border-style="1px dashed #000000" background-color="transparent";><center>
  469.  
  470.  
  471. <td width="810px" valign="top" style=" text-align:justify;
  472. "><center>THEME BY : <a href="http://haruzie.tumblr.com">HARUZIE</a> Powered by: Tumblr</td>
  473. </center>
  474.  
  475. </table>
  476.  
  477. </body>
  478. </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!