API tools faq
paste
Advertisement
ofcuteboys

Theme #01, "For A Dancer"

ofcuteboys
Dec 28th, 2013
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.74 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. | |
  4. | CAROLINE'S THEME |
  5. | |
  6.  
  7.  
  8. I'M STARTING OVER WITH MY THEMES BECAUSE MY EARLY ONES ARE JUST BAD AND I AM SORRY FOR PUTTING YOU THROUGH THAT.
  9.  
  10. So this is effectively Theme #01, "For A Dancer"
  11.  
  12. It's dedicated to my dad, who showed me the song of the same title by Jackson Browne.
  13.  
  14. The rules for my theme are-
  15. : do not steal, repost, or claim as your own
  16.  
  17. : I'm fine with people borrowing bits of my code. If you use a significant portion, please give me credit on another page or something!
  18.  
  19. : There are a lot of base codes out there. This theme is not a base code. You ARE welcome to look at it to teach yourself coding though
  20.  
  21. : If you use this theme, you MUST like/reblog the post. Your feedback helps me know what to make next!
  22.  
  23. CREDITS (people who helped)
  24. -Becky (ofjack) helped with the drop down links
  25. -hoenarry made the base code
  26. -paynex made the code for different color highlight and bold
  27. -hazzstop made the tooltips
  28.  
  29.  
  30. --->
  31.  
  32.  
  33.  
  34. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  35. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  36. <head><title>{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40.  
  41.  
  42.  
  43. <meta name="color:Background" content="#ffffff"/>
  44. <meta name="color:Text" content="#838282"/>
  45. <meta name="color:Link" content="#b8b8b8"/>
  46. <meta name="color:Hover" content="#838282"/>
  47. <meta name="color:accent" content="#ff0000"/>
  48. <meta name="color:shadow" content="#888888"/>
  49.  
  50.  
  51. <meta name="image:sidebar" content=""/>
  52.  
  53.  
  54.  
  55. <meta name="text:Link 1 Title" content="01 text">
  56. <meta name="text:Link 1 URL" content="01">
  57. <meta name="text:Link 2 Title" content="02 text">
  58. <meta name="text:Link 2 URL" content="02">
  59. <meta name="text:Link 3 Title" content="03 text">
  60. <meta name="text:Link 3 URL" content="03">
  61.  
  62.  
  63. <!---SCRIPT FOR DROPDOWN LINKS--->
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  65. </script>
  66. <script>
  67. $(document).ready(function(){
  68. $("#flip").click(function(){
  69. $("#panel").slideToggle("slow");
  70. });
  71. });
  72. </script>
  73.  
  74.  
  75. <!----SCRIPT FOR OTHER DROPDOWNS--->
  76.  
  77. <script type="text/javascript">
  78. function unhide(divID) {
  79. var item = document.getElementById(divID);
  80. if (item) {
  81. item.className=(item.className=='hidden')?'unhidden':'hidden';
  82. }
  83. }
  84. </script>
  85.  
  86. <!---SCRIPT FOR TOOLTIPS--->
  87.  
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  89. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  90. <script>
  91. (function($){
  92. $(document).ready(function(){
  93. $("a[title]").style_my_tooltips({
  94. tip_follows_cursor:true,
  95. tip_delay_time:90,
  96. tip_fade_speed:600,
  97. attribute:"title"
  98. });
  99. });
  100. })(jQuery);
  101. </script>
  102.  
  103. <!---SCRIPT FOR POP UP ASK BOX--->
  104.  
  105. <script type="text/javascript"
  106. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  107. <script>
  108. $(document).ready(function() {
  109. //
  110. $('a.poplight[href^=#]').click(function() {
  111. var popID = $(this).attr('rel'); //Get Popup Name
  112. var popURL = $(this).attr('href'); //Get Popup href to define size
  113. var query= popURL.split('?');
  114. var dim= query[1].split('&');
  115. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  116. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  117. var popMargTop = ($('#' + popID).height() + 80) / 2;
  118. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  119. //Apply Margin to Popup
  120. $('#' + popID).css({
  121. 'margin-top' : -popMargTop,
  122. 'margin-left' : -popMargLeft
  123. });
  124. $('body').append('<div id="fade"></div>');
  125. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  126. return false;
  127. });
  128. $('a.close, #fade').live('click', function() {
  129. $('#fade , .popup_block').fadeOut(function() {
  130. $('#fade, a.close').remove(); //fade them both out
  131. });
  132. return false;
  133. });
  134. });
  135. </script>
  136.  
  137. <style type="text/css">
  138.  
  139.  
  140.  
  141.  
  142. /*---CSS FOR DROPDOWN LINKS---*/
  143.  
  144. #flip {
  145. background-color:black;
  146. margin-top:05px;
  147. color:white;
  148. margin-left:-1px;
  149. font-family:Arial;
  150. font-size:25px;
  151. padding-top: 10px;
  152. width:204px;
  153. height:15px;
  154. text-align:center;
  155. text-transform:uppercase;
  156. border:solid 1px #f2f2f2;
  157. }
  158.  
  159.  
  160.  
  161. #panel,#flip
  162. {
  163. padding-top:5px;
  164. text-align:center;
  165. width:197px;
  166. }
  167.  
  168. #panel
  169. {
  170. display:none;
  171. text-align:center;
  172. background:#fff;
  173. }
  174.  
  175. #panel a {
  176. width:192px;
  177. padding:5px;
  178. display:block;
  179. color:black;
  180. letter-spacing:2px;
  181. font-family:arial;
  182. text-align:left;
  183. font-size:9px;
  184. margin:3px;
  185. background:#fff;
  186. -moz-transition-duration:1s;
  187. -webkit-transition-duration:1s;
  188. -o-transition-duration:1s;
  189. }
  190.  
  191. #panel a:hover {
  192. background-color:{color:accent};
  193. color:white;
  194. letter-spacing:4px;
  195. -moz-transition-duration:.2s;
  196. -webkit-transition-duration:.2s;
  197. -o-transition-duration:.2s;
  198. }
  199.  
  200. /*---CSS FOR OTHER DROPDOWNS---*/
  201.  
  202. .hidden {display: none;}
  203. .unhidden {display: block;}
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210. /*---CSS FOR TOOLTIPS---*/
  211. #s-m-t-tooltip{
  212. max-width:250px;
  213. z-index:999999;
  214. margin:10px;
  215. padding:2px 5px;
  216. letter-spacing:2px;
  217. text-transform:uppercase; /* cand be lowercase or none */
  218. border-top:3px solid {color:accent}; /* change the border width and color */
  219. background:#FFF; /* change the background color */
  220. color:#000; /* change the text color */
  221. font-family:arial; /* change the font */
  222. font-weight:bold;
  223. font-size:9px; /* change the font size */
  224. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  225.  
  226.  
  227. /*---CSS FOR POP UP WINDOWS---*/
  228.  
  229. #fade { /*--Transparent background layer--*/
  230. display: none; /*--hidden by default--*/
  231. background: #000;
  232. position: fixed; left: 0; top: 0;
  233. width: 100%; height: 100%;
  234. opacity: .80;
  235. z-index: 9999999999999999999999999999999;
  236. }
  237. .popup_block{
  238. display: none; /*--hidden by default--*/
  239. background:transparent;
  240. font-size:12px;
  241. text-align:justify;
  242. letter-spacing:2px;
  243. line-height:120%;
  244. padding: 20px;
  245. color:white;
  246. float: left;
  247. position: fixed;
  248. top: 50%; left: 50%;
  249. z-index: 99999999999999999999999999999999;
  250. }
  251.  
  252. #fade { /*--Transparent background layer--*/
  253. display: none; /*--hidden by default--*/
  254. background: #000;
  255. position: fixed; left: 0; top: 0;
  256. width: 100%; height: 100%;
  257. opacity: .80;
  258. z-index: 9999;
  259. }
  260. .popup_block{
  261. display: none; /*--hidden by default--*/
  262. background:transparent;
  263. text-align:justify;
  264. padding: 20px;
  265. float: left;
  266. color:white;
  267. position: fixed;
  268. top: 50%; left: 50%;
  269. z-index: 99999;
  270. }
  271.  
  272.  
  273. body {
  274. background:{color:background};
  275. margin:0px;
  276. color:{color:text};
  277. font-family:arial;
  278. font-size:10px;
  279. line-height:100%;
  280. }
  281.  
  282. a {
  283. text-decoration:none;
  284. font-weight:bold;
  285. outline:none;
  286. -moz-outline-style:none;
  287. color:{color:accent};
  288. -o-transition-transition: all 1s ease-out;
  289. -webkit-transition: all 1s ease-out;
  290. -moz-transition: all 1s ease-out;
  291.  
  292. }
  293.  
  294. a:hover{
  295. color:{color:hover};
  296. -o-transition-transition: all 1s ease-out;
  297. -webkit-transition: all 1s ease-out;
  298. -moz-transition: all 1s ease-out;
  299.  
  300. }
  301.  
  302. img {
  303. border:none;
  304. }
  305.  
  306. blockquote {
  307. padding-left:5px;
  308. border-left:2px solid;
  309. }
  310.  
  311. blockquote blockquote {
  312. padding-left:5px;
  313. border-left:3px solid {color:accent};
  314. }
  315.  
  316. h1 {
  317. font-size:15px;
  318. line-height:110%;
  319. }
  320.  
  321. b {color:{color:accent}; font-size:1.5;}
  322. i {color:{color:accent};}
  323. em {color:{color:accent}; text-transform:none; font-size:2;}
  324. strong {color:{color:accent}; text-transform:none; font-size:2;}
  325.  
  326.  
  327.  
  328. ::selection {
  329. background-color:{color:accent};
  330. }
  331.  
  332.  
  333. #news {
  334. width:145px;
  335. font-size:11px;
  336. font-family:candara;
  337. letter-spacing:1px;
  338. text-align:center;
  339. margin-left:-175px;
  340. color:#fff;
  341. margin-top:-14px;
  342. line-height: 125%;
  343. opacity:0;
  344. -o-transition-transition: all 1s ease-out;
  345. -webkit-transition: all 1s ease-out;
  346. -moz-transition: all 1s ease-out;
  347. }
  348.  
  349. #news a {
  350. color:{color:accent};
  351. font-size:13px;
  352. }
  353.  
  354. #newstitle:hover #news {
  355. opacity:10;
  356. font-family:arial;
  357. font-size:9px;
  358. color:white;
  359. background-color:#000;
  360. border-bottom:2px dotted #fff;
  361. margin-left:-10px;
  362. -o-transition-transition: all 1s ease-in-out;
  363. -webkit-transition: all 1s ease-in-out;
  364. -moz-transition: all 1s ease-in-out;
  365. }
  366.  
  367. #newstitle {
  368. width:125px;
  369. height:0px;
  370. font-family:Arial;
  371. font-size:30px;
  372. text-transform:lowercase;
  373. letter-spacing:-2px;
  374. text-align:center;
  375. font-weight:bold;
  376. margin-left:0px;
  377. top:0px;
  378. padding-left:10px;
  379. padding-right:10px;
  380. padding-top:10px;
  381. padding-bottom:20px;
  382. color:#fff;
  383. position:fixed;
  384. background-color:#000;
  385. border-bottom:2px solid black;
  386.  
  387. }
  388.  
  389. #entries {
  390. padding:10px;
  391. width:500px;
  392. margin-left:500px;
  393. margin-top:40px;
  394. }
  395.  
  396. #post {
  397. width:500px;
  398. margin-bottom:50px;
  399. }
  400.  
  401. #sidebar {
  402. position:fixed;
  403. margin-left:200px;
  404. margin-top:100px;
  405. }
  406.  
  407. #title {
  408. font-size:25px;
  409. width:210px;
  410. color:black;
  411. font-family:arial;
  412. font-weight:bold;
  413. letter-spacing:-3px;
  414. line-height:100%;
  415. text-align:center;
  416. text-transform:lowercase;
  417. margin-bottom:5px;
  418. margin-left:-6px;
  419. -moz-transition-duration:1s;
  420. -webkit-transition-duration:1s;
  421. -o-transition-duration:1s;
  422. }
  423.  
  424. #title:hover {
  425. color:{color:accent};
  426. -moz-transition-duration:1s;
  427. -webkit-transition-duration:1s;
  428. -o-transition-duration:1s;
  429. }
  430.  
  431. #sidebarimage {
  432. width 200px;
  433. }
  434.  
  435. #sidebarimage img {
  436. width:200px;
  437. }
  438.  
  439.  
  440.  
  441. #linkdrop {
  442. background-color:black;
  443. border:2px white solid;
  444. margin-left:-2px;
  445. margin-top:4px;
  446. font-family:arial;
  447. font-size:20px;
  448. color:white;
  449. padding:5px;
  450. width:190px;
  451. -moz-transition-duration:1s;
  452. -webkit-transition-duration:1s;
  453. -o-transition-duration:1s;
  454. }
  455.  
  456.  
  457.  
  458. .links{
  459. margin-top:-150px;
  460. text-align:center;
  461. letter-spacing:2px;
  462. -moz-transition-duration:1s;
  463. -webkit-transition-duration:1s;
  464. -o-transition-duration:1s;
  465. }
  466.  
  467. .links a{
  468. padding:5px;
  469. -moz-transition-duration:1s;
  470. -webkit-transition-duration:1s;
  471. -o-transition-duration:1s;
  472. }
  473.  
  474. .links a:hover{
  475. color:{color:hover};
  476. letter-spacing:4px;
  477. -moz-transition-duration:1s;
  478. -webkit-transition-duration:1s;
  479. -o-transition-duration:1s;
  480. }
  481.  
  482. #description {
  483. text-align:justify;
  484. margin-top:5px;
  485. padding-left:5px;
  486. color:black;
  487. width:190px;
  488. font-size:9px;
  489. border-left:2px solid black;
  490. }
  491.  
  492. #pagination {
  493. font-size:10px;
  494. text-align:center;
  495. }
  496.  
  497. #info {
  498. text-align:center;
  499. margin-top:20px;
  500. background-color:black;
  501. padding:7px;
  502. font-family:arial;
  503. font-weight:bold;
  504.  
  505. }
  506.  
  507. #ask{
  508. float:left;
  509. margin-right:5px;
  510. font-family:arial;
  511. font-style:italic;
  512. color:black;
  513. border-bottom:2px solid black;
  514. padding:5px;
  515. line-height:120%;
  516. }
  517.  
  518. .asker {
  519. font-size:15px;
  520. font-family:arial;
  521. font-weight:bold;
  522. letter-spacing:-1px;
  523. color:black;
  524. }
  525.  
  526.  
  527. .date {
  528. color:white;
  529. font-size:17px;
  530. }
  531.  
  532. .date a {
  533. color:white;
  534. }
  535.  
  536. .date a:hover {
  537. color:{color:accent};
  538. }
  539.  
  540.  
  541. .reblog {
  542. font-size:15px;
  543. color:white;
  544. }
  545.  
  546. .reblog a {
  547. color:white;
  548. }
  549.  
  550.  
  551. #credit {
  552. bottom:3px;
  553. position:fixed;
  554. right:10px;
  555. float:right;
  556. font-family:calibri;
  557. color:black;
  558. font-size:9px;
  559. letter-spacing:1px;
  560. text-transform:uppercase;
  561. padding:5px;
  562.  
  563. }
  564.  
  565. #credit a {
  566. color:black;
  567. background-color:white;
  568. padding:5px;
  569. -webkit-transition-duration:.8s;
  570. -moz-transition-duration:.8s;
  571. -o-transition-duration:.8s;
  572. -ms-transition-duration:.8s;
  573. }
  574.  
  575. #credit a:hover {
  576. color:white;
  577. background-color:#00bdb3;
  578. }
  579.  
  580.  
  581.  
  582. @font-face {font-family:"meem2"; src: url('http://static.tumblr.com/gs9d5ab/Rj8m7debq/websymbols-regular-webfont.ttf');}
  583.  
  584.  
  585.  
  586.  
  587. </style></head>
  588.  
  589.  
  590.  
  591. <body>
  592.  
  593.  
  594.  
  595.  
  596.  
  597. <div id="newstitle"> updates. <br><br><br><br>
  598. <div id="news">
  599. <br><a href="http://carolines.co.vu/post/69822944466/wanna-be-friends">BE MY FRIEND</a><br><br>
  600. <a href="/hereforyouproject">feeling down? they're here.</a>
  601. <br><br>
  602. I'm starting fresh with my themes. This is theme #01, for a dancer. I will be releasing it soon so keep your eyes peeled! For more info on why I'm restarting, visit my <a href="#?w=500" rel="01" class="poplight">theme blog</a><br><br>
  603.  
  604. <script language="JavaScript">
  605. var ref = (''+document.referrer+'');
  606. var w_h = window.screen.width + " x " + window.screen.height;
  607. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3501770&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  608. </script>
  609. of <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID1970114&name="></script>
  610. <br><br>
  611.  
  612.  
  613. <b><a href="http://doncastertea.tumblr.com" title="Johanna">♥</a></b>
  614. <b><a href="http://fancy-fruitandveg.tumblr.com" title="Jordan">♥</a></b>
  615. <b><a href="http://leedsandlarry.tumblr.com" title="Logan">♥</a></b>
  616. <b><a href="http://heaven-0ver-hell.tumblr.com" title="Emma">♥</a></b>
  617. <b><a href="http://breathrealslow.tumblr.com" title="Lauren">♥</a></b>
  618. <b><a href="http://tcmlinslut.tumblr.com" title="Jennifer">♥</a></b>
  619. <b><a href="http://ofjack.tumblr.com" title="Becky">♥</a></b>
  620. <b><a href="http://screwshire.tumblr.com" title="Jennifer">♥</a></b>
  621.  
  622.  
  623. <br><br>
  624.  
  625. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://dc400.4shared.com/img/1591097250/1be16ee8/dlink__2Fdownload_2FkwQVmJUB_3Ftsid_3D20131215-14458-0056f7f0/preview.mp3&t0=&f1=http://www.tegos.ru/new/mp3_full/Every_Avenue_-_Tell_Me_Im_a_Wreck.mp3&t1=&f2=http://dc198.4shared.com/img/1503026607/b847fba4/dlink__2Fdownload_2FtHLour6-_3Ftsid_3D20131215-14549-aac769c0/preview.mp3&t2=&f3=http://a.tumblr.com/tumblr_l9jlifh6wH1qauc3zo1.mp3&t3=&f4=http://a.tumblr.com/tumblr_liw1jfpZuW1qdnxgdo1.mp3&t4=&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  626.  
  627. Queue is always up and running, my tumblr time will be limited until Christmas. <br><br>
  628.  
  629. If you like this theme and want me to release it, let me know!<br><br>
  630. </div></div>
  631.  
  632.  
  633. <div id="sidebar">
  634.  
  635. <a href="/" title="fresh"><div id="title">{Title};</div></a>
  636.  
  637. <div id="sidebarimage">
  638. <img src="http://25.media.tumblr.com/9b9bbf994746ec23b234154bc9078c77/tumblr_mk4shrd2fO1s938dno2_r1_500.gif"></div>
  639.  
  640.  
  641.  
  642. <div id="flip" title="click to reveal links">+</div>
  643.  
  644. <div id="panel">
  645.  
  646.  
  647. <a href="/" title="fresh">home</a>
  648. <a href="#?w=500" rel="02" class="poplight" title="messages">ask</a>
  649. <a href="#?w=500" rel="03" class="poplight" title="links">navigate</a>
  650. <a href="#?w=500" rel="01" class="poplight" title="my themes">HTML</a>
  651. <a href="/hereforyouproject" title="they listen">feeling down?</a></div>
  652.  
  653. <div id="description">{Description}</div>
  654.  
  655. <div id="pagination">
  656. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} —
  657. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  658. </div>
  659.  
  660. </div>
  661.  
  662. <div id="entries">{block:Posts}<div id="post">
  663.  
  664. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  665.  
  666. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  667.  
  668. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  669.  
  670. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  671.  
  672. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  673.  
  674. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  675.  
  676. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  677.  
  678. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  679.  
  680.  
  681.  
  682. {block:Answer}
  683. <div id="ask">
  684. <span style="font-size:45px;font-family:Times;color:{color:accent};letter-spacing:-1px;padding-top:20px;">“</span>{Question}<br><br><span class="asker">-{Asker}</span>
  685. </div><br><br><br><br><br><br>{Answer}
  686. {/block:Answer}
  687.  
  688.  
  689.  
  690. <div id="info"><center><a href="{Perimalink}">{block:Date}<a href="{Permalink}"><span class="date">{ShortMonth}. {DayOfMonth}</span></a> {/block:Date}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  691.  
  692.  
  693.  
  694. <span class="reblog"><a href="{ReblogURL}" title="reblog this" target="_blank" class="details"><img src="http://i43.tinypic.com/5fnsx5.png"></a></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  695. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  696. <span class="date">
  697. <img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/teenytinyheart5.gif">
  698. <a href="{Permalink}">{NoteCount} notes </a></span>
  699. <br>
  700. {block:HasTags} <font-color="#fff">filed as-{block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}</font-color>{/block:HasTags}</div>
  701.  
  702. </div>
  703. {block:PostNotes}
  704. <span style="font-family:arial;font-size:9px;font-color:black;a:black;">
  705.  
  706. {PostNotes}</span>{/block:PostNotes}
  707. {/block:Posts}</div></center>
  708.  
  709. <div id="credit"><a href="http://ofcuteboyscodes.tumblr.com/" title="theme maker credit">ofcuteboys. </a></center></div>
  710.  
  711. </body>
  712. <!--POP UP THEME RULES--->
  713.  
  714. <div id="01" class="popup_block">
  715.  
  716. <h1><center>THEME RULES</h1><br>
  717. <center>
  718. <a href="http://ofcuteboyscodes.tumblr.com/" title="agree">◉</a>
  719.  
  720. <a href="/mythemes" title="no thanks">◉</a>
  721.  
  722. <a href="http://tumblr.com" title="return to dash">◉</a>
  723.  
  724. <a href="/tagged/tutorial" title="tutorials">◉</a>
  725.  
  726. <a href="/tagged/html" title="Answered Questions">◉</a>
  727.  
  728. <br><br><br>
  729.  
  730.  
  731.  
  732. <b>DON'T STEAL</b><br>
  733. I work hard on my themes. Each one takes me several hours to code. Please, respect the work that I do and don't steal my themes. This includes reposting them, claiming them as your own <i>even after editing them</i>,and moving or removing my credit. Don't be a jerk. If stealing themes becomes a problem, I will have to stop making my themes public. <br><br>
  734.  
  735.  
  736. <b>LIKE/REBLOG THE POST IF USING</b><br>
  737. Please like or reblog the theme post if you use the theme! It gives me an idea of what you guys like so that I can make better themes in the future. Plus, it's really nice to see your hard work get notes. Thank you so much, it really helps! click on the first dot to see my themes<br><br>
  738.  
  739. <b>ASK THEME QUESTIONS ON MY THEME BLOG</b><br>
  740. there's an ask box there for a reason. I won't delete theme questions that are asked here, but I will remind you that it's in the rules. <i> it's just easier if all HTML questions are in one place.</i> <br><br>
  741.  
  742. <b>YOU MAY USE MY CODES TO LEARN HTML</b><br>
  743. I learned HTML by looking at other people's themes and messing around with them. I am <i>100% okay </i>with you guys editing my themes (as long as you don't repost them) and using them to learn how to do something. <br><br>
  744.  
  745. <b>DO NOT USE MY CODES AS BASE CODES</b><br>
  746. There are many amazing base codes out there. My themes are my hard work. They are not base codes for you to make your own themes. The base codes I use are by alexgaeskarth, hoenarry, and tinyvagina. <br><br>
  747.  
  748.  
  749.  
  750. </center>
  751.  
  752.  
  753. </div></div></div></div></div></div></div></div></div></div>
  754.  
  755.  
  756. <!---POP UP LINKS--->
  757.  
  758. <div id="03" class="popup_block">
  759.  
  760.  
  761. <a href="/themes"><div style="width:95%;color:black;background-color:white;font-family:arial;letter-spacing:-4px;font-weight:bold;font-size:40px;height:25px;padding-top:20px;border:6px double {color:accent};text-transform:uppercase;text-align:left;">My Themes</div></a>
  762.  
  763. <a href="/me"><div style="width:95%;color:black;background-color:white;font-family:arial;letter-spacing:-4px;font-weight:bold;font-size:40px;height:25px;padding-top:20px;border:6px double {color:accent};text-transform:uppercase;text-align:right;">About Me </div></a>
  764.  
  765. <a href="/urls"><div style="width:95%;color:black;background-color:white;font-family:arial;letter-spacing:-4px;font-weight:bold;font-size:40px;height:25px;padding-top:20px;border:6px double {color:accent};text-transform:uppercase;text-align:left;">Saved URLs</div></a>
  766.  
  767. <a href="/leface"><div style="width:95%;color:black;background-color:white;font-family:arial;letter-spacing:-4px;font-weight:bold;font-size:40px;height:25px;padding-top:20px;border:6px double {color:accent};text-transform:uppercase;text-align:right;">My Face </div></a>
  768.  
  769. <a href="/tagged/aboutme"><div style="width:95%;color:black;background-color:white;font-family:arial;letter-spacing:-4px;font-weight:bold;font-size:40px;height:25px;padding-top:20px;border:6px double {color:accent};text-transform:uppercase;text-align:left;">Text</div></a>
  770.  
  771. <a href="/hereforyouproject"><div style="width:95%;color:black;background-color:white;font-family:arial;letter-spacing:-4px;font-weight:bold;font-size:40px;height:25px;padding-top:20px;border:6px double {color:accent};text-transform:uppercase;text-align:right;">Here For You </div></a>
  772.  
  773. <a href="/cartes"><div style="width:95%;color:black;background-color:white;font-family:arial;letter-spacing:-4px;font-weight:bold;font-size:40px;height:25px;padding-top:20px;border:6px double {color:accent};text-transform:uppercase;text-align:left;">Tags</div></a>
  774.  
  775. <a href="/tagged/playlist"><div style="width:95%;color:black;background-color:white;font-family:arial;letter-spacing:-4px;font-weight:bold;font-size:40px;height:25px;padding-top:20px;border:6px double {color:accent};text-transform:uppercase;text-align:right;">Music </div></a>
  776.  
  777. <div style="width:95%;color:black;background-color:white;font-family:arial;letter-spacing:-4px;font-weight:bold;font-size:35px;height:25px;padding-top:20px;border:6px double {color:accent};text-transform:uppercase;text-align:left;"><a href="http://carolineshomies.tumblr.com">Tumblr</a> & <a href="http://bmsbitches.tumblr.com">School </a>Friends</div>
  778.  
  779.  
  780.  
  781.  
  782. </div></div></div></div></div></div></div></div></div></div>
  783.  
  784. <!---POP UP ASK BOX--->
  785.  
  786. <div id="02" class="popup_block">
  787.  
  788.  
  789. <br><br>
  790.  
  791.  
  792. <b>YES, I WILL</b>
  793. <blockquote>
  794. <b>●</b>check out your blog<br>
  795. <b>●</b>promo you if you ask <i>nicely</i><br>
  796. <b>●</b>be your friend & Give advice<br>
  797. <b>●</b>help you with HTML<br>
  798. </blockquote>
  799.  
  800. <br>
  801. <b>NO, I WON'T</b>
  802. <blockquote>
  803. <b>●</b>reblog things on command<br>
  804. <b>●</b>follow back<br>
  805. <b>●</b>tell you why I unfollowed sorry it's because I got tired of your posts or you posted Taylor Swift or something<br>
  806. <b>●</b>give out my codes before they're released<br>
  807. </blockquote>
  808.  
  809. <br>
  810. <b>OTHER THINGS</b>
  811. <blockquote>
  812. <b>●</b>I track <u>#ofcuteboys</u><br>
  813. <b>●</b> <b><a href="http://doncastertea.tumblr.com" title="Johanna">♥</a></b>
  814. <b><a href="http://fancy-fruitandveg.tumblr.com" title="Jordan">♥</a></b>
  815. <b><a href="http://leedsandlarry.tumblr.com" title="Logan">♥</a></b>
  816. <b><a href="http://heaven-0ver-hell.tumblr.com" title="Emma">♥</a></b>
  817. <b><a href="http://breathrealslow.tumblr.com" title="Lauren">♥</a></b>
  818. <b><a href="http://tcmlinslut.tumblr.com" title="Jennifer">♥</a></b>
  819. <b><a href="http://ofjack.tumblr.com" title="Becky">♥</a></b>
  820. <b><a href="http://screwshire.tumblr.com" title="Jennifer">♥</a></b>
  821. <b><a href="http://hakunahazza.tumblr.com" title="Jamie">♥</a></b>
  822. <b><a href="http://voldermorts.tumblr.com" title="Kelly">♥</a></b>
  823. <b><a href="http://rrudolf.tumblr.com" title="Nat">♥</a></b>
  824. <b><a href="/tagged/follow forever" title="MY FOLLOW FOREVER">♥</a></b>
  825.  
  826. <br>
  827. <b>●</b>made my tumblr 4/2013<br>
  828. <b>●</b>twitter: @AllLimeLow<br>
  829. </blockquote><br>
  830.  
  831.  
  832. <Center><font size="5" color="#000"><p></font><iframe frameborder="0" scrolling="yes" width="100%" height="200" src="http://www.tumblr.com/ask_form/sweatres.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  833. </center></div><center><br>
  834.  
  835.  
  836.  
  837.  
  838. </center>
  839.  
  840. </div></div></div></div></div></div></div></div></div></div></div>
  841.  
  842.  
  843.  
  844.  
  845. </html>
  846.  
  847.  
  848.  
  849. </body></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!