Guest User

fansite #1

a guest
Apr 28th, 2017
740
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.47 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----
  9.  
  10. Fansite #1 theme by lyd14.tumblr.com
  11. You are free to edit this theme however you want. Just please do not remove the credit.
  12.  
  13. --->
  14.  
  15. <meta name="image:Background" content="http://i63.tinypic.com/2ccb47.png"/>
  16. <meta name="image:Sidebar" content="http://i68.tinypic.com/2eqf9nd.png"/>
  17. <meta name="color:Background" content="#0e0c0f"/>
  18. <meta name="color:Borders" content="#9c9faa"/>
  19. <meta name="color:Post BG" content="#eceef2"/>
  20. <meta name="color:Content BG" content="#222a37"/>
  21. <meta name="color:Text" content="#0e0c0f"/>
  22. <meta name="color:Tags" content="#d8dee7"/>
  23. <meta name="color:Tags Hover" content="#ffffff"/>
  24. <meta name="color:Titles" content="#0e0c0f"/>
  25. <meta name="color:Menu" content="#9c9faa"/>
  26. <meta name="color:Menu Link" content="#ffffff"/>
  27. <meta name="color:Menu Link Hover" content="#1e82ef"/>
  28. <meta name="color:Dropdown" content="#d8dee7"/>
  29. <meta name="color:Dropdown Link" content="#06162d"/>
  30. <meta name="color:Dropdown Link Hover" content="#1e82ef"/>
  31. <meta name="color:Link" content="#1e82ef"/>
  32. <meta name="color:Link Hover" content="#ab0611"/>
  33. <meta name="color:Scrollbar" content="#222a37"/>
  34. <meta name="color:Scrollbar BG" content="#9c9faa"/>
  35.  
  36. <meta name="text:Link1 URL" content="http://" />
  37. <meta name="text:Link1" content="Link 1" />
  38. <meta name="text:Link2 URL" content="http://" />
  39. <meta name="text:Link2" content="Link 2" />
  40. <meta name="text:Link3 URL" content="http://" />
  41. <meta name="text:Link3" content="Link 3" />
  42. <meta name="text:Link4 URL" content="http://" />
  43. <meta name="text:Link4" content="Link 4" />
  44. <meta name="text:Link5 URL" content="http://" />
  45. <meta name="text:Link5" content="Link 5" />
  46.  
  47. <meta name="text:Drop1 URL" content="http://" />
  48. <meta name="text:Drop1" content="Dropdown 1" />
  49. <meta name="text:Drop2 URL" content="http://" />
  50. <meta name="text:Drop2" content="Dropdown 2" />
  51. <meta name="text:Drop3 URL" content="http://" />
  52. <meta name="text:Drop3" content="Dropdown 3" />
  53. <meta name="text:Drop4 URL" content="http://" />
  54. <meta name="text:Drop4" content="Dropdown 4" />
  55. <meta name="text:Drop5 URL" content="http://" />
  56. <meta name="text:Drop5" content="Dropdown 5" />
  57.  
  58. <meta name="image:Project 1" content="http://i64.tinypic.com/2jeqqkm.png" />
  59. <meta name="text:Project 1 Title" content="Project 1" />
  60. <meta name="text:Project 1" content="Project 1" />
  61. <meta name="text:Project 1 Link" content="/" />
  62. <meta name="image:Project 2" content="http://i64.tinypic.com/2jeqqkm.png" />
  63. <meta name="text:Project 2 Title" content="Project 2" />
  64. <meta name="text:Project 2" content="Project 2" />
  65. <meta name="text:Project 2 Link" content="/" />
  66. <meta name="image:Project 3" content="http://i64.tinypic.com/2jeqqkm.png" />
  67. <meta name="text:Project 3 Title" content="Project 3" />
  68. <meta name="text:Project 3" content="Project 3" />
  69. <meta name="text:Project 3 Link" content="/" />
  70. <meta name="image:Project 4" content="http://i64.tinypic.com/2jeqqkm.png" />
  71. <meta name="text:Project 4 Title" content="Project 4" />
  72. <meta name="text:Project 4" content="Project 4" />
  73. <meta name="text:Project 4 Link" content="/" />
  74. <meta name="image:Project 5" content="http://i64.tinypic.com/2jeqqkm.png" />
  75. <meta name="text:Project 5 Title" content="Project 5" />
  76. <meta name="text:Project 5" content="Project 5" />
  77. <meta name="text:Project 5 Link" content="/" />
  78. <meta name="if:Projects" content="1">
  79. <meta name="if:Project1" content="1">
  80. <meta name="if:Project2" content="1">
  81. <meta name="if:Project3" content="1">
  82. <meta name="if:Project4" content="1">
  83. <meta name="if:Project5" content="1">
  84.  
  85. <meta name="text:Twitter" content="" />
  86.  
  87. <meta name="if:Twitter" content="1">
  88.  
  89. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  90.  
  91. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i" rel="stylesheet">
  92.  
  93. <link href="https://fonts.googleapis.com/css?family=Amaranth:400,400i,700,700i" rel="stylesheet">
  94.  
  95. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  96. <script>
  97. /* questions? ask oddhour.tumblr.com */
  98. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_3 img { max-width: 177px; } .photoset .photoset_row .photoset_photo { margin-left: 4px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset { width: 540px; }</style>";
  99. function updatePhotoset() {
  100.  
  101. $(".photoset:not(.540-resized)").each( function (i, e) {
  102. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  103. $(this.contentDocument).find("head").append(updatePhotosetCss);
  104. var photoset = $(this.contentDocument).find(".photoset");
  105. var photosetRows = photoset.find(".photoset_row");
  106. photoset.find(".photoset_photo")
  107. .each(function () {
  108. var hiResSrc = $(this).attr("href");
  109. var img = $(this).find('img');
  110. img.attr("src", hiResSrc );
  111. img.attr("style", "");
  112. });
  113. photosetRows.attr("style", "").css("margin-bottom", "-11px");
  114. photoset.attr("style","");
  115. photoset.addClass("540-resized");
  116. $(this).height($(this.contentDocument.body).height());
  117. });
  118. }
  119.  
  120. updatePhotoset();
  121.  
  122. var photosetTimer = setInterval(updatePhotoset, 1500);
  123. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  124. </script>
  125.  
  126. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  127. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  128. <script>
  129. (function($){
  130. $(document).ready(function(){
  131. $("a[title]").style_my_tooltips({
  132. tip_follows_cursor:true,
  133. tip_delay_time:90,
  134. tip_fade_speed:600,
  135. attribute:"title"
  136. });
  137. });
  138. })(jQuery);
  139. </script>
  140.  
  141. <script>
  142. /* When the user clicks on the button,
  143. toggle between hiding and showing the dropdown content */
  144. function myFunction() {
  145. document.getElementById("myDropdown").classList.toggle("show");
  146. }
  147.  
  148. // Close the dropdown if the user clicks outside of it
  149. window.onclick = function(e) {
  150. if (!e.target.matches('.dropbtn')) {
  151. var myDropdown = document.getElementById("myDropdown");
  152. if (myDropdown.classList.contains('show')) {
  153. myDropdown.classList.remove('show');
  154. }
  155. }
  156. }
  157. </script>
  158.  
  159. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  160. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  161. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="http://i63.tinypic.com/13yqzdf.png" style="height:auto; width:50px" alt="Go to Top"/></a>
  162.  
  163. <!------>
  164.  
  165.  
  166. <style type="text/css">
  167.  
  168. /* --------------------BASICS-------------------- */
  169.  
  170. ::-webkit-scrollbar {width: 10px; height: 0px; background: {color:scrollbar bg}; }
  171. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; border:2px solid {color:scrollbar bg}; }
  172.  
  173. #s-m-t-tooltip {
  174. max-width:300px;
  175. margin:10px 0px 0px 10px;
  176. background-color:{color:post bg};
  177. border:1px solid {color:Borders};
  178. padding:5px;
  179. font-size:11px;
  180. font-family: 'Montserrat', sans-serif;
  181. color:{color:text};
  182. z-index:999;
  183. }
  184.  
  185. body {
  186. background-color:{color:background};
  187. background-image:url('{image:background}');
  188. background-attachment:fixed;
  189. background-size:cover;
  190. background-repeat:no-repeat;
  191. color:{color:text};
  192. font-family: 'Montserrat', sans-serif;
  193. font-size:13px;
  194. }
  195.  
  196. a {
  197. text-decoration:none;
  198. color:{color:link};
  199. -moz-transition-duration: 0.5s;
  200. -o-transition-duration: 0.5s;
  201. -webkit-transition-duration: 0.5s;
  202. transition-duration: 0.5s;
  203. }
  204.  
  205. a:hover {
  206. color:{color:link hover};
  207. -moz-transition-duration: 0.5s;
  208. -o-transition-duration: 0.5s;
  209. -webkit-transition-duration: 0.5s;
  210. transition-duration: 0.5s;
  211. }
  212.  
  213. blockquote {
  214. padding-left:10px;
  215. border-left:1px solid {color:Borders};
  216. margin-left:5px;
  217. margin-right:0;
  218. }
  219.  
  220. blockquote blockquote {
  221. padding-left:10px;
  222. border-left:1px solid {color:Borders};
  223. }
  224.  
  225. blockquote img {
  226. max-width:90%;
  227. height:auto;
  228. }
  229.  
  230. h1 {
  231. font-size:22px;
  232. padding-bottom:5px;
  233. font-weight:normal;
  234. border-bottom:1px solid {color:Borders};
  235. font-family: 'Amaranth', sans-serif;
  236. }
  237.  
  238. h2 {
  239. font-size:18px;
  240. font-weight:normal;
  241. font-family: 'Amaranth', sans-serif;
  242. }
  243.  
  244. li {
  245. margin-left:-10px;
  246. }
  247.  
  248. /* --------------------POSTS-------------------- */
  249.  
  250. #content {
  251. width:1100px;
  252. display:block;
  253. background:{color:content BG};
  254. margin-left:auto;
  255. margin-right:auto;
  256. min-height:1000px;
  257. }
  258.  
  259. #entries {
  260. padding:10px;
  261. width:570px;
  262. padding-top:60px;
  263. margin-left:auto;
  264. margin-right:auto;
  265. background:transparent;
  266. }
  267.  
  268. #posts {
  269. width:540px;
  270. padding:10px;
  271. margin-bottom:60px;
  272. background-color: {color:post BG};
  273. border:4px solid {color:Borders};
  274. margin-left:auto;
  275. margin-right:auto;
  276. }
  277.  
  278. #info {
  279. text-align:center;
  280. margin-top:-30px;
  281. margin-left:-14px;
  282. margin-bottom:20px;
  283. padding-left:10px;
  284. padding-right:10px;
  285. padding-top:5px;
  286. padding-bottom:5px;
  287. width:540px;
  288. background-color:{color:Borders};
  289. border:4px solid {color:Borders};
  290. font-size:11px;
  291. font-family: 'Montserrat', sans-serif;
  292. }
  293.  
  294. #info a {
  295. color:{color:tags};
  296. letter-spacing:2px;
  297. }
  298.  
  299. #info a:hover {
  300. color:{color:tags hover};
  301. }
  302.  
  303. #tags {
  304. text-transform:lowercase;
  305. font-family: 'Montserrat', sans-serif;
  306. padding-left:10px;
  307. padding-right:10px;
  308. padding-top:5px;
  309. padding-bottom:5px;
  310. text-align:left;
  311. font-size:11px;
  312. text-align:left;
  313. margin-top:10px;
  314. margin-bottom:-30px;
  315. margin-left:-14px;
  316. width:540px;
  317. background-color:{color:Borders};
  318. border:4px solid {color:Borders};
  319. }
  320.  
  321. #tags a{
  322. color:{color:tags};
  323. }
  324.  
  325. #tags a:hover {
  326. color:{color:tags hover};
  327. }
  328.  
  329. .oddhour-high-res { width: 540px; text-align: center; }
  330. .oddhour-high-res img { max-width: 100%; }
  331.  
  332. }
  333. .tumblr_parent {
  334. margin:10px 10px 20px;
  335. padding: 0px 10px;
  336. border-left: 2px solid #ccc;
  337. }
  338. .tumblr_parent blockquote{
  339. margin-left:20px;
  340. padding-left:20px;
  341. border-left: 2px solid #ccc;
  342. }
  343.  
  344. /* --------------------AUDIO-------------------- */
  345.  
  346. .tumblr_audio_player {
  347. height: 40px;
  348. width: 210px;
  349. }
  350.  
  351. /* --------------------QUOTES-------------------- */
  352.  
  353. .quote {
  354. font-size:20px;
  355. font-style:italic;
  356. text-align:center;
  357. font-family: 'Amaranth', sans-serif;
  358. }
  359.  
  360. .quotesource {
  361. padding-top:5px;
  362. text-align:right;
  363. }
  364.  
  365. /* --------------------NOTES-------------------- */
  366.  
  367. ol.notes {
  368. padding:0px;
  369. list-style-type:none;
  370. width: 550px;
  371. background-color: {color:post BG};
  372. border:4px solid {color:Borders};
  373. margin-bottom: 20px;
  374. margin-top:-20px;
  375. margin-left:1px;
  376. padding: 5px;
  377. }
  378.  
  379. ol.notes li.note {
  380. padding:5px;
  381. margin-left:10px;
  382. }
  383.  
  384. ol.notes li.note img.avatar {
  385. vertical-align:-4px;
  386. margin-right:10px;
  387. width:16px;
  388. height:16px;
  389. }
  390.  
  391. ol.notes li.note span.action {
  392. font-weight:none;
  393. }
  394.  
  395. ol.notes li.note .answer_content {
  396. font-weight:normal;
  397. }
  398.  
  399. ol.notes li.note blockquote {
  400. padding:4px 10px;
  401. margin:10px 0px 0px 25px;
  402. }
  403.  
  404. ol.notes li.note blockquote a {
  405. text-decoration:none;
  406. }
  407.  
  408. ol.notes li:before { content: none; }
  409.  
  410.  
  411. /* --------------------BACK TO TOP-------------------- */
  412.  
  413. #scrollToTop:link,
  414. #scrollToTop:visited {
  415. display:none;
  416. position:fixed;
  417. bottom:5px;
  418. right:10px;
  419. }
  420.  
  421. /* --------------------DROPDOWN MENU-------------------- */
  422.  
  423. #dropdownmenu {
  424. position:fixed;
  425. }
  426.  
  427. .container {
  428. overflow: hidden;
  429. background-color: {color:menu};
  430. font-family: 'Amaranth', sans-serif;
  431. margin-top:-10px;
  432. width:1100px;
  433. z-index:10;
  434. }
  435.  
  436. .container a {
  437. margin-top:1px;
  438. float: left;
  439. font-size: 15px;
  440. color: {color:menu link};
  441. text-align: center;
  442. padding: 14px 16px;
  443. text-decoration: none;
  444. }
  445.  
  446. .dropdown {
  447. float: left;
  448. overflow: hidden;
  449. }
  450.  
  451. .dropdown .dropbtn {
  452. font-family: 'Amaranth', sans-serif;
  453. margin-top:1px;
  454. cursor: pointer;
  455. font-size: 15px;
  456. border: none;
  457. outline: none;
  458. color: {color:menu link};
  459. padding: 14px 16px;
  460. background-color: inherit;
  461. -moz-transition-duration: 0.5s;
  462. -o-transition-duration: 0.5s;
  463. -webkit-transition-duration: 0.5s;
  464. transition-duration: 0.5s;
  465. }
  466.  
  467. .container a:hover, .dropdown:hover .dropbtn {
  468. background-color: {color:menu link hover};
  469. -moz-transition-duration: 0.5s;
  470. -o-transition-duration: 0.5s;
  471. -webkit-transition-duration: 0.5s;
  472. transition-duration: 0.5s;
  473. }
  474.  
  475. .dropdown-content {
  476. display: none;
  477. position: absolute;
  478. background-color: {color:dropdown};
  479. min-width: 160px;
  480. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  481. z-index: 11;
  482. }
  483.  
  484. .dropdown-content a {
  485. float: none;
  486. color: {color:dropdown link};
  487. padding: 12px 16px;
  488. text-decoration: none;
  489. display: block;
  490. text-align: left;
  491. }
  492.  
  493. .dropdown-content a:hover {
  494. background-color: {color:dropdown link hover};
  495. }
  496.  
  497. .show {
  498. display: block;
  499. }
  500.  
  501. /* --------------------PAGINATION-------------------- */
  502.  
  503. #pagi {
  504. background-color: {color:menu};
  505. bottom:0px;
  506. width:1100px;
  507. z-index:10;
  508. position:fixed;
  509. padding-top:3px;
  510. padding-bottom:3px;
  511. text-align:center;
  512. }
  513.  
  514. #pagi a {
  515. font-family: 'Montserrat', sans-serif;
  516. font-weight:bold;
  517. font-size: 15px;
  518. color: {color:menu link};
  519. text-align: center;
  520. text-decoration: none;
  521. padding-top:3px;
  522. padding-bottom:3px;
  523. padding-left:10px;
  524. padding-right:10px;
  525. }
  526.  
  527. #pagi a:hover {
  528. background-color: {color:menu link hover};
  529. }
  530.  
  531. /* --------------------SIDEBARS-------------------- */
  532.  
  533. #sideleft {
  534. position:fixed;
  535. width:229px;
  536. height:100%;
  537. margin-left:19px;
  538. }
  539.  
  540. #sideright {
  541. position:fixed;
  542. width:229px;
  543. height:100%;
  544. margin-left:852px;
  545. }
  546.  
  547. #box1 {
  548. width:201px;
  549. height:auto;
  550. background-color:{color:post bg};
  551. border:4px solid {color:Borders};
  552. padding:10px;
  553. margin-top:44px;
  554. }
  555.  
  556. #box1title {
  557. width:211px;
  558. background-color:{color:Borders};
  559. border:4px solid {color:Borders};
  560. margin-left:-10px;
  561. margin-top:-14px;
  562. margin-bottom:10px;
  563. padding:2px;
  564. font-size:16px;
  565. font-family: 'Amaranth', sans-serif;
  566. color: {color:titles};
  567. }
  568.  
  569. #box2 {
  570. position:fixed;
  571. width:201px;
  572. height:232px;
  573. background-color:{color:post bg};
  574. border:4px solid {color:Borders};
  575. padding:10px;
  576. margin-top:44px;
  577. }
  578.  
  579. #desc {
  580. overflow:auto;
  581. max-height:202px;
  582. padding-right:5px;
  583. width:207px;
  584. }
  585.  
  586. #box2title {
  587. width:211px;
  588. background-color:{color:Borders};
  589. border:4px solid {color:Borders};
  590. margin-left:-10px;
  591. margin-top:-14px;
  592. margin-bottom:10px;
  593. padding:2px;
  594. font-size:16px;
  595. font-family: 'Amaranth', sans-serif;
  596. color: {color:titles};
  597. }
  598.  
  599. #box3 {
  600. position:fixed;
  601. width:201px;
  602. height:auto;
  603. background-color:{color:post bg};
  604. border:4px solid {color:Borders};
  605. padding:10px;
  606. margin-top:8px;
  607. }
  608.  
  609. #box3title {
  610. width:211px;
  611. background-color:{color:Borders};
  612. border:4px solid {color:Borders};
  613. margin-left:-10px;
  614. margin-top:-14px;
  615. margin-bottom:10px;
  616. padding:2px;
  617. font-size:16px;
  618. font-family: 'Amaranth', sans-serif;
  619. color: {color:titles};
  620. }
  621.  
  622. #searchbutton {
  623. vertical-align:top;
  624. height:15px;
  625. width:auto;
  626. padding:4px;
  627. border: 1px solid {color:borders};
  628. background-color:#fff;
  629. }
  630.  
  631. #box4 {
  632. position:fixed;
  633. width:201px;
  634. max-height:368px;
  635. overflow:hidden;
  636. background-color:{color:post bg};
  637. border:4px solid {color:Borders};
  638. padding:10px;
  639. margin-top:97px;
  640. }
  641.  
  642. #box4title {
  643. width:211px;
  644. background-color:{color:Borders};
  645. border:4px solid {color:Borders};
  646. margin-left:-10px;
  647. margin-top:-14px;
  648. margin-bottom:10px;
  649. padding:2px;
  650. font-size:16px;
  651. font-family: 'Amaranth', sans-serif;
  652. color: {color:titles};
  653. }
  654.  
  655. #box5 {
  656. position:fixed;
  657. width:201px;
  658. max-height:300px;
  659. background-color:{color:post bg};
  660. border:4px solid {color:Borders};
  661. padding:10px;
  662. margin-top:312px;
  663. }
  664.  
  665. #projects {
  666. overflow:auto;
  667. padding-right:5px;
  668. width:207px;
  669. }
  670.  
  671. .projects {
  672. width:201px;
  673. border-collapse:collapse;
  674. border-spacing:0;
  675. margin-bottom:5px;
  676. margin-top:5px;
  677. }
  678.  
  679. .projtitle {
  680. font-weight:bold;
  681. text-transform:uppercase;
  682. border-bottom: 2px solid {color:Borders};
  683. color:{color:titles};
  684. overflow:hidden;
  685. word-break:normal;
  686. width:60px;
  687. height:10px;
  688. font-size:11px;
  689. padding-top:4px;
  690. padding-bottom:4px;
  691. }
  692.  
  693. .projimg {
  694. border:2px solid {color:Borders};
  695. background:no-repeat;
  696. background-size:cover;
  697. width:14px;
  698. }
  699.  
  700. .proj {
  701. border-top:2px solid {color:Borders};
  702. overflow:hidden;
  703. word-break:normal;
  704. width:60px;
  705. height:10px;
  706. text-align:center;
  707. font-size:11px;
  708. padding-top:4px;
  709. padding-bottom:4px;
  710. }
  711.  
  712.  
  713. #box5title {
  714. width:211px;
  715. background-color:{color:Borders};
  716. border:4px solid {color:Borders};
  717. margin-left:-10px;
  718. margin-top:-14px;
  719. margin-bottom:10px;
  720. padding:2px;
  721. font-size:16px;
  722. font-family: 'Amaranth', sans-serif;
  723. color: {color:titles};
  724. }
  725.  
  726. #credit {
  727. float:right;
  728. margin-top:2px;
  729. }
  730.  
  731. #credit a {
  732. font-weight:normal;
  733. font-size:11px;
  734. }
  735.  
  736. #credit a:hover {
  737. background-color:transparent;
  738. text-decoration:underline;
  739. }
  740.  
  741. {CustomCSS}</style></head><body>
  742.  
  743. <div id="content">
  744.  
  745. <div id="sideleft">
  746.  
  747. <div id="box1">
  748. <div id="box1title"><i class="fa fa-ellipsis-v"></i> {title}</div>
  749. <img src="{image:sidebar}" style="width:201px; height:201px">
  750. </div>
  751.  
  752. <!--
  753. Search code tutorial by HTML Tutorials:
  754. http://html-tutorials.tumblr.com/post/30713625550/
  755. -->
  756. <div id="box3">
  757. <div id="box3title"><i class="fa fa-search"></i> Search </div>
  758. <form action="/search" method="get">
  759. <input type="text" name="q" value="" style="width:162px; height: 15px; background-color: #fff; color: #000; font-size: 12px; padding:4px; border: 1px solid {color:borders}; font-family: 'Montserrat', sans-serif;"/>
  760. <input type="image" value="search" src="http://i67.tinypic.com/dcc4xt.png" id="searchbutton"/>
  761. </form>
  762. </div>
  763.  
  764. {block:ifTwitter}
  765. <div id="box4">
  766. <div id="box4title"><i class="fa fa-twitter"></i> Twitter </div>
  767. {text:twitter}
  768. </div>
  769. {/block:ifTwitter}
  770.  
  771. </div> <!--End Sideleft-->
  772. <div id="sideright">
  773.  
  774. <div id="box2">
  775. <div id="box2title"><i class="fa fa-user"></i> About</div>
  776. <div id="desc">{description}</div>
  777. </div>
  778.  
  779. {block:ifProjects}
  780. <div id="box5">
  781. <div id="box5title"><i class="fa fa-bookmark"></i> Projects</div>
  782. <div id="projects">
  783.  
  784. {block:ifProject1}
  785. <table class="projects">
  786. <tr>
  787. <th class="projimg" rowspan="2" style="background-image:url('{image:Project 1}')"></th>
  788. <th class="projtitle">{text:Project 1 Title}</th>
  789. </tr>
  790. <tr>
  791. <td class="proj"><a href="{text:Project 1 Link}">{text:Project 1}</a></td>
  792. </tr>
  793. </table>
  794. {/block:ifProject1}
  795.  
  796. {block:ifProject2}
  797. <table class="projects">
  798. <tr>
  799. <th class="projimg" rowspan="2" style="background-image:url('{image:Project 2}')"></th>
  800. <th class="projtitle">{text:Project 2 Title}</th>
  801. </tr>
  802. <tr>
  803. <td class="proj"><a href="{text:Project 2 Link}">{text:Project 2}</a></td>
  804. </tr>
  805. </table>
  806. {/block:ifProject2}
  807.  
  808. {block:ifProject3}
  809. <table class="projects">
  810. <tr>
  811. <th class="projimg" rowspan="2" style="background-image:url('{image:Project 3}')"></th>
  812. <th class="projtitle">{text:Project 3 Title}</th>
  813. </tr>
  814. <tr>
  815. <td class="proj"><a href="{text:Project 3 Link}">{text:Project 3}</a></td>
  816. </tr>
  817. </table>
  818. {/block:ifProject3}
  819.  
  820. {block:ifProject4}
  821. <table class="projects">
  822. <tr>
  823. <th class="projimg" rowspan="2" style="background-image:url('{image:Project 4}')"></th>
  824. <th class="projtitle">{text:Project 4 Title}</th>
  825. </tr>
  826. <tr>
  827. <td class="proj"><a href="{text:Project 4 Link}">{text:Project 4}</a></td>
  828. </tr>
  829. </table>
  830. {/block:ifProject4}
  831.  
  832. {block:ifProject5}
  833. <table class="projects">
  834. <tr>
  835. <th class="projimg" rowspan="2" style="background-image:url('{image:Project 5}')"></th>
  836. <th class="projtitle">{text:Project 5 Title}</th>
  837. </tr>
  838. <tr>
  839. <td class="proj"><a href="{text:Project 5 Link}">{text:Project 5}</a></td>
  840. </tr>
  841. </table>
  842. {/block:ifProject5}
  843.  
  844. </div>
  845. </div>
  846. {/block:ifProjects}
  847.  
  848. </div> <!--End Sideright-->
  849.  
  850. <div id="dropdownmenu">
  851. <div class="container">
  852. <a href="/">Home</a>
  853. <a href="/ask">Ask</a>
  854. <a href="/submit">Submit</a>
  855. <a href="/archive">Archive</a>
  856. {block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}
  857. {block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
  858. {block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
  859. {block:ifLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}
  860. {block:ifLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:ifLink5}
  861. <div class="dropdown">
  862. <button class="dropbtn" onclick="myFunction()">Tags</button>
  863. <div class="dropdown-content" id="myDropdown">
  864. {block:ifDrop1}<a href="{text:Drop1 URL}">{text:Drop1}</a>{/block:ifDrop1}
  865. {block:ifDrop2}<a href="{text:Drop2 URL}">{text:Drop2}</a>{/block:ifDrop2}
  866. {block:ifDrop3}<a href="{text:Drop3 URL}">{text:Drop3}</a>{/block:ifDrop3}
  867. {block:ifDrop4}<a href="{text:Drop4 URL}">{text:Drop4}</a>{/block:ifDrop4}
  868. {block:ifDrop5}<a href="{text:Drop5 URL}">{text:Drop5}</a>{/block:ifDrop5}
  869. </div>
  870. </div>
  871. </div>
  872. </div>
  873.  
  874. <div id="entries">{block:Posts}<div id="posts">
  875.  
  876. <div id="info">
  877. <a href="{ReblogURL}" target="_blank" class="details" title="Reblog"><i class="fa fa-retweet"></i></a> &nbsp;&nbsp;&nbsp;&nbsp;○&nbsp;&nbsp;&nbsp;&nbsp;
  878. <a href="{Permalink}"> {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</a> &nbsp;&nbsp;&nbsp;&nbsp;○&nbsp;&nbsp;&nbsp;&nbsp; <a href="{Permalink}"> {NoteCountWithLabel}</a></div>
  879.  
  880. {block:Text}<h1>{Title}</h1>{Body}{/block:Text}
  881.  
  882. {block:Photo}{LinkOpenTag}<div class="oddhour-high-res">
  883. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  884. </div>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  885.  
  886. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  887.  
  888. {block:Quote}
  889. <div class="quote"><i class="fa fa-quote-left"></i> {Quote} <i class="fa fa-quote-right"></i></div>
  890. {block:Source}<div class="quotesource"> — {Source}</div>
  891. {/block:Source}{/block:Quote}
  892.  
  893. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  894.  
  895. {block:Chat}
  896. {block:Lines}{block:Label}<div style="border-bottom:2px solid {color:Borders}; border-top:2px solid {color:Borders}; margin-bottom:5px; padding:5px"><b>{Label}</b>{/block:Label} {Line}</div>
  897. {/block:Lines}
  898. {/block:Chat}
  899.  
  900. {block:Audio}<center><div class="tumblr_audio_player">{AudioPlayerWhite}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  901.  
  902. {block:Video}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  903.  
  904. {block:Answer}
  905. <div style="margin-left:10px; padding-left:10px; border-left:6px solid {color:Borders};"><font face="Amaranth"><big>{Asker} said:</big></font><br> <i>{Question}</i></div>
  906. {Answer}
  907. {/block:Answer}
  908.  
  909. {block:HasTags}<div id="tags">
  910. {block:Tags}<a href="/tagged/{Tag}"><b>#</b>{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}
  911. </div>
  912. {block:HasTags}
  913.  
  914. </div>
  915. {block:PostNotes}{PostNotes}{/block:PostNotes}
  916. {/block:Posts}</div>
  917.  
  918. {block:Pagination}<div id="pagi">
  919. {block:PreviousPage}<a href="{PreviousPage}"> <i class="fa fa-backward"></i> </a>{/block:PreviousPage}
  920. {block:JumpPagination length="3"}
  921. {block:CurrentPage}<span class="current_page" style="font-weight:bold; font-family: 'Montserrat', sans-serif; font-size: 15px; color: {color:menu link hover}; padding-top:3px; padding-bottom:3px; padding-left:10px; padding-right:10px;">{PageNumber}</span>{/block:CurrentPage}
  922. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  923. {/block:JumpPagination}
  924. {block:NextPage}<a href="{NextPage}"> <i class="fa fa-forward"></i> </a>{/block:NextPage}
  925.  
  926. <div id="credit"><a href="http://lyd14.tumblr.com" title="Theme">LYD14</a></div>
  927. </div>{/block:Pagination}
  928.  
  929. </div>
  930.  
  931. </div> <!--end of content-->
  932.  
  933. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment