API tools faq
paste
Advertisement
danateruel

Custom Theme 2 for Beans keeper

danateruel
Oct 4th, 2012
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.32 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <html lang="en">
  4.  
  5. {block:ifbanner}
  6. <center><img src="{image:banner}"></center>
  7. {/block:ifbanner}
  8.  
  9.  
  10. <head>
  11.  
  12. <!-- vintage hearts theme by DanaTeruel
  13. please do not remove the credits. if you do so
  14. i will steal your fridge tonight c; -->
  15.  
  16. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  17.  
  18. <script type="text/javascript" src="scrolltopcontrol.js">
  19. </script>
  20.  
  21. <script type="text/javascript" src="http://static.tumblr.com/n4cxsf1/dZMlwng1d/btt_button_eiffel.txt"></script>
  22.  
  23. <script language=JavaScript>
  24. <!--
  25.  
  26. //Disable right mouse click Script
  27. //By Maximus ([email protected]) w/ mods by DynamicDrive
  28. //For full source code, visit http://www.dynamicdrive.com
  29.  
  30. var message="What do you think you're doing? :[";
  31.  
  32. ///////////////////////////////////
  33. function clickIE4(){
  34. if (event.button==2){
  35. alert(message);
  36. return false;
  37. }
  38. }
  39.  
  40. function clickNS4(e){
  41. if (document.layers||document.getElementById&&!document.all){
  42. if (e.which==2||e.which==3){
  43. alert(message);
  44. return false;
  45. }
  46. }
  47. }
  48.  
  49. if (document.layers){
  50. document.captureEvents(Event.MOUSEDOWN);
  51. document.onmousedown=clickNS4;
  52. }
  53. else if (document.all&&!document.getElementById){
  54. document.onmousedown=clickIE4;
  55. }
  56.  
  57. document.oncontextmenu=new Function("alert(message);return false")
  58.  
  59. // -->
  60. </script>
  61.  
  62. <meta name="image:sidebar" content="" />
  63. <meta name="if:Fade Image on Hover" content="" />
  64. <meta name="if:Fade Image not on Hover" content="" />
  65. <meta name="if:Banner" content="" />
  66. <meta name="color:background" content="" />
  67. <meta name="color:text" content="" />
  68. <meta name="image:banner" content="" />
  69. <meta name="if:Rounded Corners" content="" />
  70. <meta name="if:Drop Shadow" content="" />
  71.  
  72. <title>{title}</title>
  73. <link rel="shortcut icon" href="{Favicon}"/>
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  75. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  76.  
  77. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  78.  
  79.  
  80. <style type="text/css">
  81.  
  82. /** FONTS USED IN THE THEME **/
  83.  
  84. @font-face { font-family: "sweetiepie"; src: url('http://static.tumblr.com/4yxykdm/h9hlrfl0t/sweetie_pie_1_.ttf'); }
  85.  
  86. /** FONTS USED IN THE THEME **/
  87.  
  88. {block:ifFadeImagenotonHover}
  89. img{
  90. -webkit-transition: opacity 0.8s linear;
  91. opacity: 0.60;
  92. }
  93. img:hover{
  94. -webkit-transition: opacity 0.8s linear;
  95. opacity: 1;
  96. }
  97. {/block:ifFadeImagenotonHover}
  98.  
  99. {block:ifFadeImageonHover}
  100. img{
  101. -webkit-transition: opacity 0.8s linear;
  102. opacity: 1;
  103. }
  104.  
  105. img:hover{
  106. -webkit-transition: opacity 0.8s linear;
  107. opacity: 0.60;
  108. }
  109. {/block:ifFadeImageonHover}
  110.  
  111.  
  112. div.button a{
  113. display: inline-block;
  114. color: #a8a8a8;
  115. background-color:#f1e9ec;
  116. height:15px;
  117. width:240px;
  118. padding-left:5px;
  119. padding-top:2px;
  120. border-right:8px solid #938b8e;
  121. }
  122.  
  123. div.button a:hover{
  124. width:132px;
  125. text-align:right;
  126. border-right:65px solid #938b8e;
  127. padding-right:2px;
  128. color: #a8a8a8;
  129. background-color:#f1e9ec;
  130. -webkit-transition: 0.5s
  131. }
  132.  
  133. .heart {display : block; font-size: 8pt; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
  134. url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
  135. padding-bottom : 2px;}
  136.  
  137. .heart:hover {display : block; font-size: 8pt; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  138.  
  139.  
  140. body{
  141. color:{color:text};
  142. font-family:verdana;
  143. font-size:10px;
  144. background-color:{color:background};
  145. }
  146.  
  147.  
  148. #cent{
  149. width:508px;
  150. margin-top:20px;
  151. margin-left:400px;
  152. background-color:#fff;
  153. position:absolute;
  154. padding:5px;
  155. {block:ifRoundedCorners}
  156. border-radius:30px;
  157. {/block:ifRoundedCorners}
  158. {block:ifDropShadow}
  159. -moz-box-shadow: 0px 0px 10px #999;
  160. -webkit-box-shadow: 0px 0px 10px #999;
  161. box-shadow: 0px 0px 10px #999;
  162. {/block:ifDropShadow}
  163. }
  164.  
  165.  
  166.  
  167. #post{
  168. padding:2px;
  169. background-color:#fff;
  170. width:500px;
  171. float:left;
  172. margin:2px;
  173. border-radius:40px;
  174. {block:ifDropShadow}
  175. -moz-box-shadow: 0px 0px 10px #999;
  176. -webkit-box-shadow: 0px 0px 10px #999;
  177. box-shadow: 0px 0px 10px #999;
  178. {/block:ifDropShadow}
  179. }
  180.  
  181. #notess{
  182.  
  183. position:absolute;
  184.  
  185. font-size:10px;
  186.  
  187. padding:2px;
  188.  
  189. text-align:right;
  190.  
  191. background-color:#ff00d4;
  192.  
  193. border-radius:40px;
  194.  
  195. }
  196.  
  197. #notess a:hover{
  198. -webkit-transform: rotate(-360deg);
  199. -moz-transform: rotate(-360deg);
  200. }
  201.  
  202. #sidebar1{
  203.  
  204. margin-left:100px;
  205.  
  206. margin-top:20px;
  207.  
  208. background-color: #F5E9DE;
  209.  
  210. width:250px;
  211.  
  212. position:absolute;
  213.  
  214. padding:5px;
  215.  
  216. border: 3px solid #FFFFFF; border-left: 8px solid #FFFFFF;border-right: 8px solid #FFFFFF; border-radius:150px 150px 20px 20px;
  217.  
  218. {block:ifDropShadow}
  219. -moz-box-shadow: 0px 0px 10px #999;
  220. -webkit-box-shadow: 0px 0px 10px #999;
  221. box-shadow: 0px 0px 10px #999;
  222. {/block:ifDropShadow}
  223. }
  224.  
  225. #sidebar2{
  226.  
  227. margin-left:1000px;
  228.  
  229. margin-top:30px;
  230.  
  231. background-color: #F5E9DE;
  232.  
  233. width:250px;
  234.  
  235. position:absolute;
  236.  
  237. padding:5px;
  238.  
  239. {block:ifDropShadow}
  240. -moz-box-shadow: 0px 0px 10px #999;
  241. -webkit-box-shadow: 0px 0px 10px #999;
  242. box-shadow: 0px 0px 10px #999;
  243. {/block:ifDropShadow}
  244.  
  245. border: 3px solid #FFFFFF; border-left: 8px solid #FFFFFF;border-right: 8px solid #FFFFFF; border-radius:150px 150px 20px 20px;
  246.  
  247. }
  248.  
  249. div.imgdes{
  250.  
  251. background: url(http://i42.tinypic.com/20r2o8y.png);
  252.  
  253. border-radius: 0px;
  254.  
  255. padding: 5px;
  256.  
  257. margin-bottom: 1px;
  258.  
  259. width: 190px;
  260.  
  261. border: 1px solid #ebd8c5;
  262.  
  263. letter-spacing: 2px;
  264.  
  265. text-align: center;
  266.  
  267. font-size:45px;
  268.  
  269. line-height:15px;
  270.  
  271. margin:2px;
  272.  
  273. z-index:10;
  274.  
  275. text-shadow: 2px 2px 2px #dddddd;
  276.  
  277. font-family:halohandletter;
  278.  
  279. font-size: 26px;
  280.  
  281. color:#c0ab9c;
  282.  
  283. -moz-border-radius: 50px 50px 50px 50px;
  284.  
  285. -webkit-border-radius: 50px 50px 50px 50px;
  286.  
  287. }
  288.  
  289. #source {
  290. font-family:sweetie pie;
  291. color:#ebd8c5;
  292. }
  293.  
  294. div.imgdes1{
  295.  
  296. background: url(http://i42.tinypic.com/20r2o8y.png);
  297.  
  298. border-radius: 0px;
  299.  
  300. padding: 5px;
  301.  
  302. margin-bottom: 1px;
  303.  
  304. width: 190px;
  305.  
  306. border: 1px solid #ebd8c5;
  307.  
  308. letter-spacing: 2px;
  309.  
  310. text-align: center;
  311.  
  312. font-size:45px;
  313.  
  314. line-height:15px;
  315.  
  316. margin:2px;
  317.  
  318. z-index:10;
  319.  
  320. text-shadow: 2px 2px 2px #dddddd;
  321.  
  322. font-family:halohandletter;
  323.  
  324. font-size: 26px;
  325.  
  326. color:#c0ab9c;
  327.  
  328. -moz-border-radius: 50px 50px 50px 50px;
  329.  
  330. -webkit-border-radius: 50px 50px 50px 50px;
  331.  
  332. }
  333.  
  334.  
  335. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf');} halo {font-family: "halohandletter"; font-size:75px; z-index:1;position: fixed !important; color: white; text-shadow: 0 0 8px #ffdfdf;}
  336.  
  337.  
  338.  
  339.  
  340. {CustomCSS]</style>
  341.  
  342. </head>
  343. <body>
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350. <div id="sidebar1">
  351. <center><img src="http://media.tumblr.com/tumblr_lt6atrVP7I1ql1l0v.gif"><br></center>
  352. <center><div class="imgdes1">The blogette</div> </center>
  353.  
  354. <center><img src="{image:sidebar}" height=150> <br> </center>
  355.  
  356. {Description}
  357.  
  358. <center><img src="http://media.tumblr.com/tumblr_lt6atrVP7I1ql1l0v.gif"><br></center>
  359. <center><div class="imgdes1">about the blog</div> </center>
  360.  
  361. <div class="heart">Right click is disabled</div>
  362. <div class="heart">Infinite scrolling is on</div>
  363. <div class="heart"><script language="JavaScript" src="http://s1.freehostedscripts.net/ghitcounter.php?site=ID282915&s=9"></script>
  364. </div>
  365. <div class="heart"><!-- Start FreeOnlineUsers.com -->
  366. <a href="http://www.freeonlineusers.com">
  367. <font color=#f7adad><script type="text/javascript" src="http://st2.freeonlineusers.com/on4.php?id=1365837"> </script> stole my heart</font></a>
  368. <!-- End FreeOnlineUsers.com --></div>
  369. <div class="heart">Theme made by dana teruel </div>
  370.  
  371. <center><img src="http://media.tumblr.com/tumblr_lt6atrVP7I1ql1l0v.gif"><br></center>
  372. <center><div class="imgdes1">kiss me</div> </center>
  373.  
  374. <div class="button">
  375. <a href="/">Home</a>
  376. <a href="/ask">Message</a>
  377. <a href="/faq">Frequently Asked Questions</a>
  378. <a href="http://">link</a>
  379. <a href="http://">link</a>
  380. <a href="http://">link</a>
  381. <a href="http://">link</a>
  382. <a href="http://">link</a>
  383. <a href="http://">link</a>
  384. <a href="http://danateruel.tumblr.com">Credit</a>
  385. </div>
  386.  
  387.  
  388.  
  389.  
  390.  
  391. </div>
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405. <div id="sidebar2">
  406.  
  407. <center><img src="http://media.tumblr.com/tumblr_lt6as0z5Vu1ql1l0v.gif">
  408. </center>
  409.  
  410. <center><div class="imgdes1">about the princess</div></center>
  411.  
  412.  
  413.  
  414. <img src="http://24.media.tumblr.com/tumblr_m5vr6aEa3S1qlluv1o1_500.png" align='left' style="border: 1px solid #E7CEBA; background:#fff; width: 90px;margin: 3px" />
  415.  
  416.  
  417. <!-- CHANGE THIS PART -->
  418.  
  419. I WANNA BE A BOTTLE BLONDE
  420. I DON'T KNOW WHY BUT I FEEL CONNED
  421. I WANNA BE AN IDLE TEEN
  422. I WISH I HADN'T BEEN SO CLEAN
  423.  
  424. I WANNA STAY INSIDE ALL DAY
  425. I WANT THE WORLD TO GO AWAY
  426. I WANT BLOOD, GUTS AND CHOCOLATE CAKE
  427. I WANNA BE A REAL FAKE
  428.  
  429.  
  430.  
  431. <!-- CHANGE THIS PART -->
  432.  
  433. <center><img src="http://media.tumblr.com/tumblr_lt6as0z5Vu1ql1l0v.gif">
  434. </center>
  435.  
  436. <center><div class="imgdes1">music</div></center>
  437. PUT YOUR MUSIC CODE HERE :D
  438.  
  439. <center><img src="http://media.tumblr.com/tumblr_lt6as0z5Vu1ql1l0v.gif">
  440. </center>
  441.  
  442.  
  443. <center><div class="imgdes1">tags</div></center>
  444. kawaii - cats - fashion - swag - love - diamonds
  445.  
  446. <!-- DELETE THIS PART -->
  447. <center><img src="http://media.tumblr.com/tumblr_lt6as0z5Vu1ql1l0v.gif">
  448. </center>
  449.  
  450. <center><div class="imgdes1">the theme has</div></center>
  451.  
  452. <li>if Fade on Hover option</li>
  453. <li>if Not Fade on Hover option</li>
  454. <li>if Rounded Corners (except for sidebars)</li>
  455. <li>if Drop Shadow</li>
  456. and etc
  457.  
  458.  
  459.  
  460.  
  461.  
  462.  
  463.  
  464. <!-- DELETE THIS PART -->
  465.  
  466.  
  467.  
  468. </div>
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481.  
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494. <div id="cent">
  495.  
  496. {block:Posts}
  497.  
  498.  
  499.  
  500. <div id="post">
  501.  
  502. <div id="notess">
  503. <a href="{Permalink}">{NoteCount} loves</a>
  504. </div>
  505. <br></br>
  506. {block:Title}{Title}{/block:Title}
  507.  
  508. {block:Text}{Body}{/block:Text}
  509.  
  510. {block:Photo}
  511. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
  512. <div class="babe"><a href="{Permalink}"><div class="joshua">{NoteCount}</div></a></div>
  513. {/block:Photo}
  514.  
  515. {block:Photoset}
  516. {Photoset-500}
  517. {/block:Photoset}
  518.  
  519.  
  520. {block:Quote}
  521. {Quote}
  522. <div align="right">
  523. <div id="source">
  524. {block:Source}-{Source}{/block:Source}</div>
  525. </div>
  526. {/block:Quote}
  527.  
  528.  
  529. {block:Video}
  530. {Video-500}<br>
  531. {PlayCountWithLabel}
  532. <div class="babe"><a href="{Permalink}"><div class="joshua">{NoteCount}</div></a></div>
  533. {/block:Video}
  534.  
  535.  
  536. {block:Link}
  537. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  538. {block:Description}{Description}{/block:Description}
  539. {/block:Link}
  540.  
  541. {block:Chat}
  542. {block:Lines}
  543. {block:Label}
  544. <br>{Label}
  545. {/block:Label}
  546. &nbsp;{Line}
  547. {/block:Lines}
  548. {/block:Chat}
  549.  
  550. {block:Audio}
  551. {AudioPlayerGrey}
  552. <br><div align="right">{block:Artist}
  553. Artist: {Artist}</div>
  554. {/block:Artist}<br>
  555. {block:Caption}{Caption}{/block:Caption}
  556. {/block:Audio}
  557.  
  558.  
  559. {block:Answer}
  560. {Asker} whispered : <b>{Question}</b><Br>
  561. and I whispered :
  562. {Answer}
  563. {/block:Answer}
  564.  
  565. {block:PermalinkPage}
  566. {block:Caption}
  567. {Caption}
  568. {/block:Caption}
  569. <br>
  570. {block:NoteCount}
  571. {NoteCount} loves
  572. {/block:NoteCount}
  573. <Br>
  574. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  575. {/block:PermalinkPage}
  576.  
  577.  
  578.  
  579. </div>
  580.  
  581.  
  582.  
  583. {/block:Posts}
  584.  
  585. </div>
  586.  
  587.  
  588.  
  589. <!-- vintage hearts theme by DanaTeruel
  590. please do not remove the credits. if you do so
  591. i will steal your fridge tonight c; -->
  592.  
  593. </body>
  594. </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!