API tools faq
paste
Advertisement
b0rn-to-be-wild

Theme: Girly (pink)

b0rn-to-be-wild
Mar 10th, 2014
377
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!----
  5.  
  6. © borntobewildthemes.tumblr.com| Theme: Girly (pink)
  7.  
  8. + Please do not redistribute this theme or remove credits
  9. + You are allowed to make changes as long as you keep our credits
  10. + If you have any questions or concerns, just contact us
  11. + Thanks for using our theme! We hope you enjoy it!
  12.  
  13. ---->
  14.  
  15. <html>
  16.  
  17. <head>
  18.  
  19.  
  20. {block:IfShowCustomCursor}
  21. <!--Cursor code-->
  22. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-4/oth304.ani), url(http://cur.cursors-4u.net/others/oth-4/oth304.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/29/one-spark-pink-bow-tie-ribbon.html" target="_blank" title="One Spark Pink Bow Tie Ribbon"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="One Spark Pink Bow Tie Ribbon" style="position:absolute; top: 0px; right: 0px;" /></a>
  23. {/block:IfShowCustomCursor}
  24.  
  25. <!--Google fonts-->
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  36.  
  37. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  38.  
  39. <meta name="viewport" content="width=device-width, initial-scale=1">
  40.  
  41. <!--DEFAULT VARIABLES-->
  42.  
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  44.  
  45. <meta name="image:Sidebar" content="1"/>
  46. <meta name="image:Background" content="1"/>
  47.  
  48. <meta name="color:Background" content="#fff"/>
  49. <meta name="color:Container background" content="#fff"/>
  50. <meta name="color:Post background" content="#fff"/>
  51. <meta name="color:Sidebar background" content="#fff"/>
  52. <meta name="color:Search background" content="#fff"/>
  53. <meta name="color:Navi 1 background" content="#fff"/>
  54. <meta name="color:Navi 2 background" content="#fff"/>
  55. <meta name="color:Text" content="#777"/>
  56. <meta name="color:Hover" content="#FFC7DD"/>
  57. <meta name="color:Italic" content="#FC84AB"/>
  58. <meta name="color:Bold" content="#F8DFF3"/>
  59. <meta name="color:Icon" content="#F8DFF3"/>
  60. <meta name="color:Icon background" content="#fff"/>
  61. <meta name="color:Link" content="#FD89A8"/>
  62. <meta name="color:Link background" content="#fff"/>
  63. <meta name="color:Borders" content="#eee"/>
  64. <meta name="color:Blog Title" content="#FD89A8"/>
  65. <meta name="color:Scrollbar" content="#FFC7DD"/>
  66. <meta name="color:Ask buble" content="#eee"/>
  67.  
  68. <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
  69. <meta name="select:Title Font" content="Rouge Script" title="Rouge Script">
  70. <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
  71. <meta name="select:Title Font" content="The Girl Next Door" title="The Girl Next Door">
  72. <meta name="select:Title Font" content="Alex Brush" title="Alex Brush">
  73.  
  74. <meta name="select:Description Font" content="Great Vibes" title="Great Vibes">
  75. <meta name="select:Description Font" content="Rouge Script" title="Rouge Script">
  76. <meta name="select:Description Font" content="Clicker Script" title="Clicker Script">
  77. <meta name="select:Description Font" content="The Girl Next Door" title="The Girl Next Door">
  78. <meta name="select:Description Font" content="Alex Brush" title="Alex Brush">
  79.  
  80. <meta name="select:Link Font" content="Great Vibes" title="Great Vibes">
  81. <meta name="select:Link Font" content="Rouge Script" title="Rouge Script">
  82. <meta name="select:Link Font" content="Clicker Script" title="Clicker Script">
  83. <meta name="select:Link Font" content="The Girl Next Door" title="The Girl Next Door">
  84. <meta name="select:Link Font" content="Alex Brush" title="Alex Brush">
  85. <meta name="font:Body font" content=""/>
  86.  
  87. <meta name="if:Show Search" content="1" />
  88. <meta name="if:Show Captions" content="1" />
  89. <meta name="if:Show Tags" content="1" />
  90. <meta name="if:Show Custom Cursor" content="1" />
  91.  
  92. <meta name="text:Link1" content="link1"/>
  93. <meta name="text:Link2" content="link2"/>
  94. <meta name="text:Link3" content="link3"/>
  95. <meta name="text:Link4" content="link4"/>
  96. <meta name="text:Link5" content="link5"/>
  97. <meta name="text:Link6" content="link6"/>
  98.  
  99. <meta name="text:Link1 url" content="link1 url"/>
  100. <meta name="text:Link2 url" content="link2 url"/>
  101. <meta name="text:Link3 url" content="link3 url"/>
  102. <meta name="text:Link4 url" content="link4 url"/>
  103. <meta name="text:Link5 url" content="link5 url"/>
  104. <meta name="text:Link6 url" content="link6 url"/>
  105.  
  106. <style type="text/css">
  107.  
  108. body{
  109. color:{color:Text};
  110. font-family:{font:Body font};
  111. font-size:14px;
  112. background-color: {color:Background};
  113. background-image:url({image:Background});
  114. background-attachment: fixed;
  115. background-repeat: repeat;
  116. background-position: center;
  117. padding:0;
  118. margin:0;
  119. overflow:hidden;
  120. }
  121.  
  122. h1{
  123. line-height: 25px;
  124. color:{color:Title};
  125. font-family:{select:Title Font};
  126. font-size:22px;
  127. font-weight: normal;
  128. border-bottom:1px solid {color:Info border};
  129. }
  130.  
  131. h2{
  132. line-height:20px;
  133. font-size:17px;
  134. }
  135.  
  136. a:link, a:active, a:visited{
  137. -webkit-transition: color 0.3s ease-out;
  138. -moz-transition: color 0.3s ease-out;
  139. text-decoration:none;
  140. transition: color 0.3s ease-out;
  141. color:{color:link};
  142. }
  143.  
  144. a:hover {
  145. color: {color:Hover};
  146. }
  147.  
  148. b {
  149. font-weight:bold;
  150. color:{color:Bold};}
  151.  
  152. p.italic {
  153. font-style:italic;
  154. color:{color:Italic};}
  155.  
  156. blockquote{
  157. padding:0px 0px 2px 5px;
  158. margin:0px 0px 2px 10px;
  159. border-left: 1px solid {color:Borders};
  160. }
  161.  
  162. blockquote p, ul{
  163. margin:0px;
  164. padding:0px;
  165. }
  166.  
  167. a img{border: 0px;}
  168.  
  169.  
  170. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  171.  
  172. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  173. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  174.  
  175. .notes img{
  176. width:15px;
  177. position:relative;
  178. top:3px;
  179. margin-right:5px;
  180. border:1px solid {color:Borders};
  181. border-radius:60px;
  182. }
  183.  
  184. <--ses-->
  185. small{font-size: 90%;}
  186.  
  187. big{font-size: 110%;}
  188.  
  189. /* Webkit scrollbar */
  190.  
  191. ::-webkit-scrollbar-thumb {
  192. background: {color:Scrollbar};
  193. height: auto;
  194. border: 2px solid {color:Container background};
  195. }
  196.  
  197. ::-webkit-scrollbar {
  198. height:10px;
  199. width:8px;
  200. background: {color:Scrollbar};
  201. height: auto;
  202. border: 3.5px solid {color:Container background};
  203. }
  204.  
  205.  
  206. /*Posts and entries*/
  207.  
  208. #container{
  209. width:950px;
  210. height:570px;
  211. padding-top:20px;
  212. margin-top:20px;
  213. margin-left:auto;
  214. margin-right:auto;
  215. }
  216.  
  217. #posts{
  218. position:absolute;
  219. width:650px;
  220. max-height:465px;
  221. margin-top:80px;
  222. margin-left:0;
  223. background-color:{color:Container background};
  224. position:static;
  225. border:5px solid {color:Borders};
  226. border-top-left-radius:20px;
  227. border-bottom-left-radius:20px;
  228. padding-top:10px;
  229. padding-left:20px;
  230. overflow-y:auto;
  231. overflow-x:hidden;
  232. {block:PermalinkPage}
  233. padding-left:60px;
  234. width:610px;
  235. text-align:left;
  236. {/block:PermalinkPage}
  237. -webkit-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  238. -moz-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  239. box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  240. }
  241.  
  242. .entry {
  243. position:relative;
  244. float:left;
  245. width:250px;
  246. background:{color:Post background};
  247. padding:20px;
  248. margin:10px;
  249. font-size:14px;
  250. line-height:17px;
  251. text-align:left;
  252. {block:PermalinkPage}
  253. width:500px;
  254. {/block:PermalinkPage}
  255. overflow:hidden;
  256. border:2px solid {color:Borders};
  257. border-radius:20px;
  258. }
  259.  
  260. .entry:hover{
  261. -webkit-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  262. -moz-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  263. box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  264. -webkit-transition: all .7s ease;
  265. -moz-transition: all .7s ease;
  266. -o-transition: all .7s ease;
  267. transition: all .7s ease;
  268. border-radius:0px;
  269. }
  270.  
  271. #sidebar{
  272. position:fixed; !important;
  273. width:220px;
  274. background:{color:Sidebar background};
  275. z-index:99999;
  276. height:450px;
  277. padding:5px;
  278. border-radius:20px;
  279. border:5px solid {color:borders};
  280. margin-left:690px;
  281. font-size:14px;
  282. text-align:center;
  283. -webkit-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  284. -moz-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  285. box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  286. }
  287.  
  288. #blogtitle{
  289. margin-left:-20px;
  290. margin-top:5px;
  291. text-align:center;
  292. font-family:{select:Title Font};
  293. font-size:25px;
  294. color:{color:Blog Title};
  295. letter-spacing:2px;
  296. line-height:30px;
  297. width:250px;
  298. text-shadow: 1px 0px {color:borders},
  299. }
  300.  
  301. #blogtitle:hover{
  302. font-size:27px;
  303. color: {color:hover};
  304. }
  305.  
  306. #sidebarimage {
  307. margin:10px;
  308. border:5px {color:Borders} double;
  309. border-radius:20px;
  310. width:190px;
  311. height:130px;
  312. }
  313.  
  314. #sidebarimage img {
  315. width:190px;
  316. height:130px;
  317. border-radius:20px;}
  318.  
  319. .desc{
  320. font-family:{select:Description Font};
  321. height:auto;
  322. max-height:70px;
  323. overflow-x:hidden;
  324. overflow-y:auto;
  325. padding-left:5px;
  326. padding-right:5px;
  327. font-size:20px;
  328. line-height:23px;
  329. text-align:center;
  330. }
  331.  
  332. #search{
  333. position:fixed; !important;
  334. width:210px;
  335. background:{color:Search background};
  336. z-index:999999;
  337. height:55px;
  338. padding:10px;
  339. border-radius:20px;
  340. border:5px solid {color:borders};
  341. margin-top:480px;
  342. margin-left:690px;
  343. font-family:{select:Title Font};
  344. font-size:20px;
  345. color:{color:Blog Title};
  346. text-align:center;
  347. -webkit-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  348. -moz-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  349. box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  350. }
  351.  
  352. #search i{
  353. color:#FFC7DD;
  354. font-size:15px;
  355. margin-left:5px;
  356. }
  357.  
  358. #lace{
  359. width:100%;
  360. height:25px;
  361. background:url('http://i277.photobucket.com/albums/kk55/Amandacbm/DIVISORIAS/5743099_w8EzZ.gif');
  362. }
  363.  
  364. .bow{
  365. position:absolute !important;
  366. float:left;
  367. margin-left:0px;
  368. height:73px;
  369. z-index:10000;
  370. width:83px;
  371. background:url('http://i1102.photobucket.com/albums/g458/tank_grrrl/bows/bow_pink6.gif?t=1332632966');
  372. }
  373.  
  374. /* Links */
  375.  
  376. .navi1{
  377. position:absolute !important;
  378. float:left;
  379. margin-left:110px;
  380. background-color:{color:Navi 1 background};
  381. height:50px;
  382. z-index:10000;
  383. width:260px;
  384. border:5px solid {color:Borders};
  385. border-radius:20px;
  386. -webkit-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  387. -moz-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  388. box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  389. }
  390.  
  391. .navi2{
  392. position:absolute!important;
  393. float:left;
  394. margin-left:410px;
  395. background-color:{color:Navi 2 background};
  396. height:50px;
  397. width:260px;
  398. border:5px solid {color:Borders};
  399. border-radius:20px;
  400. z-index:10000;
  401. -webkit-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  402. -moz-box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  403. box-shadow: 1px 3px 18px -2px rgba(50, 50, 50, 0.75);
  404. }
  405.  
  406. .navi1 a, .navi2 a{
  407. font-size:18px;
  408. line-height:25px;
  409. }
  410.  
  411. #link1, #link4{
  412. position:absolute;
  413. width:60px;
  414. background:{color:Link background};
  415. margin-left:10px;
  416. font-family:{select:Link Font};
  417. height:25px;
  418. padding:5px;
  419. margin-top:5px;
  420. text-align:center;
  421. border-radius:20px;
  422. border:2px dotted {color:Borders};
  423. }
  424.  
  425. #link2, #link5{
  426. position:absolute;
  427. width:60px;
  428. background:{color:Link background};
  429. margin-left:92.5px;
  430. font-family:{select:Link Font};
  431. height:25px;
  432. padding:5px;
  433. margin-top:5px;
  434. text-align:center;
  435. border-radius:20px;
  436. border:2px dotted {color:Borders};
  437. }
  438.  
  439. #link3, #link6{
  440. position:absolute;
  441. width:60px;
  442. background:{color:Link background};
  443. margin-left:175px;
  444. font-family:{select:Link Font};
  445. height:25px;
  446. padding:5px;
  447. margin-top:5px;
  448. text-align:center;
  449. border-radius:20px;
  450. border:2px dotted {color:Borders};
  451. }
  452.  
  453. #link1:hover, #link2:hover, #link3:hover, #link4:hover, #link5:hover, #link6:hover{
  454. color:{color:Hover};
  455. -webkit-transition: all .7s ease;
  456. -moz-transition: all .7s ease;
  457. -o-transition: all .7s ease;
  458. transition: all .7s ease;
  459. }
  460.  
  461. /* Icons */
  462.  
  463. #linkOne{
  464. position:absolute;
  465. width:20px;
  466. height:15px;
  467. padding:5px;
  468. background:{color:Icon background};
  469. border: 2px dotted {color:Borders};
  470. border-radius:20px;
  471. margin-left:25px;
  472. margin-top:0px;
  473. }
  474.  
  475. #linkTwo{
  476. position:absolute;
  477. width:20px;
  478. height:15px;
  479. padding:5px;
  480. background:{color:Icon background};
  481. border: 2px dotted {color:Borders};
  482. border-radius:20px;
  483. margin-left:70px;
  484. margin-top:0px;
  485. }
  486.  
  487. #linkThree{
  488. position:absolute;
  489. width:20px;
  490. height:15px;
  491. padding:5px;
  492. background:{color:Icon background};
  493. border: 2px dotted {color:Borders};
  494. border-radius:20px;
  495. margin-left:115px;
  496. margin-top:0px;
  497. }
  498.  
  499. #linkFour{
  500. position:absolute;
  501. width:20px;
  502. height:15px;
  503. padding:5px;
  504. background:{color:Icon background};
  505. border: 2px dotted {color:Borders};
  506. border-radius:20px;
  507. margin-left:160px;
  508. margin-top:0px;
  509. }
  510.  
  511. #linkOne:hover, #linkTwo:hover, #linkThree:hover, #linkFour:hover{
  512. transform:rotate(360deg);
  513. -ms-transform:rotate(360deg);
  514. -webkit-transform:rotate(360deg);
  515. -webkit-transition: all .7s ease;
  516. -moz-transition: all .7s ease;
  517. -o-transition: all .7s ease;
  518. transition: all .7s ease;
  519. }
  520.  
  521. /* Quote */
  522.  
  523. .quote {
  524. font-size:25px;
  525. line-height:30px;
  526. font-family:{select:Title Font};
  527. color:{color:Italic};
  528. height:auto;
  529. margin-top:15px;
  530. margin-bottom:5px;
  531. padding:10px;
  532. text-align:center;
  533. letter-spacing:1px;}
  534.  
  535. .source {
  536. font-size:12px;
  537. line-height:23px;
  538. font-family:{select:Title Font};
  539. color:{color:Italic};
  540. height:auto;
  541. margin-top:15px;
  542. margin-bottom:5px;
  543. text-align:right;
  544. letter-spacing:1px;}
  545.  
  546. /* Chat */
  547.  
  548. .chat .line{
  549. margin:0 0 -1px;
  550. color: {color:Text};
  551. padding:2px;
  552. border-top:1px solid {color:Borders};
  553. border-bottom:1px solid {color:Borders};
  554. }
  555.  
  556. .label {
  557. font-weight:none;
  558. color:{color:Bold};
  559. font-size:10px;
  560. }
  561.  
  562. /* Link*/
  563.  
  564. #linktitle {
  565. width:250px;
  566. border:2px {color:Borders} solid;
  567. {block:PermalinkPage}
  568. width:500px;
  569. {/block:PermalinkPage}
  570. }
  571.  
  572. .linktexttitle a{
  573. font-family:{select:Link Font};
  574. font-size:25px;
  575. line-height:27px;
  576. text-align:center;
  577. color:{color:Italic};
  578. font-weight:bold;
  579. padding:1px 1px;
  580. }
  581.  
  582. .linkdescription {
  583. padding:5px;
  584. margin:0px;
  585. text-align:left;}
  586.  
  587. /*Ask Posts*/
  588.  
  589. .bubble {
  590. position: relative;
  591. align:right;
  592. background: {color:Ask buble};
  593. margin:5px 0px 5px 66px;
  594. padding:5px;
  595. -moz-border-radius:5px;
  596. -webkit-border-radius:5px;
  597. border-radius:5px;
  598. }
  599.  
  600. .bubble p {
  601. margin:1px 0px;
  602. }
  603.  
  604. .bubble span {
  605. display:block;
  606. position:absolute;
  607. width:1px;
  608. height:1px;
  609. font-size: 0;
  610. line-height: 1px;
  611. margin-left:-10px;
  612. margin-top:0px;
  613. border-top:7px solid transparent;
  614. border-bottom:7px solid transparent;
  615. border-right:10px solid {color:Ask buble};}
  616.  
  617. .askborder {
  618. float: left;
  619. margin: 1px 4px 0 0;
  620. padding: 2px;
  621. background: {color:Ask buble};}
  622.  
  623. /* Audio posts */
  624.  
  625. .audiopost{
  626. width:100%;
  627. min-height:100px;
  628. float:left;
  629. z-index:100000;
  630. }
  631.  
  632. .album img{
  633. max-width:65px;
  634. margin-left:5px;
  635. float:left;
  636. margin-top:0px;
  637. z-index:10;
  638. border: 5px solid {color:Borders};
  639. }
  640.  
  641. .audio{
  642. position:absolute;
  643. width:185px;
  644. min-height:90px;
  645. margin-left:80px;
  646. float:left;
  647. padding:5px;
  648. margin-top:-5px;
  649. z-index:10;
  650. font-size:12px;
  651. }
  652.  
  653. .play{
  654. position:absolute;
  655. margin:30px;
  656. max-width:25px;
  657. max-height:25px;
  658. overflow:hidden;
  659. opacity:0.7;
  660. }
  661.  
  662. /* Extras */
  663.  
  664. .like_and_reblog_buttons {
  665. position:absolute;
  666. float:right;
  667. margin-left:200px;
  668. margin-top:15px;
  669. z-index:200000;
  670. border: 0px solid #e8e8e8;
  671. border-radius: 3px;
  672. {block:PermalinkPage}
  673. margin-left:450px;
  674. text-align:left;
  675. line-height:15px;
  676. {/block:PermalinkPage}
  677. list-style: none;
  678. }
  679.  
  680. .like_and_reblog_buttons li {
  681. float:right;
  682. margin: 5px 5px;
  683. height: 15px;
  684. }
  685.  
  686. .like_and_reblog_buttons li:first-child {
  687. border-right: 0px solid #e8e8e8;
  688. }
  689.  
  690. .info {
  691. height:20px;
  692. float:center;
  693. padding-top:4px;
  694. margin-top:10px;
  695. text-align:center;
  696. font-size:13px;
  697. letter-spacing:1px;
  698. {block:PermalinkPage}
  699. width:500px;
  700. {/block:PermalinkPage}
  701. color:{color:Link};
  702. border-top:1px solid {color:Borders};
  703. text-transform:lowercase;
  704. }
  705.  
  706. .info i{
  707. color:{color:Icon};
  708. }
  709.  
  710. .info a {
  711. font-size:13px; }
  712.  
  713. .info a:hover {
  714. {color:Hover}
  715. transition-duration: 0.6s;
  716. -moz-transition-duration: 0.6s;
  717. -webkit-transition-duration: 0.6s;}
  718.  
  719.  
  720. #pagination{
  721. display:none
  722. }
  723.  
  724. /* Style of the box that appears when you hover over the links */
  725.  
  726. #s-m-t-tooltip {
  727. max-width:300px;
  728. z-index:10000000000;
  729. margin:24px 14px 7px 12px;
  730. padding:8px;
  731. color:{color:Icon};
  732. background:{color:Icon background};
  733. font-size:12px;
  734. line-height:15px;
  735. }
  736.  
  737. /* Credits */
  738.  
  739. #credits {
  740. position:fixed;
  741. right:10px;
  742. top:40px;
  743. z-index:100000;
  744. }
  745.  
  746. #credits img{
  747. border:3px solid {color:Borders};
  748. }
  749.  
  750. </style>
  751.  
  752. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  753. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  754. <script src="jquery.style-my-tooltips.js"></script>
  755.  
  756. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  757.  
  758. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  759. <script>
  760. (function($){
  761. $(document).ready(function(){
  762. $("[title]").style_my_tooltips({
  763. tip_follows_cursor:true,
  764. tip_delay_time:200,
  765. tip_fade_speed:300
  766. }
  767. );
  768. });
  769. })(jQuery);
  770. </script>
  771.  
  772.  
  773. <script type="text/javascript"
  774. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  775.  
  776. {block:IndexPage}
  777. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  778. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  779.  
  780. <script type="text/javascript">
  781. $(window).load(function(){
  782. var $wall = $('#posts');
  783. $wall.imagesLoaded(function(){
  784. $wall.masonry({
  785. itemSelector: '.entry, .entry_photo',
  786. isAnimated : false
  787. });
  788. });
  789.  
  790. $wall.infinitescroll({
  791. navSelector : '#pagination',
  792. nextSelector : '#pagination a',
  793. itemSelector : '.entry, .entry_photo',
  794. bufferPx : 2000,
  795. debug : false,
  796. errorCallback: function() {
  797. $('#infscr-loading').fadeOut('normal');
  798. }},
  799. function( newElements ) {
  800. var $newElems = $( newElements );
  801. $newElems.hide();
  802. $newElems.imagesLoaded(function(){
  803. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  804. });
  805. }); $('#posts').show(500);
  806. });
  807. </script>
  808.  
  809.  
  810. {/block:IndexPage}
  811.  
  812.  
  813. </head>
  814.  
  815. <div id="lace"></div>
  816.  
  817. <body>
  818.  
  819. <div id="container">
  820.  
  821. <div class="bow"></div>
  822.  
  823. <div class="navi1">
  824.  
  825. <div id="link1"><a href="{text:Link1 url}">{text:Link1}</a> </div>
  826. <div id="link2"><a href="{text:Link2 url}">{text:Link2}</a> </div>
  827. <div id="link3"><a href="{text:Link3 url}">{text:Link3}</a> </div>
  828.  
  829. </div>
  830.  
  831. <div class="navi2">
  832.  
  833. <div id="link4"><a href="{text:Link4 url}">{text:Link4}</a> </div>
  834. <div id="link5"><a href="{text:Link5 url}">{text:Link5}</a> </div>
  835. <div id="link6"><a href="{text:Link6 url}">{text:Link6}</a> </div>
  836.  
  837. </div>
  838.  
  839. <div id="sidebar">
  840. <div id="blogtitle">{title}</div>
  841. <br>
  842.  
  843. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  844.  
  845. <div id="linkOne"><a href="/"><img src="http://i62.tinypic.com/r1dhf8.jpg" Title="Home"><center></center></a></div>
  846. <div id="linkTwo"><a href="/ask"><img src="http://i62.tinypic.com/2h5v8cx.jpg" Title="Ask"><center></center></a></div>
  847. <div id="linkThree"><a href="/submit"><img src="http://i59.tinypic.com/11vpqqf.jpg" Title="Submit"><center></center></a></div>
  848. <div id="linkFour"><a href="/archive"><img src="http://i57.tinypic.com/2n8d5zk.jpg" Title="Archive"><center></center></a></div><br><br><br>
  849.  
  850.  
  851. <center><img src="http://media.tumblr.com/tumblr_lxt16jEuuG1r4s90a.gif"></a></center><br>
  852.  
  853. <div class="desc">{description}</div><br>
  854.  
  855. <center><img src="http://media.tumblr.com/tumblr_lxt16jEuuG1r4s90a.gif"></a></center>
  856.  
  857. <br>
  858.  
  859. <div class="pagination">
  860. {block:Pagination}<center><span class="pagination">
  861. {block:PreviousPage}<a href="{PreviousPage}" title="Newer"><img src="http://media.tumblr.com/a6acde3a84b068776aa2658917510298/tumblr_inline_mly9b6Qxre1qz4rgp.gif"></a></a>{/block:PreviousPage}
  862.  
  863. {block:NextPage}<a href="{NextPage}" title="Older"><img src="http://media.tumblr.com/7b2538969ce79856916039fc47188787/tumblr_inline_mly9beCCo51qz4rgp.gif"></a>{/block:NextPage}
  864. </center></span>{/block:Pagination}
  865. </div></div>
  866.  
  867.  
  868. <div id="search">
  869.  
  870. Search my blog:
  871.  
  872. <form action="/search" method="get">
  873. <input type="text" name="q" value="search..." style="width:135px; padding-left:10px; height:17px; border-radius:20px; border:1px solid {color:Borders}; background:{color:Link Background}; color:{color:Link}; font-size: 12px;margin-top:10px; margin-left:0px;"/><span><i class="fa fa-search"></i></span></form>
  874.  
  875. </div>
  876.  
  877. <div id="posts">
  878.  
  879. {block:Posts}
  880. <div class="entry">
  881. <div class="content">
  882.  
  883. {block:Text}
  884. {block:Title}
  885. <a href="{Permalink}">
  886. <h1>{Title}</h1></a>
  887. {/block:Title}
  888. {Body}
  889. {/block:Text}
  890.  
  891. {block:Photo}
  892. {block:IndexPage}
  893. <img src="{PhotoURL-250}"
  894. </a>{/block:IndexPage}
  895. {block:PermalinkPage}
  896. <a href="{permalink}">
  897. <img src="{PhotoURL-500}"
  898. width="500"/></a>{/block:PermalinkPage}
  899. {/block:Photo}
  900.  
  901. {block:Photoset}
  902. {block:IndexPage}
  903. {Photoset-250}
  904. {/block:IndexPage}
  905. {block:PermalinkPage}
  906. {Photoset-500}
  907. {/block:PermalinkPage}
  908. {/block:Photoset}
  909.  
  910. {block:Quote}
  911. <div class="quote">
  912. "{Quote}"{block:Source}
  913. <div class="source">-{Source}
  914. </div>{/block:Source}</div>
  915. {/block:Quote}
  916.  
  917. {block:Link}
  918. <div id="linktitle">
  919. <div class="linktexttitle">
  920. <a href="{URL}"
  921. class="linkpost"
  922. target="_blank">
  923. {Name} &raquo;</a></div></div>
  924. {block:Description}
  925. <div class="linkdescription">{Description}</div>
  926. {/block:Description}
  927. {/block:Link}
  928.  
  929. {block:Chat}
  930. {block:Title}<h1>{Title}</h1>{/block:Title}
  931. {block:Lines}<div class="chat"><div class="line {Alt}">
  932. <div class="{Alt} user_{UserNumber}">
  933. {block:Label}
  934. <span class="label">
  935. <span style="text-transform:uppercase;
  936. letter-spacing:1px">
  937. <b>{Label}</b>
  938. </span></span>
  939. {/block:Label}
  940. {Line}</div>
  941. </div></div>
  942. {/block:Lines}
  943. {/block:Chat}
  944.  
  945. {block:Audio}
  946. <div class="audiopost">
  947. <div class="album">
  948. {block:AlbumArt}
  949. <img src="{AlbumArtURL}">
  950. {block:AlbumArt}
  951. <div class="play">
  952. {AudioPlayerWhite}
  953. </div>
  954. </div>
  955. <div class="audio">
  956. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  957. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  958. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  959. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}</div>
  960. </div>
  961. {/block:Audio}
  962.  
  963. {block:Video}
  964. {block:IndexPage}
  965. {VideoEmbed-250}
  966. {/block:IndexPage}
  967. {block:PermalinkPage}
  968. {VideoEmbed-500}
  969. {/block:PermalinkPage}
  970. {/block:Video}
  971.  
  972. {block:Answer}
  973. <img src="{AskerPortraitURL-48}"
  974. width="40px"
  975. align="left"
  976. class="askborder">
  977. <div class="bubble">
  978. <span></span>{Asker} asked:
  979. {Question}&nbsp;</div>{Answer}
  980. {/block:Answer}
  981.  
  982. {block:IndexPage}
  983. {block:IfShowCaptions}
  984. {block:Caption}
  985. <h2>{Caption}</h2>
  986. {/block:Caption}
  987. {/block:IfShowCaptions}
  988. {/block:IndexPage}
  989.  
  990. {block:IfShowTags}
  991. {block:HasTags}
  992. {block:Tags}&nbsp;#
  993. <a href="{TagURL}">
  994. {Tag}</a>,&nbsp;
  995. {/block:Tags}
  996. {/block:HasTags}
  997. {/block:IfShowTags}
  998.  
  999. {block:Date}
  1000. <div class="info">
  1001. <a href="{Permalink}">
  1002. <i class="fa fa-clock-o"></i>
  1003. {TimeAgo}</a>
  1004. {block:NoteCount}
  1005. <i class="fa fa-heart-o"></i>
  1006. {NoteCountWithLabel}
  1007. {/block:NoteCount}
  1008.  
  1009. <ul class="like_and_reblog_buttons">
  1010. <li>{ReblogButton size="15"}</li>
  1011. <li>{LikeButton size="15"}</li>
  1012. </ul>
  1013. </div><br>
  1014. {/block:Date}
  1015.  
  1016. {block:PermalinkPage}
  1017. <div class="notes">
  1018. {block:Caption}{Caption}{/block:Caption}<br><br>
  1019.  
  1020. {block:PermalinkPagination}
  1021. <center>
  1022. {block:PreviousPost}
  1023. <a href="{PreviousPost}">
  1024. <i class="fa fa-arrow-circle-left"></i>
  1025. Previous post
  1026. </a>
  1027. {/block:PreviousPost}
  1028.  
  1029. {block:NextPost}
  1030. <a href="{NextPost}">
  1031. - Next post
  1032. <i class="fa fa-arrow-circle-right"></i></a></a>
  1033. {/block:NextPost}
  1034. </center>
  1035. {/block:PermalinkPagination} <br>
  1036.  
  1037. {block:PostNotes}<br>
  1038. <div style="text-align:left; max-height: 400px; width:500px; overflow: auto; overflow-x: hidden;">
  1039. {PostNotes}</div>
  1040. {/block:PostNotes}</div>
  1041. <br><br>
  1042. {/block:PermalinkPage}
  1043. </div></div>
  1044. {/block:Posts}
  1045.  
  1046. </div>
  1047.  
  1048.  
  1049. <a href="www.borntobewildthemes.tumblr.com"><div id="credits">
  1050. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1051.  
  1052. </div>
  1053.  
  1054. </body>
  1055. </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!