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

Pure

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