API tools faq
paste
Advertisement
chrisevansed

Theme #2

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