API tools faq
paste
Advertisement
sukigadaisuki

DANE DEHAAN theme (18.09.2014)

sukigadaisuki
Sep 17th, 2014
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.02 KB | None | 0 0
raw download clone embed print report
  1. <!--DANE DEHAAN theme by sukiii@tumblr / 18.09.2014 (DO NOT REMOVE THIS LINE)-->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14.  
  15.  
  16. <!--META start-->
  17. <!--COLORS-->
  18. <meta name="color:Content BG" content="#f8f8f8" />
  19. <meta name="color:Bar" content="#000000" />
  20. <meta name="color:Bar Text" content="#ffffff" />
  21. <meta name="color:Link" content="#a5c9d8" />
  22. <meta name="color:Link Hover" content="#f63e3e" />
  23. <meta name="color:Text" content="#000000"/>
  24. <meta name="color:Box" content="#ffffff" />
  25. <!--COLORS ends-->
  26.  
  27. <!--IMAGES-->
  28. <meta name="image:Content BG" content="http://static.tumblr.com/mgcsgpt/NFtnc3aoq/tumblr_m33qwzyv7f1r6uwfxo4_1280.png"/>
  29. <meta name="image:Header BG" content="http://static.tumblr.com/mgcsgpt/Ivbnc3anu/p2.png"/>
  30. <meta name="image:Header IMG" content="http://static.tumblr.com/mgcsgpt/Bfbnc3akw/daneheaderdasdearqrqa.png" />
  31. <!--IMAGES ends-->
  32.  
  33. <!--NAVI LINKS-->
  34. <meta name="text:Custom Navi 1 URL" content="http://" />
  35. <meta name="text:Custom Navi 1" content="Link" />
  36. <meta name="text:Custom Navi 2 URL" content="http://" />
  37. <meta name="text:Custom Navi 2" content="Link" />
  38. <meta name="text:Custom Navi 3 URL" content="" />
  39. <meta name="text:Custom Navi 3" content="" />
  40. <!--NAVI LINKS ends-->
  41.  
  42. <!--LINKS LIST-->
  43. <meta name="text:Link List Title" content="Links" />
  44. <meta name="text:Link 1 URL" content="http://" />
  45. <meta name="text:Link 1" content="Link 1" />
  46. <meta name="text:Link 2 URL" content="http://" />
  47. <meta name="text:Link 2" content="Link 2" />
  48. <meta name="text:Link 3 URL" content="http://" />
  49. <meta name="text:Link 3" content="Link 3" />
  50. <meta name="text:Link 4 URL" content="" />
  51. <meta name="text:Link 4" content="" />
  52. <meta name="text:Link 5 URL" content="" />
  53. <meta name="text:Link 5" content="" />
  54. <meta name="text:Link 6 URL" content="" />
  55. <meta name="text:Link 6" content="" />
  56. <!--LINKS LIST ends-->
  57.  
  58. <!--SIDEBOXES-->
  59. <meta name="text:Update Title" content="Updates" />
  60. <meta name="text:Update Content" content="Lorem ipsum dolor sit amet" />
  61.  
  62. <meta name="text:Custom Box Title 1" content="Box Title 1" />
  63. <meta name="text:Custom Box 1" content="Lorem ipsum dolor sit amet" />
  64.  
  65. <meta name="text:Custom Box Title 2" content="Box Title 2" />
  66. <meta name="text:Custom Box 2" content="Lorem ipsum dolor sit amet" />
  67.  
  68. <meta name="text:Custom Box Title 3" content="Box Title 3" />
  69. <meta name="text:Custom Box 3" content="Lorem ipsum dolor sit amet" />
  70. <!--SIDEBOXES ends-->
  71. <!--META ends-->
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78. <!--CSS starts-->
  79. <style type="text/css">
  80. ::selection{background:{color:Bar}; color:{color:Bar Text};}
  81. ::-moz-selection{background: {color:Bar}; color: {color:Bar Text};}
  82.  
  83. body{width: auto; padding: 0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; text-align:justify;background-color:#fff; cursor:url(http://static.tumblr.com/xjqjg7j/EYUmxtr3b/03.gif), url(http://static.tumblr.com/xjqjg7j/EYUmxtr3b/03.gif), auto;}
  84.  
  85. /*SYSTEM STYLE*/
  86. blockquote{background:{color:Content BG};padding:0 5px 0 5px;margin:0 5px;line-height:10px;border-left:{color:Bar} 1px solid;}
  87. span {padding:0 10px;}
  88. a {text-decoration:none;}
  89. i {color:{color:Link};}
  90. b {color:{color:Link Hover};}
  91. /*SYSTEM STYLE ends*/
  92.  
  93.  
  94. /*NAVI AND HEADER*/
  95. #header{width:100%;height:453px;background-image:url('{image:Header BG}');text-align:center;position:fixed;z-index:9;}
  96. #header img {height:453px;margin:0 auto;}
  97. #headernav {background:{color:Bar};top:0;left:0;right:0;width:100%;z-index:9999;position:fixed;}
  98. /*NAVI AND HEADER ends*/
  99.  
  100. /*NAVIGATION LINKS*/
  101. *,*:after,*::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
  102. nav a {font-family:"Courier New", Courier, monospace;position: relative;display: inline-block;margin: 10px 15px;outline: none;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;font-size: 10px;}
  103. nav a:hover,nav a:focus {outline: none;}
  104. /* Effect 21: borders slight translate */
  105. .cl-effect-21 a {letter-spacing:2px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;padding: 10px;color: {color:Link};text-shadow: none;-webkit-transition: color 0.4s;-moz-transition: color 0.4s;transition: color 0.4s;}
  106. .cl-effect-21 a::before, .cl-effect-21 a::after {position: absolute;left: 0;font-weight:400;width: 100%;height: 2px;background: {color:Link hover};content: ''; opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;-moz-transition: opacity 0.4s, -moz-transform 0.4s;transition: opacity 0.4s, transform 0.4s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}
  107. .cl-effect-21 a::before {top: 0;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}
  108. .cl-effect-21 a::after {bottom: 0;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);}
  109. .cl-effect-21 a:hover, .cl-effect-21 a:focus {color: {color:Bar Text};}
  110. .cl-effect-21 a:hover::before, .cl-effect-21 a:focus::before, .cl-effect-21 a:hover::after, .cl-effect-21 a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
  111. /* Effect 21: borders slight translate ends*/
  112. /*NAVIGATION LINKS ends*/
  113.  
  114.  
  115. /*MAIN*/
  116. #content {-webkit-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);top:453px;width:100%; border-top: 20px solid {color:bar};position:absolute;z-index:999;background:{color:Content BG};background-image: url('{image:Content BG}');background-position: fixed;background-repeat:repeat;padding-bottom:100px;}
  117. #columns {width:1000px;margin-left:auto;margin-right:auto;margin-top:50px;}
  118.  
  119. #side{width:400px;height:auto;float:left;}
  120.  
  121. #side1 {width:150px;height:auto;float:left;}
  122. #side1box {padding: 10px;background-color:{color:Box};margin-bottom:30px;border:double 5px {color:Bar};}
  123.  
  124. #side2 {width:200px;height:auto;float:right;}
  125. #side2box {padding: 10px 20px 20px 20px;background-color:{color:Box};margin-bottom:30px;}
  126. #upbox {padding: 10px;background-color:{color:Box};margin:0 10px 30px 10px;-webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.2);box-shadow: 3px 3px rgba(0, 0, 0, 0.2);}
  127.  
  128. /*BOX DIVIDER (updates box)*/
  129. .updivider{text-transform: uppercase;letter-spacing: 2px;font-weight:bold;font-size:10px;color:{color:bar};margin:0 ;overflow:hidden;text-align:center;line-height:1.2em;margin:0 10px 5px 10px;}
  130. .updivider:before, .updivider:after{content:"";vertical-align:top;display:inline-block;width:50%;height:0.65em;border-bottom:1px solid {color:bar};margin:0 2% 0 -55%;}
  131. .updivider:after{margin:0 -55% 0 2%;}
  132. /*BOX DIVIDER (updates box) ends*/
  133.  
  134. /*SIDE BOXES*/
  135. .des {color:{color:text};font-family:"Courier New", Courier, monospace;text-align:center;font-size:10px;line-height:10px;text-transform:uppercase;}
  136. .des a {color:{color:text};border-bottom: 1px {color:link} dashed;-webkit-transition: color 0.4s;-moz-transition: color 0.4s;transition: color 0.4s;}
  137. .des a:hover {color:{color:link};border-bottom: 1px {color:text} solid;}
  138. .boxtitle {color:{color:bar text}; background-color:{color:bar};display:block;padding: 3px 7px; font-family:"Courier New", Courier, monospace;text-transform:uppercase;letter-spacing:2px;}
  139. .boxcontent{color:{color:text};font-size:10px;line-height:12px;}
  140. .upcontent{text-align:center;font-size:10px;}
  141. .boxcontent a {color:{color:text};border-bottom: 1px {color:link} dashed;-webkit-transition: color 0.4s;-moz-transition: color 0.4s;transition: color 0.4s;}
  142. .boxcontent a:hover {color:{color:link};border-bottom: 1px {color:text} solid;}
  143. .upcontent a {color:{color:text};border-bottom: 1px {color:link} dashed;-webkit-transition: color 0.4s;-moz-transition: color 0.4s;transition: color 0.4s;}
  144. .upcontent a:hover {color:{color:link};border-bottom: 1px {color:text} solid;}
  145. /*SIDE BOXES ends*/
  146.  
  147. /*POST STYLE*/
  148. #allposts{width:520px;height:auto;float:right;}
  149. #posts{width:520px;float:right;}
  150. #postbox {background-color:{color:box};padding:10px;margin-bottom:0;}
  151.  
  152. /*AUDIO*/
  153. #audiobox {background:{color:box};padding:10px 30px;}
  154. .button {width:30px;height:40px;margin-top:25px;margin-left:25px;position:absolute;background:#ffffff;opacity:.3; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;overflow:hidden;}
  155. .button:hover {width:76px;height:76px;margin-top:2px;margin-left:2px;opacity:0.6;}
  156. .play img {width:80px;height;80px; position:absolute;}
  157. .audioinfoall {min-height:80px;font-size:10px;margin-left:95px;width:370px;}
  158. .audioinfo {height:18px;border-bottom:1px dashed {color:Link};margin:1px 0;background:{color:Content BG};line-height:18px;display:block;padding-left:5px;width:370px;overflow:hidden;}
  159. .audioinfo b {font-weight:normal;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-family:"Courier New", Courier, monospace;}
  160. /*AUDIO ends*/
  161.  
  162. /*TEXT*/
  163. .posttitle {color:{color:Bar Text}; background:{color:Bar};display:block;padding: 3px 7px; font-family:"Courier New", Courier, monospace;text-transform:uppercase;}
  164. .text{padding:0px 10px 0px 10px;}
  165. .text a{color:{color:Link};border:none; padding:3px;font-weight:bold;text-decoration:none;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
  166. .text a:hover {background:{color:Link hover};color:{color:Bar Text};}
  167. /*TEXT ends*/
  168.  
  169. /*CAPTION*/
  170. .caption {padding:0px 10px 0px 10px;}
  171. .caption a{color:{color:Link};border:none; padding:3px;font-weight:bold;text-decoration:none;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
  172. .caption a:hover {background:{color:Link hover};color:{color:Bar Text};}
  173. /*CAPTION ends*/
  174.  
  175. /*QUOTE*/
  176. .quotesource{font-style:italic;font-size:10px;color:{color:Text}; text-align:center;}
  177. .quotesource a{color:{color:Text};border:none; padding:3px;font-weight:bold;text-decoration:none;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
  178. .quotesource a:hover {background:{color:Link hover};color:{color:Bar Text};}
  179. .quote{padding:20px;background:{color:Content BG};color:{color:Text};font-family:"Courier New", Courier, monospace;text-transform:uppercase;text-align:center;}
  180. /*QUOTE ends*/
  181.  
  182. /*LINKS*/
  183. .link a {color:{color:Bar text}; background:{color:Bar};letter-spacing:2px;display:block;padding: 3px 7px; font-family:"Courier New", Courier, monospace;text-transform:uppercase;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;text-decoration:none;text-align:center;}
  184. .link a:hover{color:{color:Bar}; background:none;display:block;padding: 3px 7px; font-family:"Courier New", Courier, monospace;text-transform:uppercase;}
  185. /*LINKS ends*/
  186.  
  187. /*CHAT*/
  188. .line {height:18px;border-bottom:1px dashed {color:Link};margin:1px 0;background:{color:Content BG};line-height:18px;display:block;padding-left:5px;width: 500px;}
  189. .line b {font-weight:normal;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-family:"Courier New", Courier, monospace;}
  190. /*CHAT ends*/
  191.  
  192. /*ASK*/
  193. #asker {background:{color:Content BG};color:{color:Text};height: 60px;padding:5px;text-transform:uppercase; }
  194. #asker img {border:5px solid {color:Text};margin:5px 5px;}
  195. .question {font-family:"Courier New", Courier, monospace;height:40px;overflow-y: scroll;margin:5px;padding:0 5px;overflow: auto;}
  196. .question a {text-decoration:none;color:{color:Link};}
  197. .question b {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9px;letter-spacing:2;}
  198. .answer{padding-left:45px;}
  199. /*ASK ends*/
  200.  
  201. /*POST FOOTER*/
  202. #postfoot {color:{color:Bar Text}; background:{color:Bar};display:block; font-family:"Courier New", Courier, monospace;text-transform:uppercase;height:auto;margin-bottom: 50px;padding:5px 20px;text-align:center;letter-spacing:2px;}
  203. #postfoot a {color:{color:Bar Text};text-decoration:none;letter-spacing:2px;}
  204. /*TAGS*/
  205. .hiddentags {word-break:break-all;margin-top:5px;{block:indexpage}display:none;{/block:indexpage}}
  206. .tags {cursor:pointer;}
  207. /*TAGS ends*/
  208.  
  209. /*NOTES*/
  210. #notes {padding: 0 50px;}
  211. #notes blockquote {margin-left:40px;}
  212. ol.notes {padding: 0px;list-style-type: none;}
  213. ol.notes li.notes {padding: 10px;}
  214. ol.notes li.notes img.avatar {vertical-align: -4px; margin-right: 20px;width: 16px; height: 16px;}
  215. ol.notes a {color:{color:Text};text-decoration: none;}
  216. li.note a{color:{color:Text};text-decoration: none;}
  217. /*NOTES ends*/
  218.  
  219. /*POST FOOTER*/
  220.  
  221. /*POST STYLE ends*/
  222.  
  223. /*MAIN ends*/
  224.  
  225.  
  226. /*PAGINATION*/
  227. .pagination {color:{color:Text};text-align:center;font-size:10px;font-family:"Courier New", Courier, monospace;text-transform:uppercase;letter-spacing:2px;}
  228. .pagination a {margin:0 5px;background:{color:Bar};color:{color:Bar Text};padding:2px 4px;text-decoration:none; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
  229. .pagination a:hover {color:{color:text};background:none;}
  230. /*PAGINATION ends*/
  231.  
  232.  
  233. /*LINK LIST*/
  234. .wrapper {margin-top:0;*zoom: 1;font-weight: 400;}
  235. .wrapper:after {clear: both;content: "";display: table;}
  236. .wrapper-dropdown-2 {
  237. /* Size and position */position: relative;width: 150px;margin: 0 auto;padding: 3px 7px;
  238. /* Styles */color:{color:Bar Text};background: {color:bar}; letter-spacing:2px; outline: none;font-family:"Courier New", Courier, monospace;text-transform:uppercase;font-size:10px;}
  239. .wrapper-dropdown-2:after {content: "";width: 0;height: 0;position: absolute;right: 10px;top: 50%;margin-top: -3px;border-width: 6px 6px 0 6px;border-style: solid;border-color: {color:Link} transparent;}
  240. .wrapper-dropdown-2 .dropdown {
  241. /* Size & position */position: absolute;Top: 50%;left:0px;right: 0px;
  242. /* Styles */font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:10px;letter-spacing:0;background: {color:Link Hover};-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;list-style:upper-roman;
  243. /* Hiding */opacity: 0;pointer-events: none;}
  244. .wrapper-dropdown-2 .dropdown li a {letter-spacing:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9px; Display: block;text-decoration: none;color: {color:Bar Text} ;border-left: 5px solid;padding: 3px;border-bottom:1px {color:Box} solid;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  245. .wrapper-dropdown-2 .dropdown li i {margin-right: 5px;color: inherit;vertical-align: middle;}
  246. /* Hover state */.wrapper-dropdown-2 .dropdown li:hover a {color: {color:bar};}
  247. /* Active state */.wrapper-dropdown-2.active:after {border-width: 0 6px 6px 6px;}
  248. .wrapper-dropdown-2.active .dropdown {opacity: 1;pointer-events: auto;}
  249. /* No CSS3 support */.no-opacity .wrapper-dropdown-2 .dropdown, .no-pointerevents .wrapper-dropdown-2 .dropdown {display: none;opacity: 1;pointer-events: auto;}
  250. .no-opacity .wrapper-dropdown-2.active .dropdown,.no-pointerevents .wrapper-dropdown-2.active .dropdown {display: block;}
  251.  
  252. /*LINK LIST ends*/
  253.  
  254. {CustomCSS}
  255.  
  256. </style>
  257. <!--CSS ends-->
  258.  
  259. </head>
  260.  
  261.  
  262.  
  263.  
  264.  
  265. <body>
  266.  
  267. <!--NAVI BAR-->
  268. <div id="headernav">
  269. <center>
  270. <nav class="cl-effect-21">
  271. <a href="/">Home</a>
  272. {block:AskEnabled}<a href="/ask">Message</a>{/block:AskEnabled}
  273. <a href="/archive">Archive</a>
  274. {block:SubmissionsEnabled}<a href="/submit">Submit</a>{/block:SubmissionsEnabled}
  275. {block:ifCustomNavi1}<a href="{text:Custom Navi 1 URL}">{text:Custom Navi 1}</a>{/block:ifCustomNavi1}
  276. {block:ifCustomNavi2}<a href="{text:Custom Navi 2 URL}">{text:Custom Navi 2}</a>{/block:ifCustomNavi2}
  277. {block:ifCustomNavi3}<a href="{text:Custom Navi 3 URL}">{text:Custom Navi 3}</a>{/block:ifCustomNavi3}
  278. <a href="http://sukiii.tumblr.com" target="blank">Theme</a>
  279. </nav>
  280. </center>
  281. </div>
  282. <!--NAVI BAR ends-->
  283.  
  284. <!--HEADER IMAGE-->
  285. <div id="header">
  286. <img src="{image:header IMG}" />
  287. </div>
  288. <!--HEADER IMAGE ends-->
  289.  
  290. <!--CONTENT-->
  291. <div id="content">
  292. <!--ALL COLUMNS-->
  293. <div id="columns">
  294. <!--SIDE COLUMNS-->
  295. <div id="side">
  296. <!--COLUMN 1-->
  297. <div id="side1">
  298.  
  299. <!--DESCRIPTION BOX--><div id="side1box"><div class="des">{Description}</div></div><!--DESCRIPTION BOX ends-->
  300.  
  301. <!--LINKS LIST--><div class="wrapper">
  302. <div id="dd" class="wrapper-dropdown-2" tabindex="1">
  303. {text:Link List Title}
  304. <ul class="dropdown">
  305. {block:ifLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}
  306. {block:ifLink2}<li><a href="{text:Link 2 URL}">{text:Link 2}</a></li>{/block:ifLink2}
  307. {block:ifLink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:ifLink3}
  308. {block:ifLink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:ifLink4}
  309. {block:ifLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:ifLink5}
  310. {block:ifLink6}<li><a href="{text:Link 6 URL}">{text:Link 6}</a></li>{/block:ifLink6}
  311. </ul>
  312. </div>
  313. </div><!--LINKS LIST ends-->
  314.  
  315. </div>
  316. <!--COLUMN 1 ends-->
  317.  
  318.  
  319. <!--COLUMN 2-->
  320. <div id="side2">
  321.  
  322. <!--UPDATES-->
  323. {block:ifUpdateTitle}<div class="updivider">{text:Update title}</div>{/block:ifUpdateTitle}
  324. {block:ifUpdateContent}<div id="upbox"><div class="upcontent">{text:Update Content}</div></div>{/block:ifUpdateContent}
  325. <!--UPDATES ends-->
  326.  
  327. <!--CUSTOM BOX 1-->{block:ifCustomBox1}
  328. <div class="boxtitle">{text:Custom Box Title 1}</div>
  329. <div id="side2box"><div class="boxcontent">{text:Custom Box 1}</div></div>
  330. {/block:ifCustomBox1}<!--CUSTOM BOX 1 ends-->
  331.  
  332. <!--CUSTOM BOX 2-->{block:ifCustomBox2}
  333. <div class="boxtitle">{text:Custom Box Title 2}</div>
  334. <div id="side2box"><div class="boxcontent">{text:Custom Box 2}</div></div>
  335. {/block:ifCustomBox2}<!--CUSTOM BOX 2 ends-->
  336.  
  337. <!--CUSTOM BOX 3-->{block:ifCustomBox3}
  338. <div class="boxtitle">{text:Custom Box Title 3}</div>
  339. <div id="side2box"><div class="boxcontent">{text:Custom Box 3}</div></div>
  340. {/block:ifCustomBox3}<!--CUSTOM BOX 3 ends-->
  341.  
  342. <!--PAGINATION-->{block:Pagination}<div class="pagination">
  343. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  344. {CurrentPage} of {TotalPages}
  345. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  346. </div>{/block:Pagination}<!--PAGINATION ends-->
  347.  
  348. </div
  349. ><!--COLUMN 2 ends-->
  350. </div>
  351. <!--SIDE COLUMNS ends-->
  352.  
  353.  
  354.  
  355.  
  356.  
  357.  
  358. <!--POSTS-->
  359. <div id="allposts">{block:Posts}<div id="posts">
  360.  
  361. {block:Text}
  362. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  363. <div id="postbox"><div class="text">{Body}</div></div>
  364. {/block:Text}
  365.  
  366. {block:Photo}
  367. <div id="postbox">
  368. <img src="{PhotoURL-500}">
  369. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  370. </div>
  371. {/block:Photo}
  372.  
  373. {block:Panorama}
  374. <div id="postbox">
  375. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}
  376. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  377. {/block:Panorama}
  378.  
  379. {block:Photoset}
  380. <div id="postbox">
  381. {Photoset-500}
  382. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  383. </div>
  384. {/block:Photoset}
  385.  
  386. {block:Quote}
  387. <div id="postbox">
  388. <div class="quote">"{Quote}"</div>
  389. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  390. </div>
  391. {/block:Quote}
  392.  
  393. {block:Link}
  394. <div class="link"> <a href="{URL}" {Target}>{Name}</a></div>
  395. {block:Description}<div id="postbox"><div class="text">{Description}</div></div>{/block:Description}
  396. {/block:Link}
  397.  
  398. {block:Chat}
  399. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  400. <div id="postbox">{block:Lines}{block:Label}<div class="line"><b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}</div>
  401. {/block:Chat}
  402.  
  403. {block:Video}
  404. <div id="postbox">
  405. {Video-500}
  406. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  407. </div>
  408. {/block:Video}
  409.  
  410. {block:Audio}
  411. <div id="audiobox">
  412. <!--PLAYER-->
  413. {block:AudioPlayer}
  414. <div class="play">
  415. {block:AlbumArt}<img src="{AlbumArtUrl}">{/block:AlbumArt}
  416. <div class="button">{AudioPlayerWhite}</div>
  417. </div>
  418. {/block:AudioPlayer}
  419. <!--PLAYER-->
  420.  
  421. <!--SONG INFO-->
  422. <div class="audioinfoall">
  423. {block:TrackName}<div class="audioinfo"><b>Track: </b>{TrackName}</div>{/block:TrackName}
  424.  
  425. {block:Artist}<div class="audioinfo"><b>Artist: </b>{Artist}</div>{/block:Artist}
  426.  
  427. {block:album}<div class="audioinfo"><b>Album: </b>{album}</div>{/block:album}
  428.  
  429. <div class="audioinfo"><b>Plays: </b>{playcount}</div>
  430. </div>
  431. <!--SONG INFO ends-->
  432. </div>
  433. {/block:Audio}
  434.  
  435. {block:Answer}
  436. <div id="postbox">
  437. <div id="asker">
  438. <img align="left" src="{AskerPortraitURL-30}">
  439. <div class="question"><b>{Asker} asked:</b> {Question}</div>
  440. </div>
  441. <div class="text"><div class="answer">{Answer}</div></div>
  442. </div>
  443. {/block:Answer}
  444.  
  445. <!--POST FOOTER-->
  446. <div id="postfoot">
  447. {block:Date}<span><a href="{Permalink}">{TimeAgo}</a></span>{/block:Date}
  448. {block:ContentSource}<span><a href="{SourceURL}">Source</a></span>{/block:ContentSource}
  449. <span><a href="{ReblogURL}" target="blank">Reblog</a></span>
  450. {block:NoteCount}<span>{NoteCountWithLabel}</span>{/block:NoteCount}
  451.  
  452. {block:HasTags}
  453. {block:indexpage}<a class="tags">Tags</a>{/block:indexpage}
  454. <div class="hiddentags">{block:Tags}<span><a href="{TagUrl}">#{Tag}</a></span>{/block:Tags}</div>
  455. {/block:HasTags}
  456. </div>
  457.  
  458. {block:Permalink}{block:PostNotes}<div id="notes"><div class="notes">{PostNotes}</div></div>{/block:PostNotes} {/block:Permalink}
  459. <!--POST FOOTER ends-->
  460.  
  461. </div>{/block:Posts}</div>
  462. <!--POSTS ends-->
  463.  
  464. </div>
  465. <!--ALL COLUMNS ends-->
  466. </div>
  467. <!--CONTENT ends-->
  468.  
  469.  
  470.  
  471.  
  472.  
  473. <!--JS-->
  474.  
  475. <!--NAVIGATION BAR-->
  476. <script type="text/javascript" src="https://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
  477. <script type="text/javascript">
  478. $(function() {
  479. $(window).scroll(function(){
  480. var scrollTop = $(window).scrollTop();
  481. if(scrollTop != 0)
  482. $('#headernav').stop().animate({'opacity':'0.3'},400);
  483. else
  484. $('#headernav').stop().animate({'opacity':'1'},400);
  485. });
  486.  
  487. $('#headernav').hover(
  488. function (e) {
  489. var scrollTop = $(window).scrollTop();
  490. if(scrollTop != 0){
  491. $('#headernav').stop().animate({'opacity':'1'},400);
  492. }
  493. },
  494. function (e) {
  495. var scrollTop = $(window).scrollTop();
  496. if(scrollTop != 0){
  497. $('#headernav').stop().animate({'opacity':'0.3'},400);
  498. }
  499. }
  500. );
  501. });
  502. </script>
  503. <!--NAVIGATION BAR ends-->
  504.  
  505. <!--LINKS LIST--><!-- jQuery if needed -->
  506. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  507. <script type="text/javascript">
  508.  
  509. function DropDown(el) {
  510. this.dd = el;
  511. this.initEvents();
  512. }
  513. DropDown.prototype = {
  514. initEvents : function() {
  515. var obj = this;
  516.  
  517. obj.dd.on('click', function(event){
  518. $(this).toggleClass('active');
  519. event.stopPropagation();
  520. });
  521. }
  522. }
  523.  
  524. $(function() {
  525.  
  526. var dd = new DropDown( $('#dd') );
  527.  
  528. $(document).click(function() {
  529. // all dropdowns
  530. $('.wrapper-dropdown-2').removeClass('active');
  531. });
  532.  
  533. });
  534.  
  535. </script>
  536. <!--LINKS LIST ends-->
  537.  
  538. {block:indexpage}
  539. <script type="text/javascript">
  540. jQuery(document).ready(function() {
  541. jQuery(".hiddentags").hide();
  542. jQuery(".tags").click(function()
  543. {
  544. jQuery(this).next(".hiddentags").slideToggle("400");
  545. });});
  546. </script>
  547. {/block:indexpage}
  548.  
  549.  
  550. <!--JS ends-->
  551. </body>
  552. </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!