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

Daily news

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