Advertisement
chrisevansed

Theme #1

Jun 15th, 2014
5,898
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.17 KB | None | 0 0
  1.  
  2. <!--Theme #1 by jensensakles-->
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#aaaaaa"/>
  16. <meta name="color:Link" content="#000000"/>
  17. <meta name="color:Borders" content="#cccccc"/>
  18.  
  19. <meta name="image:Sidebar Image" content=""/>
  20. <meta name="if:Show Sidebar Image" content="1"/>
  21. <meta name="if:500px posts" content="0"/>
  22.  
  23. <meta name="text:Link 1 URL" content="" />
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:Link 2 URL" content="" />
  26. <meta name="text:Link 2" content="" />
  27. <meta name="text:Link 3 URL" content="" />
  28. <meta name="text:Link 3" content="" />
  29.  
  30.  
  31.  
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34.  
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36.  
  37. <script>
  38.  
  39. (function($){
  40.  
  41. $(document).ready(function(){
  42.  
  43. $("a[title]").style_my_tooltips({
  44.  
  45. tip_follows_cursor:true,
  46.  
  47. tip_delay_time:30,
  48.  
  49. tip_fade_speed:300,
  50.  
  51. attribute:"title"
  52.  
  53. });
  54.  
  55. });
  56.  
  57. })(jQuery);
  58.  
  59. </script>
  60.  
  61. <style type="text/css">
  62.  
  63. #s-m-t-tooltip{
  64. position:absolute;
  65. margin-top: 15px;
  66. z-index:9999;
  67. background:{color:background};
  68. }
  69.  
  70.  
  71. /*basics*/
  72. blockquote {padding: 0px 0 0px 10px;
  73. border-left:1px solid {color:borders};
  74. margin-left:30px;
  75. }
  76.  
  77. .caption {
  78. padding-top:0px;
  79. padding-left:10px;
  80. padding-bottom:0px;
  81. margin-top:0px;
  82. text-align:left;
  83. font-size:10px;
  84. padding-right:10px;}
  85.  
  86. body {
  87. background:{color:background};
  88. color:{color:text};
  89. font-family:arial;
  90. font-size:11px;
  91. text-align:justify;
  92. margin:0;
  93. line-height:16px;}
  94.  
  95.  
  96. a {
  97. color:{color:link};
  98. text-decoration:none;
  99. -webkit-transition:all 0.6s;
  100. -moz-transition:all 0.6s;
  101. -ms-transition:all 0.6s;
  102. -o-transition:all 0.6s;
  103. transition:all 0.6s;
  104. }
  105.  
  106. a:hover {
  107. text-decoration:underline;
  108. -webkit-transition:all 0.6s;
  109. -moz-transition:all 0.6s;
  110. -ms-transition:all 0.6s;
  111. -o-transition:all 0.6s;
  112. transition:all 0.6s; }
  113.  
  114. img{opacity:1;
  115. border:none;
  116. text-decoration:none;}
  117.  
  118.  
  119. small {
  120. font-size:9px;}
  121.  
  122. big {
  123. font-size:12px;}
  124.  
  125.  
  126. #title {font-size:12px;
  127. line-height:18px;
  128. font-weight:bold;
  129. margin-bottom:10px;
  130. text-transform:uppercase;
  131. text-align:left;}
  132.  
  133.  
  134. /*sidebar*/
  135. #sidebar {text-align:left;
  136. position:fixed;
  137. margin-top:250px;
  138. width:125px;
  139. margin-left:-200px;
  140.  
  141. }
  142.  
  143. #sidebarimage {margin-bottom:20px;
  144. }
  145.  
  146. #sidebarimage img {width:125px;}
  147.  
  148. #blogtitle {font-size:18px;letter-spacing:5px;font-weight:bold;}
  149.  
  150. #links {
  151. display:block;padding: 0px 0px 8px 0px;
  152. text-align:right;
  153. line-height:16px;
  154. font-size:10px;
  155. text-transform:lowercase;
  156. }
  157.  
  158.  
  159. #links a {
  160. margin-right:5px;
  161. margin-bottom:5px;
  162. }
  163.  
  164. #description {
  165. margin:20px 0;
  166. line-height:150%;
  167.  
  168. }
  169.  
  170.  
  171. /*pagination*/
  172. #pagination {
  173. margin:50px 0;
  174. text-align:right;
  175. font-size:8px;
  176. letter-spacing:1px;
  177. text-transform:uppercase;
  178. font-weight:bold;
  179. }
  180. #pagination a {
  181. padding:0 15px;
  182. }
  183.  
  184. /*container*/
  185. #con {
  186. left:50%;
  187. margin-left:-200px;
  188. position:absolute;
  189. }
  190.  
  191.  
  192.  
  193. /*posts*/
  194.  
  195. #entries {
  196. margin-top:90px;
  197. {block:if500pxposts}
  198. width:500px;
  199. {/block:if500pxposts}
  200. {block:ifnot500pxposts}
  201. width:400px;
  202. {/block:ifnot500pxposts}
  203. }
  204.  
  205.  
  206.  
  207. #posts {
  208. {block:IndexPage}
  209. margin-bottom:80px;
  210. {/block:IndexPage}
  211. {block:PermalinkPage}
  212. margin-bottom:80px;
  213. {/block:PermalinkPage}
  214. {block:if500pxposts}
  215. width:500px;
  216. {/block:if500pxposts}
  217. {block:ifnot500pxposts}
  218. left:400px;
  219. {/block:ifnot500pxposts}
  220. }
  221.  
  222. #posts img {
  223. {block:if500pxposts}
  224. max-width:500px;
  225. {/block:if500pxposts}
  226. {block:ifnot500pxposts}
  227. max-width:400px;
  228. {/block:ifnot500pxposts}
  229.  
  230. }
  231.  
  232. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  233.  
  234. /*quote*/
  235.  
  236. #titlequote{
  237. text-align:center;
  238. font-size:14px;
  239. line-height:18px;
  240. font-weight:bold;
  241. }
  242.  
  243. #source {
  244. text-align:center;
  245. font-size:8px;
  246. letter-spacing:1px;
  247. text-transform:uppercase;
  248. padding-bottom:5px;
  249. margin-top:15px;
  250. margin-left:15px;
  251. }
  252.  
  253. /*audio*/
  254.  
  255. .player {
  256. width:25px;
  257. height:25px;
  258. overflow:hidden;
  259. position:absolute;
  260. background:white;}
  261.  
  262. .audioinfo {
  263. margin-left:50px;
  264. {block:if500pxposts}
  265. width:290px;
  266. {/block:if500pxposts}
  267. {block:ifnot500pxposts}
  268. width:190px;
  269. {/block:ifnot500pxposts}
  270. }
  271.  
  272.  
  273. /*asks*/
  274. .q {margin-bottom:10px;
  275. text-align:center;
  276. padding:5px;
  277. }
  278.  
  279. .as {
  280. font-weight:bold;}
  281.  
  282. .a {
  283. margin-top:10px;
  284. }
  285.  
  286.  
  287. /*chat*/
  288.  
  289. .chat ol {
  290. padding:0;
  291. list-style:none;
  292. }
  293. .line {padding:5px 0;}
  294.  
  295. .label {font-weight:bold;
  296. }
  297.  
  298.  
  299.  
  300. /*permalink and notes*/
  301.  
  302. #info {
  303. margin-top:2px;
  304. font-size:8px;
  305. letter-spacing:1px;
  306. text-transform:uppercase;
  307. }
  308.  
  309. #info a {margin-left:10px;
  310. }
  311.  
  312. .tags {
  313. {block:ifNot400pxposts}
  314. width:500px;
  315. {/block:ifNot400pxposts}
  316. {block:if400pxposts}
  317. width:400px;
  318. {/block:if400pxposts}
  319. text-align:left;
  320. font-size:8px;
  321. letter-spacing:1px;
  322. margin-top:0px;
  323. line-height:90%;
  324. }
  325.  
  326. .notes {
  327. {block:IndexPage}
  328. display: none!important;
  329. {/block:IndexPage}
  330. text-align:left;
  331. {block:if500pxposts}
  332. width:500px;
  333. {/block:if500pxposts}
  334. {block:ifnot500pxposts}
  335. width:400px;
  336. {/block:ifnot500pxposts}
  337. }
  338.  
  339. .notes img {
  340. display:none!important;}
  341. .notes li {
  342. list-style-type:none;
  343. padding:5px 0px;
  344. text-align:left;
  345. margin:0 0 0 -40px;
  346. }
  347.  
  348. #credit {
  349. position:fixed;
  350. right:10px;
  351. bottom:10px;
  352. text-transform:uppercase;
  353. font-size:8px;
  354. font-family:arial;
  355. letter-spacing:1px;
  356. padding:3px;
  357. -webkit-transition: all 0.5s ease;
  358. -moz-transition: all 0.5s ease;
  359. -ms-transition: all 0.5s ease;
  360. -o-transition: all 0.5s ease;
  361. transition: all 0.5s ease;
  362. }
  363.  
  364.  
  365. {CustomCSS}
  366.  
  367.  
  368. </style>
  369.  
  370.  
  371.  
  372. </head>
  373.  
  374. <body>
  375.  
  376. <div id="con">
  377.  
  378. <div id="sidebar">
  379. {block:IfShowSidebarImage}
  380. <div id="sidebarimage"><img src="{image:Sidebar Image}"></div>
  381. {/block:IfShowSidebarImage}
  382. <div id="blogtitle"><a href="/">{Title}.</a></div>
  383. <div id="description">{Description}</div>
  384. <div id="links">
  385. <a href="/ask">ask</a>
  386. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  387. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  388. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  389. </div>
  390.  
  391.  
  392.  
  393.  
  394. </div>
  395.  
  396.  
  397.  
  398.  
  399. <div id="entries">
  400.  
  401. {block:Posts}
  402. <div id="posts">
  403.  
  404.  
  405. {block:Quote}
  406.  
  407.  
  408. <div id="titlequote">“{Quote}”</div>
  409. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  410. {/block:Quote}
  411.  
  412.  
  413.  
  414. {block:Text}
  415.  
  416. {block:Title}
  417. <div id="title">{Title}</div>{/block:Title}
  418. {Body}
  419. {/block:Text}
  420.  
  421. {block:Link}
  422. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  423. {/block:Link}
  424.  
  425. {block:Chat}
  426. {block:Title}
  427. <h1>{Title}</h1>
  428. {/block:Title}
  429. <div class="chat">
  430. <ol>{block:Lines}
  431. <li class="line {Alt}">
  432. {block:Label}
  433. <span class="label">
  434. {Label}</span>
  435. {/block:Label}{Line}</li>
  436. {/block:Lines}
  437. </ol></div>
  438. {/block:Chat}
  439.  
  440. {block:Photo}
  441. <div class="photo">
  442. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  443. </div>
  444.  
  445.  
  446. {/block:Photo}
  447.  
  448. {block:Photoset}
  449. <div class="photoset">
  450. {block:if500pxposts}
  451. {Photoset-500}
  452. {/block:if500pxposts}
  453. {block:ifnot500pxposts}
  454. {Photoset-400}
  455. {/block:ifnot500pxposts}
  456. </div>
  457. {/block:Photoset}
  458.  
  459.  
  460. {block:Video}
  461. {/block:IndexPage}
  462. {block:if500pxposts}
  463. {Video-500}
  464. {/block:if500pxposts}
  465. {block:ifnot500pxposts}
  466. {Video-400}
  467. {/block:ifnot500pxposts}
  468. {/block:Video}
  469.  
  470. {block:Audio}
  471. <div class="player">{AudioPlayerWhite}</div>
  472. <div class="audioinfo">
  473. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  474. </div>
  475. {/block:Audio}
  476.  
  477. {block:Answer}
  478. <div class="q">
  479. <div class="as">{Asker} said: </div>
  480. {Question}</div>
  481. <div class="a">{Answer}</div>
  482. {/block:Answer}
  483.  
  484. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  485.  
  486. {block:Date}
  487. <div id="info">
  488. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">({NoteCount})</a>{/block:NoteCount}{block:PermalinkPage}
  489. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">/ source</a>{/block:ContentSource}{/block:RebloggedFrom}
  490. {/block:PermalinkPage}
  491. <div class="tags">
  492. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
  493. {/block:HasTags}
  494. </div>
  495. {/block:Date}
  496.  
  497.  
  498.  
  499. </div>
  500.  
  501.  
  502. {block:PostNotes}
  503. <div class="notes">
  504. {PostNotes}
  505. </div>
  506. {/block:PostNotes}
  507.  
  508.  
  509. {/block:Posts}
  510.  
  511. <div id="pagination">
  512. {block:Pagination}
  513. {block:PreviousPage}
  514. <a href="{PreviousPage}">&larr; previous </a>
  515. {/block:PreviousPage}
  516.  
  517.  
  518. {block:NextPage}
  519. <a href="{NextPage}">next &rarr;</a>
  520. {/block:NextPage}
  521. {/block:Pagination}
  522. </div>
  523.  
  524.  
  525.  
  526. </div>
  527.  
  528. <div id="credit">
  529. <a href="http://jensensakles.tumblr.com/">ja</a></div>
  530.  
  531.  
  532. </div>
  533.  
  534.  
  535. {block:ContentSource}
  536. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  537. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  538. {/block:SourceLogo}
  539. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  540. {/block:ContentSource}
  541.  
  542. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement