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

- Autograph -

b0rn-to-be-wild
Jun 25th, 2016
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.29 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 | "Autograph"
  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=Great+Vibes' rel='stylesheet' type='text/css'>
  21.  
  22. <link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' 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=Poiret+One' rel='stylesheet' type='text/css'>
  29.  
  30. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  31.  
  32. <!--DEFAULT VARIABLES-->
  33.  
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  35.  
  36. <meta name="image:Background" content="1"/>
  37. <meta name="image:Header background" content="1"/>
  38. <meta name="image:Avatar" content="1"/>
  39. <meta name="image:Member 1 avatar" content="1"/>
  40. <meta name="image:Member 2 avatar" content="1"/>
  41. <meta name="image:Member 3 avatar" content="1"/>
  42. <meta name="image:Member 4 avatar" content="1"/>
  43. <meta name="image:Member 5 avatar" content="1"/>
  44.  
  45. <meta name="color:Background" content="#fff"/>
  46. <meta name="color:Blog Title" content="#333"/>
  47. <meta name="color:Main link" content="#333"/>
  48. <meta name="color:Main icon" content="#fff"/>
  49. <meta name="color:Main icon background" content="#eee"/>
  50. <meta name="color:Search box text" content="#333"/>
  51. <meta name="color:Search box background" content="#eee"/>
  52. <meta name="color:Header background" content="#eee"/>
  53. <meta name="color:Sidebar box background" content="#fff"/>
  54. <meta name="color:Sidebar title" content="#333"/>
  55. <meta name="color:Sidebar text" content="#333"/>
  56. <meta name="color:Sidebar link" content="#ddd"/>
  57. <meta name="color:Sidebar icon" content="#333"/>
  58. <meta name="color:Sidebar icon background" content="#eee"/>
  59. <meta name="color:Post background" content="#fff"/>
  60. <meta name="color:Info background" content="#ddd"/>
  61. <meta name="color:PLR buttons" content="#777"/>
  62. <meta name="color:Link" content="#333"/>
  63. <meta name="color:Hover" content="#777"/>
  64. <meta name="color:Icon" content="#333"/>
  65. <meta name="color:Text" content="#777"/>
  66. <meta name="color:Bold" content="#000"/>
  67. <meta name="color:Italic" content="#bbb"/>
  68. <meta name="color:Title" content="#333"/>
  69. <meta name="color:Borders" content="#ddd"/>
  70. <meta name="color:Scrollbar" content="#333"/>
  71.  
  72. <meta name="font:Body font" content="Helvetica"/>
  73. <meta name="select:Body font size" content="12px" title="12px">
  74. <meta name="select:Body font size" content="13px" title="13px">
  75. <meta name="select:Body font size" content="14px" title="14px">
  76. <meta name="select:Body font size" content="15px" title="15px">
  77. <meta name="select:Body font size" content="16px" title="16px">
  78.  
  79. <meta name="select:Title Font" content="Kaushan Script" title="Kaushan Script">
  80. <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
  81. <meta name="select:Title Font" content="Poiret One" title="Poiret One">
  82. <meta name="select:Title Font" content="Ubuntu Mono" title="Ubuntu Mono">
  83. <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
  84.  
  85. <meta name="select:Title font size" content="22px" title="22px">
  86. <meta name="select:Title font size" content="25px" title="25px">
  87. <meta name="select:Title font size" content="27px" title="27px">
  88. <meta name="select:Title font size" content="30px" title="30px">
  89. <meta name="select:Title font size" content="32px" title="32px">
  90.  
  91. <meta name="if:Header Background Stretch" content="0"/>
  92. <meta name="if:Infinite Scroll" content="0"/>
  93. <meta name="if:Sidebar Right" content="0"/>
  94. <meta name="if:Show Search Box" content="1" />
  95. <meta name="if:Show Quotation" content="1" />
  96. <meta name="if:Show Description" content="1" />
  97. <meta name="if:Show Navigation" content="1" />
  98. <meta name="if:Show Link One" content="1" />
  99. <meta name="if:Show Link Two" content="1" />
  100. <meta name="if:Show Link Three" content="1" />
  101. <meta name="if:Show Link Four" content="1" />
  102. <meta name="if:Show Link Five" content="1" />
  103. <meta name="if:Show Members" content="1" />
  104. <meta name="if:Show Member One" content="1" />
  105. <meta name="if:Show Member Two" content="1" />
  106. <meta name="if:Show Member Three" content="1" />
  107. <meta name="if:Show Member Four" content="1" />
  108. <meta name="if:Show Member Five" content="1" />
  109. <meta name="if:Show Projects" content="1" />
  110. <meta name="if:Show Project One" content="1" />
  111. <meta name="if:Show Project Two" content="1" />
  112. <meta name="if:Show Project Three" content="1" />
  113. <meta name="if:Show Project Four" content="1" />
  114. <meta name="if:Show Project Five" content="1" />
  115. <meta name="if:Show Social" content="1" />
  116. <meta name="if:Facebook" content="1" />
  117. <meta name="if:Twitter" content="1" />
  118. <meta name="if:Flickr" content="1" />
  119. <meta name="if:Pinterest" content="1" />
  120. <meta name="if:Deviant Art" content="1" />
  121. <meta name="if:Show Blogroll" content="1" />
  122. <meta name="if:Show Stats" content="1" />
  123. <meta name="if:Show Disclaimer" content="1" />
  124. <meta name="if:Faded Images" content="0" />
  125. <meta name="if:Monochrome Images" content="0" />
  126. <meta name="if:Show Info On Hover" content="0" />
  127. <meta name="if:Show Captions" content="1" />
  128. <meta name="if:Show Tags" content="1" />
  129.  
  130. <meta name="text:Quotation" content="Lorem Ipsum"/>
  131. <meta name="text:Box 1 title" content="About"/>
  132. <meta name="text:Box 2 title" content="Links"/>
  133. <meta name="text:Link 1" content="Link 1"/>
  134. <meta name="text:Link 2" content="Link 2"/>
  135. <meta name="text:Link 3" content="Link 3"/>
  136. <meta name="text:Link 4" content="Link 4"/>
  137. <meta name="text:Link 5" content="Link 5"/>
  138. <meta name="text:Link 1 url" content="Link 1 url"/>
  139. <meta name="text:Link 2 url" content="Link 2 url"/>
  140. <meta name="text:Link 3 url" content="Link 3 url"/>
  141. <meta name="text:Link 4 url" content="Link 4 url"/>
  142. <meta name="text:Link 5 url" content="Link 5 url"/>
  143. <meta name="text:Box 3 title" content="Members"/>
  144. <meta name="text:Member One link" content="Member One link"/>
  145. <meta name="text:Member One url" content="Member One url"/>
  146. <meta name="text:Member One name" content="Member One name"/>
  147. <meta name="text:Member Two link" content="Member Two link"/>
  148. <meta name="text:Member Two url" content="Member Two url"/>
  149. <meta name="text:Member Two name" content="Member Two name"/>
  150. <meta name="text:Member Three link" content="Member Three link"/>
  151. <meta name="text:Member Three url" content="Member Three url"/>
  152. <meta name="text:Member Three name" content="Member Three name"/>
  153. <meta name="text:Member Four link" content="Member Four link"/>
  154. <meta name="text:Member Four url" content="Member Four url"/>
  155. <meta name="text:Member Four name" content="Member Four name"/>
  156. <meta name="text:Member Five link" content="Member Five link"/>
  157. <meta name="text:Member Five url" content="Member Five url"/>
  158. <meta name="text:Member Five name" content="Member Five name"/>
  159. <meta name="text:Box 4 title" content="Projects"/>
  160. <meta name="text:Project title 1" content="Project One"/>
  161. <meta name="text:Project info 1" content="Info about this project"/>
  162. <meta name="text:Project title 2" content="Project Two"/>
  163. <meta name="text:Project info 2" content="Info about this project"/>
  164. <meta name="text:Project title 3" content="Project Three"/>
  165. <meta name="text:Project info 3" content="Info about this project"/>
  166. <meta name="text:Project title 4" content="Project Four"/>
  167. <meta name="text:Project info 4" content="Info about this project"/>
  168. <meta name="text:Project title 5" content="Project Five"/>
  169. <meta name="text:Project info 5" content="Info about this project"/>
  170. <meta name="text:Box 5 title" content="Social"/>
  171. <meta name="text:Facebook url" content="http://" />
  172. <meta name="text:Twitter url" content="http://" />
  173. <meta name="text:Flickr url" content="http://" />
  174. <meta name="text:Pinterest url" content="http://" />
  175. <meta name="text:Deviant Art url" content="http://" />
  176. <meta name="text:Box 6 title" content="Blogroll"/>
  177. <meta name="text:Box 7 title" content="Stats"/>
  178. <meta name="text:Box 7 text" content="You can put stats here"/>
  179. <meta name="text:Box 8 title" content="Disclaimer"/>
  180. <meta name="text:Box 8 text" content="You can put text here"/>
  181. <meta name="text:Scroll to top image url" content="http://i63.tinypic.com/mcvijc.jpg"/>
  182.  
  183.  
  184.  
  185.  
  186. <style type="text/css">
  187.  
  188. /* ---------------------------- CSS ----------------------------- */
  189.  
  190. /* -------- BASICS ------- */
  191.  
  192. body {
  193. margin:0;
  194. padding:0;
  195. width:100%;
  196. height:100%;
  197. color:{color:text};
  198. font-family:{font:Body font};
  199. font-size:{select:Body font size};
  200. line-height: -moz-calc({select:Body font size} + 3px);
  201. line-height: -webkit-calc({select:Body font size} + 3px);
  202. line-height: -o-calc({select:Body font size} + 3px);
  203. line-height: calc({select:Body font size} + 3px);
  204. background-color: {color:Background};
  205. background-image:url({image:Background});
  206. background-attachment: fixed;
  207. background-repeat: repeat;
  208. }
  209.  
  210. /* Paragraph */
  211.  
  212. p {margin-top:5px; margin-bottom:5px;}
  213.  
  214. <--ses-->
  215. small{font-size: 90%;}
  216.  
  217. big{font-size: 110%;}
  218.  
  219. /* Title */
  220.  
  221. h1{
  222. margin:0;
  223. margin-bottom:10px;
  224. color:{color:Title};
  225. font-family:{select:Title Font};
  226. font-size:{select:Title font size};
  227. line-height: -moz-calc({select:Title font size} + 3px);
  228. line-height: -webkit-calc({select:Title font size} + 3px);
  229. line-height: -o-calc({select:Title font size} + 3px);
  230. line-height: calc({select:Title font size} + 3px);
  231. border-bottom:1px solid {color:Borders};
  232. }
  233.  
  234. /* Captions */
  235.  
  236. h2{
  237. font-family:{font:Body font};
  238. font-size:{select:Body font size};
  239. line-height: -moz-calc({select:Body font size} + 3px);
  240. line-height: -webkit-calc({select:Body font size} + 3px);
  241. line-height: -o-calc({select:Body font size} + 3px);
  242. line-height: calc({select:Body font size} + 3px);
  243. font-weight:normal;
  244. }
  245.  
  246. /* Links */
  247.  
  248. a:link, a:active, a:visited{
  249. -webkit-transition: all .7s ease;
  250. -moz-transition: all .7s ease;
  251. -o-transition: all .7s ease;
  252. transition: all .7s ease;
  253. color:{color:Link};
  254. text-decoration:none;
  255. }
  256.  
  257. a:hover{
  258. color:{color:Hover};
  259. -webkit-transition: all 0.8s ease-in-out;
  260. -moz-transition: all 0.8s ease-in-out;
  261. -o-transition: all 0.8s ease-in-out;
  262. -ms-transition: all 0.8s ease-in-out;
  263. transition: all 0.8s ease-in-out;
  264. }
  265.  
  266. a img{border: 0px;}
  267.  
  268. ul, ol, li{ margin:5px 10px; padding:0px;}
  269.  
  270. /* Bold and italic */
  271.  
  272. b, strong {color:{color:Bold};}
  273. i, em {color:{color:Italic};}
  274.  
  275. /* Blockquote */
  276.  
  277. blockquote{
  278. padding:0px 0px 2px 5px;
  279. margin:0px 0px 2px 10px;
  280. border-left: 1px solid {color:Borders};
  281. }
  282.  
  283. /* Text selection */
  284.  
  285. ::-moz-selection {
  286. background: {color:Borders};
  287. color: {color:Scrollbar};
  288. }
  289.  
  290. ::selection {
  291. background: {color:Borders};
  292. color: {color:Scrollbar};
  293. }
  294.  
  295. /* Webkit scrollbar */
  296.  
  297. ::-webkit-scrollbar {
  298. width: 7px;
  299. height: 0px;
  300. }
  301.  
  302. ::-webkit-scrollbar-thumb:vertical {
  303. height: 0px;
  304. background-color: {color:Scrollbar};
  305. border:3px solid {color:Borders};
  306. }
  307.  
  308. ::-webkit-scrollbar-button:start:decrement,
  309. ::-webkit-scrollbar-button:end:increment {
  310. height: 0px;
  311. display: block;
  312. background-color: {color:Borders};
  313. }
  314.  
  315. ::-webkit-scrollbar-track-piece {
  316. background-color: {color:Borders};
  317. }
  318.  
  319. /* Tumblr controls */
  320.  
  321. .iframe-controls--desktop {
  322. top:5px!important;
  323. right:10px!important;
  324. opacity:.9!important;
  325. position:fixed!important;
  326. white-space:nowrap!important;
  327. filter: invert(1);
  328. -webkit-filter: invert(1);
  329. -moz-filter: invert(1);
  330. -o-filter: invert(1);
  331. -ms-filter: invert(1);
  332. z-index:1000000!important;
  333. }
  334.  
  335. /* Tooltips */
  336.  
  337. #s-m-t-tooltip {
  338. max-width:300px;
  339. z-index:10000000;
  340. margin:24px 14px 7px 12px;
  341. padding:5px;
  342. color:{color:Link};
  343. background:{color:Post background};
  344. border:1px solid {color:Borders};
  345. font-size:11px;
  346. line-height:13px;
  347. }
  348.  
  349. /* Image style */
  350.  
  351. {block:IfFadedImages}
  352. img{
  353. -webkit-transition: opacity 0.8s linear;
  354. -moz-transition: opacity 0.8s linear;
  355. -o-transition: opacity 0.8s linear;
  356. -ms-transition: opacity 0.8s linear;
  357. opacity: 0.60;
  358. }
  359. img:hover{
  360. -webkit-transition: opacity 0.8s linear;
  361. -moz-transition: opacity 0.8s linear;
  362. -o-transition: opacity 0.8s linear;
  363. -ms-transition: opacity 0.8s linear;
  364. opacity: 1;
  365. }
  366. {/block:IfFadedImages}
  367.  
  368. {block:IfMonochromeImages}
  369. img{
  370. -webkit-filter: grayscale(1);
  371. -webkit-transition: all 0.5s ease-in-out;
  372. -moz-transition: all 0.5s ease-in-out;
  373. -o-transition: all 0.5s ease-in-out;
  374. -ms-transition: all 0.5s ease-in-out;
  375. transition: all 0.5s ease-in-out;
  376. }
  377.  
  378. img:hover{
  379. filter: none;
  380. -webkit-filter: grayscale(0);
  381. -webkit-transition: all 0.2s ease-in-out;
  382. -moz-transition: all 0.2s ease-in-out;
  383. -o-transition: all 0.2s ease-in-out;
  384. }
  385. {/block:IfMonochromeImages}
  386.  
  387. /* Post notes style */
  388.  
  389. .notes{
  390. width:500px;
  391. text-align:left;
  392. }
  393.  
  394. ol.notes {
  395. padding: 0px;
  396. margin: 5px 0px;
  397. list-style-type: none;
  398. }
  399.  
  400. ol.notes li.note {
  401. padding: 5px;
  402. border-bottom:1px solid {color:Borders};
  403. }
  404.  
  405. ol.notes li.note img.avatar {
  406. position:relative;
  407. border-radius:100%;
  408. vertical-align: -5px;
  409. margin-right: 10px;
  410. width: 15px;
  411. height: 15px;
  412. }
  413.  
  414. /* ----------------------- MAIN CONTAINER ----------------------------- */
  415.  
  416. #container{
  417. width:800px;
  418. height:auto;
  419. min-height:500px;
  420. margin-top:30px;
  421. margin-left:auto;
  422. margin-right:auto;
  423. overflow:hidden;
  424. }
  425.  
  426. /* -------- MENU ------- */
  427.  
  428. #menu{
  429. position:absolute;
  430. top:30px;
  431. left:50%;
  432. -webkit-transform: translateX(-50%);
  433. -moz-transform: translateX(-50%);
  434. -ms-transform: translateX(-50%);
  435. transform: translateX(-50%);
  436. width:800px;
  437. height:50px;
  438. line-height:50px;
  439. z-index:10000;
  440. }
  441.  
  442. /* Blog title*/
  443.  
  444. #blogtitle{
  445. position:absolute;
  446. margin-left:0px;
  447. {block:ifSidebarRight}
  448. margin-left:510px;
  449. {/block:ifSidebarRight}
  450. margin-top:0px;
  451. width:290px;
  452. height:50px;
  453. font-size:{select:Title font size};
  454. line-height:50px;
  455. font-family:{select:Title Font};
  456. color:{color:Blog Title};
  457. letter-spacing:2px;
  458. text-align:center;
  459. }
  460.  
  461. #blogtitle:hover{
  462. color:{color:Hover};
  463. }
  464.  
  465. #menuin{
  466. position:absolute;
  467. margin-left:292px;
  468. {block:ifSidebarRight}
  469. margin-left:210px;
  470. {/block:ifSidebarRight}
  471. width:498px;
  472. height:50px;
  473. overflow:hidden;
  474. }
  475.  
  476. #menuin a{
  477. display:inline-block;
  478. font-size:15px;
  479. width:60px;
  480. height:38px;
  481. line-height:38px;
  482. padding:5px;
  483. color:{color:Main link};
  484. border:1px solid {color:Borders};
  485. background:{color:Main icon background};
  486. text-align:center;
  487. overflow:hidden;
  488. }
  489.  
  490. #menuin a:hover{
  491. line-height:19px;
  492. color:{color:Hover};
  493. }
  494.  
  495. #menuin i{
  496. color:{color:Main icon};
  497. }
  498.  
  499. /* Search box */
  500.  
  501. #searchbox{
  502. position:absolute;
  503. margin-left:592px;
  504. {block:ifSidebarRight}
  505. margin-left:0px;
  506. {/block:ifSidebarRight}
  507. width:202px;
  508. height:50px;
  509. line-height:38px;
  510. }
  511.  
  512. #searchbox i{
  513. position:absolute;
  514. margin-top:-32px;
  515. margin-left:175px;
  516. font-size:14px;
  517. color:{color:Search box text};
  518. }
  519.  
  520. /* -------- HEADER ------- */
  521.  
  522. #header{
  523. margin-left:auto;
  524. margin-right:auto;
  525. margin-top:110px;
  526. width:798px;
  527. height:300px;
  528. z-index:100;
  529. border:1px solid {color:Borders};
  530. background:{color:Header background};
  531. }
  532.  
  533. #headerin{
  534. margin:10px;
  535. width:778px;
  536. height:280px;
  537. background:{color:Header background};
  538. background-image:url({image:Header background});
  539. {block:ifHeaderBackgroundStretch}
  540. background-size:cover;
  541. {/block:ifHeaderBackgroundStretch}
  542. }
  543.  
  544. /* -------- LEFT SIDEBAR ------- */
  545.  
  546. #sidebar{
  547. position:absolute;
  548. margin-top:0px;
  549. margin-left:0px;
  550. width:220px;
  551. height:auto;
  552. padding-bottom:20px;
  553. {block:ifSidebarRight}
  554. margin-left:580px;
  555. {/block:ifSidebarRight}
  556. }
  557.  
  558. /* Avatar */
  559.  
  560. #avatar {
  561. margin-top:0px;
  562. margin-left:auto;
  563. margin-right:auto;
  564. width:200px;
  565. padding:10px;
  566. height:200px;
  567. border:1px solid {color:Borders};
  568. background:{color:Sidebar box background};
  569. }
  570.  
  571. #avatar img {
  572. margin:0px;
  573. width:100%;
  574. height:100%;
  575. }
  576.  
  577. /* Quotation */
  578.  
  579. .quotation{
  580. margin-top:20px;
  581. margin-left:5px;
  582. width:195px;
  583. padding:10px;
  584. font-size:25px;
  585. line-height:25px;
  586. color:{color:Sidebar title};
  587. font-family:{select:Title Font};
  588. text-align:center;
  589. }
  590.  
  591. .quotation i{
  592. font-size:11px;
  593. color:{color:Sidebar icon background};
  594. }
  595.  
  596. /* Sidebar titles */
  597.  
  598. .sidebartitle{
  599. margin-top:20px;
  600. width:188px;
  601. height:31px;
  602. padding-left:35px;
  603. color:{color:Sidebar title};
  604. font-family:{select:Title Font};
  605. font-size:25px;
  606. line-height:31px;
  607. }
  608.  
  609. .sidebartitle i{
  610. position:absolute;
  611. margin-top:2;
  612. margin-left:-35px;
  613. font-size:14px;
  614. padding:5px;
  615. min-width:15px;
  616. min-height:15px;
  617. color:{color:Sidebar icon};
  618. border:1px solid {color:Borders};
  619. background:{color:Sidebar icon background};
  620. text-align:center;
  621. }
  622.  
  623. /* Sidebarboxes */
  624.  
  625. #sidebarbox{
  626. margin-top:10px;
  627. width:200px;
  628. height:auto;
  629. padding:10px;
  630. font-size:12px;
  631. color:{color:Sidebar text};
  632. background:{color:Sidebar box background};
  633. border:1px solid {color:Borders};
  634. }
  635.  
  636. .divider{
  637. margin-top:10px;
  638. width:220px;
  639. height:1px;
  640. background:{color:Sidebar icon background};
  641. }
  642.  
  643. /* Navigation */
  644.  
  645. #navigation{
  646. margin-top:10px;
  647. width:200px;
  648. height:auto;
  649. padding:10px;
  650. padding-top:15px;
  651. font-size:12px;
  652. background:{color:Sidebar box background};
  653. border:1px solid {color:Borders};
  654. }
  655.  
  656. #navigation a{
  657. display:block;
  658. margin-bottom:5px;
  659. width:188px;
  660. height:15px;
  661. padding:2px;
  662. padding-left:10px;
  663. background:{color:Sidebar icon background};
  664. color:{color:Sidebar link};
  665. font-size:12px;
  666. line-height:15px;
  667. }
  668.  
  669. #navigation a:hover{
  670. color:{color:Hover};
  671. background:{color:Sidebar link};
  672. -webkit-transition: all .7s ease-in-out;
  673. -moz-transition: all .7s ease-in-out;
  674. -o-transition: all .7s ease-in-out;
  675. transition: all .7s ease-in-out;
  676. }
  677.  
  678. #navigation i{
  679. font-size:10px;
  680. color:{color:Sidebar icon};
  681. }
  682.  
  683. /* Members */
  684.  
  685. .memberinfo{
  686. height:50px;
  687. margin-left:0px;
  688. margin-top:5px;
  689. }
  690.  
  691. .membername{
  692. position:absolute;
  693. margin-left:50px;
  694. margin-top:5px;
  695. height:20px;
  696. width:150px;
  697. color:{color:Sidebar text};
  698. font-family:{select:Title font};
  699. font-size:15px;
  700. border-bottom:1px solid {color:Borders};
  701. text-align:left;
  702. }
  703.  
  704. .memberurl{
  705. position:absolute;
  706. margin-left:50px;
  707. margin-top:30px;
  708. height:20px;
  709. width:170px;
  710. text-align:left;
  711. }
  712.  
  713. .memberurl a{
  714. color:{color:Sidebar link};
  715. }
  716.  
  717. .memberurl a:hover, statsbar a:hover{
  718. color:{color:Hover};
  719. }
  720.  
  721. .memberinfo img{
  722. position:absolute;
  723. float:left;
  724. display:inline;
  725. left:10px;
  726. margin-top:5px;
  727. width:40px;
  728. height:40px;
  729. border:1px solid {color:Borders};
  730. }
  731.  
  732. /* Projects */
  733.  
  734. .projectname{
  735. margin-top:10px;
  736. height:20px;
  737. width:185px;
  738. margin-left:5px;
  739. font-size:17px;
  740. padding:2.5px;
  741. font-family:{select:Title Font};
  742. color:{color:Sidebar text};
  743. border-bottom:4px double {color:Borders};
  744. }
  745.  
  746. .projectinfo{
  747. width:200px;
  748. min-height:45px;
  749. margin:5px;
  750. padding-top:5px;
  751. font-size:12px;
  752. line-height:14px;
  753. margin-left:7.5px;
  754. color:{color:Sidebar text};
  755. text-align:justify;
  756. }
  757.  
  758. .projectinfo img{
  759. margin:0px;
  760. margin-right:5px;
  761. margin-bottom:5px;
  762. float:left;
  763. width:40px;
  764. height:40px;
  765. border-radius:100%;
  766. border:1px solid {color:Borders};
  767. }
  768.  
  769. /* Blogroll */
  770.  
  771. #blogrollbox{
  772. margin-top:10px;
  773. width:200px;
  774. max-height:200px;
  775. overflow-y:auto;
  776. padding:10px;
  777. font-size:12px;
  778. color:{color:Sidebar text};
  779. background:{color:Sidebar box background};
  780. border:1px solid {color:Borders};
  781. }
  782.  
  783. #blogrollbox img{
  784. max-width:40px;
  785. max-height:40px;
  786. margin:3px;
  787. border:1px solid {color:Borders};
  788. }
  789.  
  790. /* Social icons */
  791.  
  792. #socialbox{
  793. margin-top:10px;
  794. width:200px;
  795. height:auto;
  796. padding:10px;
  797. font-size:12px;
  798. color:{color:Sidebar text};
  799. background:{color:Sidebar box background};
  800. border:1px solid {color:Borders};
  801. text-align:center;
  802. }
  803.  
  804. #socialbox a{
  805. display:inline-block;
  806. padding:4px 5px;
  807. margin:5px;
  808. color:{color:Sidebar link};
  809. background:{color:Sidebar icon background};
  810. border:1px solid {color:Borders};
  811. }
  812.  
  813. #socialbox a:hover{
  814. color:{color:Hover};
  815. background: {color:Borders};
  816. }
  817.  
  818. #socialbox i{
  819. color:{color:Sidebar icon};
  820. padding-right:5px;
  821. }
  822.  
  823.  
  824. /* -------- POSTS AND ENTRIES ------- */
  825.  
  826. #posts{
  827. margin-top:0px;
  828. margin-left:275px;
  829. width:524px;
  830. height:auto;
  831. min-height:700px;
  832. {block:ifSidebarRight}
  833. margin-left:0px;
  834. {/block:ifSidebarRight}
  835. }
  836.  
  837. .entry {
  838. float:left;
  839. display: block;
  840. margin-left:0px;
  841. margin-bottom:35px;
  842. overflow:hidden;
  843. width:500px;
  844. padding:10px;
  845. border:1px solid {color:Borders};
  846. background:{color:Post background};
  847. }
  848.  
  849. .entry img { max-width: 100%; }
  850.  
  851. /* ----------------------- POST STYLES ----------------------------- */
  852.  
  853. /* Quote posts */
  854.  
  855. .quote {
  856. font-family:{select:Title Font};
  857. font-size:{select:Title font size};
  858. line-height: -moz-calc({select:Title font size} + 3px);
  859. line-height: -webkit-calc({select:Title font size} + 3px);
  860. line-height: -o-calc({select:Title font size} + 3px);
  861. line-height: calc({select:Title font size} + 3px);
  862. color:{color:Italic};
  863. height:auto;
  864. margin:10px;
  865. padding:5px;
  866. text-align:center;
  867. letter-spacing:1px;
  868. }
  869.  
  870. .source {
  871. font-family:{font:Body font};
  872. font-size:{select:Body font size};
  873. line-height:130%;
  874. height:auto;
  875. margin-top:10px;
  876. margin-left:10px;
  877. margin-right:10px;
  878. margin-bottom:5px;
  879. padding:5px;
  880. text-align:right;
  881. letter-spacing:1px;
  882. }
  883.  
  884. /* Link posts */
  885.  
  886. #linktitle{
  887. font-family:{select:Title Font};
  888. font-size:{select:Title font size};
  889. line-height:130%;
  890. width:96%;
  891. padding:2%;
  892. border:1px solid {color:Borders};
  893. }
  894.  
  895. #linktitle a{
  896. color:{color:Link};
  897. }
  898.  
  899. #linktitle i{
  900. color:{color:Icon};
  901. }
  902.  
  903. /* Chat posts */
  904.  
  905. .chat li {
  906. padding:5px;
  907. margin-top:-2px;
  908. display:block;
  909. border-bottom:1px solid {color:Borders};
  910. }
  911.  
  912. .chat li:last-child{
  913. border-bottom:1px solid transparent;
  914. }
  915.  
  916. .label {
  917. color:{color:Bold};
  918. font-size:15px;
  919. font-family:{select:Title Font};
  920. padding-right:2px;
  921. }
  922.  
  923. /* Audio posts */
  924.  
  925. #audiocon{
  926. width:100%;
  927. height:auto;
  928. min-height:75px;
  929. overflow:hidden;
  930. margin-bottom:10px;
  931. }
  932.  
  933. .album{
  934. width:65px;
  935. height:65px;
  936. background-image:url(http://i61.tinypic.com/s6k3zb.jpg);
  937. border: 5px solid {color:Borders};
  938. }
  939.  
  940. .album img{
  941. max-width:65px;
  942. margin-left:0px;
  943. float:left;
  944. margin-top:0px;
  945. z-index:10;
  946. }
  947.  
  948. .audio{
  949. position:absolute;
  950. max-width:325px;
  951. margin-left:80px;
  952. float:left;
  953. margin-top:0;
  954. z-index:10;
  955. font-size:12px;
  956. overflow:hidden;
  957. }
  958.  
  959. .audio i{
  960. color:{color:Icon};
  961. border:1px solid {color:Borders};
  962. padding:2px;
  963. width:12px;
  964. height:12px;
  965. font-size:12px;
  966. margin-bottom:1px;
  967. text-align:center;
  968. }
  969.  
  970. .play{
  971. position:absolute;
  972. margin:20px;
  973. max-width:25px;
  974. max-height:25px;
  975. overflow:hidden;
  976. opacity:0.8;
  977. }
  978.  
  979. /* Ask Posts */
  980.  
  981. .bubble {
  982. position: relative;
  983. height:auto;
  984. margin:5px;
  985. padding:5px;
  986. border: 1px solid {color:Borders};
  987. z-index:1;
  988. min-height:50px;
  989. }
  990.  
  991. .asker img {
  992. float:left;
  993. border:1px solid {color:Borders};
  994. margin-right:5px;
  995. z-index:2000;
  996. border-radius:100%;
  997. }
  998.  
  999. /* ----------------------- POST INFO ----------------------------- */
  1000.  
  1001. #postinfo{
  1002. margin-top:10px;
  1003. width:500px;
  1004. {block:IndexPage}
  1005. {block:IfShowInfoOnHover}
  1006. display:none;
  1007. height:0;
  1008. {/block:IfShowInfoOnHover}
  1009. {/block:IndexPage}
  1010. {block:PermalinkPage}
  1011. margin-top:10px;
  1012. width:500px;
  1013. height:auto;
  1014. {/block:PermalinkPage}
  1015. z-index:1000;
  1016. }
  1017.  
  1018. .entry:hover #postinfo{
  1019. {block:IndexPage}
  1020. {block:IfShowInfoOnHover}
  1021. height:auto;
  1022. display:block;
  1023. bottom:0px;
  1024. left:0px;
  1025. padding-left:15px;
  1026. padding-right:15px;
  1027. position:absolute;
  1028. background:{color:Info background};
  1029. opacity:0.9;
  1030. color:{color:Link};
  1031. border-top:1px solid {color:Borders};
  1032. {/block:IfShowInfoOnHover}
  1033. {/block:IndexPage}
  1034. }
  1035.  
  1036. .entry:hover #postinfo{
  1037. {block:IndexPage}
  1038. {block:IfShowInfoOnHover}
  1039. height:auto;
  1040. display:block;
  1041. bottom:0px;
  1042. left:0px;
  1043. padding-left:10px;
  1044. padding-right:10px;
  1045. position:absolute;
  1046. background:{color:Info background};
  1047. opacity:0.9;
  1048. color:{color:Link};
  1049. border-top:1px solid {color:Borders};
  1050. {/block:IfShowInfoOnHover}
  1051. {/block:IndexPage}
  1052. }
  1053.  
  1054. #postinfo a {
  1055. font-size:12px;
  1056. }
  1057.  
  1058. .info {
  1059. height:28px;
  1060. line-height:20px;
  1061. float:center;
  1062. padding-top:5px;
  1063. margin-top:0px;
  1064. margin-bottom:5px;
  1065. font-size:12px;
  1066. width:500px;
  1067. color:{color:Link};
  1068. border-top:1px solid {color:Borders};
  1069. text-transform:lowercase;
  1070. {block:IfShowInfoOnHover}
  1071. border:none;
  1072. {/block:IfShowInfoOnHover}
  1073. }
  1074.  
  1075. .info i{
  1076. color:{color:Icon};
  1077. }
  1078.  
  1079. /* Permalink, like and reblog buttons */
  1080.  
  1081. .plrbuttons {
  1082. display:block;
  1083. width:75px;
  1084. margin-left:422px;
  1085. margin-top:-15px;
  1086. z-index:200000;
  1087. list-style: none;
  1088. }
  1089.  
  1090. .plrbuttons li {
  1091. display:inline-block;
  1092. }
  1093.  
  1094. .perma{
  1095. position:absolute;
  1096. width:20px;
  1097. margin-left:2px;
  1098. margin-top:2px;
  1099. }
  1100.  
  1101. .perma i{
  1102. color: {color:PLR buttons};
  1103. font-size:14px;
  1104. }
  1105.  
  1106. .reblog-button{
  1107. position:absolute;
  1108. margin-top:3px;
  1109. margin-left:30px;
  1110. }
  1111.  
  1112. .reblog-button svg path { fill: {color:PLR buttons}; }
  1113.  
  1114. .like { /* Make a parent element */
  1115. position: relative;
  1116. margin-left:57px;
  1117. margin-top:2px;
  1118. z-index:100;
  1119. }
  1120.  
  1121. .like svg path { /* Select your color of choice */
  1122. fill: {color:PLR buttons};
  1123. }
  1124.  
  1125. .like .like_button { /* Position like button above your custom one */
  1126. position: absolute;
  1127. margin-top:-26px;
  1128. margin-left:0px;
  1129. opacity: 0;
  1130. }
  1131.  
  1132. .like .like_button.liked { /* Keep the functionality active */
  1133. opacity: 1;
  1134. }
  1135.  
  1136.  
  1137. /* Tags */
  1138.  
  1139. .tags {
  1140. margin-top:5px;
  1141. display:inline;
  1142. width:100%;
  1143. }
  1144.  
  1145. .tags i{
  1146. color:{color:Icon};
  1147. display:inline;
  1148. }
  1149.  
  1150. /* Pagination */
  1151.  
  1152. #pagination {
  1153. padding-left:275px;
  1154. margin-top:10px;
  1155. margin-bottom:20px;
  1156. margin-left:auto;
  1157. margin-right:auto;
  1158. width:524px;
  1159. height:35px;
  1160. text-align:center;
  1161. {block:ifSidebarRight}
  1162. padding-left:0px;
  1163. padding-right:275px;
  1164. {/block:ifSidebarRight}
  1165. }
  1166.  
  1167. #pagination a, .current{
  1168. display:inline-block;
  1169. padding: 5px 8px;
  1170. color:{color:Main icon};
  1171. background:{color:Main icon background};
  1172. font-size:16px;
  1173. text-decoration:none;
  1174. }
  1175.  
  1176. /* INFINITE SCROLL */
  1177.  
  1178. #infscr-loading{
  1179. bottom: -80px;
  1180. position: absolute;
  1181. left: 50%;
  1182. margin-left:-5px;
  1183. width:15px;
  1184. height:10px;
  1185. overflow:hidden;
  1186. }
  1187.  
  1188. /* SCROLL TO TOP */
  1189.  
  1190. #scrollToTop:link,
  1191. #scrollToTop:visited {
  1192. display: none;
  1193. position: fixed;
  1194. bottom: 5px;
  1195. right: 5px;
  1196. }
  1197.  
  1198. /*-- CREDITS --*/
  1199.  
  1200. #credits {
  1201. position:fixed;
  1202. right:15px;
  1203. top:37px;
  1204. z-index:100000;
  1205. }
  1206.  
  1207. #credits img{
  1208. border:1px solid {color:Borders};
  1209. }
  1210.  
  1211. </style>
  1212.  
  1213. <!----------------------------- SCRIPTS ------------------------------->
  1214.  
  1215. <!--Scroll to top-->
  1216.  
  1217. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1218. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1219. <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>
  1220.  
  1221. <!--Fort awesome script-->
  1222.  
  1223. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  1224.  
  1225. <!--Jquery script-->
  1226.  
  1227. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  1228.  
  1229. <!-- Style my tooltips script -->
  1230.  
  1231. <script src="jquery.style-my-tooltips.js"></script>
  1232.  
  1233. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  1234.  
  1235. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1236. <script>
  1237. (function($){
  1238. $(document).ready(function(){
  1239. $("[title]").style_my_tooltips({
  1240. tip_follows_cursor:true,
  1241. tip_delay_time:200,
  1242. tip_fade_speed:300
  1243. }
  1244. );
  1245. });
  1246. })(jQuery);
  1247. </script>
  1248.  
  1249. {block:IndexPage}
  1250. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1251.  
  1252. {block:ifInfiniteScroll}
  1253. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  1254. {/block:ifInfiniteScroll}
  1255.  
  1256. <script type="text/javascript">
  1257. $(window).load(function(){
  1258. var $wall = $('#posts');
  1259. $wall.imagesLoaded(function(){
  1260. $wall.masonry({
  1261. itemSelector: '.entry',
  1262. isAnimated : false
  1263. });
  1264. });
  1265.  
  1266. $wall.infinitescroll({
  1267. navSelector : '#pagination',
  1268. nextSelector : '#pagination a',
  1269. itemSelector : '.entry',
  1270. bufferPx : 2000,
  1271. debug : false,
  1272. errorCallback: function() {
  1273. $('#infscr-loading').fadeOut('normal');
  1274. }},
  1275. function( newElements ) {
  1276. var $newElems = $( newElements );
  1277. $newElems.hide();
  1278. $newElems.imagesLoaded(function(){
  1279. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1280. });
  1281. }); $('#posts').show(500);
  1282. });
  1283. </script>
  1284. {/block:IndexPage}
  1285.  
  1286. <meta charset="utf-8">
  1287. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1288. {block:Description}
  1289. <meta name="description" content="{MetaDescription}" />
  1290. {/block:Description}
  1291. <link rel="shortcut icon" href="{Favicon}">
  1292. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1293. <meta name="viewport" content="width=device-width, initial-scale=1">
  1294.  
  1295. </head>
  1296.  
  1297. <!------------------------------ HTML ------------------------------->
  1298.  
  1299. <body>
  1300.  
  1301. <div id="menu">
  1302. <div id="blogtitle">{Title}</div>
  1303.  
  1304. <div id="menuin">
  1305. <a href="/"><i class="fa fa-home"></i><br> Index</a>
  1306. <a href="/ask"><i class="fa fa-envelope"></i><br> Ask</a>
  1307. <a href="/submit"><i class="fa fa-pencil"></i><br> Submit</a>
  1308. <a href="/archive"><i class="fa fa-clock-o"></i><br> Archive</a>
  1309. </div>
  1310. <!--End menuin-->
  1311.  
  1312. <div id="searchbox">
  1313. <form action="/search" method="get">
  1314. <input type="text" name="q" value="Search..." style="margin-top:0px; margin-left:0px; width:195px; padding-left:10px; height:46px; font-family:{font:Body font}; border:1px solid {color:Borders}; color:{color:Search box text}; font-size: 14px; background:{color:Search box background};"/><span><i class="fa fa-search"></i></span></form>
  1315. </div>
  1316. <!--End searchbox-->
  1317.  
  1318. </div>
  1319. <!--End menu-->
  1320.  
  1321. <div id="header"><div id="headerin"></div></div>
  1322.  
  1323. <div id="container">
  1324.  
  1325. <div id="sidebar">
  1326.  
  1327. <div id="avatar"><a href="/"><img src="{image:Avatar}"></a></div>
  1328.  
  1329. {block:ifShowQuotation}
  1330. <div class="quotation">
  1331. <i class="fa fa-quote-left"></i>
  1332. {text:Quotation}
  1333. <i class="fa fa-quote-right"></i>
  1334. </div>
  1335. <!--End quotation-->
  1336. {/block:ifShowQuotation}
  1337.  
  1338. {block:ifShowDescription}
  1339. <div class="sidebartitle">
  1340. <i class="fa fa-user"></i> {text:Box 1 title}</div>
  1341. <div id="sidebarbox">{Description}</i></div>
  1342. <div class="divider"></div>
  1343. {/block:ifShowDescription}
  1344.  
  1345. {block:ifShowNavigation}
  1346. <div class="sidebartitle">
  1347. <i class="fa fa-list"></i> {text:Box 2 title}</div>
  1348. <div id="navigation">
  1349. {block:IfShowLinkOne}<a href="{text:Link 1 url}"> <i class="fa fa-chevron-right"></i> {text:Link 1}</a>{/block:IfShowLinkOne}
  1350. {block:IfShowLinkTwo}<a href="{text:Link 2 url}"> <i class="fa fa-chevron-right"></i> {text:Link 2}</a>{/block:IfShowLinkTwo}
  1351. {block:IfShowLinkThree}<a href="{text:Link 3 url}"> <i class="fa fa-chevron-right"></i> {text:Link 3}</a>{/block:IfShowLinkThree}
  1352. {block:IfShowLinkFour}<a href="{text:Link 4 url}"> <i class="fa fa-chevron-right"></i> {text:Link 4}</a>{/block:IfShowLinkFour}
  1353. {block:IfShowLinkFive}<a href="{text:Link 5 url}"> <i class="fa fa-chevron-right"></i> {text:Link 5}</a>{block:IfShowLinkFive}
  1354. </div>
  1355. <!--End navigation-->
  1356. <div class="divider"></div>
  1357. {/block:ifShowNavigation}
  1358.  
  1359. {block:ifShowMembers}
  1360. <div class="sidebartitle">
  1361. <i class="fa fa-users"></i> {text:Box 3 title}</div>
  1362. <div id="sidebarbox">
  1363.  
  1364. <!--First member-->
  1365.  
  1366. {block:IfShowMemberOne}
  1367. <div class="memberinfo">
  1368.  
  1369. <img src="{image:Member 1 avatar}"></a>
  1370.  
  1371. <div class="membername">
  1372. {text:Member One name}
  1373. </div>
  1374. <div class="memberurl">
  1375. <a href="{text:Member One link}">{text:Member One url}</a>
  1376. </div>
  1377.  
  1378. </div>
  1379. {/block:IfShowMemberOne}
  1380. <!--End memberinfo-->
  1381.  
  1382. <!--Second member-->
  1383. {block:IfShowMemberTwo}
  1384. <div class="memberinfo">
  1385.  
  1386. <img src="{image:Member 2 avatar}"></a>
  1387.  
  1388. <div class="membername">
  1389. {text:Member Two name}
  1390. </div>
  1391. <div class="memberurl">
  1392. <a href="{text:Member Two link}">{text:Member Two url}</a>
  1393. </div>
  1394.  
  1395. </div>
  1396. {/block:IfShowMemberTwo}
  1397. <!--End memberinfo-->
  1398.  
  1399. <!--Third member-->
  1400. {block:IfShowMemberThree}
  1401. <div class="memberinfo">
  1402.  
  1403. <img src="{image:Member 3 avatar}"></a>
  1404.  
  1405. <div class="membername">
  1406. {text:Member Three name}
  1407. </div>
  1408. <div class="memberurl">
  1409. <a href="{text:Member Three link}">{text:Member Three url}</a>
  1410. </div>
  1411.  
  1412. </div>
  1413. {/block:IfShowMemberThree}
  1414. <!--End memberinfo-->
  1415.  
  1416. <!--Fourth member-->
  1417. {block:IfShowMemberFour}
  1418. <div class="memberinfo">
  1419.  
  1420. <img src="{image:Member 4 avatar}"></a>
  1421.  
  1422. <div class="membername">
  1423. {text:Member Four name}
  1424. </div>
  1425. <div class="memberurl">
  1426. <a href="{text:Member Four link}">{text:Member Four url}</a>
  1427. </div>
  1428.  
  1429. </div>
  1430. {/block:IfShowMemberFour}
  1431. <!--End memberinfo-->
  1432.  
  1433. <!--Fifth member-->
  1434. {block:IfShowMemberFive}
  1435. <div class="memberinfo">
  1436.  
  1437. <img src="{image:Member 5 avatar}"></a>
  1438.  
  1439. <div class="membername">
  1440. {text:Member Five name}
  1441. </div>
  1442. <div class="memberurl">
  1443. <a href="{text:Member Five link}">{text:Member Five url}</a>
  1444. </div>
  1445.  
  1446. </div>
  1447. {/block:IfShowMemberFive}
  1448. <!--End memberinfo-->
  1449.  
  1450. </div>
  1451. <!--End sidebarbox-->
  1452.  
  1453. <div class="divider"></div>
  1454. {/block:ifShowMembers}
  1455.  
  1456.  
  1457. {block:IfShowProjects}
  1458. <div class="sidebartitle">
  1459. <i class="fa fa-th-large"></i> {text:Box 4 title}</div>
  1460. <div id="sidebarbox">
  1461.  
  1462. {block:IfShowProjectOne}
  1463. <div class="projectname">{text:Project title 1}</div>
  1464. <div class="projectinfo">
  1465. <img src="{image:Project image 1}"></a>
  1466. {text:Project info 1}
  1467. </div>
  1468. {/block:IfShowProjectOne}
  1469.  
  1470. {block:IfShowProjectTwo}
  1471. <div class="projectname">{text:Project title 2}</div>
  1472. <div class="projectinfo">
  1473. <img src="{image:Project image 2}"></a>
  1474. {text:Project info 2}
  1475. </div>
  1476. {/block:IfShowProjectTwo}
  1477.  
  1478. {block:IfShowProjectThree}
  1479. <div class="projectname">{text:Project title 3}</div>
  1480. <div class="projectinfo">
  1481. <img src="{image:Project image 3}"></a>
  1482. {text:Project info 3}
  1483. </div>
  1484. {/block:IfShowProjectThree}
  1485.  
  1486. {block:IfShowProjectFour}
  1487. <div class="projectname">{text:Project title 4}</div>
  1488. <div class="projectinfo">
  1489. <img src="{image:Project image 4}"></a>
  1490. {text:Project info 4}
  1491. </div>
  1492. {/block:IfShowProjectFour}
  1493.  
  1494. {block:IfShowProjectFive}
  1495. <div class="projectname">{text:Project title 5}</div>
  1496. <div class="projectinfo">
  1497. <img src="{image:Project image 5}"></a>
  1498. {text:Project info 5}
  1499. </div>
  1500. {/block:IfShowProjectFive}
  1501.  
  1502. <!--To add more projects copy:
  1503.  
  1504. <div class="projectname">PROJECT NAME HERE</div>
  1505. <div class="projectinfo">
  1506. <img src="IMAGE URL HERE"></a>
  1507. PROJECT INFO HERE
  1508. </div>
  1509.  
  1510. and paste it under:
  1511.  
  1512. {/block:IfShowProjectFive}
  1513. </div>
  1514.  
  1515. -->
  1516.  
  1517. </div>
  1518. <!--End sidebarbox-->
  1519.  
  1520. <div class="divider"></div>
  1521. {/block:IfShowProjects}
  1522.  
  1523.  
  1524. {block:IfShowSocial}
  1525. <div class="sidebartitle">
  1526. <i class="fa fa-tumblr"></i> {text:Box 5 title}</div>
  1527. <div id="socialbox">
  1528. {block:IfFacebook}<a href="{text:Facebook url}" target = "_blank"><i class="fa fa-facebook"></i><span> Facebook</span></a>{/block:IfFacebook}
  1529. {block:IfTwitter}<a href="{text:Twitter url}"><i class="fa fa-twitter"></i><span> Twitter</span></a>{/block:IfTwitter}
  1530. {block:IfFlickr}<a href="{text:Flickr url}"><i class="fa fa-flickr"></i><span> Flickr</span></a>{/block:IfFlickr}
  1531. {block:IfPinterest}<a href="{text:Pinterest url}"><i class="fa fa-pinterest"></i><span> Pinterest</span></a>{/block:IfPinterest}
  1532. {block:IfDeviantArt}<a href="{text:Deviant Art url}"><i class="fa fa-deviantart"></i><span> Deviant Art</span></a>{/block:IfDeviantArt}
  1533. </div>
  1534. <!--End socialbox-->
  1535.  
  1536. <div class="divider"></div>
  1537. {/block:IfShowSocial}
  1538.  
  1539.  
  1540. {block:IfShowBlogroll}
  1541. <div class="sidebartitle">
  1542. <i class="fa fa-heart"></i> {text:Box 6 title}</div>
  1543. <div id="blogrollbox">
  1544.  
  1545. {block:Following}
  1546. {block:Followed}
  1547. <a target="_blank" href="{FollowedURL}" title="{FollowedName}">
  1548. <img src="{FollowedPortraitURL-96}" /></a>
  1549. {/block:Followed}
  1550. {/block:Following}
  1551.  
  1552. </div>
  1553. <!--End blogrollbox-->
  1554.  
  1555. <div class="divider"></div>
  1556. {/block:IfShowBlogroll}
  1557.  
  1558.  
  1559. {block:IfShowStats}
  1560. <div class="sidebartitle">
  1561. <i class="fa fa-star"></i> {text:Box 7 title}</div>
  1562. <div id="sidebarbox">
  1563.  
  1564. {text:Box 7 text}
  1565.  
  1566. </div>
  1567. <!--End sidebarbox-->
  1568.  
  1569. <div class="divider"></div>
  1570. {/block:IfShowStats}
  1571.  
  1572.  
  1573. {block:IfShowDisclaimer}
  1574. <div class="sidebartitle">
  1575. <i class="fa fa-bolt"></i> {text:Box 8 title}</div>
  1576. <div id="sidebarbox">
  1577.  
  1578. {text:Box 8 text}
  1579.  
  1580. </div>
  1581. <!--End sidebarbox-->
  1582.  
  1583. <div class="divider"></div>
  1584. {/block:IfShowDisclaimer}
  1585.  
  1586. </div>
  1587. <!--End sidebar-->
  1588.  
  1589. <div id="posts">
  1590.  
  1591. <div class="autopagerize_page_element">
  1592.  
  1593. {block:Posts}
  1594.  
  1595. <div class="entry">
  1596.  
  1597. <!--Hide via and source in captions-->
  1598.  
  1599. <!-- {block:NoRebloggedFrom}
  1600. {block:RebloggedFrom}
  1601. {ReblogParentName}
  1602. {/block:RebloggedFrom}
  1603. {/block:NoRebloggedFrom} -->
  1604.  
  1605. {block:ContentSource}
  1606. <!-- {SourceURL}
  1607. {block:SourceLogo}
  1608. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1609. {/block:SourceLogo}
  1610. {block:NoSourceLogo}
  1611. {SourceLink}
  1612. {/block:NoSourceLogo} -->
  1613. {/block:ContentSource}
  1614.  
  1615. {block:Text}
  1616. {block:Title}
  1617. <a href="{Permalink}">
  1618. <h1>{Title}</h1></a>
  1619. {/block:Title}
  1620. {Body}
  1621. {/block:Text}
  1622.  
  1623. {block:Photo}
  1624. {LinkOpenTag}
  1625. <center>
  1626. <img src="{PhotoURL-500}"
  1627. alt="{PhotoAlt}" width="500"/>
  1628. </center>
  1629. {LinkCloseTag}
  1630. {/block:Photo}
  1631.  
  1632. {block:Photoset}
  1633. {Photoset-500}
  1634. {/block:Photoset}
  1635.  
  1636. {block:Quote}
  1637. <div class="quote">
  1638. "{Quote}"
  1639. {block:Source}
  1640. <div class="source">-{Source}
  1641. </div>{/block:Source}</div>
  1642. {/block:Quote}
  1643.  
  1644. {block:Link}
  1645. <a href="{URL}"
  1646. class="linkpost"
  1647. target="_blank">
  1648. <h1><i class="fa fa-link"></i>
  1649. {Name} &raquo;</h1></a>
  1650. {block:Description}
  1651. {Description}
  1652. {/block:Description}
  1653. {/block:Link}
  1654.  
  1655. {block:Chat}
  1656. <div class="chat">
  1657. {block:Lines}
  1658. <li class="{Alt}">
  1659. {block:Label}<b>{Label}</b>{/block:Label}
  1660. {Line}
  1661. </li>
  1662. {/block:Lines}
  1663. </div>
  1664. {/block:Chat}
  1665.  
  1666. {block:Audio}
  1667. <div id="audiocon">
  1668. <div class="audio">
  1669. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  1670. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  1671. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  1672. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}<br></div>
  1673. <div class="album">
  1674. {block:AlbumArt}
  1675. <img src="{AlbumArtURL}">
  1676. {/block:AlbumArt}
  1677. <div class="play">
  1678. {AudioPlayerWhite}
  1679. </div>
  1680. </div>
  1681. </div>
  1682. {/block:Audio}
  1683.  
  1684. {block:Video}
  1685. {VideoEmbed-500}
  1686. {/block:Video}
  1687.  
  1688. {block:Answer}
  1689. <div class="bubble">
  1690. <div class="asker">
  1691. <img src="{AskerPortraitURL-48}">
  1692. </div>
  1693. <span></span>{Asker}:
  1694. {Question}</div>
  1695. {Answer}
  1696. {/block:Answer}
  1697.  
  1698. {block:IndexPage}
  1699. {block:IfShowCaptions}
  1700. {block:Caption}
  1701. <h2>{Caption}</h2>
  1702. {/block:Caption}
  1703. {/block:IfShowCaptions}
  1704. {/block:IndexPage}
  1705.  
  1706. {block:Date}
  1707. <div id="postinfo">
  1708.  
  1709. <div class="info">
  1710. <i class="fa fa-clock-o"></i>
  1711. {ShortMonth} {DayOfMonthWithZero}
  1712. {block:NoteCount}
  1713. <i class="fa fa-heart-o"></i>
  1714. {NoteCount}
  1715. {/block:NoteCount}
  1716.  
  1717. {block:RebloggedFrom}
  1718. <i>//</i>
  1719. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a>
  1720. {/block:RebloggedFrom}
  1721. {block:RebloggedFrom}
  1722. <i>//</i>
  1723. <a href="{ReblogRootURL}" title="Source: {ReblogRootName}">src</a>
  1724. {/block:RebloggedFrom}
  1725.  
  1726. <div class="plrbuttons">
  1727.  
  1728. {block:IndexPage}
  1729. <li class="perma">
  1730. <a href="{Permalink}">
  1731. <i class="fa fa-link"></i></a>
  1732. </li>
  1733. {/block:IndexPage}
  1734.  
  1735. <li class="reblog-button">{ReblogButton size="14"}</li>
  1736.  
  1737. <li class="like">
  1738. <svg width="14" height="14" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>
  1739. {LikeButton size="14"}
  1740. </li>
  1741.  
  1742.  
  1743. </div>
  1744. <!--End PLR buttons-->
  1745.  
  1746. </div>
  1747. <!--End info -->
  1748.  
  1749. {block:IndexPage}
  1750. {block:IfShowTags}
  1751. {block:HasTags}
  1752. {block:Tags}
  1753. <a href="{TagURL}">
  1754. <i class="fa fa-tag"></i> {Tag}</a>
  1755. {/block:Tags}
  1756. {/block:HasTags}
  1757. {/block:IfShowTags}
  1758. {/block:IndexPage}
  1759. {block:PermalinkPage}
  1760. {block:HasTags}
  1761. {block:Tags}
  1762. <a href="{TagURL}">
  1763. <i class="fa fa-tag"></i>
  1764. {Tag}</a> &nbsp;
  1765. {/block:Tags}
  1766. {/block:HasTags}
  1767. {/block:PermalinkPage}
  1768.  
  1769. </div>
  1770. <!--End post info-->
  1771. {/block:Date}
  1772.  
  1773. <!-- Permalink page -->
  1774. {block:PermalinkPage}
  1775. <div class="notes">
  1776.  
  1777. {block:PermalinkPagination}
  1778. <center><br>
  1779. {block:PreviousPost}
  1780. <a href="{PreviousPost}"> &laquo; Previous Post – </a>
  1781. {/block:PreviousPost}
  1782.  
  1783. {block:NextPost}
  1784. <a href="{NextPost}">Next Post &raquo;</a>
  1785. {/block:NextPost}
  1786. </center>
  1787. {/block:PermalinkPagination} <br>
  1788.  
  1789. {block:PostNotes}
  1790. {PostNotes}
  1791. {/block:PostNotes}
  1792. </div>
  1793.  
  1794. {/block:PermalinkPage}
  1795.  
  1796. </div>
  1797. <!--End entry-->
  1798.  
  1799. {/block:Posts}
  1800.  
  1801. </div>
  1802. <!-- End autopagerize-page-element -->
  1803.  
  1804. </div>
  1805. <!--End posts-->
  1806.  
  1807. </div>
  1808. <!--End container-->
  1809.  
  1810. {block:ifNotInfiniteScroll}
  1811. <center>
  1812. <div id="pagination">
  1813. {block:Pagination}
  1814. {block:PreviousPage}
  1815. <a href="{PreviousPage}">&laquo;</a>
  1816. {/block:PreviousPage}
  1817. {block:JumpPagination length="4"}
  1818. {block:CurrentPage}
  1819. <span class="current">
  1820. {PageNumber}
  1821. </span>
  1822. {/block:CurrentPage}
  1823. {block:JumpPage}
  1824. <a href="{URL}">{PageNumber}</a>
  1825. {/block:JumpPage}{/block:JumpPagination}
  1826. {block:NextPage}
  1827. <a href="{NextPage}">&raquo;</a>
  1828. {/block:NextPage}
  1829. {/block:Pagination}
  1830. </div>
  1831. <!--End pagination-->
  1832. </center>
  1833. {/block:ifNotInfiniteScroll}
  1834.  
  1835. <!--Credit (do not remove)-->
  1836.  
  1837. <a href="http://borntobewildthemes.tumblr.com"><div id="credits" title="theme AUTOGRAPH by borntobewildthemes">
  1838. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1839.  
  1840. </body>
  1841.  
  1842. </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!