mustntrunaway

[OLD] Theme 04 // Fine Lines

Nov 18th, 2014
595
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.49 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <head>
  4.  
  5. <title>{Title}{block:TagPage} // #{Tag}{/block:TagPage}{block:DayPage} // {DayOfMonth} {Month} {Year}{/block:DayPage}{block:PostSummary} // {PostSummary}{/block:PostSummary}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!--
  13.  
  14. Theme 04 // 1px Borders
  15. by mustntrunaway (mustntrunthemes)
  16.  
  17. // Features:
  18. >> 250px/400px posts (always 400px on permalink page)
  19. >> 1 or 2 columns (works for both post sizes)
  20. >> up to 8 custom links (in list or dropdown)
  21. >> adjustable sidebar width + position
  22. >> adjustable post position
  23. >> adjustable font size
  24. >> side image
  25. >> custom background (color / tiled / full)
  26. >> infinite scroll option
  27. >> 25+ color options
  28. >> pic opacity / grayscale options
  29. >> rounded corners option
  30. >> link underline option
  31. >> show/hide captions
  32.  
  33. -->
  34.  
  35. <meta name="image:bg img" content=""/>
  36. <meta name="image:side img" content=""/>
  37.  
  38. <meta name="color:bg" content="#fff"/>
  39. <meta name="color:post bg" content="#fff"/>
  40. <meta name="color:border" content="#000"/>
  41. <meta name="color:txt" content="#000"/>
  42. <meta name="color:b" content="#000"/>
  43. <meta name="color:i" content="#000"/>
  44. <meta name="color:blog title" content="#000"/>
  45. <meta name="color:post title" content="#000"/>
  46. <meta name="color:reblog color" content="#000"/>
  47. <meta name="color:link" content="#000"/>
  48. <meta name="color:link hover" content="#777"/>
  49. <meta name="color:desc txt" content="#000"/>
  50. <meta name="color:desc bg" content="#fff"/>
  51. <meta name="color:desc link" content="#000"/>
  52. <meta name="color:desc link hover" content="#fff"/>
  53. <meta name="color:desc link bg" content="#fff"/>
  54. <meta name="color:desc link bg hover" content="#000"/>
  55. <meta name="color:tag txt" content="#000"/>
  56. <meta name="color:tag txt hover" content="#777"/>
  57. <meta name="color:tag bg" content="#eee"/>
  58. <meta name="color:ask txt" content="#000"/>
  59. <meta name="color:ask bg" content="#eee"/>
  60. <meta name="color:scroll line" content="#000"/>
  61. <meta name="color:scroll thumb" content="#000"/>
  62. <meta name="color:scroll bg" content="#fff"/>
  63. <meta name="color:selection txt" content="#fff"/>
  64. <meta name="color:selection bg" content="#000"/>
  65.  
  66. <meta name="if:infinite scroll" content="1"/>
  67. <meta name="if:250px" content="1"/>
  68. <meta name="if:400px" content="0"/>
  69. <meta name="if:columns" content="1"/>
  70. <meta name="if:show captions" content="0">
  71. <meta name="if:dropdown menu" content="1"/>
  72. <meta name="if:custom cursor" content="1">
  73. <meta name="if:cover bg" content="1"/>
  74. <meta name="if:link underline" content="1">
  75.  
  76. <meta name="select:side img" content="left" title="left">
  77. <meta name="select:side img" content="right" title="right">
  78.  
  79. <meta name="text:percent" content="50%" />
  80. <meta name="text:space between posts" content="25"/>
  81. <meta name="text:posts left" content="300"/>
  82. <meta name="text:side img bottom" content="0" />
  83. <meta name="text:side img side" content="0" />
  84. <meta name="text:desc left" content="900"/>
  85. <meta name="text:desc bottom" content="200"/>
  86. <meta name="text:desc width" content="150"/>
  87. <meta name="text:txt size" content="9"/>
  88. <meta name="text:desc txt size" content="8"/>
  89. <meta name="text:title size" content="11"/>
  90. <meta name="text:border radius" content="0"/>
  91. <meta name="text:transition speed" content="0.5"/>
  92. <meta name="text:pic gray" content=".5"/>
  93. <meta name="text:pic op" content=".75"/>
  94. <meta name="text:cursor url" content="http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"/>
  95. <meta name="text:hover cursor url" content="http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"/>
  96. <meta name="text:link1 url" content="/" />
  97. <meta name="text:link1 title" content="link 1" />
  98. <meta name="text:link2 url" content="/" />
  99. <meta name="text:link2 title" content="link 2" />
  100. <meta name="text:link3 url" content="/" />
  101. <meta name="text:link3 title" content="link 3" />
  102. <meta name="text:link4 url" content="/" />
  103. <meta name="text:link4 title" content="link 4" />
  104. <meta name="text:link5 url" content="/" />
  105. <meta name="text:link5 title" content="link 5" />
  106. <meta name="text:link6 url" content="/" />
  107. <meta name="text:link6 title" content="link 6" />
  108. <meta name="text:link7 url" content="/" />
  109. <meta name="text:link7 title" content="link 7" />
  110. <meta name="text:link8 url" content="/" />
  111. <meta name="text:link8 title" content="link 8" />
  112.  
  113. <!-- S C R I P T S ( d o n o t t o u c h ) -->
  114.  
  115. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  116.  
  117. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  118. <script>
  119. (function($){$(document)
  120. .ready(function(){$("[title]")
  121. .style_my_tooltips();});})
  122. (jQuery);
  123. </script>
  124.  
  125. {block:IndexPage}
  126. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  127. {block:IfInfiniteScroll}
  128. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  129. {/block:IfInfiniteScroll}
  130.  
  131. <script type="text/javascript">
  132. $(window).load(function(){
  133. var $wall = $('#allposts');
  134. $wall.imagesLoaded(function(){
  135. $wall.masonry({
  136. itemSelector: '#post, #post_photo',
  137. isAnimated : false
  138. });
  139. });
  140.  
  141.  
  142. $wall.infinitescroll({
  143. navSelector : '#pagi',
  144. nextSelector : '#pagi a',
  145. itemSelector : '#post, #post_photo',
  146. bufferPx : 2000,
  147. debug : false,
  148. errorCallback: function() {
  149. $('#scroll').fadeOut('normal');
  150. }},
  151. function( newElements ) {
  152. var $newElems = $( newElements );
  153. $newElems.hide();
  154. $newElems.imagesLoaded(function(){
  155. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  156. });
  157. }); $('#allposts').show(500);
  158. });
  159. </script>
  160.  
  161. {/block:IndexPage}
  162.  
  163. <!-- S C R I P T S ( e n d ) -->
  164.  
  165. <style type="text/css">
  166.  
  167. /* O V E R A L L */
  168.  
  169. /* tumblr controls */
  170. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;}
  171.  
  172. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}
  173.  
  174. /* scrollbar */
  175. ::-webkit-scrollbar {
  176. height:9px;
  177. width:9px;
  178. background:{color:scroll line};
  179. border-width:4px;
  180. border-style:solid;
  181. border-color:{color:scroll bg};}
  182.  
  183. ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  184. background:{color:scroll thumb};
  185. border-width:4px;
  186. border-style:solid;
  187. border-color:{color:scroll bg};}
  188.  
  189. /* selections */
  190. ::selection {
  191. background:{color:selection bg};
  192. color:{color:selection txt};
  193. }
  194. ::-moz-selection {
  195. background:{color:selection bg};
  196. color:{color:selection txt};
  197. }
  198. ::-webkit-selection {
  199. background:{color:selection bg};
  200. color:{color:selection txt};
  201. }
  202.  
  203. /* pic fx */
  204. .effect {
  205. opacity:{text:pic op};
  206. filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.7\'/></filter></svg>#grayscale");
  207. -webkit-filter:grayscale({text:pic gray});
  208. transition-duration:{text:transition speed}s;
  209. -moz-transition-duration:{text:transition speed}s;
  210. -webkit-transition-duration:{text:transition speed}s;
  211. -o-transition-duration:{text:transition speed}s;}
  212.  
  213. .effect:hover {
  214. filter:none;
  215. -webkit-filter:grayscale(0%);
  216. opacity:1;}
  217.  
  218. /* body */
  219. body {
  220. width:100%;
  221. height:100%;
  222. margin:0px;
  223. background:{color:bg} url({image:bg img}) {block:IfCoverBg}no-repeat{/block:IfCoverBg}{block:IfNotCoverBg}repeat{/block:IfNotCoverBg} center center fixed;
  224. {block:IfCoverBg}
  225. -webkit-background-size:cover;
  226. -moz-background-size:cover;
  227. -o-background-size:cover;
  228. background-size:cover;
  229. {/block:IfCoverBg}
  230. font-family:Calibri;
  231. font-size:{text:txt size}px;
  232. letter-spacing:1px;
  233. text-align:left;
  234. color:{color:txt};
  235. {block:IfCustomCursor}
  236. cursor:url('{text:cursor url}'), auto !important;
  237. {/block:IfCustomCursor}}
  238.  
  239. /* text stuffs */
  240. i, em {
  241. color:{color:i};}
  242.  
  243. b, strong {
  244. font-weight:bold;
  245. color:{color:b};}
  246.  
  247. ul {
  248. list-style-type:hiragana;}
  249.  
  250. ol {
  251. list-style-type:decimal-leading-zero;}
  252.  
  253. ul,ol {
  254. margin-left:-10px;}
  255.  
  256. blockquote {
  257. margin:0px;
  258. padding:0px;
  259. margin:1px 0px 1px 10px;
  260. padding-left:7px;
  261. border-left:1px solid {color:border};}
  262.  
  263. /* links */
  264. a, a:link, a:active, a:visited {
  265. {block:IfLinkUnderline}
  266. text-decoration:underline;
  267. {/block:IfLinkUnderline}
  268. {block:IfNotLinkUnderline}
  269. text-decoration:none;
  270. {/block:IfNotLinkUnderline}
  271. color: {color:link};
  272. transition-duration:{text:transition speed}s;
  273. -moz-transition-duration:{text:transition speed}s;
  274. -webkit-transition-duration:{text:transition speed}s;
  275. -o-transition-duration:{text:transition speed}s;}
  276.  
  277. a:hover {
  278. color:{color:link hover};}
  279.  
  280. {block:IfCustomCursor}
  281. a, a:hover, a:active {
  282. cursor:url('{text:hover cursor url}'), auto !important;}
  283. {/block:IfCustomCursor}
  284.  
  285.  
  286. /* tooltip */
  287. #s-m-t-tooltip {
  288. padding:3px;
  289. max-width:200px;
  290. display:none;
  291. font-size:8px;
  292. text-transform:uppercase;
  293. text-align:center;
  294. letter-spacing:1px;
  295. margin:15px;
  296. line-height:8px;
  297. z-index:999999999999;
  298. background:{color:post bg};
  299. color: {color:border};
  300. border: 1px solid {color:border};
  301. border-radius:{text:border radius}px;
  302. -moz-border-radius:{text:border radius}px;
  303. -webkit-border-radius:{text:border radius}px;}
  304.  
  305. /* S I D E I M A G E */
  306.  
  307. #sidepic {
  308. z-index:-1;
  309. height:100%;
  310. width:100%;
  311. position:fixed;}
  312.  
  313. #sideimg {
  314. position:fixed;
  315. {select:side img}:{text:side img side}px;
  316. bottom:{text:side img bottom}px;}
  317.  
  318. /* P O S T S */
  319.  
  320. /* container */
  321. #allposts {
  322. text-align:left;
  323. {block:if250px}
  324. {block:ifcolumns}
  325. width:564px;
  326. {/block:ifcolumns}
  327. {block:ifnotcolumns}
  328. width:282px;
  329. {/block:ifnotcolumns}
  330. {/block:if250px}
  331. {block:if400px}
  332. {block:ifcolumns}
  333. width:864px;
  334. {/block:ifcolumns}
  335. {block:ifnotcolumns}
  336. width:432px;
  337. {/block:ifnotcolumns}
  338. {/block:if400px}
  339. margin-top:10px;
  340. position:relative;
  341. top:0px;
  342. left:{text:posts left}px;
  343. overflow:hidden;
  344. {block:PermalinkPage}
  345. width:432px;
  346. {/block:PermalinkPage}}
  347.  
  348.  
  349. /* posts */
  350. #post {
  351. text-align:left;
  352. padding:5px;
  353. margin:25px 10px {text:space between posts}px 10px;
  354. background:{color:post bg};
  355. display:block;
  356. {block:if250px}
  357. width:250px;
  358. {/block:if250px}
  359. {block:if400px}
  360. width:400px;
  361. {/block:if400px}
  362. border:1px solid {color:border};
  363. border-radius:{text:border radius}px;
  364. -moz-border-radius:{text:border radius}px;
  365. -webkit-border-radius:{text:border radius}px;
  366. {block:PermalinkPage}
  367. width:400px;
  368. {/block:PermalinkPage}
  369. transition-duration:{text:transition speed}s;
  370. -moz-transition-duration:{text:transition speed}s;
  371. -webkit-transition-duration:{text:transition speed}s;
  372. -o-transition-duration:{text:transition speed}s;}
  373.  
  374. {block:indexpage}
  375. /* post images */
  376. img {
  377. max-width:100%;
  378. border-radius: {text:border radius};
  379. -moz-border-radius:{text:border radius}px;
  380. -webkit-border-radius:{text:border radius}px;
  381. -moz-border-radius:{text:border radius}px;
  382. -webkit-border-radius:{text:border radius}px;
  383. opacity:{text:pic op};
  384. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.7\'/></filter></svg>#grayscale");
  385. -webkit-filter:grayscale({text:pic gray});
  386. transition-duration:{text:transition speed}s;
  387. -moz-transition-duration:{text:transition speed}s;
  388. -webkit-transition-duration:{text:transition speed}s;
  389. -o-transition-duration:{text:transition speed}s;}
  390.  
  391. img:hover {
  392. filter: none;
  393. -webkit-filter:grayscale(0%);
  394. opacity:1;}
  395.  
  396. #post img {
  397. max-width:100%;
  398. border-radius: {text:border radius};
  399. -moz-border-radius:{text:border radius}px;
  400. -webkit-border-radius:{text:border radius}px;
  401. opacity:{text:pic op};
  402. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.7\'/></filter></svg>#grayscale");
  403. -webkit-filter:grayscale({text:pic gray});
  404. transition-duration:{text:transition speed}s;
  405. -moz-transition-duration:{text:transition speed}s;
  406. -webkit-transition-duration:{text:transition speed}s;
  407. -o-transition-duration:{text:transition speed}s;}
  408.  
  409. #post img:hover {
  410. filter: none;
  411. -webkit-filter:grayscale(0%);
  412. opacity:1;}
  413.  
  414. #allposts img {
  415. max-width:100%;
  416. border-radius: {text:border radius};
  417. -moz-border-radius:{text:border radius}px;
  418. -webkit-border-radius:{text:border radius}px;
  419. opacity:{text:pic op};
  420. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.7\'/></filter></svg>#grayscale");
  421. -webkit-filter:grayscale({text:pic gray});
  422. transition-duration:{text:transition speed}s;
  423. -moz-transition-duration:{text:transition speed}s;
  424. -webkit-transition-duration:{text:transition speed}s;
  425. -o-transition-duration:{text:transition speed}s;}
  426.  
  427. #allposts img:hover {
  428. filter: none;
  429. -webkit-filter:grayscale(0%);
  430. opacity:1;}
  431. {/block:indexpage}
  432.  
  433.  
  434. /* peramlink */
  435. .permalink {
  436. margin-top:5px;
  437. text-align:right;}
  438.  
  439. .permalink a {
  440. text-decoration:none;
  441. text-transform:uppercase;}
  442.  
  443. /* tags */
  444. .tags {
  445. width:100%;
  446. margin:5px -5px -5px -5px;
  447. padding:5px;
  448. text-align:left;
  449. background:{color:tag bg};
  450. border-top:1px solid {color:border};
  451. border-radius: 0px 0px {text:border radius}px {text:border radius}px;
  452. -moz-border-radius:0px 0px {text:border radius}px {text:border radius}px;
  453. -webkit-border-radius:0px 0px {text:border radius}px {text:border radius}px;
  454. transition-duration:{text:transition speed}s;
  455. -moz-transition-duration:{text:transition speed}s;
  456. -webkit-transition-duration:{text:transition speed}s;
  457. -o-transition-duration:{text:transition speed}s;}
  458.  
  459. .tags a {
  460. text-decoration:none;
  461. color:{color:tag txt};}
  462.  
  463. .tags a:hover {
  464. color:{color:tag txt hover};}
  465.  
  466.  
  467. /* post title */
  468. .posttitle {
  469. padding-top:5px;
  470. font-size:{text:title size}px;
  471. text-align:center;
  472. text-transform:uppercase;
  473. color:{color:post title};}
  474.  
  475. .posttitle a {
  476. text-decoration:none;
  477. color:{color:post title};}
  478.  
  479. .posttitle a:hover {
  480. color:{color:post title};}
  481.  
  482.  
  483. /* Q U O T E S */
  484.  
  485. .quote {
  486. text-align:right;
  487. font-size:{text:title size}px;}
  488.  
  489. .source {
  490. text-transform:uppercase;
  491. padding-top:5px;
  492. display:block;
  493. text-align:left;}
  494.  
  495.  
  496. /* A S K S */
  497.  
  498. .ask {
  499. padding:5px;
  500. background:{color:ask bg};
  501. color:{color:ask txt};
  502. border-radius: {text:border radius}px;
  503. -moz-border-radius:{text:border radius}px;
  504. -webkit-border-radius:{text:border radius}px;}
  505. .asker {
  506. text-transform:uppercase;}
  507. .asker a {
  508. font-weight:bold;
  509. text-decoration:none;
  510. color:{color:ask txt};}
  511.  
  512. .answer {
  513. margin:5px;
  514. margin-top:5px;}
  515.  
  516. /* A U D I O */
  517.  
  518. .audio {
  519. width:100%;}
  520. .info {
  521. text-align:center;}
  522. .i {
  523. text-transform:uppercase;
  524. letter-spacing:1px;
  525. font-size:{text:txt size}px;}
  526. .player {
  527. position:absolute;
  528. overflow:hidden;
  529. margin-top:-3px;
  530. margin-left:15px;
  531. background:{color:post bg};
  532. width:24px;
  533. height:23px;}
  534.  
  535. /* C H A T S */
  536.  
  537. .chat{
  538. list-style:none;}
  539. .chat ul{
  540. padding:0px;
  541. margin:0px;
  542. line-height:150%;
  543. list-style:none;}
  544. .label{
  545. text-transform:uppercase;
  546. font-weight:bold;
  547. color:{color:b};}
  548.  
  549.  
  550. /* S I D E B A R*/
  551.  
  552. /* container */
  553. #sidebar {
  554. font-size:{text:desc txt size}px;
  555. text-transform:uppercase;
  556. background:transparent;
  557. width:{text:desc width}px;
  558. position:fixed;
  559. bottom:{text:desc bottom}px;
  560. left:{text:desc left}px;
  561. text-align:center;}
  562.  
  563. /* links */
  564. #sidebar a {
  565. text-decoration:none;
  566. color:{color:links};}
  567.  
  568. #sidebar a:hover {
  569. color:{color:links hover};}
  570.  
  571. /*title*/
  572. .blogtitle {
  573. padding:5px;
  574. text-align:center;
  575. font-size:{text:title size}px;}
  576.  
  577. .blogtitle a {
  578. color:{color:blog title};}
  579.  
  580. /* desc */
  581. .description {
  582. color:{color:desc txt};
  583. background:{color:desc bg};
  584. border:1px solid {color:border};
  585. border-radius:{text:border radius}px;
  586. -moz-border-radius:{text:border radius}px;
  587. -webkit-border-radius:{text:border radius}px;
  588. padding:5px;}
  589.  
  590. {block:ifNotInfiniteScroll}
  591. /* pagination */
  592. #pag {
  593. text-transform:uppercase;
  594. background:{color:desc bg};
  595. font-size:{text:txt size}px;
  596. letter-spacing:5px;
  597. margin-bottom:7px;
  598. padding:2px 0px;
  599. border:1px solid {color:border};
  600. border-radius:{text:border radius}px;
  601. -moz-border-radius:{text:border radius}px;
  602. -webkit-border-radius:{text:border radius}px;}
  603.  
  604. #pag a {
  605. text-decoration:none;
  606. background:none;
  607. color:{color:links};}
  608.  
  609. #pag a:hover {
  610. color:{color:links hover};}
  611. {/block:ifNotInfiniteScroll}
  612.  
  613. /* nav links */
  614. .links {
  615. margin-top:7px;}
  616.  
  617. .links a {
  618. display:block;
  619. color:{color:desc link};
  620. background:{color:desc link bg};
  621. padding:3px;
  622. margin:7px 0px;
  623. border:1px solid {color:border};
  624. border-radius:{text:border radius}px;
  625. -moz-border-radius:{text:border radius}px;
  626. -webkit-border-radius:{text:border radius}px;
  627. transition-duration:{text:transition speed}s;
  628. -moz-transition-duration:{text:transition speed}s;
  629. -webkit-transition-duration:{text:transition speed}s;
  630. -o-transition-duration:{text:transition speed}s;}
  631.  
  632. .links a:hover{
  633. color:{color:desc link hover};
  634. background:{color:desc link bg hover};
  635. border-color:{color:desc link bg hover};}
  636.  
  637. /* NOTES */
  638.  
  639. #notes ol {
  640. list-style-type:none;
  641. line-height:200%;
  642. padding-left:0px;
  643. margin-left:7px;
  644. padding-top:0px;}
  645.  
  646. #notes li {
  647. padding:5px 0px;}
  648.  
  649. #notes img {
  650. display: none;}
  651.  
  652. #notes {
  653. width:398px;
  654. padding:5px;
  655. padding-top:0px;
  656. padding-right:7px;
  657. margin-top:-15px;
  658. margin-bottom:25px;
  659. margin-left:10px;
  660. background:{color:post bg};
  661. border:1px solid {color:border};
  662. border-radius:{text:border radius}px;
  663. -moz-border-radius:{text:border radius}px;
  664. -webkit-border-radius:{text:border radius}px;}
  665.  
  666. /** THIS IS IMPORTANT JUST DON'T FUCK WITH IT **/
  667.  
  668. #scroll{
  669. bottom:-20px;
  670. position: absolute;
  671. left: 0%;
  672. width:10px;
  673. height:5px;
  674. overflow:hidden;
  675. margin-bottom:80px;}
  676.  
  677. /** CREDIT - DO NOT REMOVE (you may shift the color/position. must remain visible.) **/
  678.  
  679. #credit {
  680. opacity:.3;
  681. text-align: center;
  682. z-index:15;
  683. position: fixed;
  684. bottom:10px;
  685. left:10px;
  686. color:#fff;
  687. padding:1px 2px 0px 3px;
  688. background:#fff;
  689. transition-duration:0.6s;
  690. -moz-transition-duration:0.6s;
  691. -webkit-transition-duration:0.6s;
  692. -o-transition-duration:0.6s;
  693. }
  694. #credit:hover {
  695. opacity:1;
  696. background:#000;
  697. color:#fff;
  698. }
  699.  
  700. #credit a {
  701. text-decoration:none;
  702. color:#000;
  703. }
  704. #credit:hover a {
  705. color:#fff;
  706. }
  707.  
  708. </style>
  709.  
  710. </head>
  711.  
  712. <body>
  713.  
  714. <div id="credit"><a href="http://mustntrunthemes.tumblr.com" title="theme by mustntrunaway">MRT</a></div>
  715.  
  716. <div id="sidepic"><div id="sideimg"><img src="{image:side img}"></div></div>
  717.  
  718. <!-- S I D E B A R -->
  719.  
  720. <div id="sidebar">
  721. {block:ifNotInfiniteScroll}
  722. {block:indexpage}
  723. <div id="pag">{block:Pagination}
  724. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  725. {block:JumpPagination length="5"}
  726. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  727. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  728. {/block:JumpPagination}
  729. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  730. {/block:Pagination}</div>
  731. {/block:indexpage}
  732.  
  733. {block:permalinkpage}
  734. <div id="pag">{block:PermalinkPagination}
  735. {block:PreviousPost}<a href="{PreviousPost}" title="{lang:Previous post}">←</a>{/block:PreviousPost}
  736. {block:NextPost}<a href="{NextPost}" title="{lang:Next post}">→</a>{/block:NextPost}
  737. {/block:PermalinkPagination}
  738. </div>
  739. {/block:permalinkpage}
  740. {/block:ifNotInfiniteScroll}
  741.  
  742. <div class="description">
  743. <div class="blogtitle"><a href="/">{Title}</a></div>
  744. {Description}
  745. {block:ifDropdownMenu}
  746. <select style="width:100%; padding-top: 5px; margin-bottom:3px; border:none; color:{color:txt}; background-color:{color:desc bg}; font-family: Calibri; font-size:{text:desc txt size}px; text-transform: uppercase; line-height:{text:txt size}px" onChange="location.href=this.options[this.selectedIndex].value;">
  747. <option value="/">navigation</option>
  748. <option value="/">refresh</option>
  749. {block:AskEnabled}<option value="/ask">inquire</option>{/block:AskEnabled}
  750. {block:SubmitEnabled}<option value="/submit">offer</option>{/block:SubmitEnabled}
  751. <option value="/archive">look back</option>
  752. {block:iflink1title}<option value="{text:link1 url}">{text:link1 title}</option>{/block:iflink1title}
  753. {block:iflink2title}<option value="{text:link2 url}">{text:link2 title}</option>{/block:iflink2title}
  754. {block:iflink3title}<option value="{text:link3 url}">{text:link3 title}</option>{/block:iflink3title}
  755. {block:iflink4title}<option value="{text:link4 url}">{text:link4 title}</option>{/block:iflink4title}
  756. {block:iflink5title}<option value="{text:link5 url}">{text:link5 title}</option>{/block:iflink5title}
  757. {block:iflink6title}<option value="{text:link6 url}">{text:link6 title}</option>{/block:iflink6title}
  758. {block:iflink7title}<option value="{text:link7 url}">{text:link7 title}</option>{/block:iflink7title}
  759. {block:iflink8title}<option value="{text:link8 url}">{text:link8 title}</option>{/block:iflink8title}
  760. </select>
  761. {/block:ifDropdownMenu}
  762. </div>
  763. {block:ifNotDropdownMenu}<div class="links">
  764. <a href="/">refresh</a>
  765. {block:AskEnabled}<a href="/ask">inquire</a>{/block:AskEnabled}
  766. {block:SubmitEnabled}<a href="/submit">offer</a>{/block:SubmitEnabled}
  767. <a href="/archive">look back</a>
  768. {block:ifLink1Title}<a href="{text:link1 URL}">{text:link1 Title}</a>{/block:ifLink1Title}
  769. {block:iflink2Title}<a href="{text:link2 URL}">{text:link2 Title}</a>{/block:iflink2Title}
  770. {block:iflink3Title}<a href="{text:link3 URL}">{text:link3 Title}</a>{/block:iflink3Title}
  771. {block:iflink4Title}<a href="{text:link4 URL}">{text:link4 Title}</a>{/block:iflink4Title}
  772. {block:iflink5Title}<a href="{text:link5 URL}">{text:link5 Title}</a>{/block:iflink5Title}
  773. {block:iflink6Title}<a href="{text:link6 URL}">{text:link6 Title}</a>{/block:iflink6Title}
  774. {block:iflink7Title}<a href="{text:link7 URL}">{text:link7 Title}</a>{/block:iflink7Title}
  775. {block:iflink8Title}<a href="{text:link8 URL}">{text:link8 Title}</a>{/block:iflink8Title}
  776. </div>{/block:ifNotDropdownMenu}
  777. </div>
  778.  
  779. <div id="allposts">
  780.  
  781. {block:Posts}
  782.  
  783. <!-- this doesnt really do anything but is required. just don't touch it. -->
  784.  
  785. {block:ContentSource}
  786. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  787. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  788. {/block:SourceLogo}
  789. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  790. {/block:ContentSource}
  791.  
  792. <div id="post">
  793.  
  794. {block:IndexPage}
  795. <div class="permalink" style="margin-top:-19px; margin-bottom:10px; color:{color:reblog color};"><a href="{ReblogURL}" style="color:{color:reblog color};">rblg</a> / <a href="{Permalink}" style="color:{color:reblog color};">{NoteCount} %</a></div>
  796. {/block:IndexPage}
  797.  
  798. <!-- T E X T -->
  799.  
  800. {block:Text}
  801. <div class="text">
  802. {block:Title}<div class="posttitle">// {Title}</div>{/block:Title}
  803. {Body}
  804. </div>
  805. {/block:Text}
  806.  
  807. <!-- L I N K S -->
  808.  
  809. {block:Link}
  810. <div class="posttitle">>> <a href="{URL}">{Name}</a></div>
  811. {block:Description}{Description}{/block:Description}
  812. {/block:Link}
  813.  
  814. <!-- P H O T O S -->
  815.  
  816. {block:Photo}
  817. {block:IndexPage}
  818. {block:if250px}<img class="effect" src="{PhotoURL-250}" alt="{PhotoAlt}" style="border-radius: {text:border radius}; -moz-border-radius:{text:border radius}px; -webkit-border-radius:{text:border radius}px;" />{/block:if250px}
  819. {block:if400px}<img class="effect" src="{PhotoURL-400}" alt="{PhotoAlt}" style="border-radius: {text:border radius}; -moz-border-radius:{text:border radius}px; -webkit-border-radius:{text:border radius}px;" />{/block:if400px}
  820. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  821. {block:PermalinkPage}
  822. <img src="{PhotoURL-400}" alt="{PhotoAlt}" style="border-radius: {text:border radius}; -moz-border-radius:{text:border radius}px; -webkit-border-radius:{text:border radius}px;" />
  823. {/block:PermalinkPage}
  824. {/block:Photo}
  825.  
  826. <!-- P H O T O S E T S -->
  827.  
  828. {block:Photoset}
  829. {block:IndexPage}
  830. <div class="effect">
  831. {block:if250px}
  832. {Photoset-250}
  833. {/block:if250px}
  834. {block:if400px}
  835. {Photoset-400}
  836. {/block:if400px}
  837. </div>
  838. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  839. {/block:IndexPage}
  840. {block:PermalinkPage}
  841. {Photoset-400}
  842. {/block:PermalinkPage}
  843. {/block:Photoset}
  844.  
  845. <!-- Q U O T E S -->
  846.  
  847. {block:Quote}
  848. <div class="quote">{Quote}</div>
  849. {block:Source}<div class="source">{Source}</div>{/block:Source}
  850. {/block:Quote}
  851.  
  852. <!-- A S K S -->
  853.  
  854. {block:Answer}
  855. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  856. <div class="answer">{Answer}</div>
  857. {/block:Answer}
  858.  
  859. <!-- C H A T S-->
  860.  
  861. {block:Chat}
  862. {block:Title}<div class="posttitle">// {Title}</div>{/block:Title}
  863. <div class="chat"><ul>{block:Lines}
  864. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  865. {/block:Chat}
  866.  
  867. <!-- A U D I O -->
  868.  
  869. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  870. <div class="info"><div class="i">{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">{block:Artist}by {Artist}{/block:Artist}</div></div><br>{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  871. {/block:Audio}
  872.  
  873. <!-- V I D E O S -->
  874.  
  875. {block:Video}
  876. {block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  877. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  878. {/block:Video}
  879.  
  880. <!-- P E R M A L I N K I N F O -->
  881.  
  882. {block:IndexPage}
  883. {block:hastags}<div class="tags">{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div>{/block:hastags}
  884. {/block:IndexPage}
  885.  
  886. {block:PermalinkPage}
  887. {block:Caption}{Caption}{/block:Caption}
  888. <div class="permalink"><a href="{ReblogURL}">rblg</a> / <a href="{Permalink}">{NoteCount} %</a><br>
  889. {block:Date} {DayofMonthWithZero} {ShortMonth} {ShortYear} @ {12HourWithZero}:{Minutes}{/block:Date}{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}: {ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}: {ReblogRootTitle}">src</a> {/block:RebloggedFrom}</div>
  890. {block:hastags}<div class="tags">{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div>{/block:hastags}
  891. {/block:PermalinkPage}
  892. </div>
  893. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  894. {/block:Posts}
  895. </div>
  896.  
  897. <!-- P A G I N A T I O N ( d o n o t t o u c h ) -->
  898.  
  899. {block:ifInfiniteScroll}
  900. {block:IndexPage}
  901. {block:Pagination}
  902. <div id="pagi">
  903. {block:NextPage}
  904. <a id="nextPage" href="{NextPage}"></a>
  905. {/block:NextPage}
  906. {block:PreviousPage}
  907. <a href="{PreviousPage}"></a>
  908. {/block:PreviousPage}
  909. </div>
  910. {/block:Pagination}
  911. {/block:IndexPage}
  912. {/block:ifInfiniteScroll}
  913.  
  914. </body>
  915.  
  916. </html>
Advertisement
Add Comment
Please, Sign In to add comment