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

Lux

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