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

- The Hobbit vol.2 -

b0rn-to-be-wild
May 11th, 2015
981
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.51 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 | "The Hobbit"
  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! We hope that 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=Exo' 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=Great+Vibes' 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:Welcome background" content="1"/>
  40. <meta name="image:Background" content="1"/>
  41. <meta name="image:Header background" content="1"/>
  42. <meta name="image:Header image" content="1"/>
  43. <meta name="image:Avatar" content="1"/>
  44. <meta name="image:Sidebar background" content="1"/>
  45. <meta name="image:Container background" content="1"/>
  46.  
  47. <meta name="image:Member image 1" content="1"/>
  48. <meta name="image:Member image 2" content="1"/>
  49. <meta name="image:Member image 3" content="1"/>
  50. <meta name="image:Member image 4" content="1"/>
  51. <meta name="image:Member image 5" content="1"/>
  52.  
  53. <meta name="image:Project image 1" content="1"/>
  54. <meta name="image:Project image 2" content="1"/>
  55. <meta name="image:Project image 3" content="1"/>
  56. <meta name="image:Project image 4" content="1"/>
  57. <meta name="image:Project image 5" content="1"/>
  58.  
  59. <meta name="color:Background" content="#ACAF7A"/>
  60. <meta name="color:Menu background" content="#000"/>
  61. <meta name="color:Menu link" content="#777"/>
  62. <meta name="color:Menu icon" content="#bbb"/>
  63. <meta name="color:Menu border" content="#bbb"/>
  64. <meta name="color:Blog title" content="#f2f2f2"/>
  65. <meta name="color:Music player text" content="#000"/>
  66. <meta name="color:Music player background" content="#f2f2f2"/>
  67. <meta name="color:Search bar background" content="#f2f2f2"/>
  68. <meta name="color:Icon background" content="#f2f2f2"/>
  69. <meta name="color:Container background" content="#EACB9F"/>
  70. <meta name="color:Sidebar background" content="#fff"/>
  71. <meta name="color:Sidebar title" content="#f2f2f2"/>
  72. <meta name="color:Sidebar title span" content="#777"/>
  73. <meta name="color:Sidebar title background" content="#000"/>
  74. <meta name="color:Sidebar text" content="#777"/>
  75. <meta name="color:Sidebar link" content="#000"/>
  76. <meta name="color:Sidebar icon" content="#bbb"/>
  77. <meta name="color:Sidebar link border" content="#bbb"/>
  78. <meta name="color:Post background" content="#fff"/>
  79. <meta name="color:Title" content="#000"/>
  80. <meta name="color:Text" content="#ddd"/>
  81. <meta name="color:Hover" content="#eee"/>
  82. <meta name="color:Bold" content="#000"/>
  83. <meta name="color:Italic" content="#333"/>
  84. <meta name="color:Icon" content="#000"/>
  85. <meta name="color:Link" content="#777"/>
  86. <meta name="color:Borders" content="#bbb"/>
  87. <meta name="color:Scrollbar" content="#000"/>
  88.  
  89. <meta name="select:Title Font" content="Exo" title="Exo">
  90. <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
  91. <meta name="select:Title Font" content="Poiret One" title="Poiret One">
  92. <meta name="select:Title Font" content="Kaushan Script" title="Kaushan Script">
  93. <meta name="select:Title Font" content="Julius Sans One" title="Julius Sans One">
  94.  
  95. <meta name="select:Title font size" content="20px" title="20px">
  96. <meta name="select:Title font size" content="22px" title="22px">
  97. <meta name="select:Title font size" content="25px" title="25px">
  98. <meta name="select:Title font size" content="27px" title="27px">
  99. <meta name="select:Title font size" content="30px" title="30px">
  100.  
  101. <meta name="font:Body font" content="Helvetica"/>
  102. <meta name="select:Body font size" content="12px" title="12px">
  103. <meta name="select:Body font size" content="13px" title="13px">
  104. <meta name="select:Body font size" content="14px" title="14px">
  105. <meta name="select:Body font size" content="15px" title="15px">
  106. <meta name="select:Body font size" content="16px" title="16px">
  107.  
  108. <meta name="if:Infinite scroll" content="0" />
  109. <meta name="if:Default Style" content="1" />
  110. <meta name="if:Faded Images" content="0" />
  111. <meta name="if:Monochrome Images" content="0" />
  112. <meta name="if:Ask Enabled" content="1"/>
  113. <meta name="if:Submissions Enabled" content="1"/>
  114. <meta name="if:Show Archive Link" content="1"/>
  115. <meta name="if:Show Welcome Screen" content="1" />
  116. <meta name="if:Show Header Image" content="1" />
  117. <meta name="if:Show Menu" content="1" />
  118. <meta name="if:Show Avatar" content="1" />
  119.  
  120. <meta name="if:Show Description" content="1" />
  121. <meta name="text:Sidebar title 1" content="About"/>
  122.  
  123. <meta name="if:Show Navigation" content="1" />
  124. <meta name="if:Show Link One" content="1" />
  125. <meta name="if:Show Link Two" content="1" />
  126. <meta name="if:Show Link Three" content="1" />
  127. <meta name="if:Show Link Four" content="1" />
  128. <meta name="if:Show Link Five" content="1" />
  129.  
  130. <meta name="text:Sidebar title 2" content="Official links"/>
  131. <meta name="text:Link 1" content="Link 1"/>
  132. <meta name="text:Link 2" content="Link 2"/>
  133. <meta name="text:Link 3" content="Link 3"/>
  134. <meta name="text:Link 4" content="Link 4"/>
  135. <meta name="text:Link 5" content="Link 5"/>
  136.  
  137. <meta name="text:Link 1 url" content="Link 1 url"/>
  138. <meta name="text:Link 2 url" content="Link 2 url"/>
  139. <meta name="text:Link 3 url" content="Link 3 url"/>
  140. <meta name="text:Link 4 url" content="Link 4 url"/>
  141. <meta name="text:Link 5 url" content="Link 5 url"/>
  142.  
  143. <meta name="if:Show Social" content="1" />
  144. <meta name="if:Facebook" content="1" />
  145. <meta name="if:Twitter" content="1" />
  146. <meta name="if:Flickr" content="1" />
  147. <meta name="if:Pinterest" content="1" />
  148. <meta name="if:Deviant Art" content="1" />
  149.  
  150. <meta name="text:Sidebar title 3" content="Social links"/>
  151. <meta name="text:Facebook url" content="http://" />
  152. <meta name="text:Twitter url" content="http://" />
  153. <meta name="text:Flickr url" content="http://" />
  154. <meta name="text:Pinterest url" content="http://" />
  155. <meta name="text:Deviant Art url" content="http://" />
  156.  
  157. <meta name="if:Show Projects" content="1" />
  158. <meta name="if:Show Project One" content="1" />
  159. <meta name="if:Show Project Two" content="1" />
  160. <meta name="if:Show Project Three" content="1" />
  161. <meta name="if:Show Project Four" content="1" />
  162. <meta name="if:Show Project Five" content="1" />
  163.  
  164. <meta name="text:Sidebar title 4" content="Projects"/>
  165. <meta name="text:Project title 1" content="Project One"/>
  166. <meta name="text:Project info 1" content="Info about this project"/>
  167. <meta name="text:Project title 2" content="Project Two"/>
  168. <meta name="text:Project info 2" content="Info about this project"/>
  169. <meta name="text:Project title 3" content="Project Three"/>
  170. <meta name="text:Project info 3" content="Info about this project"/>
  171. <meta name="text:Project title 4" content="Project Four"/>
  172. <meta name="text:Project info 4" content="Info about this project"/>
  173. <meta name="text:Project title 5" content="Project Five"/>
  174. <meta name="text:Project info 5" content="Info about this project"/>
  175.  
  176. <meta name="if:Show Members" content="1" />
  177. <meta name="if:Show Member One" content="1" />
  178. <meta name="if:Show Member Two" content="1" />
  179. <meta name="if:Show Member Three" content="1" />
  180. <meta name="if:Show Member Four" content="1" />
  181. <meta name="if:Show Member Five" content="1" />
  182.  
  183. <meta name="text:Sidebar title 5" content="Members"/>
  184. <meta name="text:Member One link" content="Member One link"/>
  185. <meta name="text:Member One url" content="Member One url"/>
  186. <meta name="text:Member One name" content="Member One name"/>
  187. <meta name="text:Member Two link" content="Member Two link"/>
  188. <meta name="text:Member Two url" content="Member Two url"/>
  189. <meta name="text:Member Two name" content="Member Two name"/>
  190. <meta name="text:Member Three link" content="Member Three link"/>
  191. <meta name="text:Member Three url" content="Member Three url"/>
  192. <meta name="text:Member Three name" content="Member Three name"/>
  193. <meta name="text:Member Four link" content="Member Four link"/>
  194. <meta name="text:Member Four url" content="Member Four url"/>
  195. <meta name="text:Member Four name" content="Member Four name"/>
  196. <meta name="text:Member Five link" content="Member Five link"/>
  197. <meta name="text:Member Five url" content="Member Five url"/>
  198. <meta name="text:Member Five name" content="Member Five name"/>
  199.  
  200. <meta name="if:Show Blogroll" content="1" />
  201. <meta name="text:Sidebar title 6" content="Blogroll"/>
  202.  
  203. <meta name="if:Show Stats" content="1" />
  204. <meta name="text:Sidebar title 7" content="Blog stats"/>
  205. <meta name="text:Blog stats" content="Add blog stats here"/>
  206.  
  207. <meta name="if:Show Disclaimer" content="1" />
  208. <meta name="text:Sidebar title 8" content="Disclaimer"/>
  209. <meta name="text:Disclaimer" content="Add text here"/>
  210.  
  211. <meta name="if:Show Search" content="1" />
  212. <meta name="if:Show Music Player" content="1" />
  213. <meta name="if:Show Captions" content="1" />
  214. <meta name="if:Show Tags" content="1" />
  215.  
  216. <meta name="text:Scroll to top image url" content="http://i63.tinypic.com/mcvijc.jpg"/>
  217.  
  218. <style type="text/css">
  219.  
  220. /* ---------------------------- GENERAL ----------------------------- */
  221.  
  222. /* -------- BASICS ------- */
  223.  
  224. body {
  225. margin:0;
  226. padding:0;
  227. width:100%;
  228. height:100%;
  229. color:{color:Text};
  230. font-family:{font:Body font};
  231. font-size:{select:Body font size};
  232. line-height: -moz-calc({select:Body font size} + 3px);
  233. line-height: -webkit-calc({select:Body font size} + 3px);
  234. line-height: -o-calc({select:Body font size} + 3px);
  235. line-height: calc({select:Body font size} + 3px);
  236. background-color: {color:Background};
  237. background-image:url({image:Background});
  238. background-attachment: fixed;
  239. background-repeat: repeat;
  240. {block:IfDefaultStyle}
  241. background:{color:Background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) fixed center top;
  242. {/block:IfDefaultStyle}
  243. }
  244.  
  245. /* Paragraph */
  246.  
  247. p {margin-top:5px; margin-bottom:5px;}
  248.  
  249. <--ses-->
  250. small{font-size: 90%;}
  251.  
  252. big{font-size: 110%;}
  253.  
  254. /* Title */
  255.  
  256. h1{
  257. margin:0;
  258. margin-bottom:10px;
  259. color:{color:Title};
  260. font-family:{select:Title Font};
  261. font-size:{select:Title font size};
  262. line-height: -moz-calc({select:Title font size} + 3px);
  263. line-height: -webkit-calc({select:Title font size} + 3px);
  264. line-height: -o-calc({select:Title font size} + 3px);
  265. line-height: calc({select:Title font size} + 3px);
  266. border-bottom:1px solid {color:Borders};
  267. }
  268.  
  269. /* Captions */
  270.  
  271. h2{
  272. font-family:{font:Body font};
  273. font-size:{select:Body font size};
  274. line-height: -moz-calc({select:Body font size} + 3px);
  275. line-height: -webkit-calc({select:Body font size} + 3px);
  276. line-height: -o-calc({select:Body font size} + 3px);
  277. line-height: calc({select:Body font size} + 3px);
  278. font-weight:normal;
  279. }
  280.  
  281. /* Links */
  282.  
  283. a:link, a:active, a:visited{
  284. -webkit-transition: all .7s ease;
  285. -moz-transition: all .7s ease;
  286. -o-transition: all .7s ease;
  287. transition: all .7s ease;
  288. color:{color:Link};
  289. text-decoration:none;
  290. }
  291.  
  292. a:hover{
  293. color:{color:Hover};
  294. -webkit-transition: all 0.8s ease-in-out;
  295. -moz-transition: all 0.8s ease-in-out;
  296. -o-transition: all 0.8s ease-in-out;
  297. -ms-transition: all 0.8s ease-in-out;
  298. transition: all 0.8s ease-in-out;
  299. }
  300.  
  301. a img{border: 0px;}
  302.  
  303. ul, ol, li{ margin:5px 10px; padding:0px;}
  304.  
  305. /* Bold and italic */
  306.  
  307. b, strong {color:{color:Bold};}
  308. i, em {color:{color:Italic};}
  309.  
  310. /* Blockquote */
  311.  
  312. blockquote{
  313. padding:0px 0px 2px 5px;
  314. margin:0px 0px 2px 10px;
  315. border-left: 1px solid {color:Borders};
  316. }
  317.  
  318. /* Text selection */
  319.  
  320. ::-moz-selection {
  321. background: {color:Borders};
  322. color: {color:Scrollbar};
  323. }
  324.  
  325. ::selection {
  326. background: {color:Borders};
  327. color: {color:Scrollbar};
  328. }
  329.  
  330. /* Webkit scrollbar */
  331.  
  332. ::-webkit-scrollbar {
  333. width: 7px;
  334. height: 0px;
  335. }
  336.  
  337. ::-webkit-scrollbar-thumb:vertical {
  338. height: 0px;
  339. background-color: {color:Scrollbar};
  340. border:3px solid {color:Borders};
  341. }
  342.  
  343. ::-webkit-scrollbar-button:start:decrement,
  344. ::-webkit-scrollbar-button:end:increment {
  345. height: 0px;
  346. display: block;
  347. background-color: {color:Borders};
  348. }
  349.  
  350. ::-webkit-scrollbar-track-piece {
  351. background-color: {color:Borders};
  352. }
  353.  
  354. /* Tumblr controls */
  355.  
  356. .iframe-controls--desktop {
  357. top:5px!important;
  358. right:10px!important;
  359. opacity:.9!important;
  360. position:fixed!important;
  361. white-space:nowrap!important;
  362. filter: invert(1);
  363. -webkit-filter: invert(1);
  364. -moz-filter: invert(1);
  365. -o-filter: invert(1);
  366. -ms-filter: invert(1);
  367. z-index:10000!important;
  368. }
  369.  
  370. /* Tooltips */
  371.  
  372. #s-m-t-tooltip {
  373. max-width:300px;
  374. z-index:10000000;
  375. margin:24px 14px 7px 12px;
  376. padding:5px;
  377. color:{color:Link};
  378. background:{color:Post background};
  379. border:1px solid {color:Borders};
  380. font-size:11px;
  381. line-height:13px;
  382. }
  383.  
  384. /* Image style */
  385.  
  386. {block:IfFadedImages}
  387. img{
  388. -webkit-transition: opacity 0.8s linear;
  389. -moz-transition: opacity 0.8s linear;
  390. -o-transition: opacity 0.8s linear;
  391. -ms-transition: opacity 0.8s linear;
  392. opacity: 0.60;
  393. }
  394. img:hover{
  395. -webkit-transition: opacity 0.8s linear;
  396. -moz-transition: opacity 0.8s linear;
  397. -o-transition: opacity 0.8s linear;
  398. -ms-transition: opacity 0.8s linear;
  399. opacity: 1;
  400. }
  401. {/block:IfFadedImages}
  402.  
  403. {block:IfMonochromeImages}
  404. img{
  405. -webkit-filter: grayscale(1);
  406. -webkit-transition: all 0.5s ease-in-out;
  407. -moz-transition: all 0.5s ease-in-out;
  408. -o-transition: all 0.5s ease-in-out;
  409. -ms-transition: all 0.5s ease-in-out;
  410. transition: all 0.5s ease-in-out;
  411. }
  412.  
  413. img:hover{
  414. filter: none;
  415. -webkit-filter: grayscale(0);
  416. -webkit-transition: all 0.2s ease-in-out;
  417. -moz-transition: all 0.2s ease-in-out;
  418. -o-transition: all 0.2s ease-in-out;
  419. }
  420. {/block:IfMonochromeImages}
  421.  
  422. /* Post notes style */
  423.  
  424. .notes{
  425. width:500px;
  426. }
  427.  
  428. ol.notes {
  429. padding: 0px;
  430. margin: 5px 0px;
  431. list-style-type: none;
  432. }
  433.  
  434. ol.notes li.note {
  435. padding: 5px;
  436. border-bottom:1px solid {color:Borders};
  437. }
  438.  
  439. ol.notes li.note img.avatar {
  440. position:relative;
  441. border-radius:100%;
  442. vertical-align: -5px;
  443. margin-right: 10px;
  444. width: 15px;
  445. height: 15px;
  446. }
  447.  
  448.  
  449. /* ----------------------- MAIN CONTAINER ----------------------------- */
  450.  
  451. #wrap{
  452. position:absolute;
  453. width:100%;
  454. top:0;
  455. {block:IfShowWelcomeScreen}
  456. top:100%;
  457. {/block:IfShowWelcomeScreen}
  458. {block:PermalinkPage}
  459. top:0;
  460. {/block:PermalinkPage}
  461. height:auto;
  462. overflow:hidden;
  463. }
  464.  
  465. div#center{
  466. margin-left:auto;
  467. margin-right:auto;
  468. padding-top:20px;
  469. width:852px;
  470. height:100%;
  471. background:{color:Container background};
  472. background-image:url({image:Container background});
  473. {block:IfDefaultStyle}
  474. background:{color:Container background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) center top;
  475. {/block:IfDefaultStyle}
  476. }
  477.  
  478. /* -------- SIDEBAR ------- */
  479.  
  480. #sidebar{
  481. position:absolute;
  482. width:217px;
  483. z-index:100;
  484. height:100%;
  485. margin-top:30px;
  486. margin-left:25px;
  487. z-index:10;
  488. font-family:{font:Body font};
  489. }
  490.  
  491. /* Avatar */
  492.  
  493. #avatar{
  494. margin:auto;
  495. width:200px;
  496. height:200px;
  497. background:url(http://i60.tinypic.com/vpu6id.png);
  498. }
  499.  
  500. #avatar img{
  501. width:160px;
  502. height:160px;
  503. margin:20.5px;
  504. border-radius:200px;
  505. }
  506.  
  507. /* Sidebar title */
  508.  
  509. .sidebartitle{
  510. width:210px;
  511. height:25px;
  512. line-height:25px;
  513. margin-top:20px;
  514. padding:3px;
  515. font-size:20px;
  516. text-align:center;
  517. background:{color:Sidebar title background};
  518. {block:IfDefaultStyle}
  519. background:{color:Sidebar title background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) center top;
  520. {/block:IfDefaultStyle}
  521. z-index:10000;
  522. color:{color:Sidebar title};
  523. font-family:{select:Title Font};
  524. }
  525.  
  526. .arrow{
  527. position:absolute;
  528. margin:0px;
  529. margin-left:-5px;
  530. width: 0;
  531. height: 0;
  532. border-left: 15px solid transparent;
  533. border-right: 15px solid transparent;
  534. border-top: 10px solid {color:Sidebar title background};
  535. }
  536.  
  537. /* Description */
  538.  
  539. #desc{
  540. width:195px;
  541. height:auto;
  542. max-height:150px;
  543. overflow-y:auto;
  544. text-align:justify;
  545. display:block;
  546. margin-top:0px;
  547. color:{color:Sidebar text};
  548. background:{color:Sidebar background};
  549. background-image:url({image:Sidebar background});
  550. font-size:14px;
  551. padding:10px;
  552. padding-top:30px;
  553. overflow-x:hidden;
  554. z-index:1;
  555. {block:IfDefaultStyle}
  556. background:{color:Sidebar background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) center top;
  557. {/block:IfDefaultStyle}
  558. }
  559.  
  560. /* Navigation */
  561.  
  562. #navigation{
  563. padding:5px;
  564. padding-top:20px;
  565. margin-top:0px;
  566. height:auto;
  567. width:205px;
  568. background:{color:Sidebar background};
  569. background-image:url({image:Sidebar background});
  570. {block:IfDefaultStyle}
  571. background:{color:Sidebar background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) center top;
  572. {/block:IfDefaultStyle}
  573. }
  574.  
  575. #navigation a{
  576. font-size:13px;
  577. height:20px;
  578. padding:5px;
  579. line-height:20px;
  580. padding-left:10px;
  581. margin-top:5px;
  582. display:block;
  583. border-bottom:1px solid {color:Sidebar link border};
  584. color:{color:Sidebar link};
  585. }
  586.  
  587. #navigation a:last-child{
  588. border-bottom:1px solid transparent;
  589. }
  590.  
  591. #navigation a:hover{
  592. background:{color:Sidebar link border};
  593. color:{color:Hover};
  594. -webkit-transition: all .7s ease;
  595. -moz-transition: all .7s ease;
  596. -o-transition: all .7s ease;
  597. transition: all .7s ease;
  598. }
  599.  
  600. #navigation i{
  601. color:{color:Sidebar icon};
  602. }
  603.  
  604. /* Box 4 */
  605.  
  606. .projectname{
  607. margin-top:10px;
  608. height:20px;
  609. width:200px;
  610. margin-left:5px;
  611. font-size:17px;
  612. padding:2.5px;
  613. font-family:{select:Title Font};
  614. color:{color:Sidebar text};
  615. border-bottom:4px double {color:Sidebar link border};
  616. }
  617.  
  618. .projectinfo{
  619. width:200px;
  620. min-height:45px;
  621. margin:5px;
  622. padding-top:5px;
  623. font-size:12px;
  624. line-height:14px;
  625. margin-left:7.5px;
  626. color:{color:Sidebar text};
  627. text-align:justify;
  628. }
  629.  
  630. .projectinfo img{
  631. margin:0px;
  632. margin-right:5px;
  633. margin-bottom:5px;
  634. float:left;
  635. width:40px;
  636. height:40px;
  637. border:1px solid {color:Sidebar link border};
  638. }
  639.  
  640. /* Box 5 */
  641.  
  642. #members{
  643. margin-top:0px;
  644. padding-top:25px;
  645. padding-bottom:5px;
  646. margin-left:0px;
  647. width:215px;
  648. min-height:200px;
  649. background:{color:Sidebar background};
  650. background-image:url({image:Sidebar background});
  651. text-align:center;
  652. {block:IfDefaultStyle}
  653. background:{color:Sidebar background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) center top;
  654. {/block:IfDefaultStyle}
  655. }
  656.  
  657. .memberinfo{
  658. height:50px;
  659. margin-left:0px;
  660. margin-top:5px;
  661. }
  662.  
  663. .membername{
  664. position:absolute;
  665. margin-left:50px;
  666. margin-top:5px;
  667. height:20px;
  668. width:170px;
  669. color:{color:Sidebar text};
  670. font-family:{select:Title font};
  671. font-size:18px;
  672. border-bottom:1px solid {color:Sidebar link border};
  673. text-align:left;
  674. }
  675.  
  676. .memberurl{
  677. position:absolute;
  678. margin-left:50px;
  679. margin-top:30px;
  680. height:20px;
  681. width:170px;
  682. text-align:left;
  683. }
  684.  
  685. .memberurl a{
  686. color:{color:Sidebar link};
  687. }
  688.  
  689. .memberurl a:hover, statsbar a:hover{
  690. color:{color:Hover};
  691. }
  692.  
  693. .memberinfo img{
  694. position:absolute;
  695. float:left;
  696. display:inline;
  697. left:5px;
  698. margin-top:5px;
  699. width:40px;
  700. height:40px;
  701. border:1px solid {color:Sidebar link border};
  702. }
  703.  
  704. /* Social box */
  705.  
  706. #socialbox{
  707. margin-top:0px;
  708. margin-left:0px;
  709. padding-top:25px;
  710. padding-bottom:5px;
  711. width:215px;
  712. background:{color:Sidebar background};
  713. background-image:url({image:Sidebar background});
  714. text-align:center;
  715. {block:IfDefaultStyle}
  716. background:{color:Sidebar background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) center top;
  717. {/block:IfDefaultStyle}
  718. }
  719.  
  720. #socialbox a{
  721. display:inline-block;
  722. padding:3px 5px;
  723. margin:5px;
  724. color:{color:Sidebar link};
  725. border:1px solid {color:Sidebar link border};
  726. }
  727.  
  728. #socialbox a:hover{
  729. color:{color:Hover};
  730. background: {color:Sidebar link border};
  731. }
  732.  
  733. #socialbox i{
  734. color:{color:Sidebar icon};
  735. }
  736.  
  737. /* Blogroll */
  738.  
  739. #afbar{
  740. margin-top:0px;
  741. margin-left:0px;
  742. padding-top:25px;
  743. padding-bottom:5px;
  744. width:215px;
  745. max-height:150px;
  746. overflow-y:auto;
  747. color:{color:Sidebar text};
  748. background:{color:Sidebar background};
  749. background-image:url({image:Sidebar background});
  750. text-align:center;
  751. {block:IfDefaultStyle}
  752. background:{color:Sidebar background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) center top;
  753. {/block:IfDefaultStyle}
  754. }
  755.  
  756. #afbar a img{
  757. max-width:40px;
  758. max-height:40px;
  759. margin:3px;
  760. border:1px solid {color:Sidebar link border};
  761. }
  762.  
  763. /* Blog stats */
  764.  
  765. #statsbar{
  766. margin-top:0px;
  767. margin-left:0px;
  768. padding-top:25px;
  769. padding-bottom:5px;
  770. width:215px;
  771. max-height:150px;
  772. overflow-y:auto;
  773. color:{color:Sidebar text};
  774. background:{color:Sidebar background};
  775. background-image:url({image:Sidebar background});
  776. text-align:center;
  777. {block:IfDefaultStyle}
  778. background:{color:Sidebar background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) center top;
  779. {/block:IfDefaultStyle}
  780. }
  781.  
  782. #statsbar a{
  783. color:{color:Sidebar link};
  784. }
  785.  
  786. /* ----------------------- WELCOME SCREEN ----------------------------- */
  787.  
  788. #welcomescreen{
  789. width:100%;
  790. top:0;
  791. left:0;
  792. height:100%;
  793. margin:0;
  794. z-index:100000000;
  795. position:absolute;
  796. background-color:#000;
  797. -webkit-background-size: cover;
  798. -moz-background-size: cover;
  799. -o-background-size: cover;
  800. background-size: cover;
  801. }
  802.  
  803. /* Welcome */
  804.  
  805. #welcome{
  806. position:absolute;
  807. left:50%;
  808. top:50%;
  809. padding:10px;
  810. width:300px;
  811. height:300px;
  812. border-radius:200px;
  813. text-align:center;
  814. color:{color:Blog title};
  815. border:6px solid #333;
  816. -webkit-transform: translateX(-50%) translateY(-50%);
  817. -moz-transform: translateX(-50%) translateY(-50%);
  818. -ms-transform: translateX(-50%) translateY(-50%);
  819. transform: translateX(-50%) translateY(-50%);
  820. }
  821.  
  822. #welcome img{
  823. margin:0;
  824. width:300px;
  825. height:300px;
  826. border-radius:200px;
  827. }
  828.  
  829. /* Arrow */
  830.  
  831. #enter{
  832. position:absolute;
  833. top:55%;
  834. left:50%;
  835. width:60px;
  836. height:40px;
  837. line-height:20px;
  838. font-size:20px;
  839. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  840. -webkit-transform: translateX(-50%) translateY(-50%);
  841. -moz-transform: translateX(-50%) translateY(-50%);
  842. -ms-transform: translateX(-50%) translateY(-50%);
  843. transform: translateX(-50%) translateY(-50%);
  844. }
  845.  
  846. #enter a{
  847. color:#eee;
  848. }
  849.  
  850. #enter i{
  851. color:{color:Icons};
  852. font-size:20px;
  853. }
  854.  
  855. #enter i:hover{
  856. color:{color:Hover};
  857. }
  858.  
  859. /* ----------------------- HEADER ----------------------------- */
  860.  
  861. #header{
  862. margin-left:0px;
  863. margin-top:15px;
  864. width:852px;
  865. height:300px;
  866. background-image:url({image:Header background});
  867. background-size:cover;
  868. z-index:10000;
  869. }
  870.  
  871. /* ----- BLOG TITLE ----- */
  872.  
  873. #topbar{
  874. position:absolute;
  875. margin-top:0;
  876. margin-left:0;
  877. width:837px;
  878. height:30px;
  879. padding:5px;
  880. padding-left:10px;
  881. {block:IfSHowHeaderImage}
  882. padding-left:100px;
  883. width:747px;
  884. {/block:IfSHowHeaderImage}
  885. background:{color:Menu background};
  886. color:{color:Blog title};
  887. font-family:{select:Title Font};
  888. font-size:30px;
  889. line-height: 30px;
  890. z-index:10000;
  891. }
  892.  
  893. /* Header image */
  894.  
  895. #headerimage{
  896. position:absolute;
  897. left:10px;
  898. top:10px;
  899. width:60px;
  900. height:60px;
  901. border-radius:60px;
  902. border:1px solid {color:Borders};
  903. }
  904.  
  905. #headerimage img{
  906. width:100%;
  907. height:100%;
  908. border-radius:100%;
  909. }
  910.  
  911. /* Music player */
  912.  
  913. #musicplayer {
  914. text-align:center;
  915. position:absolute;
  916. right:45px;
  917. top:7px;
  918. color:{color:Music player text};
  919. background:{color:Music player background};
  920. width:25px;
  921. max-height:25px;
  922. line-height:10px;
  923. border:1px solid {color:Borders};
  924. z-index:100;
  925. overflow:hidden;
  926. }
  927.  
  928. #musicplayer:hover{
  929. width:170px;
  930. -webkit-transition: all .7s ease;
  931. -moz-transition: all .7s ease;
  932. -o-transition: all .7s ease;
  933. transition: all .7s ease;
  934. overflow:hidden;
  935. }
  936.  
  937. #music {
  938. position:absolute;
  939. margin-left:25px;
  940. margin-top:0px;
  941. width:10px;
  942. height:25px;
  943. overflow:hidden;
  944. z-index: 9999;
  945. }
  946.  
  947. #musicplayer:hover #music{
  948. width:132px;
  949. border-left:1px solid {color:Borders};
  950. }
  951.  
  952. #music:hover{
  953. height:auto;
  954. -webkit-transition: all .7s ease;
  955. -moz-transition: all .7s ease;
  956. -o-transition: all .7s ease;
  957. transition: all .7s ease;
  958. }
  959.  
  960. #musicicon {
  961. margin-top:-1px;
  962. height:25px;
  963. line-height:7px;
  964. margin:0;
  965. width:25px;
  966. }
  967.  
  968. #playlist {
  969. margin-top:5px;
  970. line-height:16px;
  971. padding:5px;
  972. overflow:hidden;
  973. }
  974.  
  975. #music:hover #playlist{
  976. width:122px;
  977. height:auto;
  978. -webkit-transition: all .7s ease;
  979. -moz-transition: all .7s ease;
  980. -o-transition: all .7s ease;
  981. transition: all .7s ease;
  982. border-top:1px solid {color:Borders};
  983. background:{color:Music player background};
  984. }
  985.  
  986. /* Search box */
  987.  
  988. #search {
  989. text-align:center;
  990. position:absolute;
  991. right:10px;
  992. top:7px;
  993. background:{color:Search bar background};
  994. width:25px;
  995. height:25px;
  996. line-height:10px;
  997. border:1px solid {color:Borders};
  998. z-index:1000;
  999. overflow:hidden;
  1000. }
  1001.  
  1002. #search:hover {
  1003. width:170px;
  1004. -webkit-transition: all .7s ease;
  1005. -moz-transition: all .7s ease;
  1006. -o-transition: all .7s ease;
  1007. transition: all .7s ease;
  1008. }
  1009.  
  1010. #search-icon{
  1011. position:absolute;
  1012. margin-left:5px;
  1013. margin-top:2px;
  1014. z-index:10000;
  1015. }
  1016.  
  1017. #search-icon i{
  1018. color:{color:Icon};
  1019. padding:2.5px;
  1020. font-size:13px;
  1021. }
  1022.  
  1023. /* ----- MENU ----- */
  1024.  
  1025. #menu{
  1026. margin-top:0px;
  1027. margin-left:0px;
  1028. width:852px;
  1029. line-height:35px;
  1030. height:35px;
  1031. text-align:center;
  1032. letter-spacing:2px;
  1033. font-size:13px;
  1034. color:{color:Link};
  1035. text-align:center;
  1036. background:{color:Menu background};
  1037. background-image:url({image:Menu background});
  1038. z-index:10000;
  1039. }
  1040.  
  1041. #menu i{
  1042. color:{color:Menu icon};
  1043. }
  1044.  
  1045. #menu a{
  1046. font-size:12px;
  1047. display:inline-block;
  1048. padding-left:5px;
  1049. padding-right:5px;
  1050. height:20px;
  1051. margin-left:0;
  1052. padding-bottom:5px;
  1053. line-height:20px;
  1054. text-transform:uppercase;
  1055. color:{color:Menu link};
  1056. font-family:{select:Link Font};
  1057. }
  1058.  
  1059. #menu a:hover{
  1060. color:{color:Hover};
  1061. -webkit-transition: all .7s ease;
  1062. -moz-transition: all .7s ease;
  1063. -o-transition: all .7s ease;
  1064. transition: all .7s ease;
  1065. }
  1066.  
  1067. #menu a:hover i{
  1068. color:{color:Hover};
  1069. }
  1070.  
  1071. #sticky{
  1072. margin-top:2px;
  1073. width:100%;
  1074. height:1px;
  1075. }
  1076.  
  1077. /* ----------------------- PAGINATION ----------------------------- */
  1078.  
  1079. #pagination{
  1080. font-family:{font:Body font};
  1081. margin-top:10px;
  1082. margin-bottom:10px;
  1083. margin-left:290px;
  1084. width:525px;
  1085. height:20px;
  1086. padding:5px;
  1087. overflow:hidden;
  1088. }
  1089.  
  1090. #pagination a{
  1091. margin-left:5px;
  1092. letter-spacing:2px;
  1093. font-family:{font:Body font};
  1094. }
  1095.  
  1096. #next {
  1097. position:absolute;
  1098. margin-left:420px;
  1099. width:105px;
  1100. text-align:right;
  1101. margin-top:0;
  1102. color:{color:Sidebar text};
  1103. text-decoration:none;
  1104. color:{color:Icon};
  1105. }
  1106.  
  1107. #previous {
  1108. position:absolute;
  1109. margin-left:0;
  1110. color:{color:Icon};
  1111. }
  1112.  
  1113. /* -------- POSTS AND ENTRIES ------- */
  1114.  
  1115. #posts{
  1116. width:550px;
  1117. z-index:100;
  1118. margin-left:280px;
  1119. margin-top:30px;
  1120. height:auto;
  1121. min-height:850px;
  1122. overflow:hidden;
  1123. }
  1124.  
  1125. .entry {
  1126. float:left;
  1127. display: block;
  1128. margin-top:20px;
  1129. margin-bottom:20px;
  1130. margin-left:0px;
  1131. width:570px;
  1132. height:auto;
  1133. min-height:120px;
  1134. z-index:10;
  1135. padding-top:10px;
  1136. padding-bottom:15px;
  1137. overflow:hidden !important;
  1138. }
  1139.  
  1140. .entry img { max-width: 100%; }
  1141.  
  1142. /* Frames */
  1143.  
  1144. .topframe{
  1145. margin-left:0px;
  1146. margin-top:0px;
  1147. width:545px;
  1148. height:25px;
  1149. background-image:url(http://i62.tinypic.com/swu1e8.jpg);
  1150. z-index:1;
  1151. }
  1152.  
  1153. .bottomframe {
  1154. height:35px;
  1155. width:552px;
  1156. bottom:-21px;
  1157. background:url(http://i65.tinypic.com/2zzrxq1.png) no-repeat center top;
  1158. position:absolute;
  1159. margin-left:0px;
  1160. z-index:1;
  1161. }
  1162.  
  1163. .leftframe {
  1164. position:absolute;
  1165. width:570px;
  1166. height:100%;
  1167. margin-left:0px;
  1168. top:17px;
  1169. background:url(http://i61.tinypic.com/20konjm.jpg);
  1170. background-repeat:repeat-y;
  1171. z-index:1;
  1172. }
  1173.  
  1174. .content{
  1175. margin-left:20px;
  1176. margin-top:-7px;
  1177. width:493px;
  1178. padding:8px;
  1179. background:{color:Post background};
  1180. {block:IfDefaultStyle}
  1181. background:{color:Post background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) center top;
  1182. {/block:IfDefaultStyle}
  1183. overflow:hidden;
  1184. z-index:100;
  1185. }
  1186.  
  1187. /* ----------------------- POST STYLES ----------------------------- */
  1188.  
  1189. /* Quote posts */
  1190.  
  1191. .quote {
  1192. font-family:{select:Title Font};
  1193. font-size:{select:Title font size};
  1194. line-height: -moz-calc({select:Title font size} + 3px);
  1195. line-height: -webkit-calc({select:Title font size} + 3px);
  1196. line-height: -o-calc({select:Title font size} + 3px);
  1197. line-height: calc({select:Title font size} + 3px);
  1198. color:{color:Italic};
  1199. height:auto;
  1200. margin:10px;
  1201. padding:5px;
  1202. text-align:center;
  1203. letter-spacing:1px;
  1204. }
  1205.  
  1206. .source {
  1207. font-family:{font:Body font};
  1208. font-size:{select:Body font size};
  1209. line-height: -moz-calc({select:Body font size} + 3px);
  1210. line-height: -webkit-calc({select:Body font size} + 3px);
  1211. line-height: -o-calc({select:Body font size} + 3px);
  1212. line-height: calc({select:Body font size} + 3px);
  1213. height:auto;
  1214. margin-top:10px;
  1215. margin-left:10px;
  1216. margin-right:10px;
  1217. margin-bottom:5px;
  1218. padding:5px;
  1219. text-align:right;
  1220. letter-spacing:1px;
  1221. }
  1222.  
  1223. /* Link posts */
  1224.  
  1225. #linktitle{
  1226. font-family:{select:Title Font};
  1227. font-size:{select:Title font size};
  1228. line-height: -moz-calc({select:Title font size} + 3px);
  1229. line-height: -webkit-calc({select:Title font size} + 3px);
  1230. line-height: -o-calc({select:Title font size} + 3px);
  1231. line-height: calc({select:Title font size} + 3px);
  1232. width:96%;
  1233. padding:2%;
  1234. border:1px solid {color:Borders};
  1235. background:{color:Sidebar title background};
  1236. {block:IfDefaultStyle}
  1237. background:{color:Sidebar title background} url(https://40.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) center top;
  1238. {/block:IfDefaultStyle}
  1239. }
  1240.  
  1241. #linktitle a{
  1242. color:{color:Link};
  1243. }
  1244.  
  1245. #linktitle i{
  1246. color:{color:Icon};
  1247. }
  1248.  
  1249. /* Chat posts */
  1250.  
  1251. .chat .line {
  1252. color: {color:Text};
  1253. padding:2px;
  1254. }
  1255.  
  1256. .label {
  1257. color:{color:Bold};
  1258. font-size:15px;
  1259. font-family:{select:Title Font};
  1260. padding-right:2px;
  1261. }
  1262.  
  1263. /* Audio posts */
  1264.  
  1265. #audiocon{
  1266. width:100%;
  1267. height:auto;
  1268. min-height:75px;
  1269. overflow:hidden;
  1270. margin-bottom:10px;
  1271. }
  1272.  
  1273. .album{
  1274. width:65px;
  1275. height:65px;
  1276. background-image:url(http://i61.tinypic.com/s6k3zb.jpg);
  1277. border: 5px solid {color:Borders};
  1278. }
  1279.  
  1280. .album img{
  1281. max-width:65px;
  1282. margin-left:0px;
  1283. float:left;
  1284. margin-top:0px;
  1285. z-index:10;
  1286. }
  1287.  
  1288. .audio{
  1289. position:absolute;
  1290. max-width:325px;
  1291. margin-left:80px;
  1292. float:left;
  1293. margin-top:0;
  1294. z-index:10;
  1295. font-size:12px;
  1296. overflow:hidden;
  1297. }
  1298.  
  1299. .audio i{
  1300. color:{color:Icon};
  1301. border:1px solid {color:Borders};
  1302. padding:2px;
  1303. width:12px;
  1304. height:12px;
  1305. font-size:12px;
  1306. margin-bottom:1px;
  1307. text-align:center;
  1308. }
  1309.  
  1310. .play{
  1311. position:absolute;
  1312. margin:20px;
  1313. max-width:25px;
  1314. max-height:25px;
  1315. overflow:hidden;
  1316. opacity:0.8;
  1317. }
  1318.  
  1319. /* Ask Posts */
  1320.  
  1321. .bubble {
  1322. position: relative;
  1323. height:auto;
  1324. margin:5px;
  1325. padding:5px;
  1326. border: 1px solid {color:Borders};
  1327. z-index:1;
  1328. min-height:50px;
  1329. }
  1330.  
  1331. .asker img {
  1332. float:left;
  1333. border:1px solid {color:Borders};
  1334. margin-right:5px;
  1335. z-index:2000;
  1336. border-radius:100%;
  1337. }
  1338.  
  1339. /* ----------------------- POST INFO ----------------------------- */
  1340.  
  1341. .postinfo {
  1342. width:490px;
  1343. background-image:url(http://i59.tinypic.com/2d99pbs.png);
  1344. background-repeat:no-repeat;
  1345. padding:5px;
  1346. padding-top:30px;
  1347. margin-top:5px;
  1348. margin-left:0px;
  1349. font-size:13px;
  1350. letter-spacing:1px;
  1351. line-height:20px;
  1352. color:{color:Link};
  1353. text-transform:lowercase;
  1354. z-index:10000;
  1355. }
  1356.  
  1357. .postinfo a{
  1358. color:{color:Link};
  1359. }
  1360.  
  1361. .postinfo i{
  1362. color:{color:Icon};
  1363. }
  1364.  
  1365. .postinfo a:hover {
  1366. color:{color:Hover};
  1367. }
  1368.  
  1369. /* Like and reblog buttons */
  1370.  
  1371. .like_and_reblog_buttons {
  1372. position:absolute;
  1373. float:right;
  1374. margin-left:400px;
  1375. margin-top:-25px;
  1376. margin-bottom:15px;
  1377. z-index:100;
  1378. border: 0px solid #e8e8e8;
  1379. border-radius: 3px;
  1380. list-style: none;
  1381. }
  1382.  
  1383. .like_and_reblog_buttons li {
  1384. float:right;
  1385. margin: 5px 5px;
  1386. height: 15px;
  1387. font-size:20px;
  1388. color:#000;
  1389. }
  1390.  
  1391. .like_and_reblog_buttons i {
  1392. color:#000;
  1393. font-size:20px;
  1394. }
  1395.  
  1396. /* SCROLL TO TOP */
  1397.  
  1398. #scrollToTop:link,
  1399. #scrollToTop:visited {
  1400. display: none;
  1401. position: fixed;
  1402. bottom: 5px;
  1403. right: 5px;
  1404. }
  1405.  
  1406. /* ----------------------- CREDITS ----------------------------- */
  1407.  
  1408. #credits {
  1409. position:fixed;
  1410. right:10px;
  1411. top:37.5px;
  1412. z-index:100000;
  1413. }
  1414.  
  1415. #credits img{
  1416. border:1px solid {color:Borders};
  1417. }
  1418.  
  1419. /* ------------------------ CUSTOM CSS ----------------------------- */
  1420.  
  1421. {CustomCSS}
  1422.  
  1423. </style>
  1424.  
  1425. <!----------------------------- SCRIPTS ------------------------------->
  1426.  
  1427. <!-- Loading bar -->
  1428.  
  1429.  
  1430.  
  1431. <!-- Sticky menu -->
  1432.  
  1433. <script type="text/javascript">
  1434. $(function(){
  1435. var stickyRibbonTop = $('#sticky').offset().top;
  1436. $(window).scroll(function(){
  1437. if( $(window).scrollTop() > stickyRibbonTop ) {
  1438. $('#menu').css({position: 'fixed', top: '0px', padding: '0px'});
  1439. } else {
  1440. $('#menu').css({position: 'relative', marginTop: '0px', padding: '0px'});
  1441. }
  1442. });
  1443. });
  1444. </script>
  1445.  
  1446. <!-- Local scroll -->
  1447.  
  1448. <script src="http://static.tumblr.com/whx9ghv/lSGm6k18m/jquery.scrollto-1.4.2-min.js"></script>
  1449. <script src="http://static.tumblr.com/whx9ghv/GJEm6k188/jquery.localscroll-1.2.7-min.js"></script>
  1450.  
  1451. <script>
  1452. $(document).ready(function () {
  1453. $.localScroll();
  1454. });
  1455. </script>
  1456.  
  1457. <script>
  1458.  
  1459. $(function() {
  1460. // Smooth scrolling
  1461. $('#enter').bind('click',function(event){
  1462. href = $(this).attr('href');
  1463. href = href.substring(1, href.length);
  1464. if($('a[name='+href+']').offset()){
  1465. $('html, body').stop().animate({
  1466. scrollTop: $('a[name='+href+']').offset().top
  1467. }, 1000);
  1468. event.preventDefault();
  1469. }
  1470. });
  1471. });
  1472. </script>
  1473.  
  1474. <!--Scroll to top-->
  1475.  
  1476. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1477. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1478. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="{text:Scroll to top image url}" title="Go to Top" alt="Go to Top"/></a>
  1479.  
  1480. <!--Fort awesome script-->
  1481.  
  1482. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  1483.  
  1484. <!--Jquery script-->
  1485.  
  1486. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  1487.  
  1488. <!-- Style my tooltips script -->
  1489.  
  1490. <script src="jquery.style-my-tooltips.js"></script>
  1491.  
  1492. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  1493.  
  1494. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1495. <script>
  1496. (function($){
  1497. $(document).ready(function(){
  1498. $("[title]").style_my_tooltips({
  1499. tip_follows_cursor:true,
  1500. tip_delay_time:200,
  1501. tip_fade_speed:300
  1502. }
  1503. );
  1504. });
  1505. })(jQuery);
  1506. </script>
  1507.  
  1508. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1509.  
  1510. {block:ifInfiniteScroll}
  1511. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  1512. {/block:ifInfiniteScroll}
  1513.  
  1514. <script type="text/javascript">
  1515. $(window).load(function(){
  1516. var $wall = $('#posts');
  1517. $wall.imagesLoaded(function(){
  1518. $wall.masonry({
  1519. itemSelector: '.entry',
  1520. isAnimated : false
  1521. });
  1522. });
  1523.  
  1524. $wall.infinitescroll({
  1525. navSelector : '#pagination',
  1526. nextSelector : '#pagination a',
  1527. itemSelector : '.entry',
  1528. bufferPx : 2000,
  1529. debug : false,
  1530. errorCallback: function() {
  1531. $('#infscr-loading').fadeOut('normal');
  1532. }},
  1533. function( newElements ) {
  1534. var $newElems = $( newElements );
  1535. $newElems.hide();
  1536. $newElems.imagesLoaded(function(){
  1537. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1538. });
  1539. }); $('#posts').show(500);
  1540. });
  1541. </script>
  1542.  
  1543.  
  1544. <meta charset="utf-8">
  1545. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1546. {block:Description}
  1547. <meta name="description" content="{MetaDescription}" />
  1548. {/block:Description}
  1549. <link rel="shortcut icon" href="{Favicon}">
  1550. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1551.  
  1552. </head>
  1553.  
  1554. <body>
  1555.  
  1556. <!--Header-->
  1557. {block:IndexPage}
  1558. {block:IfShowWelcomeScreen}
  1559. <div id="welcomescreen">
  1560.  
  1561. <!--Blog title and subtitle box-->
  1562.  
  1563. <div id="welcome"><img src="{image:Welcome background}">
  1564.  
  1565. <!--Arrow-->
  1566. <div id="enter">
  1567. <a href="#center">enter<br><i class="fa fa-chevron-down"></i></a>
  1568. </div>
  1569.  
  1570. </div>
  1571.  
  1572. </div>
  1573. <!--End welcome screen->
  1574. {/block:IfShowWelcomeScreen}
  1575. {/block:IndexPage}
  1576. <!--Header ends-->
  1577.  
  1578. <!--Main container-->
  1579.  
  1580. <div id="wrap">
  1581.  
  1582. <div id="center">
  1583.  
  1584. <!--Header-->
  1585. <div id="header">
  1586.  
  1587. <div id="topbar">
  1588. {block:IfShowSearch}
  1589. <div id="search">
  1590. <div id="search-icon">
  1591. <i class="fa fa-search fa"></i>
  1592. </div>
  1593. <form action="/search" method="get">
  1594. <input type="text" name="q" value="Search..." style="width:110px; padding-left:10px; height:20px; border:1px solid transparent; background:transparent; color:{color:Sidebar text}; font-size: 12px; margin-top:0px; margin-left:25px;"/>
  1595. </form>
  1596. </div>
  1597. {/block:IfShowSearch}
  1598. <!--Search bar ends-->
  1599.  
  1600. {block:IfShowMusicPlayer}
  1601.  
  1602. <div id="musicplayer">
  1603.  
  1604. <div id="music">
  1605. <center>
  1606.  
  1607. <!--Replace this part with your music player code-->
  1608. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://www.sheepproductions.com/mfc/done.mp3&t0=Done&f1=http://www.sheepproductions.com/mfc/justified.mp3&t1=Justified&f2=http://www.sheepproductions.com/mfc/shesaid.mp3&t2=She Said&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1609. <!---->
  1610.  
  1611. </center>
  1612.  
  1613. </div>
  1614.  
  1615. <div id="musicicon"><br>
  1616. <img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif">
  1617. </div>
  1618.  
  1619. </div>
  1620.  
  1621. {/block:IfShowMusicPlayer}
  1622.  
  1623. {block:IfSHowHeaderImage}
  1624. <div id="headerimage"><img src="{image:Header image}"></a></div>
  1625. {/block:IfSHowHeaderImage}
  1626.  
  1627. {Title}
  1628. </div>
  1629. <!--End topbar-->
  1630.  
  1631. </div>
  1632. <!--End header-->
  1633.  
  1634. {block:IfShowMenu}
  1635. <div id="menu">
  1636. <a href="/"><span><i class="fa fa-home"></i> Index</span></a>\\
  1637. {block:IfAskEnabled}
  1638. <a href="/ask"><i class="fa fa-envelope"></i> Message</a>\\
  1639. {/block:IfAskEnabled}
  1640. {block:IfSubmissionsEnabled}
  1641. <a href="/submit"><i class="fa fa-pencil"></i> Submit</a>\\
  1642. {/block:IfSubmissionsEnabled}
  1643. {block:IfShowArchiveLink}
  1644. <a href="/archive"><i class="fa fa-clock-o"></i> Archive</a>
  1645. {/block:IfShowArchiveLink}
  1646. </div>
  1647. {/block:IfShowMenu}
  1648.  
  1649. <div id="sticky"></div>
  1650.  
  1651. <!--Sidebar-->
  1652. <div id="sidebar">
  1653.  
  1654. {block:IfShowAvatar}
  1655. <div id="avatar"><img src="{image:Avatar}"></div>
  1656. {/block:IfShowAvatar}
  1657.  
  1658. <!--About me-->
  1659.  
  1660. {block:IfShowDescription}
  1661.  
  1662. <div class="sidebartitle">{text:Sidebar title 1}
  1663. <img src="http://i59.tinypic.com/14udnqd.png">
  1664. </div>
  1665.  
  1666. <div id="desc">{Description}
  1667.  
  1668. <img src="http://i57.tinypic.com/2i0pzpz.png">
  1669. </div>
  1670. {/block:IfShowDescription}
  1671.  
  1672. <!--Navigation-->
  1673.  
  1674. {block:IfShowNavigation}
  1675.  
  1676. <div class="sidebartitle">{text:Sidebar title 2}
  1677. <img src="http://i59.tinypic.com/14udnqd.png">
  1678. </div>
  1679.  
  1680. <div id="navigation">
  1681. {block:IfShowLinkOne}<a href="{text:Link 1 url}"> <i class="fa fa-chevron-right"></i> {text:Link 1}</a>{/block:IfShowLinkOne}
  1682. {block:IfShowLinkTwo}<a href="{text:Link 2 url}"> <i class="fa fa-chevron-right"></i> {text:Link 2}</a>{/block:IfShowLinkTwo}
  1683. {block:IfShowLinkThree}<a href="{text:Link 3 url}"> <i class="fa fa-chevron-right"></i> {text:Link 3}</a>{/block:IfShowLinkThree}
  1684. {block:IfShowLinkFour}<a href="{text:Link 4 url}"> <i class="fa fa-chevron-right"></i> {text:Link 4}</a>{/block:IfShowLinkFour}
  1685. {block:IfShowLinkFive}<a href="{text:Link 5 url}"> <i class="fa fa-chevron-right"></i> {text:Link 5}</a>{block:IfShowLinkFive}
  1686.  
  1687. <img src="http://i57.tinypic.com/2i0pzpz.png">
  1688.  
  1689. </div>
  1690.  
  1691. {/block:IfShowNavigation}
  1692.  
  1693. <!--Social-->
  1694.  
  1695. {block:IfShowSocial}
  1696.  
  1697. <div class="sidebartitle">{text:Sidebar title 3}
  1698. <img src="http://i59.tinypic.com/14udnqd.png">
  1699. </div>
  1700.  
  1701. <div id="socialbox">
  1702. {block:IfFacebook}<a href="{text:Facebook url}" target = "_blank"><i class="fa fa-facebook"></i><span> Facebook</span></a>{/block:IfFacebook}
  1703. {block:IfTwitter}<a href="{text:Twitter url}"><i class="fa fa-twitter"></i><span> Twitter</span></a>{/block:IfTwitter}
  1704. {block:IfFlickr}<a href="{text:Flickr url}"><i class="fa fa-flickr"></i><span> Flickr</span></a>{/block:IfFlickr}
  1705. {block:IfPinterest}<a href="{text:Pinterest url}"><i class="fa fa-pinterest"></i><span> Pinterest</span></a>{/block:IfPinterest}
  1706. {block:IfDeviantArt}<a href="{text:Deviant Art url}"><i class="fa fa-deviantart"></i><span> Deviant Art</span></a>{/block:IfDeviantArt}
  1707.  
  1708. <img src="http://i57.tinypic.com/2i0pzpz.png">
  1709.  
  1710. </div>
  1711. {/block:IfShowSocial}
  1712.  
  1713. <!--Projects-->
  1714.  
  1715. {block:IfShowProjects}
  1716.  
  1717. <div class="sidebartitle">{text:Sidebar title 4}
  1718. <img src="http://i59.tinypic.com/14udnqd.png">
  1719. </div>
  1720.  
  1721. <div id="members">
  1722.  
  1723. {block:IfShowProjectOne}
  1724. <div class="projectname">{text:Project title 1}</div>
  1725. <div class="projectinfo">
  1726. <img src="{image:Project image 1}"></a>
  1727. {text:Project info 1}
  1728. </div>
  1729. {/block:IfShowProjectOne}
  1730.  
  1731. {block:IfShowProjectTwo}
  1732. <div class="projectname">{text:Project title 2}</div>
  1733. <div class="projectinfo">
  1734. <img src="{image:Project image 2}"></a>
  1735. {text:Project info 2}
  1736. </div>
  1737. {/block:IfShowProjectTwo}
  1738.  
  1739. {block:IfShowProjectThree}
  1740. <div class="projectname">{text:Project title 3}</div>
  1741. <div class="projectinfo">
  1742. <img src="{image:Project image 3}"></a>
  1743. {text:Project info 3}
  1744. </div>
  1745. {/block:IfShowProjectThree}
  1746.  
  1747. {block:IfShowProjectFour}
  1748. <div class="projectname">{text:Project title 4}</div>
  1749. <div class="projectinfo">
  1750. <img src="{image:Project image 4}"></a>
  1751. {text:Project info 4}
  1752. </div>
  1753. {/block:IfShowProjectFour}
  1754.  
  1755. {block:IfShowProjectFive}
  1756. <div class="projectname">{text:Project title 5}</div>
  1757. <div class="projectinfo">
  1758. <img src="{image:Project image 5}"></a>
  1759. {text:Project info 5}
  1760. </div>
  1761. {/block:IfShowProjectFive}
  1762.  
  1763. <!--To add more projects copy:
  1764.  
  1765. <div class="projectname">PROJECT NAME HERE</div>
  1766. <div class="projectinfo">
  1767. <img src="IMAGE URL HERE"></a>
  1768. PROJECT INFO HERE
  1769. </div>
  1770.  
  1771. and paste it under:
  1772.  
  1773. {/block:IfShowProjectFive}
  1774. </div>
  1775.  
  1776. -->
  1777.  
  1778. <img src="http://i57.tinypic.com/2i0pzpz.png">
  1779.  
  1780. </div>
  1781.  
  1782. {/block:IfShowProjects}
  1783.  
  1784. <!--Members-->
  1785.  
  1786. {block:IfShowMembers}
  1787.  
  1788. <div class="sidebartitle">{text:Sidebar title 5}
  1789. <img src="http://i59.tinypic.com/14udnqd.png">
  1790. </div>
  1791.  
  1792. <div id="members">
  1793.  
  1794. <!--First member-->
  1795.  
  1796. {block:IfShowMemberOne}
  1797. <div class="memberinfo">
  1798.  
  1799. <img src="{image:Member image 1}"></a>
  1800.  
  1801. <div class="membername">
  1802. {text:Member One name}
  1803. </div>
  1804. <div class="memberurl">
  1805. <a href="{text:Member One link}">{text:Member One url}</a>
  1806. </div>
  1807.  
  1808. </div>
  1809. {/block:IfShowMemberOne}
  1810. <!--End memberinfo-->
  1811.  
  1812. <!--Second member-->
  1813. {block:IfShowMemberTwo}
  1814. <div class="memberinfo">
  1815.  
  1816. <img src="{image:Member image 2}"></a>
  1817.  
  1818. <div class="membername">
  1819. {text:Member Two name}
  1820. </div>
  1821. <div class="memberurl">
  1822. <a href="{text:Member Two link}">{text:Member Two url}</a>
  1823. </div>
  1824.  
  1825. </div>
  1826. {/block:IfShowMemberTwo}
  1827. <!--End memberinfo-->
  1828.  
  1829. <!--Third member-->
  1830. {block:IfShowMemberThree}
  1831. <div class="memberinfo">
  1832.  
  1833. <img src="{image:Member image 3}"></a>
  1834.  
  1835. <div class="membername">
  1836. {text:Member Three name}
  1837. </div>
  1838. <div class="memberurl">
  1839. <a href="{text:Member Three link}">{text:Member Three url}</a>
  1840. </div>
  1841.  
  1842. </div>
  1843. {/block:IfShowMemberThree}
  1844. <!--End memberinfo-->
  1845.  
  1846. <!--Fourth member-->
  1847. {block:IfShowMemberFour}
  1848. <div class="memberinfo">
  1849.  
  1850. <img src="{image:Member image 4}"></a>
  1851.  
  1852. <div class="membername">
  1853. {text:Member Four name}
  1854. </div>
  1855. <div class="memberurl">
  1856. <a href="{text:Member Four link}">{text:Member Four url}</a>
  1857. </div>
  1858.  
  1859. </div>
  1860. {/block:IfShowMemberFour}
  1861. <!--End memberinfo-->
  1862.  
  1863. <!--Fifth member-->
  1864. {block:IfShowMemberFive}
  1865. <div class="memberinfo">
  1866.  
  1867. <img src="{image:Member image 5}"></a>
  1868.  
  1869. <div class="membername">
  1870. {text:Member Five name}
  1871. </div>
  1872. <div class="memberurl">
  1873. <a href="{text:Member Five link}">{text:Member Five url}</a>
  1874. </div>
  1875.  
  1876. </div>
  1877. {/block:IfShowMemberFive}
  1878. <!--End memberinfo-->
  1879.  
  1880. <img src="http://i57.tinypic.com/2i0pzpz.png">
  1881.  
  1882. </div>
  1883. {/block:IfShowMembers}
  1884.  
  1885. <!--Blogroll-->
  1886.  
  1887. {block:IfShowBlogroll}
  1888.  
  1889. <div class="sidebartitle">{text:Sidebar title 6}
  1890. <img src="http://i59.tinypic.com/14udnqd.png">
  1891. </div>
  1892.  
  1893. <div id="afbar">
  1894. {block:Following}
  1895. {block:Followed}
  1896. <a target="_blank" href="{FollowedURL}" title="{FollowedName}">
  1897. <img src="{FollowedPortraitURL-96}" /></a>
  1898. {/block:Followed}
  1899. {/block:Following}
  1900.  
  1901. <img src="http://i57.tinypic.com/2i0pzpz.png">
  1902.  
  1903. </div>
  1904. {/block:IfShowBlogroll}
  1905.  
  1906. <!--Stats-->
  1907.  
  1908. {block:IfShowStats}
  1909.  
  1910. <div class="sidebartitle">{text:Sidebar title 7}
  1911. <img src="http://i59.tinypic.com/14udnqd.png">
  1912. </div>
  1913.  
  1914. <div id="statsbar">
  1915. {Text:Blog stats}
  1916.  
  1917. <img src="http://i57.tinypic.com/2i0pzpz.png">
  1918.  
  1919. </div>
  1920. {/block:IfShowStats}
  1921.  
  1922. <!--Disclaimer-->
  1923.  
  1924. {block:IfShowDisclaimer}
  1925.  
  1926. <div class="sidebartitle">{text:Sidebar title 8}
  1927. <img src="http://i59.tinypic.com/14udnqd.png">
  1928. </div>
  1929.  
  1930. <div id="statsbar">
  1931. {Text:Disclaimer}
  1932.  
  1933. <img src="http://i57.tinypic.com/2i0pzpz.png">
  1934.  
  1935. </div>
  1936. {/block:IfShowDisclaimer}
  1937.  
  1938. </div>
  1939.  
  1940. <!--Posts start-->
  1941.  
  1942. <div id="posts">
  1943.  
  1944. {block:Posts}
  1945.  
  1946. <div class="entry">
  1947.  
  1948. <div class="content">
  1949.  
  1950. <!--Hide via and source in captions-->
  1951.  
  1952. <!-- {block:NoRebloggedFrom}
  1953. {block:RebloggedFrom}
  1954. {ReblogParentName}
  1955. {/block:RebloggedFrom}
  1956. {/block:NoRebloggedFrom} -->
  1957.  
  1958. {block:ContentSource}
  1959. <!-- {SourceURL}
  1960. {block:SourceLogo}
  1961. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1962. {/block:SourceLogo}
  1963. {block:NoSourceLogo}
  1964. {SourceLink}
  1965. {/block:NoSourceLogo} -->
  1966. {/block:ContentSource}
  1967.  
  1968. <!--Text post-->
  1969. {block:Text}
  1970. {block:Title}
  1971. <h1>{Title}</h1></a>
  1972. {/block:Title}
  1973. {Body}
  1974. {/block:Text}
  1975.  
  1976. <!--Photo post-->
  1977. {block:Photo}
  1978. <a href="{Permalink}">
  1979. <img src="{PhotoURL-500}"
  1980. alt="{PhotoAlt}" width="500"/>
  1981. {/block:Photo}
  1982.  
  1983. <!--Photoset post-->
  1984. {block:Photoset}
  1985. {Photoset-500}
  1986. {/block:Photoset}
  1987.  
  1988. <!--Quote post-->
  1989. {block:Quote}
  1990. <div class="quote">
  1991. <i class="fa fa-quote-left"></i><br>
  1992. {Quote}
  1993. {block:Source}
  1994. <div class="source">-{Source}
  1995. </div>{/block:Source}</div>
  1996. {/block:Quote}
  1997.  
  1998. <!--Link post-->
  1999. {block:Link}
  2000. <div id="linktitle">
  2001. <a href="{URL}" class="linkpost" target="_blank">{Name}
  2002. <i class="fa fa-angle-double-right"></i>
  2003. </a></div>
  2004. {block:Description}
  2005. <p>{Description}
  2006. {/block:Description}
  2007. {/block:Link}
  2008.  
  2009. <!--Chat post-->
  2010. {block:Chat}
  2011. {block:Title}<h1>{Title}</h1>{/block:Title}
  2012. <div class="chat">
  2013. {block:Lines}<div class="chat"><div class="line {Alt}">
  2014. <div class="{Alt} user_{UserNumber}">
  2015. {block:Label}
  2016. <span class="label">{Label}</span>
  2017. {/block:Label}
  2018. {Line}</div>
  2019. </div></div>
  2020. {/block:Lines}
  2021. </div>
  2022. {/block:Chat}
  2023.  
  2024. <!--Audio post-->
  2025. {block:Audio}
  2026. <div id="audiocon">
  2027. <div class="audio">
  2028. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  2029. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  2030. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  2031. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}<br></div>
  2032. <div class="album">
  2033. {block:AlbumArt}
  2034. <img src="{AlbumArtURL}">
  2035. {/block:AlbumArt}
  2036. <div class="play">
  2037. {AudioPlayerWhite}
  2038. </div>
  2039. </div>
  2040. </div>
  2041. {/block:Audio}
  2042.  
  2043. <!--Video post-->
  2044. {block:Video}
  2045. <center>
  2046. {Video-500}
  2047. </center>
  2048. {/block:Video}
  2049.  
  2050. <!--Ask post-->
  2051. {block:Answer}
  2052. <div class="bubble">
  2053. <div class="asker">
  2054. <img src="{AskerPortraitURL-48}">
  2055. </div>
  2056. <span></span>{Asker}:
  2057. {Question}</div>
  2058. {Answer}
  2059. {/block:Answer}
  2060.  
  2061. {block:IndexPage}
  2062. <!--Captions on index-->
  2063. {block:IfShowCaptions}
  2064. {block:Caption}
  2065. <h2>{Caption}</h2>
  2066. {/block:Caption}
  2067. {/block:IfShowCaptions}
  2068. {/block:IndexPage}
  2069.  
  2070. {block:Date}
  2071. <!--Post info-->
  2072. <div class="postinfo">
  2073. <a href="{Permalink}">
  2074. <i class="fa fa-clock-o"></i>
  2075. {TimeAgo}</a>
  2076. <!--Note count-->
  2077. {block:NoteCount}
  2078. <i class="fa fa-heart-o"></i>
  2079. {NoteCountWithLabel}
  2080. {/block:NoteCount}
  2081.  
  2082. <!--Via and source-->
  2083. {block:RebloggedFrom}
  2084. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">\\ VIA</a>
  2085. {/block:RebloggedFrom}
  2086. {block:RebloggedFrom}
  2087. <a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">\\ SOURCE</a>
  2088. {/block:RebloggedFrom}
  2089.  
  2090. <!--Like and reblog buttons-->
  2091. <ul class="like_and_reblog_buttons">
  2092. <li>{ReblogButton color="black"}</li>
  2093. <li>{LikeButton color="black"}</li>
  2094. <li><a href="{Permalink}"><i class="fa fa-link"></i></a></li>
  2095. </ul>
  2096. </div>
  2097.  
  2098. {block:IndexPage}
  2099. <!--Tags on index-->
  2100. {block:IfShowTags}
  2101. {block:HasTags}
  2102. <br>
  2103. {block:Tags}
  2104. <a href="{TagURL}">
  2105. <i class="fa fa-tag"></i>
  2106. {Tag}</a> &nbsp;
  2107. {/block:Tags}
  2108. {/block:HasTags}
  2109. {/block:IfShowTags}
  2110. {/block:IndexPage}
  2111.  
  2112. </div>
  2113. {/block:Date}
  2114.  
  2115. <!-- Permalink page -->
  2116. {block:PermalinkPage}
  2117. <div class="notes">
  2118. {block:Caption}
  2119. <h2>{Caption}</h2>
  2120. {/block:Caption}
  2121.  
  2122. {block:HasTags}
  2123. <br>{block:Tags}
  2124. Tagged as:
  2125. <a href="{TagURL}">
  2126. <i class="fa fa-tag"></i>
  2127. {Tag}</a> &nbsp;
  2128. {/block:Tags}
  2129. {/block:HasTags}
  2130.  
  2131. {block:PermalinkPagination}
  2132. <center><br>
  2133. {block:PreviousPost}
  2134. <a href="{PreviousPost}"> &laquo; Previous Post – </a>
  2135. {/block:PreviousPost}
  2136.  
  2137. {block:NextPost}
  2138. <a href="{NextPost}">Next Post &raquo;</a>
  2139. {/block:NextPost}
  2140. </center>
  2141. {/block:PermalinkPagination} <br>
  2142.  
  2143. {block:PostNotes}
  2144. <h1>Post notes:</h1>
  2145. <div style="text-align:left; margin-left:20px; max-height: 400px; width:480px; overflow-y: auto; overflow-x: hidden;">
  2146. {PostNotes}</div>
  2147. {/block:PostNotes}</div>
  2148. <br><br>
  2149.  
  2150. {/block:PermalinkPage}
  2151.  
  2152. </div>
  2153.  
  2154. <!--End content-->
  2155.  
  2156. {/block:Posts}
  2157.  
  2158. </div>
  2159.  
  2160. <!--End entry-->
  2161.  
  2162. {block:ifNotInfiniteScroll}
  2163. {block:IndexPage}
  2164. <div id="pagination">
  2165. {block:NextPage}
  2166. <div id="next">
  2167. <a href="{NextPage}">
  2168. Older <i class="fa fa-arrow-circle-right"></i></a>
  2169. </div>
  2170. {/block:NextPage}
  2171.  
  2172. {block:PreviousPage}
  2173. <div id="previous">
  2174. <a href="{PreviousPage}">
  2175. <i class="fa fa-arrow-circle-left"></i> Newer</a>
  2176. </div>
  2177. {/block:PreviousPage}
  2178. </div>
  2179. {/block:IndexPage}
  2180. {/block:ifNotInfiniteScroll}
  2181.  
  2182.  
  2183. </div>
  2184. <!--End posts-->
  2185.  
  2186. <a href="http://borntobewildthemes.tumblr.com" title="Theme THE HOBBIT by borntobewildthemes"><div id="credits">
  2187. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  2188.  
  2189. </div>
  2190.  
  2191. </body>
  2192. </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!