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

The nightmare before Christmas

b0rn-to-be-wild
Nov 24th, 2014
284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.05 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 | "The nightmare before Christmas"
  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 :) 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/toons/too-10/too1031.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/19/jack-skellington-nightmare-before-christmas.html" target="_blank" title="Jack Skellington - Nightmare Before Christmas"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Jack Skellington - Nightmare Before Christmas" 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=Crafty+Girls' 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=Metal+Mania' 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.  
  42. <!--DEFAULT VARIABLES-->
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  44.  
  45. <meta name="image:Background" content="1"/>
  46. <meta name="image:Sidebar" content="1"/>
  47.  
  48. <meta name="color:Background" content="#fff"/>
  49. <meta name="color:Container background" content="#fff"/>
  50. <meta name="color:Sidebar background" content="#fff"/>
  51. <meta name="color:Post background" content="#fff"/>
  52. <meta name="color:Blog Title" content="#D0B335"/>
  53. <meta name="color:Title" content="#8CC3E5"/>
  54. <meta name="color:Description" content="#000000"/>
  55. <meta name="color:Ask buble" content="#8CC3E5"/>
  56. <meta name="color:Text" content="#777"/>
  57. <meta name="color:Hover" content="#fff"/>
  58. <meta name="color:Italic" content="#E188CF"/>
  59. <meta name="color:Bold" content="#529ECC"/>
  60. <meta name="color:Icon" content="#F2992E"/>
  61. <meta name="color:Link" content="#bbb"/>
  62. <meta name="color:Sidebar link border" content="#000"/>
  63. <meta name="color:Info border" content="#000"/>
  64. <meta name="color:Borders" content="#000"/>
  65. <meta name="color:Scrollbar" content="#fff"/>
  66.  
  67. <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
  68. <meta name="select:Title Font" content="Metal Mania" title="Metal Mania">
  69. <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
  70. <meta name="select:Title Font" content="The Girl Next Door" title="The Girl Next Door">
  71. <meta name="select:Title Font" content="Crafty Girls" title="Crafty Girls">
  72.  
  73. <meta name="select:Description Font" content="Great Vibes" title="Great Vibes">
  74. <meta name="select:Description Font" content="Metal Mania" title="Metal Mania">
  75. <meta name="select:Description Font" content="Clicker Script" title="Clicker Script">
  76. <meta name="select:Description Font" content="The Girl Next Door" title="The Girl Next Door">
  77. <meta name="select:Description Font" content="Crafty Girls" title="Crafty Girls">
  78.  
  79. <meta name="select:Link Font" content="Great Vibes" title="Great Vibes">
  80. <meta name="select:Link Font" content="Metal Mania" title="Metal Mania">
  81. <meta name="select:Link Font" content="Clicker Script" title="Clicker Script">
  82. <meta name="select:Link Font" content="The Girl Next Door" title="The Girl Next Door">
  83. <meta name="select:Link Font" content="Crafty Girls" title="Crafty Girls">
  84. <meta name="font:Body font" content="Helvetica"/>
  85.  
  86. <meta name="text:Title1" content="Title 1">
  87. <meta name="text:Title2" content="Title 2">
  88. <meta name="text:Title3" content="Title 3">
  89. <meta name="text:Title4" content="Title 4">
  90.  
  91. <meta name="text:Stats" content="Stats">
  92. <meta name="text:Updates" content="Updates">
  93.  
  94. <meta name="text:Link1" content="link one"/>
  95. <meta name="text:Link2" content="link two"/>
  96. <meta name="text:Link3" content="link three"/>
  97. <meta name="text:Link4" content="link four"/>
  98. <meta name="text:Link5" content="link five"/>
  99.  
  100. <meta name="text:Link1 url" content="link 1 url"/>
  101. <meta name="text:Link2 url" content="link 2 url"/>
  102. <meta name="text:Link3 url" content="link 3 url"/>
  103. <meta name="text:Link4 url" content="link 4 url"/>
  104. <meta name="text:Link5 url" content="link 5 url"/>
  105.  
  106. <meta name="text:Link1m" content="link 1"/>
  107. <meta name="text:Link2m" content="link 2"/>
  108. <meta name="text:Link3m" content="link 3"/>
  109. <meta name="text:Link4m" content="link 4"/>
  110. <meta name="text:Link5m" content="link 5"/>
  111.  
  112. <meta name="text:Link1m url" content="link 1 url"/>
  113. <meta name="text:Link2m url" content="link 2 url"/>
  114. <meta name="text:Link3m url" content="link 3 url"/>
  115. <meta name="text:Link4m url" content="link 4 url"/>
  116. <meta name="text:Link5m url" content="link 5 url"/>
  117.  
  118. <meta name="if:Show Sidebar Image" content="1" />
  119. <meta name="if:Show Navigation" content="1" />
  120. <meta name="if:Show Description" content="1" />
  121. <meta name="if:Show Stats" content="1" />
  122. <meta name="if:Show Updates" content="1" />
  123. <meta name="if:Show Search" content="1" />
  124. <meta name="if:Show Captions" content="1" />
  125. <meta name="if:Show Tags" content="1" />
  126. <meta name="if:Show Custom Cursor" content="1" />
  127.  
  128. <meta name="if:Show Link1" content="1" />
  129. <meta name="if:Show Link2" content="1" />
  130. <meta name="if:Show Link3" content="1" />
  131. <meta name="if:Show Link4" content="1" />
  132. <meta name="if:Show Link5" content="1" />
  133.  
  134. <style type="text/css">
  135.  
  136. /*Body*/
  137.  
  138. body {
  139. padding: 0px;
  140. margin: 0px;
  141. color:{color:Text};
  142. font-family:{font:Body font};
  143. line-height:17px;
  144. font-size:14px;
  145. background-color: {color:Background};
  146. background-image:url({image:Background});
  147. background-attachment: fixed;
  148. background-repeat: repeat;
  149. background-position:center;
  150. }
  151.  
  152. h1{
  153. line-height: 25px;
  154. color:{color:Title};
  155. font-family:{select:Title Font};
  156. font-size:20px;
  157. font-weight: normal;
  158. border-bottom:1px solid {color:Info border};
  159. }
  160.  
  161. h2{
  162. line-height:17px;
  163. font-size:14px;
  164. }
  165.  
  166. a:link, a:active, a:visited{
  167. -webkit-transition: color 0.3s ease-out;
  168. -moz-transition: color 0.3s ease-out;
  169. text-decoration:none;
  170. transition: color 0.3s ease-out;
  171. color:{color:link};
  172. }
  173.  
  174. a:hover {
  175. color: {color:Hover};
  176. }
  177.  
  178. b {
  179. font-weight:bold;
  180. color:{color:Bold};}
  181.  
  182. p.italic {
  183. font-style:italic;
  184. color:{color:Italic};}
  185.  
  186. blockquote{
  187. padding:0px 0px 2px 5px;
  188. margin:0px 0px 2px 10px;
  189. border-left: 1px solid {color:Borders};
  190. }
  191.  
  192. blockquote p, ul{
  193. margin:0px;
  194. padding:0px;
  195. }
  196.  
  197. a img{border: 0px;}
  198.  
  199.  
  200. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  201.  
  202. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  203. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  204.  
  205. .notes img{
  206. width:15px;
  207. position:relative;
  208. top:3px;
  209. margin-right:5px;
  210. border:1px solid {color:Borders};
  211. border-radius:60px;
  212. }
  213.  
  214. <--ses-->
  215. small{font-size: 90%;}
  216.  
  217. big{font-size: 110%;}
  218.  
  219. /* Webkit scrollbar */
  220.  
  221. ::-webkit-scrollbar-thumb {
  222. background: {color:Scrollbar};
  223. height: auto; border: 3px solid {color:Borders};
  224. }
  225.  
  226. ::-webkit-scrollbar {
  227. height:10px;
  228. width:12px;
  229. background: {color:Scrollbar};
  230. height: auto;
  231. border: 5px solid {color:Borders};
  232. }
  233.  
  234. /*Posts and entries*/
  235.  
  236. div#center{
  237. margin-top:0px;
  238. position:relative;
  239. width:900px;
  240. z-index:0;
  241. border:3px solid #000;
  242. background:{color:Container background};
  243. min-height:1000px;
  244. padding-bottom:30px;
  245. margin-left:auto;
  246. margin-right:auto;
  247. }
  248.  
  249. .entry {
  250. float:left;
  251. display: block;
  252. margin:10px;
  253. overflow:hidden;
  254. width:250px;
  255. padding:10px;
  256. background:{color:Post Background};
  257. border:3px solid {color:Borders};
  258. border-top-right-radius:30px;
  259. border-bottom-left-radius:30px;
  260. color:{color:Text};
  261. {block:PermalinkPage}
  262. width:500px;
  263. {/block:PermalinkPage}
  264. }
  265.  
  266. .entry:hover{
  267. border-radius:0px;
  268. -moz-box-shadow: 0 0 5px 5px #888;
  269. -webkit-box-shadow: 0 0 5px 5px#888;
  270. box-shadow: 0 0 5px 5px #888;
  271. -webkit-transition: all .7s ease;
  272. -moz-transition: all .7s ease;
  273. -o-transition: all .7s ease;
  274. transition: all .7s ease;
  275. }
  276.  
  277. .entry p img, .entry blockquote img { max-width: 100%; }
  278.  
  279. #posts {
  280. width:600px;
  281. margin-top:40px;
  282. z-index:0;
  283. padding-top:20px;
  284. padding-right:10px;
  285. padding-left:30px;
  286. margin-left:0px;
  287. right:auto;
  288. margin-right:auto;
  289. position:relative;
  290. overflow-y: hidden;
  291. }
  292.  
  293. /*Header*/
  294.  
  295. #header{
  296. margin-top:30px;
  297. margin-left:auto;
  298. background:url('http://i60.tinypic.com/1192hyu.png');
  299. margin-right:auto;
  300. border-top-left-radius:100px;
  301. border-top-right-radius:100px;
  302. width:900px;
  303. height:314px;
  304. z-index:10000000;
  305. }
  306.  
  307. .sally{
  308. position:absolute;
  309. margin-top:210px;
  310. margin-left:10px;
  311. background:url('http://i59.tinypic.com/2ibi8si.png');
  312. width:55px;
  313. height:100px;
  314. }
  315.  
  316. #topbar{
  317. margin-top:-10px;
  318. margin-left:auto;
  319. background:url('http://i62.tinypic.com/25thwtk.png');
  320. margin-right:auto;
  321. background-position:center;
  322. width:900px;
  323. height:67px;
  324. border-top:10px solid black;
  325. z-index:100000;
  326. }
  327.  
  328. /* Search box */
  329.  
  330. .search{
  331. position:absolute;
  332. width:160px;
  333. padding:10px;
  334. margin-top:0px;
  335. margin-left:370px;
  336. }
  337.  
  338. .search span{
  339. position:absolute;
  340. margin-left:-25px;
  341. margin-top:-5px;
  342. padding:10px;
  343. color:{color:Borders};
  344. }
  345.  
  346. #blogtitle{
  347. position:absolute;
  348. margin-left:550px;
  349. margin-top:40px;
  350. padding:10px;
  351. text-align:center;
  352. font-family:{select:Title Font};
  353. font-size:30px;
  354. color:{color:Blog Title};
  355. line-height:35px;
  356. width:300px;
  357. z-index:1000000;
  358. text-shadow: 1px 0px {color:borders},
  359. }
  360.  
  361. #blogtitle:hover{
  362. color: {color:hover};
  363. -webkit-transition: opacity .3s linear;
  364. -webkit-transition: all .3s ease-in-out;
  365. -moz-transition: all .3s ease-in-out;
  366. -o-transition: all .3s ease-in-out;
  367. }
  368.  
  369. #sidebartitle{
  370. position:relative;
  371. margin-left:-12px;
  372. margin-top:0px;
  373. margin-bottom:5px;
  374. background:url('http://i61.tinypic.com/2dr7tqc.jpg');
  375. border-top:3px solid #000;
  376. padding:3px;
  377. height:30px;
  378. width:160px;
  379. text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  380. }
  381.  
  382. /*Sidebar*/
  383.  
  384. #sidebar{
  385. position:absolute; !important;
  386. width:140px;
  387. height:auto;
  388. padding:10px;
  389. border-radius:20px;
  390. margin-top:10px;
  391. margin-left:690px;
  392. overflow:visible;
  393. z-index:100;
  394. }
  395.  
  396. #sidebarimage {
  397. position:relative;
  398. margin:0px -20px 12px;
  399. width:180px;
  400. height:135px;
  401. z-index:1000000;
  402. background:url('http://i57.tinypic.com/2wcmusj.png');
  403. }
  404.  
  405. #sidebarimage img {
  406. margin-top:12px;
  407. margin-left:12px;
  408. width:145px;
  409. height:101px;
  410. border:5px solid #fff;
  411. }
  412.  
  413. #sidebarimage:hover {
  414. transition: all .7s ease;
  415. }
  416.  
  417. #desc{
  418. background:{color:Sidebar background};
  419. width:141px;
  420. font-family:{select:Description Font};
  421. height:auto;
  422. max-height:200px;
  423. overflow-y:auto;
  424. overflow-x:hidden;
  425. padding:10px;
  426. padding-top:0;
  427. margin-top:10px;
  428. margin-left:-12px;
  429. font-size:17px;
  430. line-height:20px;
  431. text-align:justify;
  432. border:3px solid #000;
  433. }
  434.  
  435. /* Sidebar Links*/
  436.  
  437. #navigation{
  438. height:auto;
  439. background:{color:Sidebar background};
  440. width:142px;
  441. border:3px solid #000;
  442. margin-left:-12px;
  443. padding:10px;
  444. padding-top:0;
  445. }
  446.  
  447. #navigation a{
  448. display:block;
  449. width:141px;
  450. font-family:{select:Link Font};
  451. border-bottom:1px solid {color:Sidebar link border};
  452. margin-left:0px;
  453. height:20px;
  454. padding:2px;
  455. margin-top:0px;
  456. font-size:15px;
  457. line-height:22px;
  458. }
  459.  
  460. #navigation i{
  461. color:{color:Icon};
  462. }
  463.  
  464. #navigation a:hover{
  465. background:{color:Sidebar link border};
  466. -webkit-transition: all .7s ease-in-out;
  467. -moz-transition: all .7s ease-in-out;
  468. -o-transition: all .7s ease-in-out;
  469. transition: all .7s ease-in-out;
  470. }
  471.  
  472. /*Extra Links*/
  473.  
  474. #linkOne{
  475. position:absolute;
  476. width:25px;
  477. height:25px;
  478. border-radius:25px;
  479. border:1px solid #000;;
  480. background:#CEAF32;
  481. margin-left:470px;
  482. margin-top:280px;
  483. z-index:10000;
  484. }
  485.  
  486. #linkTwo{
  487. position:absolute;
  488. width:25px;
  489. height:25px;
  490. font-size:12px;
  491. border-radius:25px;
  492. border:1px solid #000;;
  493. background:#CEAF32;
  494. margin-left:510px;
  495. margin-top:280px;
  496. z-index:10000;
  497. }
  498.  
  499. #linkThree{
  500. position:absolute;
  501. width:25px;
  502. height:25px;
  503. border-radius:25px;
  504. border:1px solid #000;;
  505. background:#CEAF32;
  506. margin-left:550px;
  507. margin-top:280px;
  508. z-index:10000;
  509. }
  510.  
  511. #linkFour{
  512. position:absolute;
  513. width:25px;
  514. height:25px;
  515. border-radius:25px;
  516. border:1px solid #000;;
  517. background:#CEAF32;
  518. margin-left:590px;
  519. margin-top:280px;
  520. z-index:10000;
  521. }
  522.  
  523. #linkOne:hover, #linkTwo:hover, #linkThree:hover, #linkFour:hover{
  524. background:#fff;
  525. -webkit-transition: all .7s ease;
  526. -moz-transition: all .7s ease;
  527. -o-transition: all .7s ease;
  528. transition: all .7s ease;
  529. }
  530.  
  531. #linkOne i, #linkTwo i, #linkThree i, #linkFour i{
  532. margin-top:6px;
  533. margin-left:6px;
  534. border:none;
  535. }
  536.  
  537. /*Menu links*/
  538.  
  539. #link1m{
  540. position:absolute;
  541. width:100px;
  542. background:url('http://i61.tinypic.com/8yak46.jpg');
  543. color:{color:Link};
  544. margin-left:10px;
  545. font-family:{select:Link Font};
  546. height:20px;
  547. padding:2px;
  548. margin-top:12px;
  549. font-size:17px;
  550. line-height:22px;
  551. z-index:1000000;
  552. text-align:center;
  553. border:1px solid #000;
  554. border-top-left-radius:20px;
  555. border-bottom-right-radius:20px;
  556. }
  557.  
  558. #link2m{
  559. position:absolute;
  560. width:100px;
  561. background:url('http://i57.tinypic.com/2n8n0oy.jpg');
  562. color:{color:Link};
  563. margin-left:130px;
  564. font-family:{select:Link Font};
  565. height:20px;
  566. padding:2px;
  567. margin-top:12px;
  568. font-size:17px;
  569. line-height:22px;
  570. z-index:1000000;
  571. text-align:center;
  572. border:1px solid #000;
  573. border-top-left-radius:20px;
  574. border-bottom-right-radius:20px;
  575. }
  576.  
  577.  
  578. #link3m{
  579. position:absolute;
  580. width:100px;
  581. background:url('http://i61.tinypic.com/15ejseh.jpg');
  582. color:{color:Link};
  583. margin-left:250px;
  584. font-family:{select:Link Font};
  585. height:20px;
  586. padding:2px;
  587. margin-top:12px;
  588. font-size:17px;
  589. line-height:22px;
  590. z-index:1000000;
  591. text-align:center;
  592. border:1px solid #000;
  593. border-top-left-radius:20px;
  594. border-bottom-right-radius:20px;
  595. }
  596.  
  597. #link4m{
  598. position:absolute;
  599. width:100px;
  600. background:url('http://i61.tinypic.com/15ejseh.jpg');
  601. color:{color:Link};
  602. margin-left:555px;
  603. font-family:{select:Link Font};
  604. height:20px;
  605. padding:2px;
  606. margin-top:12px;
  607. font-size:17px;
  608. line-height:22px;
  609. z-index:1000000;
  610. text-align:center;
  611. border:1px solid #000;
  612. border-bottom-left-radius:20px;
  613. border-top-right-radius:20px;
  614. }
  615.  
  616. #link5m{
  617. position:absolute;
  618. width:100px;
  619. background:url('http://i57.tinypic.com/2n8n0oy.jpg');
  620. color:{color:Link};
  621. margin-left:670px;
  622. font-family:{select:Link Font};
  623. height:20px;
  624. padding:2px;
  625. margin-top:12px;
  626. font-size:17px;
  627. line-height:22px;
  628. z-index:1000000;
  629. text-align:center;
  630. border:1px solid #000;
  631. border-bottom-left-radius:20px;
  632. border-top-right-radius:20px;
  633. }
  634.  
  635.  
  636. #link6m{
  637. position:absolute;
  638. width:100px;
  639. background:url('http://i61.tinypic.com/8yak46.jpg');
  640. color:{color:Link};
  641. margin-left:785px;
  642. font-family:{select:Link Font};
  643. height:20px;
  644. padding:2px;
  645. margin-top:12px;
  646. font-size:17px;
  647. line-height:22px;
  648. z-index:1000000;
  649. text-align:center;
  650. border:1px solid #000;
  651. border-bottom-left-radius:20px;
  652. border-top-right-radius:20px;
  653. }
  654.  
  655. #link1m:hover, #link2m:hover, #link3m:hover, #link4m:hover, #link5m:hover, #link6m:hover{
  656. background:#000;
  657. -webkit-transition: all .2s ease;
  658. -moz-transition: all .2s ease;
  659. -o-transition: all .2s ease;
  660. transition: all .2s ease;
  661. }
  662.  
  663. #stats{
  664. background:{color:Sidebar background};
  665. width:141px;
  666. font-family:{select:Link Font};
  667. height:auto;
  668. max-height:200px;
  669. overflow-y:auto;
  670. overflow-x:hidden;
  671. padding:10px;
  672. padding-top:0;
  673. margin-top:10px;
  674. margin-left:-12px;
  675. font-size:17px;
  676. line-height:20px;
  677. text-align:justify;
  678. border:3px solid #000;
  679. text-align:center;
  680. }
  681.  
  682. #stats a{
  683. margin-top:5px;
  684. padding-left:5px;
  685. padding-right:5px;
  686. border-bottom:1px dashed {color:Borders};
  687. }
  688.  
  689. #updates{
  690. background:{color:Sidebar background};
  691. width:141px;
  692. font-family:{select:Link Font};
  693. height:auto;
  694. max-height:200px;
  695. overflow-y:auto;
  696. overflow-x:hidden;
  697. padding:10px;
  698. padding-top:0;
  699. margin-top:10px;
  700. margin-left:-12px;
  701. font-size:17px;
  702. line-height:20px;
  703. border:3px solid #000;
  704. text-align:center;
  705. }
  706.  
  707. /* Quote */
  708.  
  709. .quote {
  710. font-size:25px;
  711. line-height:30px;
  712. font-family:{select:Title Font};
  713. color:{color:Italic};
  714. height:auto;
  715. margin-top:15px;
  716. margin-bottom:5px;
  717. padding:10px;
  718. text-align:center;
  719. letter-spacing:1px;}
  720.  
  721. .source {
  722. font-size:12px;
  723. line-height:23px;
  724. font-family:{select:Title Font};
  725. color:{color:Italic};
  726. height:auto;
  727. margin-top:15px;
  728. margin-bottom:5px;
  729. text-align:right;
  730. letter-spacing:1px;}
  731.  
  732. /* Chat */
  733.  
  734. .chat .line{
  735. margin:0 0 -1px;
  736. color: {color:Text};
  737. padding:2px;
  738. border-top:1px solid {color:Borders};
  739. border-bottom:1px solid {color:Borders};
  740. }
  741.  
  742. .label {
  743. font-weight:none;
  744. color:{color:Bold};
  745. font-size:10px;
  746. }
  747.  
  748. /* Link*/
  749.  
  750. #linktitle {
  751. width:240px;
  752. padding:5px;
  753. border:2px {color:Borders} solid;
  754. {block:PermalinkPage}
  755. width:490px;
  756. {/block:PermalinkPage}
  757. }
  758.  
  759. .linktexttitle a{
  760. font-family:{select:Link Font};
  761. font-size:16px;
  762. line-height:20px;
  763. text-align:center;
  764. color:{color:Link};
  765. font-weight:bold;
  766. }
  767.  
  768. .linkdescription {
  769. padding:5px;
  770. margin:0px;
  771. text-align:left;}
  772.  
  773. /*Ask Posts*/
  774.  
  775. .bubble {
  776. position: relative;
  777. align:right;
  778. background: {color:Ask buble};
  779. margin:5px 0px 5px 66px;
  780. padding:5px;
  781. -moz-border-radius:5px;
  782. -webkit-border-radius:5px;
  783. border-radius:5px;
  784. }
  785.  
  786. .bubble p {
  787. margin:1px 0px;
  788. }
  789.  
  790. .bubble span {
  791. display:block;
  792. position:absolute;
  793. width:1px;
  794. height:1px;
  795. font-size: 0;
  796. line-height: 1px;
  797. margin-left:-10px;
  798. margin-top:0px;
  799. border-top:7px solid transparent;
  800. border-bottom:7px solid transparent;
  801. border-right:10px solid {color:Ask buble};}
  802.  
  803. .askborder {
  804. float: left;
  805. margin: 1px 4px 0 0;
  806. padding: 2px;
  807. background: {color:Ask buble};}
  808.  
  809. /*Audio*/
  810.  
  811. .album img{
  812. max-width:65px;
  813. margin-left:5px;
  814. float:left;
  815. margin-top:0px;
  816. z-index:10;
  817. border: 5px solid {color:Borders};
  818. }
  819.  
  820. .audio{
  821. position:absolute;
  822. width:185px;
  823. min-height:90px;
  824. margin-left:80px;
  825. float:left;
  826. padding:5px;
  827. margin-top:-5px;
  828. z-index:10;
  829. font-size:12px;
  830. overflow:hidden;
  831. }
  832.  
  833. .play{
  834. position:absolute;
  835. margin:30px;
  836. max-width:25px;
  837. max-height:25px;
  838. overflow:hidden;
  839. opacity:0.7;
  840. }
  841.  
  842.  
  843. /* EXTRAS */
  844.  
  845. .like_and_reblog_buttons {
  846. position:absolute;
  847. float:right;
  848. margin-left:200px;
  849. margin-bottom:15px;
  850. z-index:200000;
  851. border: 0px solid #e8e8e8;
  852. border-radius: 3px;
  853. {block:PermalinkPage}
  854. margin-left:450px;
  855. text-align:left;
  856. line-height:15px;
  857. {/block:PermalinkPage}
  858. list-style: none;
  859. }
  860.  
  861. .like_and_reblog_buttons li {
  862. float:right;
  863. margin: 5px 5px;
  864. height: 15px;
  865. }
  866.  
  867. .like_and_reblog_buttons li:first-child {
  868. border-right: 0px solid #e8e8e8;
  869. }
  870.  
  871. .info {
  872. height:20px;
  873. float:center;
  874. padding-top:4px;
  875. margin-top:10px;
  876. text-align:center;
  877. font-size:13px;
  878. letter-spacing:1px;
  879. {block:PermalinkPage}
  880. width:500px;
  881. {/block:PermalinkPage}
  882. color:{color:Link};
  883. border-top:1px solid {color:Info Border};
  884. text-transform:lowercase;
  885. }
  886.  
  887. .info i{
  888. color:{color:Icon};
  889. }
  890.  
  891. .info a {
  892. font-size:13px; }
  893.  
  894. .info a:hover {
  895. {color:Hover}
  896. transition-duration: 0.6s;
  897. -moz-transition-duration: 0.6s;
  898. -webkit-transition-duration: 0.6s;}
  899.  
  900. /*Pagination*/
  901.  
  902. .jump_page {
  903. padding: 5px 7px;
  904. border:1px solid {color:Borders};
  905. border-radius:30px;
  906. color:{color:Borders};
  907. background:{color:Post background};
  908. font-size:10px;
  909. text-decoration:none;
  910. }
  911.  
  912. .current_page, .jump_page:hover {
  913. padding: 5px 7px;
  914. border:1px solid {color:Borders};
  915. border-radius:30px;
  916. color:{color:Borders};
  917. background:{color:Post background};
  918. font-size:10px;
  919. text-decoration:none;
  920. }
  921.  
  922. /* Style of the box that appears when you hover over the links */
  923.  
  924. #s-m-t-tooltip {
  925. max-width:300px;
  926. z-index:10000000000;
  927. margin:24px 14px 7px 12px;
  928. padding:8px;
  929. color:{color:Link};
  930. background:{color:Sidebar link background};
  931. font-size:12px;
  932. line-height:15px;
  933. }
  934.  
  935. /* Credits */
  936.  
  937. #credits {
  938. position:fixed;
  939. right:10px;
  940. top:40px;
  941. z-index:100000;
  942. }
  943.  
  944. #credits img{
  945. border:3px solid {color:Borders};
  946. }
  947.  
  948. {CustomCSS}
  949.  
  950.  
  951. </style>
  952.  
  953. <script type="text/javascript">
  954. $(window).load(function(){
  955. $("p").remove(":contains('Source:')");
  956. $("p").remove(":contains('via ')");
  957. });
  958. </script>
  959.  
  960. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  961. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  962. <script src="jquery.style-my-tooltips.js"></script>
  963.  
  964. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  965.  
  966. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  967. <script>
  968. (function($){
  969. $(document).ready(function(){
  970. $("[title]").style_my_tooltips({
  971. tip_follows_cursor:true,
  972. tip_delay_time:200,
  973. tip_fade_speed:300
  974. }
  975. );
  976. });
  977. })(jQuery);
  978. </script>
  979.  
  980.  
  981. <script type="text/javascript"
  982. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  983.  
  984. {block:IndexPage}
  985. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  986. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  987.  
  988. <script type="text/javascript">
  989. $(window).load(function(){
  990. var $wall = $('#posts');
  991. $wall.imagesLoaded(function(){
  992. $wall.masonry({
  993. itemSelector: '.entry, .entry_photo',
  994. isAnimated : false
  995. });
  996. });
  997.  
  998. $wall.infinitescroll({
  999. navSelector : '#pagination',
  1000. nextSelector : '#pagination a',
  1001. itemSelector : '.entry, .entry_photo',
  1002. bufferPx : 2000,
  1003. debug : false,
  1004. errorCallback: function() {
  1005. $('#infscr-loading').fadeOut('normal');
  1006. }},
  1007. function( newElements ) {
  1008. var $newElems = $( newElements );
  1009. $newElems.hide();
  1010. $newElems.imagesLoaded(function(){
  1011. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1012. });
  1013. }); $('#posts').show(500);
  1014. });
  1015. </script>
  1016.  
  1017.  
  1018. {/block:IndexPage}
  1019.  
  1020.  
  1021. <title>{title}</title>
  1022.  
  1023. <link rel="shortcut icon" href="{Favicon}" />
  1024. <meta name="viewport" content="width=820" />
  1025. </head>
  1026.  
  1027. <body>
  1028.  
  1029.  
  1030. <div id="header">
  1031. <div class="sally"></div>
  1032. <div id="linkOne"><a href="/" title="Index"><i class="fa fa-home"></i></a></div>
  1033. <div id="linkTwo"><a href="/ask" title="Ask"><i class="fa fa-envelope"></i></a></div>
  1034. <div id="linkThree"><a href="/submit" title="Submit"><i class="fa fa-pencil"></i></a></div>
  1035. <div id="linkFour"><a href="/archive" title="Archive"><i class="fa fa-clock-o"></i></a></div>
  1036. <div id="blogtitle">{Title}</div>
  1037. </div>
  1038.  
  1039. <div id="center">
  1040.  
  1041. <div id="topbar">
  1042. <div id="link1m"><a href="{text:Link1m url}">{text:Link1m}</a> </div>
  1043. <div id="link2m"><a href="{text:Link2m url}">{text:Link2m}</a> </div>
  1044. <div id="link3m"><a href="{text:Link3m url}">{text:Link3m}</a> </div>
  1045. <div id="link4m"><a href="{text:Link4m url}">{text:Link4m}</a> </div>
  1046. <div id="link5m"><a href="{text:Link5m url}">{text:Link5m}</a> </div>
  1047. <div id="link6m"><a href="http://borntobewildthemes.co.vu/">Theme</a> </div>
  1048. {block:IfShowSearch}
  1049. <div class="search">
  1050. <form action="/search" method="get">
  1051. <input type="text" name="q" value="search..." style="width:135px; padding-left:10px; height:17px; border:1px solid #000; background:#fff; color:{color:Link}; font-size: 12px;margin-top:4px; margin-left:0px;"/><span><i class="fa fa-search"></i></span></form>
  1052. </div>
  1053. {/block:IfShowSearch}
  1054. </div>
  1055.  
  1056. <div id="sidebar">
  1057.  
  1058. {block:IfShowSidebarImage}
  1059. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  1060. {/block:IfShowSidebarImage}
  1061.  
  1062. {block:IfShowNavigation}
  1063. <div id="navigation">
  1064. <div id="sidebartitle"></div>
  1065. {block:IfShowLink1}
  1066. <a href="{text:Link1 url}"><i class="fa fa-star"></i> {text:Link1}</a>
  1067. {/block:IfShowLink1}
  1068. {block:IfShowLink2}
  1069. <a href="{text:Link2 url}"><i class="fa fa-star"></i> {text:Link2}</a>
  1070. {/block:IfShowLink2}
  1071. {block:IfShowLink3}
  1072. <a href="{text:Link3 url}"><i class="fa fa-star"></i> {text:Link3}</a>
  1073. {/block:IfShowLink3}
  1074. {block:IfShowLink4}
  1075. <a href="{text:Link4 url}"><i class="fa fa-star"></i> {text:Link4}</a>
  1076. {/block:IfShowLink4}
  1077. {block:IfShowLink5}
  1078. <a href="{text:Link5 url}"><i class="fa fa-star"></i> {text:Link5}</a>
  1079. {/block:IfShowLink5}
  1080. </div>
  1081. {/block:IfShowNavigation}
  1082.  
  1083. {block:IfShowDescription}
  1084. <div id="desc">
  1085. <div id="sidebartitle"></div>
  1086. {description}
  1087. </div>
  1088. {/block:IfShowDescription}
  1089.  
  1090. {block:IfShowStats}
  1091. <div id="stats">
  1092. <div id="sidebartitle"></div>
  1093. {text:Stats}
  1094. </div>
  1095. {/block:IfShowStats}
  1096.  
  1097. {block:IfShowUpdates}
  1098. <div id="updates">
  1099. <div id="sidebartitle"></div>
  1100. {text:Updates}
  1101. </div>
  1102. {/block:IfShowUpdates}
  1103.  
  1104. </div>
  1105.  
  1106.  
  1107. <div id="posts">
  1108.  
  1109. {block:Posts}
  1110.  
  1111. <div class="entry">
  1112.  
  1113. <div class="content">
  1114.  
  1115. {block:Text}
  1116. {block:Title}
  1117. <a href="{Permalink}"> <h1>{Title}</h1></a>
  1118. {/block:Title}
  1119. {Body}
  1120. {/block:Text}
  1121.  
  1122. {block:Photo}
  1123. {block:IndexPage}
  1124. <img src="{PhotoURL-250}"
  1125. </a>{/block:IndexPage}
  1126. {block:PermalinkPage}
  1127. <a href="{permalink}">
  1128. <img src="{PhotoURL-500}"
  1129. width="500"/></a>{/block:PermalinkPage}
  1130. {/block:Photo}
  1131.  
  1132. {block:Photoset}
  1133. {block:IndexPage}
  1134. {Photoset-250}
  1135. {/block:IndexPage}
  1136. {block:PermalinkPage}
  1137. {Photoset-500}
  1138. {/block:PermalinkPage}
  1139. {/block:Photoset}
  1140.  
  1141. {block:Quote}
  1142. <div class="quote">
  1143. "{Quote}"{block:Source}
  1144. <div class="source">-{Source}
  1145. </div>{/block:Source}</div>
  1146. {/block:Quote}
  1147.  
  1148. {block:Link}
  1149. <div id="linktitle">
  1150. <div class="linktexttitle">
  1151. <a href="{URL}"
  1152. class="linkpost"
  1153. target="_blank">
  1154. {Name} &raquo;</a></div></div>
  1155. {block:Description}
  1156. <div class="linkdescription">{Description}</div>
  1157. {/block:Description}
  1158. {/block:Link}
  1159.  
  1160. {block:Chat}
  1161. {block:Title}<h1>{Title}</h1>{/block:Title}
  1162. {block:Lines}<div class="chat"><div class="line {Alt}">
  1163. <div class="{Alt} user_{UserNumber}">
  1164. {block:Label}
  1165. <span class="label">
  1166. <span style="text-transform:uppercase;
  1167. letter-spacing:1px">
  1168. <b>{Label}</b>
  1169. </span></span>
  1170. {/block:Label}
  1171. {Line}</div>
  1172. </div></div>
  1173. {/block:Lines}
  1174. {/block:Chat}
  1175.  
  1176. {block:Audio}
  1177. <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">
  1178. {block:AlbumArt}
  1179. <div class="play">
  1180. {AudioPlayerWhite}
  1181. </div>
  1182. </div>
  1183. <div class="audio">
  1184. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  1185. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  1186. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  1187. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}</div>
  1188. <br><br><br><br><br>
  1189. {/block:Audio}
  1190.  
  1191. {block:Video}
  1192. {block:IndexPage}
  1193. {Video-250}
  1194. {/block:IndexPage}
  1195. {block:PermalinkPage}
  1196. {Video-500}
  1197. {/block:PermalinkPage}
  1198. {/block:Video}
  1199.  
  1200. {block:Answer}
  1201. <img src="{AskerPortraitURL-48}"
  1202. width="40px"
  1203. align="left"
  1204. class="askborder">
  1205. <div class="bubble">
  1206. <span></span>{Asker} asked:
  1207. {Question}&nbsp;</div>{Answer}
  1208. {/block:Answer}
  1209.  
  1210. {block:IndexPage}
  1211. {block:IfShowCaptions}
  1212. {block:Caption}
  1213. <h2>{Caption}</h2>
  1214. {/block:Caption}
  1215. {/block:IfShowCaptions}
  1216. {/block:IndexPage}
  1217.  
  1218. {block:IfShowTags}
  1219. {block:HasTags}
  1220. <br>
  1221. {block:Tags}
  1222. <a href="{TagURL}">
  1223. <i class="fa fa-tag"></i>
  1224. {Tag}</a> &nbsp;
  1225. {/block:Tags}
  1226. {/block:HasTags}
  1227. {/block:IfShowTags}
  1228.  
  1229. {block:Date}
  1230. <div class="info">
  1231. <a href="{Permalink}">
  1232. <i class="fa fa-clock-o"></i>
  1233. {TimeAgo}</a>
  1234. {block:NoteCount}
  1235. <i class="fa fa-heart-o"></i>
  1236. {NoteCountWithLabel}
  1237. {/block:NoteCount}
  1238.  
  1239. <ul class="like_and_reblog_buttons">
  1240. <li>{ReblogButton size="15"}</li>
  1241. <li>{LikeButton size="15"}</li>
  1242. </ul>
  1243. </div></div><br>
  1244. {/block:Date}
  1245.  
  1246.  
  1247. {block:PermalinkPage}
  1248. <div class="notes">
  1249. {block:Caption}
  1250. {Caption}
  1251. {/block:Caption}
  1252. <br>
  1253.  
  1254. {block:PermalinkPagination}
  1255. <center>
  1256. {block:PreviousPost}
  1257. <a href="{PreviousPost}">
  1258. <i class="fa fa-arrow-circle-left"></i>
  1259. Previous post
  1260. </a>
  1261. {/block:PreviousPost}
  1262.  
  1263. {block:NextPost}
  1264. <a href="{NextPost}">
  1265. - Next post
  1266. <i class="fa fa-arrow-circle-right"></i></a></a>
  1267. {/block:NextPost}
  1268. </center>
  1269. {/block:PermalinkPagination} <br>
  1270.  
  1271. {block:PostNotes}<br>
  1272. <div style="text-align:left; max-height: 400px; width:500px; overflow: auto; overflow-x: hidden;">
  1273. {PostNotes}</div>
  1274. {/block:PostNotes}</div>
  1275. <br><br>
  1276.  
  1277. {/block:PermalinkPage}
  1278.  
  1279.  
  1280. </div> <!-- END CONTENT -->
  1281.  
  1282. {/block:Posts}
  1283.  
  1284. </div></div>
  1285.  
  1286. <center><br>
  1287. {block:Pagination}
  1288. {block:PreviousPage}
  1289. <a href="{PreviousPage}"
  1290. class="jump_page">&laquo;</a>
  1291. {/block:PreviousPage}
  1292. {block:JumpPagination length="5"}
  1293. {block:CurrentPage}
  1294. <span class="current_page">
  1295. {PageNumber}</span>
  1296. {/block:CurrentPage}
  1297. {block:JumpPage}
  1298. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1299. {/block:JumpPage}
  1300. {/block:JumpPagination}
  1301. {block:NextPage}
  1302. <a href="{NextPage}"
  1303. class="jump_page">&raquo;</a>
  1304. {/block:NextPage}
  1305. {/block:Pagination}
  1306. </center><br>
  1307. </body>
  1308.  
  1309. <a href="http://borntobewildthemes.tumblr.com"><div id="credits">
  1310. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1311.  
  1312.  
  1313. </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!