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

Harley Quinn

b0rn-to-be-wild
Aug 20th, 2014
1,035
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.91 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!----
  6.  
  7. © b0rn-to-be-wild-themes.tumblr.com | "Harley Quinn"
  8.  
  9. + Please do not redistribute this theme or remove credits
  10. + You are allowed to make changes as long as you keep our credits
  11. + If you have any questions or concerns, just contact us
  12. + Thanks for using our theme :) Hope you enjoy it!
  13.  
  14. ---->
  15.  
  16. <html>
  17.  
  18. <head>
  19.  
  20. <!--Google fonts-->
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  31.  
  32. <script type="text/javascript"
  33. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  34.  
  35. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  36.  
  37. <meta name="viewport" content="width=device-width, initial-scale=1">
  38.  
  39. <!--DEFAULT VARIABLES-->
  40.  
  41. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  42.  
  43. <meta name="image:Background" content="1"/>
  44. <meta name="image:Sidebar 1" content="1"/>
  45. <meta name="image:Sidebar 2" content="1"/>
  46.  
  47. <meta name="color:Background" content="#333"/>
  48. <meta name="color:Container" content="#333"/>
  49. <meta name="color:Post Background" content="#000"/>
  50. <meta name="color:Text" content="#777"/>
  51. <meta name="color:Blog Title" content="#eee"/>
  52. <meta name="color:Title" content="#eee"/>
  53. <meta name="color:Bold" content="#000"/>
  54. <meta name="color:Italic" content="#ddd"/>
  55. <meta name="color:Scrollbar" content="#eee"/>
  56. <meta name="color:Link" content="#eee"/>
  57. <meta name="color:Icon" content="#eee"/>
  58. <meta name="color:Hover" content="#CB1F14"/>
  59. <meta name="color:Odd icon" content="#CB1F14"/>
  60. <meta name="color:Even icon" content="#000"/>
  61. <meta name="color:Odd icon Background" content="#CB1F14"/>
  62. <meta name="color:Even icon Background" content="#000"/>
  63. <meta name="color:Borders" content="#C22B22"/>
  64. <meta name="color:Ask buble" content="#C22B22"/>
  65. <meta name="color:Description" content="#ddd"/>
  66. <meta name="color:Navigation" content="#ddd"/>
  67. <meta name="color:Music Player" content="#ddd"/>
  68. <meta name="color:Search bar" content="#ddd"/>
  69. <meta name="color:Music Player" content="#ddd"/>
  70.  
  71. <meta name="select:Title Font" content="Play" title="Play">
  72. <meta name="select:Title Font" content="Baumans" title="Baumans">
  73. <meta name="select:Title Font" content="Poiret One" title="Poiret One">
  74. <meta name="select:Title Font" content="Marvel" title="Marvel">
  75. <meta name="select:Title Font" content="Julius Sans One" title="Julius Sans One">
  76. <meta name="font:Body font" content="Helvetica"/>
  77.  
  78. <meta name="if:Show Home Link" content="1" />
  79. <meta name="if:Show Ask Link" content="1" />
  80. <meta name="if:Show Submit Link" content="1" />
  81. <meta name="if:Show Archive Link" content="1" />
  82. <meta name="if:Show About" content="1" />
  83. <meta name="if:Show Navigation" content="1" />
  84. <meta name="if:Show Music Player" content="1" />
  85. <meta name="if:Show Search" content="1" />
  86. <meta name="if:Show Image1" content="1" />
  87. <meta name="if:Show Image2" content="1" />
  88.  
  89. <meta name="text:Song title 1" content="Song title 1"/>
  90. <meta name="text:Song title 2" content="Song title 2"/>
  91. <meta name="text:Song title 3" content="Song title 3"/>
  92. <meta name="text:Song title 4" content="Song title 4"/>
  93. <meta name="text:Song title 5" content="Song title 5"/>
  94.  
  95. <meta name="if:Show Link One" content="1" />
  96. <meta name="if:Show Link Two" content="1" />
  97. <meta name="if:Show Link Three" content="1" />
  98. <meta name="if:Show Link Four" content="1" />
  99. <meta name="if:Show Link Five" content="1" />
  100.  
  101. <meta name="text:Link One" content="Link One"/>
  102. <meta name="text:Link Two" content="Link Two"/>
  103. <meta name="text:Link Three" content="Link Three"/>
  104. <meta name="text:Link Four" content="Link Four"/>
  105. <meta name="text:Link Five" content="Link Five"/>
  106.  
  107. <meta name="text:Link One Url" content="Link One Url"/>
  108. <meta name="text:Link Two Url" content="Link Two Url"/>
  109. <meta name="text:Link Three Url" content="Link Three Url"/>
  110. <meta name="text:Link Four Url" content="Link Four Url"/>
  111. <meta name="text:Link Five Url" content="Link Five Url"/>
  112.  
  113. <style type="text/css">
  114.  
  115. body{
  116. color:{color:Text};
  117. font-family:{font:Body font};
  118. line-height:17px;
  119. font-size:14px;
  120. text-align:left;
  121. background-color: {color:Background};
  122. background-image:url({image:Background});
  123. background-attachment: fixed;
  124. background-repeat: repeat;
  125. background-position: center;
  126. overflow:hidden;
  127. }
  128.  
  129. h1{
  130. font-size:17px;
  131. line-height: 20px;
  132. border-bottom:1px solid {color:Borders};
  133. color:{color:Title};
  134. {block:IfFontMrBedfort}
  135. font-family:Mr Bedfort;
  136. {/block:IfFontMrBedfort}
  137. {block:IfFontUbuntu}
  138. font-family:'Ubuntu';
  139. {/block:IfFontUbuntu}
  140. }
  141.  
  142. h2{
  143. font-family:{font:Body font};
  144. line-height:17px;
  145. font-size:14px;
  146. }
  147.  
  148. a:link, a:active, a:visited{
  149. -webkit-transition: color 0.3s ease-out;
  150. -moz-transition: color 0.3s ease-out;
  151. transition: color 0.3s ease-out;
  152. color:{color:link};
  153. text-decoration:none;
  154. }
  155.  
  156. a:hover {
  157. color: {color:Hover};
  158. }
  159.  
  160. b, strong {color:{color:Bold};}
  161.  
  162. i, em {color:{color:Italic};}
  163.  
  164. blockquote{
  165. padding:0px 0px 2px 5px;
  166. margin:0px 0px 2px 10px;
  167. border-left: 1px dotted {color:Borders};
  168. }
  169.  
  170. blockquote p, ul{
  171. margin:0px;
  172. padding:0px;
  173. }
  174.  
  175. /*Posts and entries*/
  176.  
  177. #container{
  178. width:455px;
  179. height:412px;
  180. align:left;
  181. margin-top:130px;
  182. margin-left:auto;
  183. margin-right:auto;
  184. background-color:{color:Container};
  185. position:static;
  186. border:1px solid {color:Borders};
  187. padding-top:10px;
  188. padding-left:10px;
  189. overflow:scroll;
  190. overflow-x:hidden;
  191. }
  192.  
  193. #posts{
  194. padding-bottom:20px;
  195. }
  196.  
  197. #entry{
  198. margin:5px;
  199. float:left;
  200. width:400px;
  201. background:{color:Post Background};
  202. padding-top:10px;
  203. padding-right:15px;
  204. padding-left:12px;
  205. overflow:hidden;
  206. border:1px solid {color:Borders};
  207. }
  208.  
  209. #entry:hover{
  210. -webkit-transition: all .7s ease;
  211. -moz-transition: all .7s ease;
  212. -o-transition: all .7s ease;
  213. transition: all .7s ease;
  214. }
  215.  
  216. #blogtitle{
  217. position:absolute;
  218. margin-left:-10px;
  219. margin-top:-90px;
  220. text-align:center;
  221. font-size:35px;
  222. font-family:{select:Title Font};
  223. color:{color:Blog Title};
  224. letter-spacing:2px;
  225. line-height:40px;
  226. height:40px;
  227. padding:5px;
  228. width:455px;
  229. z-index:10000;
  230. border-bottom:1px solid {color:borders};
  231. }
  232.  
  233. #blogtitle:hover{
  234. color:{color:Hover};
  235. -webkit-transition: opacity .3s linear;
  236. -webkit-transition: all .3s ease-in-out;
  237. -moz-transition: all .3s ease-in-out;
  238. -o-transition: all .3s ease-in-out;
  239. }
  240.  
  241. /* Footer */
  242.  
  243. #footer{
  244. position:absolute !important;
  245. float:left;
  246. margin-left:-10px;
  247. margin-top:410px;
  248. border-bottom:1px solid {color:Borders};
  249. height:30px;
  250. opacity:1;
  251. z-index:10000;
  252. width:465px;
  253. }
  254.  
  255.  
  256. /* Sidebar */
  257.  
  258. #harleyquinn{
  259. position:absolute !important;
  260. float:left;
  261. margin-left:-230px;
  262. margin-top:-100px;
  263. background:url('http://i59.tinypic.com/2e4cjew.png');
  264. width:270px;
  265. opacity:1;
  266. z-index:10000;
  267. height:580px;
  268. }
  269.  
  270. .navilinks{
  271. position:absolute;
  272. width:30px;
  273. height:100px;
  274. margin-top:280px;
  275. margin-left:60px;
  276. z-index:10;
  277. opacity:1;
  278. }
  279.  
  280. .navilinks-title1{
  281. position:absolute;
  282. width:5px;
  283. height:18.5px;
  284. margin-top:-28px;
  285. margin-left:-10px;
  286. text-align:right;
  287. letter-spacing:2px;
  288. font-size:12px;
  289. padding:2px;
  290. line-height:23px;
  291. z-index:10;
  292. opacity:0;
  293. color:{color:Even icon Background};
  294. background:{color:Odd icon Background};
  295. }
  296.  
  297. .navilinks-title2{
  298. position:absolute;
  299. width:5px;
  300. height:18.5px;
  301. margin-top:-28px;
  302. margin-left:-10px;
  303. text-align:right;
  304. letter-spacing:2px;
  305. font-size:12px;
  306. padding:2px;
  307. line-height:23px;
  308. z-index:10;
  309. opacity:0;
  310. background:{color:Even icon Background};
  311. color:{color:Odd icon Background};
  312. }
  313.  
  314. #sidebar2{
  315. position:absolute;
  316. width:83px;
  317. padding:5px;
  318. height:450px;
  319. margin-top:20px;
  320. margin-left:470px;
  321. z-index:100;
  322. text-align:center;
  323. }
  324.  
  325. .image1{
  326. position:absolute;
  327. width:82px;
  328. height:82px;
  329. margin-top:50px;
  330. margin-left:0px;
  331. font-size:15px;
  332. background:{color:Post background};
  333. border:1px solid {color:Borders};
  334. z-index:100;
  335. }
  336.  
  337. .image1 img, .image2 img{
  338. margin:5px;
  339. width:70px;
  340. height:70px;
  341. font-size:15px;
  342. border:1px solid {color:Borders};
  343. z-index:100;
  344. }
  345.  
  346. .image2{
  347. position:absolute;
  348. width:82px;
  349. height:82px;
  350. margin-top:237px;
  351. margin-left:0px;
  352. font-size:15px;
  353. background:{color:Post background};
  354. border:1px solid {color:Borders};
  355. z-index:100;
  356. }
  357.  
  358. /* Description */
  359.  
  360. .description{
  361. position:absolute;
  362. color:{color:text};
  363. background:{color:Description};
  364. width:0px;
  365. height:0px;
  366. margin-top:-38px;
  367. margin-left:0px;
  368. font-size:12px;
  369. line-height:15px;
  370. padding:10px;
  371. text-align:justify;
  372. z-index:10;
  373. opacity:0;
  374. border:1px solid {color:Borders};
  375. }
  376.  
  377. /* Navigation */
  378.  
  379. .navigation{
  380. position:absolute;
  381. color:{color:text};
  382. background:{color:Description};
  383. width:0px;
  384. height:0px;
  385. margin-top:-38px;
  386. margin-left:0px;
  387. font-size:12px;
  388. line-height:15px;
  389. padding:10px;
  390. text-align:justify;
  391. z-index:10;
  392. opacity:0;
  393. border:1px solid {color:Borders};
  394. }
  395.  
  396. .navigation a{
  397. display:block;
  398. color:{color:Link};
  399. width:120px;
  400. height:auto;
  401. margin-top:5px;
  402. font-size:12px;
  403. line-height:15px;
  404. padding:5px;
  405. text-align:left;
  406. border:1px solid {color:Borders};
  407. }
  408.  
  409. .navigation a:hover{
  410. color:{color:Hover};
  411. background:{color:Borders};
  412. -webkit-transition: all 1s ease;
  413. -moz-transition: all 1s ease;
  414. -o-transition: all 1s ease;
  415. transition: all 1s ease;
  416. }
  417.  
  418. /* Main Links */
  419.  
  420. #spade a{
  421. position:relative;
  422. margin-left:0px;
  423. padding:3px;
  424. width:30px;
  425. height:30px;
  426. line-height:33px;
  427. color:{color:Even icon background};
  428. background:{color:Odd icon Background};
  429. margin-top:5px;
  430. z-index:10000;
  431. border:1px solid {color:Borders};
  432. }
  433.  
  434. #heart a{
  435. position:relative;
  436. margin-left:0px;
  437. padding:3px;
  438. width:30px;
  439. height:30px;
  440. line-height:33px;
  441. color:{color:Odd icon Background};
  442. background:{color:Even icon background};
  443. margin-top:5px;
  444. z-index:10000;
  445. border:1px solid {color:Borders};
  446. }
  447.  
  448. #club a{
  449. position:relative;
  450. margin-left:0px;
  451. padding:3px;
  452. width:30px;
  453. height:30px;
  454. line-height:33px;
  455. color:{color:Even icon background};
  456. background:{color:Odd icon background};
  457. margin-top:50px;
  458. z-index:10000;
  459. border:1px solid {color:Borders};
  460. }
  461.  
  462. #diamond a{
  463. position:relative;
  464. margin-left:0px;
  465. padding:3px;
  466. width:30px;
  467. height:30px;
  468. line-height:33px;
  469. color:{color:Odd icon Background};
  470. background:{color:Even icon background};
  471. margin-top:50px;
  472. z-index:10000;
  473. color:#C22B22;
  474. border:1px solid {color:Borders};
  475. }
  476.  
  477.  
  478. #spade a:hover, #club a:hover,#link2 a:hover,#link4 a:hover{
  479. overflow:visible;
  480. background:{color:Even icon Background};
  481. color:{color:Odd icon Background};
  482. -webkit-transition: all 1s ease;
  483. -moz-transition: all 1s ease;
  484. -o-transition: all 1s ease;
  485. transition: all 1s ease;
  486. }
  487.  
  488. #spade:hover .navilinks-title1,#club:hover .navilinks-title1{
  489. opacity:1;
  490. margin-left:-60px;
  491. width:55px;
  492. -webkit-transition: all 1s ease;
  493. -moz-transition: all 1s ease;
  494. -o-transition: all 1s ease;
  495. transition: all 1s ease;
  496. }
  497.  
  498. #heart:hover .navilinks-title2,#diamond:hover .navilinks-title2{
  499. opacity:1;
  500. margin-left:-60px;
  501. width:55px;
  502. -webkit-transition: all 1s ease;
  503. -moz-transition: all 1s ease;
  504. -o-transition: all 1s ease;
  505. transition: all 1s ease;
  506. }
  507.  
  508. #heart a:hover,#diamond a:hover,#link2:hover,#link3:hover{
  509. overflow:visible;
  510. background:{color:Odd icon background};
  511. color:{color:Even icon Background};
  512. -webkit-transition: all 1s ease;
  513. -moz-transition: all 1s ease;
  514. -o-transition: all 1s ease;
  515. transition: all 1s ease;
  516. }
  517.  
  518. #link1:hover,#link4:hover{
  519. overflow:visible;
  520. color:{color:Odd icon background};
  521. background:{color:Even icon Background};
  522. -webkit-transition: all 1s ease;
  523. -moz-transition: all 1s ease;
  524. -o-transition: all 1s ease;
  525. transition: all 1s ease;
  526. }
  527.  
  528. /*Search bar*/
  529.  
  530. .search{
  531. position:absolute;
  532. color:{color:text};
  533. background:{color:Description};
  534. width:0px;
  535. height:0px;
  536. margin-top:-38px;
  537. margin-left:0px;
  538. font-size:12px;
  539. line-height:15px;
  540. padding:10px;
  541. text-align:justify;
  542. z-index:10;
  543. opacity:0;
  544. border:1px solid {color:Borders};
  545. }
  546.  
  547.  
  548. #link1{
  549. position:absolute;
  550. margin-left:0px;
  551. padding:3px;
  552. width:30px;
  553. height:30px;
  554. line-height:33px;
  555. background:{color:Odd icon Background};
  556. margin-top:145px;
  557. z-index:10000;
  558. border:1px solid {color:Borders};
  559. overflow:hidden;
  560. }
  561.  
  562. #link1:hover .description{
  563. opacity:1;
  564. margin-left:-175px;
  565. width:130px;
  566. height:auto;
  567. overflow:visible;
  568. }
  569.  
  570. #link2{
  571. position:absolute;
  572. margin-left:45px;
  573. padding:3px;
  574. width:30px;
  575. height:30px;
  576. line-height:33px;
  577. background:{color:Even icon Background};
  578. margin-top:145px;
  579. z-index:1000000;
  580. border:1px solid {color:Borders};
  581. overflow:hidden;
  582. }
  583.  
  584. #link2:hover .navigation{
  585. opacity:1;
  586. margin-left:50px;
  587. width:130px;
  588. height:auto;
  589. overflow:visible;
  590. }
  591.  
  592. #link3{
  593. position:absolute;
  594. margin-left:0px;
  595. padding:3px;
  596. width:30px;
  597. height:30px;
  598. line-height:33px;
  599. background:{color:Even icon Background};
  600. margin-top:190px;
  601. z-index:10000;
  602. border:1px solid {color:Borders};
  603. overflow:hidden;
  604. }
  605.  
  606. #link3:hover .musicplayer{
  607. opacity:1;
  608. margin-left:-175px;
  609. width:130px;
  610. height:auto;
  611. overflow:visible;
  612. }
  613.  
  614. #link4{
  615. position:absolute;
  616. margin-left:45px;
  617. padding:3px;
  618. width:30px;
  619. height:30px;
  620. line-height:33px;
  621. background:{color:Odd icon Background};
  622. margin-top:190px;
  623. z-index:10000;
  624. border:1px solid {color:Borders};
  625. overflow:hidden;
  626. }
  627.  
  628. #link4:hover .search{
  629. opacity:1;
  630. margin-left:50px;
  631. width:130px;
  632. height:30px;
  633. overflow:visible;
  634. }
  635.  
  636. #link2 i, #link3 i{
  637. color:{color:Odd icon};
  638. }
  639.  
  640. #link1 i, #link4 i{
  641. color:{color:Even icon};
  642. }
  643.  
  644. #spade img, #heart img, #club img,#diamond img{
  645. max-width:15px;
  646. {block:IfBlackIcons}
  647. -webkit-filter: invert(100%);
  648. -moz-filter: invert(100%);
  649. -o-filter: invert(100%);
  650. filter: invert(100%);
  651. {/block:IfBlackIcons}
  652. }
  653.  
  654. #spade img:hover, #heart img:hover, #club img:hover, #diamond img:hover{
  655. -webkit-transition: all 1s ease;
  656. -moz-transition: all 1s ease;
  657. -o-transition: all 1s ease;
  658. transition: all 1s ease;
  659. -webkit-filter: invert(100%);
  660. -moz-filter: invert(100%);
  661. -o-filter: invert(100%);
  662. filter: invert(100%);
  663. }
  664.  
  665. .triangle{
  666. position:absolute;
  667. display: inline-block;
  668. width:0;
  669. height:0;
  670. line-height:0;
  671. border:10px solid transparent;
  672. margin-left:140px;
  673. border-left:17px solid {color:Borders};
  674. top:10px;
  675. }
  676.  
  677. .triangle2{
  678. position:absolute;
  679. display: inline-block;
  680. width:0;
  681. height:0;
  682. line-height:0;
  683. border:10px solid transparent;
  684. margin-left:-38px;
  685. border-right:17px solid {color:Borders};
  686. top:10px;
  687. }
  688.  
  689. /* Music Player */
  690.  
  691. .musicplayer{
  692. position:absolute;
  693. color:{color:text};
  694. background:{color:Description};
  695. width:0px;
  696. height:0px;
  697. font-family:Play;
  698. margin-top:-38px;
  699. margin-left:-170px;
  700. font-size:12px;
  701. line-height:15px;
  702. padding:10px;
  703. text-align:justify;
  704. z-index:10;
  705. opacity:0;
  706. border:1px solid {color:Borders};
  707. }
  708.  
  709. .player{
  710. width:135px;
  711. height:15px;
  712. font-size:13px;
  713. line-height:15px;
  714. margin-top:0px;
  715. margin-left:5px;
  716. z-index:10;
  717. }
  718.  
  719. .playericon{
  720. position:absolute;
  721. margin-top:5px;
  722. margin-left:0px;
  723. margin-bottom:4px;
  724. overflow:hidden;
  725. }
  726.  
  727. /* Style of the box that appears when you hover over the links */
  728.  
  729. #s-m-t-tooltip {
  730. max-width:300px;
  731. z-index:10000000000;
  732. margin:24px 14px 7px 12px;
  733. padding:8px;
  734. color:{color:Link};
  735. background:{color:Icon Background};
  736. -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  737. -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  738. box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  739. font-family:Nova Slim;
  740. font-size:11px;
  741. line-height:16px;
  742. }
  743.  
  744. /* Webkit scrollbar */
  745.  
  746. ::-webkit-scrollbar-thumb {
  747. background: {color:Scrollbar};
  748. height: auto; border: 3px solid {color:Container};
  749. }
  750.  
  751. ::-webkit-scrollbar {
  752. height:10px;
  753. width:12px;
  754. background: {color:Scrollbar};
  755. height: auto; border: 5px solid {color:Container};
  756.  
  757. }
  758.  
  759. /* Quote posts*/
  760.  
  761. .quote {
  762. font-size:22px;
  763. line-height:25px;
  764. {block:IfFontMrBedfort}
  765. font-family:Mr Bedfort;
  766. {/block:IfFontMrBedfort}
  767. {block:IfFontUbuntu}
  768. font-family:'Ubuntu';
  769. {/block:IfFontUbuntu}
  770. color:{color:Italic};
  771. height:auto;
  772. margin-top:5px;
  773. margin-bottom:5px;
  774. padding:5px;
  775. text-align:center;
  776. letter-spacing:1px;
  777. }
  778.  
  779. .source {
  780. font-size:12px;
  781. line-height:15px;
  782. font-family:'Mr Bedfort';
  783. color:{color:Italic};
  784. height:auto;
  785. margin-top:5px;
  786. margin-bottom:5px;
  787. padding:5px;
  788. text-align:right;
  789. letter-spacing:1px;
  790. }
  791.  
  792. /* Chat */
  793.  
  794. .chat .line{
  795. margin:0 0 -1px;
  796. font-color: {color:Text};
  797. padding:2px;
  798. border-top:1px dotted {color:Borders};
  799. border-bottom:1px dotted {color:Borders};
  800. }
  801.  
  802. .label {
  803. font-weight:none;
  804. color:{color:Bold};
  805. font-size:10px;
  806. }
  807.  
  808. /* Link*/
  809.  
  810. #linktitle {width:400px;}
  811.  
  812. .linktexttitle {
  813. {block:IfFontMrBedfort}
  814. font-family:Mr Bedfort;
  815. {/block:IfFontMrBedfort}
  816. {block:IfFontUbuntu}
  817. font-family:'Ubuntu';
  818. {/block:IfFontUbuntu}
  819. font-size:20px;
  820. line-height:25px;
  821. text-align:center;
  822. border:2px {color:Borders} dotted;
  823. -webkit-transition: all 1s ease-in-out;
  824. -moz-transition: all 1s ease-in-out;
  825. transition: all 1s ease-in-out;
  826. padding:1px 1px;
  827. opacity:1;
  828. }
  829. .linktexttitle a {color:{color:Posts};}
  830. .linkdescription {
  831. padding:5px;
  832. margin:0px;
  833. text-align:left;}
  834.  
  835. .linktexttitle1 {
  836. font-family:'Ubuntu';
  837. text-transform:capitalize;
  838. font-size:20px;
  839. line-height:20px;
  840. text-align:center;
  841. background-color:transparent;
  842. {block:PermalinkPage}
  843. width:500px;
  844. {/block:PermalinkPage}
  845. border-bottom:2px {color:Borders} dotted;
  846. padding:1px 1px;
  847. }
  848.  
  849. /*Ask Posts*/
  850.  
  851. .bubble {
  852. position: relative;
  853. align:right;
  854. background: {color:Ask buble};
  855. margin:5px 0px 5px 66px;
  856. padding:5px;
  857. -moz-border-radius:5px;
  858. -webkit-border-radius:5px;
  859. border-radius:5px;
  860. }
  861.  
  862. .bubble p {
  863. margin:1px 0px;
  864. }
  865.  
  866. .bubble span {
  867. display:block;
  868. position:absolute;
  869. width:1px;
  870. height:1px;
  871. font-size: 0;
  872. line-height: 1px;
  873. margin-left:-10px;
  874. margin-top:5px;
  875. border-top:7px solid transparent;
  876. border-bottom:7px solid transparent;
  877. border-right:10px solid {color:Ask buble};}
  878.  
  879. .askborder {
  880. float: left;
  881. margin: 1px 4px 0 0;
  882. padding: 2px;
  883. background: {color:Ask buble};}
  884.  
  885.  
  886. /*Audio*/
  887.  
  888. #audioall{
  889. position:relative;
  890. margin:0px;
  891. min-height:80px;
  892. }
  893.  
  894. #album img {
  895. width:70px;
  896. margin-top:0px;
  897. margin-left:0px;
  898. float:left;
  899. z-index:10;
  900. padding:5px;
  901. border: 1px double {color:Borders};}
  902.  
  903. #play {
  904. position:absolute;
  905. float:left;
  906. width:28px;
  907. opacity:.8;
  908. overflow:hidden;
  909. margin-left:30px;
  910. margin-top:28px;
  911. z-index:100000;}
  912.  
  913. #audio {
  914. position:absolute;
  915. float:left;
  916. color:{color:Text};
  917. margin-left:80px;
  918. margin-top:-5px;
  919. padding:5px;
  920. font-size:12px;
  921. line-height:20px;
  922. z-index:10000;
  923. }
  924.  
  925. /* Extras */
  926.  
  927. .like_and_reblog_buttons {
  928. float:right;
  929. margin-left:350px;
  930. margin-bottom:15px;
  931. z-index:200000;
  932. border: 0px solid #e8e8e8;
  933. border-radius: 3px;
  934. list-style: none;
  935. }
  936.  
  937. .like_and_reblog_buttons li {
  938. float:right;
  939. margin: 5px 5px;
  940. height: 15px;
  941. }
  942.  
  943. .like_and_reblog_buttons li:first-child {
  944. border-right: 0px solid #e8e8e8;
  945. }
  946.  
  947. .info {
  948. height:15px;
  949. {block:PermalinkPage}
  950. width:500px;
  951. {/block:PermalinkPage}
  952. float:center;
  953. padding-top:4px;
  954. margin-top:15px;
  955. margin-left:0px;
  956. text-align:center;
  957. font-size:13px;
  958. letter-spacing:1px;
  959. line-height:15px;
  960. color:{color:Link};
  961. border-top:1px dotted {color:Borders};
  962. width:400px;
  963. background:{color:Info Background};
  964. text-transform:lowercase;
  965. }
  966.  
  967. .info a {
  968. font-size:13px; }
  969.  
  970. .info i {
  971. color:{color:Icon}; }
  972.  
  973. /* Pagination */
  974.  
  975. #pagination {
  976. margin-top:50px;
  977. background:transparent;
  978. }
  979.  
  980. .jump_page {
  981. padding: 4px 8px;
  982. color:{color:Link};
  983. background:{color:Odd icon Background};
  984. font-family:Ubuntu;
  985. font-size:11px;
  986. text-decoration:none;
  987. border:1px solid {color:Borders};
  988.  
  989. }
  990.  
  991. .current_page, .jump_page:hover{
  992. padding: 4px 8px;
  993. background:{color:Even icon background};
  994. color:{color:Link};
  995. font-family:Ubuntu;
  996. font-size:11px;
  997. text-decoration:none;
  998. border:1px solid {color:Borders};
  999. }
  1000.  
  1001. /* Credits */
  1002.  
  1003. #credits {
  1004. position:fixed;
  1005. right:10px;
  1006. top:40px;
  1007. z-index:100000;
  1008. }
  1009.  
  1010. #credits img{
  1011. border:3px solid {color:Borders};
  1012. }
  1013.  
  1014. {CustomCSS]</style>
  1015.  
  1016. <style type="text/css">
  1017.  
  1018. </style>
  1019.  
  1020. </head>
  1021.  
  1022.  
  1023.  
  1024. <div id="container">
  1025.  
  1026. <div id="sidebar2">
  1027.  
  1028. {block:IfShowImage1}
  1029. <div class="image1"><img src="{image:Sidebar 1}"></div>
  1030. {/block:IfShowImage1}
  1031. {block:IfShowImage2}
  1032. <div class="image2"><img src="{image:Sidebar 2}"></div>
  1033. {/block:IfShowImage2}
  1034.  
  1035. <div id="otherlinks">
  1036. {block:IfShowAbout}
  1037. <div id="link1"><i class="fa fa-user"></i>
  1038. <!--Description-->
  1039. <div class="description">
  1040. <div class="triangle"></div>
  1041. {description}
  1042. </div>
  1043. </div>
  1044. {/block:IfShowAbout}
  1045. {block:IfShowNavigation}
  1046. <div id="link2"><i class="fa fa-list"></i>
  1047. <div class="navigation">
  1048. <div class="triangle2"></div>
  1049. {block:IfShowLinkOne}
  1050. <a href="{text:Link One url}">{text:Link One}</a>
  1051. {/block:IfShowLinkOne}
  1052. {block:IfShowLinkTwo}
  1053. <a href="{text:Link Two url}">{text:Link Two}</a>
  1054. {/block:IfShowLinkTwo}
  1055. {block:IfShowLinkThree}
  1056. <a href="{text:Link Three url}">{text:Link Three}</a>
  1057. {/block:IfShowLinkThree}
  1058. {block:IfShowLinkFour}
  1059. <a href="{text:Link Four url}">{text:Link Four}</a>
  1060. {/block:IfShowLinkFour}
  1061. {block:IfShowLinkFive}
  1062. <a href="{text:Link Five url}">{text:Link Five}</a>
  1063. {/block:IfShowLinkFive}
  1064. </div>
  1065. </div>
  1066. {/block:IfShowNavigation}
  1067. {block:IfShowMusicPlayer}
  1068. <div id="link3"><i class="fa fa-music"></i>
  1069. <!--Music player bar-->
  1070. <div class="musicplayer">
  1071. <div class="triangle"></div>
  1072. <!--Music player icon-->
  1073. <div class="playericon"><img src="http://media.tumblr.com/tumblr_m7vybiAx4t1r6o8v2.gif"/></div>
  1074. <div class="player">
  1075. <!--Replace this part with your billy music player code-->
  1076. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://www.sheepproductions.com/mfc/done.mp3&t0=Done&f1=http://www.sheepproductions.com/mfc/justified.mp3&t1=Justified&f2=http://www.sheepproductions.com/mfc/shesaid.mp3&t2=She Said&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1077. <!---->
  1078. </div>
  1079. <!--Music player code ends-->
  1080.  
  1081. <br>Playlist:<br><br>
  1082.  
  1083. {text:Song title 1}<br>
  1084. {text:Song title 2}<br>
  1085. {text:Song title 3}<br>
  1086. {text:Song title 4}<br>
  1087. {text:Song title 5}<br>
  1088.  
  1089. </div>
  1090. <!--Music player bar ends-->
  1091.  
  1092. </div>
  1093. {/block:IfShowMusicPlayer}
  1094. {block:IfShowSearch}
  1095. <div id="link4"><i class="fa fa-search"></i>
  1096. <!--Search bar-->
  1097. <div class="search">
  1098. <div class="triangle2"></div>
  1099. <form action="/search" method="get">
  1100. <input type="text" name="q" value="search..." style="width:117px; position:absolute;padding-left:10px; height:20px; border:1px solid {color:Borders}; background:{color:Icon Background}; color:{color:Search}; font-family: 'Nova Slim'; font-size: 10px;margin-top:4px; margin-left:0px;"/></form>
  1101. </div>
  1102. </div>
  1103. {/block:IfShowSearch}
  1104.  
  1105. </div></div>
  1106. <!--End sidebar2-->
  1107.  
  1108.  
  1109. <div id="footer">
  1110. <!-- pagination -->
  1111. <center>
  1112. {block:Pagination}
  1113. <div id="pagination">
  1114. {block:PreviousPage}
  1115. <span class="jump_page">
  1116. <a href="{PreviousPage}">«</a></span>
  1117. {/block:PreviousPage}
  1118. {block:JumpPagination length="4"}
  1119. {block:CurrentPage}
  1120. <span class="current_page">
  1121. {PageNumber}</span>
  1122. {/block:CurrentPage}
  1123. {block:JumpPage}
  1124. <span class="jump_page"><a href="{URL}">{PageNumber}</a></span>
  1125. {/block:JumpPage}
  1126. {/block:JumpPagination}
  1127. {block:NextPage}
  1128. <span class="current_page">
  1129. <a href="{NextPage}">»</a></span>
  1130. {/block:NextPage}
  1131. </div>
  1132. {/block:Pagination}
  1133. </center>
  1134. </div>
  1135.  
  1136. <div id="harleyquinn">
  1137.  
  1138. <div class="navilinks">
  1139.  
  1140. {block:IfShowHomeLink}
  1141. <div id="spade">
  1142. <a href="/">♠</a>
  1143. <div class="navilinks-title1">Index</div>
  1144. </div>
  1145. {/block:IfShowHomeLink}
  1146. {block:IfShowAskLink}
  1147. <div id="heart">
  1148. <a href="/ask">♥</a>
  1149. <div class="navilinks-title2">Ask</div>
  1150. </div>
  1151. {/block:IfShowAskLink}
  1152. {block:IfShowSubmitLink}
  1153. <div id="club">
  1154. <a href="/submit">♣</a>
  1155. <div class="navilinks-title1">Submit</div>
  1156. </div>
  1157. {/block:IfShowSubmitLink}
  1158. {block:IfShowArchiveLink}
  1159. <div id="diamond">
  1160. <a href="/archive">♦</a>
  1161. <div class="navilinks-title2">Archive</div>
  1162. </div>
  1163. {/block:IfShowArchiveLink}
  1164.  
  1165. </div>
  1166.  
  1167. </div>
  1168.  
  1169. <div id="blogtitle">{title}</div>
  1170.  
  1171.  
  1172. <table align=center>
  1173. <tr><td align="justify">
  1174. <body>
  1175.  
  1176.  
  1177. <div id="posts">
  1178. <div class="autopagerize_page_element">
  1179. {block:Posts}
  1180. <div id="entry">
  1181.  
  1182. {block:Text}
  1183. {block:Title}
  1184. <a href="{Permalink}">
  1185. <h1>{Title}</h1></a>
  1186. {/block:Title}
  1187. {Body}
  1188. {/block:Text}
  1189.  
  1190. {block:Photo}
  1191. <img src="{PhotoURL-400}"
  1192. </a>{/block:IndexPage}
  1193. {/block:Photo}
  1194.  
  1195. {block:Photoset}
  1196. {block:IndexPage}
  1197. {Photoset-400}
  1198. {/block:IndexPage}
  1199. {block:PermalinkPage}
  1200. {Photoset-500}
  1201. {/block:PermalinkPage}
  1202. {/block:Photoset}
  1203.  
  1204. {block:Quote}
  1205. <div class="quote">
  1206. " {Quote} "
  1207. {block:Source}
  1208. <div class="source">-{Source}
  1209. </div>{/block:Source}</div>
  1210. {/block:Quote}
  1211.  
  1212. {block:Link}
  1213. <div id="linktitle">
  1214. <div class="linktexttitle">
  1215. <a href="{URL}"
  1216. class="linkpost"
  1217. target="_blank">
  1218. {Name} &raquo;</a>
  1219. </div></div>
  1220. {block:Description}
  1221. <div class="linkdescription">{Description}</div>
  1222. {/block:Description}
  1223. {/block:Link}
  1224.  
  1225. {block:Chat}
  1226. {block:Title}
  1227. <h1>{Title}</h1>{/block:Title}
  1228. <div class="chat">
  1229. {block:Lines}<div class="chat"><div class="line {Alt}">
  1230. <div class="{Alt} user_{UserNumber}">
  1231. {block:Label}
  1232. <span class="label">
  1233. <span style="text-transform:uppercase;
  1234. letter-spacing:1px"><font face="learningcurves">
  1235. {Label}</font></span></span>
  1236. {/block:Label}
  1237. {Line}</div>
  1238. </div></div>
  1239. {/block:Lines}
  1240. </div>
  1241. {/block:Chat}
  1242.  
  1243. {block:Audio}
  1244. <div id="audioall">
  1245. <div id="audio">
  1246. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br>
  1247. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  1248. {block:Album}<b>Album:</b> {Album}{/block:Album}<br>
  1249. {block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}<br> </div>
  1250. <div id="play">
  1251. {AudioPlayerWhite}</div>
  1252. <div id="album">{block:AlbumArt}<img src="{AlbumArtURL}">
  1253. {block:AlbumArt}</div>
  1254. </div>
  1255. {/block:Audio}
  1256.  
  1257. {block:Video}
  1258. {VideoEmbed-400}
  1259. {/block:Video}
  1260.  
  1261. {block:Answer}
  1262. <img src="{AskerPortraitURL-48}"
  1263. align="left"
  1264. class="askborder">
  1265. <div class="bubble"><span></span>
  1266. {Asker}:
  1267. {Question}&nbsp;
  1268. </div><br>{Answer}<br>
  1269. {/block:Answer}
  1270.  
  1271. {block:IndexPage}
  1272. {block:IfShowCaptions}
  1273. {block:Caption}
  1274. <h2>{Caption}</h2>
  1275. {/block:Caption}
  1276. {/block:IfShowCaptions}
  1277. {/block:IndexPage}
  1278.  
  1279. {block:IfShowTags}
  1280. {block:HasTags}
  1281. {block:Tags}
  1282. <a href="{TagURL}">
  1283. <i class="fa fa-tag"></i>
  1284. {Tag}</a> &nbsp;
  1285. {/block:Tags}
  1286. {/block:HasTags}
  1287. {/block:IfShowTags}
  1288.  
  1289. {block:Date}
  1290. <div class="info">
  1291. <a href="{Permalink}">
  1292. <i class="fa fa-clock-o"></i>
  1293. {TimeAgo}</a>
  1294. {block:NoteCount}
  1295. <i class="fa fa-heart-o"></i>
  1296. {NoteCountWithLabel}
  1297. {/block:NoteCount}
  1298.  
  1299. <ul class="like_and_reblog_buttons">
  1300. <li>{ReblogButton size="15"}</li>
  1301. <li>{LikeButton size="15"}</li>
  1302. </ul>
  1303. </div></div><br>
  1304. {/block:Date}
  1305.  
  1306. {block:PostNotes}
  1307. {block:Caption}
  1308. <h2>{Caption}</h2>
  1309. {/block:Caption}
  1310.  
  1311. <table width="400"><tr><td align="justify">
  1312. <div id="postnotes">{PostNotes}</div><br>
  1313. {block:ContentSource}
  1314. <br><a href="{SourceURL}">
  1315. {lang:Source}:
  1316. {block:SourceLogo}
  1317. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1318. height="{LogoHeight}" alt="{SourceTitle}" />
  1319. {/block:SourceLogo}
  1320. {block:NoSourceLogo}
  1321. {SourceLink}
  1322. {/block:NoSourceLogo}
  1323. </a>
  1324. {/block:ContentSource}
  1325. {/block:PostNotes}
  1326. </div>
  1327. {/block:Posts}
  1328.  
  1329. </div>
  1330.  
  1331. </tr></td></table>
  1332.  
  1333. </div>
  1334. </div>
  1335.  
  1336. <a href="http://borntobewildthemes.tumblr.com"><div id="credits">
  1337. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1338.  
  1339. </body>
  1340. </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!