API tools faq
paste
Advertisement
oftenwrongthemes

Now or Never - Theme 3

oftenwrongthemes
Aug 6th, 2014
717
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.44 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  7. <meta name="description" content="" />
  8. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  9.  
  10. <!--jquery for tooltips-->
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12.  
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14. <script>
  15. (function($){
  16. $(document).ready(function(){
  17. $("a[title]").style_my_tooltips({
  18. tip_follows_cursor:true,
  19. tip_delay_time:60,
  20. tip_fade_speed:600,
  21. attribute:"title"
  22. });
  23. });
  24. })(jQuery);
  25. </script>
  26.  
  27. <!---META TAGS--->
  28.  
  29. <meta name="image:Sidebar" content=""/>
  30. <meta name="color:Background" content="#fff"/>
  31. <meta name="color:Font" content="#aaa"/>
  32. <meta name="color:Links" content="#888"/>
  33. <meta name="color:Hover" content="#eee"/>
  34. <meta name="color:Description" content="#bbb"/>
  35. <meta name="color:Label" content="#aaa" />
  36. <meta name="if:400px" content="1" />
  37. <meta name="if:hovertags" content="1" />
  38. <meta name="if:title" content="1" />
  39. <meta name="text:Link 1" content=""/>
  40. <meta name="text:Link 1 url" content=""/>
  41. <meta name="text:Link 2" content=""/>
  42. <meta name="text:Link 2 url" content=""/>
  43. <meta name="text:Link 3" content=""/>
  44. <meta name="text:Link 3 url" content=""/>
  45.  
  46. <!--THEME 3 BY BISEXUALAMY - DO NOT TOUCH THE CREDIT -->
  47.  
  48. <style type="text/css">
  49.  
  50. /*global*/
  51.  
  52. #s-m-t-tooltip {
  53. max-width: 350px;
  54. padding: 5px;
  55. margin: 15px 0px 0px 15px;
  56. background: {color:label};
  57. font-family: arial;
  58. font-size: 10px;
  59. color: #fff;
  60. z-index: 999999999999999999999999999999999999;
  61. }
  62.  
  63. body {
  64. font-size: 10px;
  65. color: {color:font};
  66. font-family: arial;
  67. background-color: {color:background};
  68. line-height: 105%;
  69. }
  70.  
  71. a {
  72. text-decoration: none;
  73. font-weight: bold;
  74. color: {color:links};
  75. text-transform: uppercase;
  76. font-size: 9px;
  77. -moz-transition-duration: 0.5s;
  78. -o-transition-duration: 0.5s;
  79. -webkit-transition-duration: 0.5s;
  80. transition-duration: 0.5s;
  81. }
  82.  
  83. a:hover {
  84. color: {color:hover};
  85. -moz-transition-duration: 0.5s;
  86. -o-transition-duration: 0.5s;
  87. -webkit-transition-duration: 0.5s;
  88. transition-duration: 0.5s;
  89. }
  90.  
  91. h1 {
  92. text-align: center;
  93. text-transform: uppercase;
  94. letter-spacing: 6px;
  95. font-size: 13px;
  96. }
  97.  
  98. h1 a {
  99. font-size: 12px;
  100. }
  101.  
  102. .container {
  103. width: 800px;
  104. margin: auto;
  105. }
  106.  
  107. /*sidebar*/
  108.  
  109. .sidebar {
  110. width: 150px;
  111. position: fixed;
  112. margin-top: 250px;
  113. padding-left: 50px;
  114. }
  115.  
  116. .sidebar:hover #homelink {
  117. margin-top: 5px;
  118. opacity: 1;
  119. -moz-transition-duration: 0.5s;
  120. -o-transition-duration: 0.5s;
  121. -webkit-transition-duration: 0.5s;
  122. transition-duration: 0.5s;
  123. }
  124.  
  125. #homelink {
  126. text-align: center;
  127. text-transform: uppercase;
  128. color: {color:links};
  129. font-size: 11px;
  130. word-spacing: 8px;
  131. font-weight: normal;
  132. margin-top: -5px;
  133. width: 150px;
  134. opacity: 0;
  135. -moz-transition-duration: 0.5s;
  136. -o-transition-duration: 0.5s;
  137. -webkit-transition-duration: 0.5s;
  138. transition-duration: 0.5s;
  139. }
  140.  
  141. #homelink a {
  142. font-weight: normal;
  143. -moz-transition-duration: 0.5s;
  144. -o-transition-duration: 0.5s;
  145. -webkit-transition-duration: 0.5s;
  146. transition-duration: 0.5s;
  147. }
  148.  
  149. .description {
  150. width: 150px;
  151. text-align: center;
  152. color: {color:description};
  153. padding-top: 2px;
  154. }
  155.  
  156. .pagi a {
  157. color: {color:description};
  158. font-size: 11px;
  159. width: 150px;
  160. padding-top: 7px;
  161. }
  162.  
  163. {block:iftitle}
  164.  
  165. .title {
  166. font-family: georgia;
  167. text-align: center;
  168. font-weight: bold;
  169. font-size: 20px;
  170. letter-spacing: -2px;
  171. word-spacing: 2px;
  172. text-transform: lowercase;
  173. }
  174.  
  175. {/block:iftitle}
  176.  
  177. {block:ifnottitle}
  178.  
  179. .title {
  180. display:none;
  181. }
  182.  
  183. {/block:ifnottitle}
  184.  
  185. /*posts*/
  186.  
  187. .posts {
  188. {block:if400px}width: 400px;{/block:if400px}
  189. {block:ifnot400px}width: 500px;{/block:ifnot400px}
  190. margin-top: 20px;
  191. margin-bottom: 20px;
  192. padding: 20px;
  193. }
  194.  
  195. .postcol {
  196. width: 540px;
  197. margin-left: 300px;
  198.  
  199. }
  200.  
  201. .posts li {
  202. list-style: round;
  203. }
  204.  
  205. .posts blockquote {
  206. border-left: 2px solid #ccc;
  207. padding-left: 5px;
  208. }
  209.  
  210. .posts img, .posts li, .posts blockquote {
  211. max-width: 100%;
  212. }
  213.  
  214. .quote {
  215. font-size: 15px;
  216. line-height: 110%;
  217. font-family: georgia;
  218. font-style: italic;
  219. }
  220.  
  221. .source {
  222. text-align: right;
  223. font-variant: small-caps;
  224. font-size: 13px;
  225. padding-top: 10px;
  226. font-family: arial;
  227. font-style: normal;
  228. }
  229.  
  230. .question {
  231. text-align: center;
  232. {block:if400px}width: 300px;{/block:if400px}
  233. {block:ifnot400px}width: 400px;{/block:ifnot400px}
  234. border-bottom: 1px solid #ccc;
  235. padding-bottom: 2px;
  236. margin-left: 50px;
  237. }
  238.  
  239. .convo {
  240. list-style: none;
  241. line-height: 120%;
  242. }
  243.  
  244. .label {
  245. text-transform: uppercase;
  246. font-size: 10px;
  247. padding-right: 2px;
  248. font-weight: bold;
  249. }
  250.  
  251. .playbutton {
  252. width: 25px;
  253. height: 28px;
  254. padding: 5px;
  255. overflow: hidden;
  256. position: relative;
  257. z-index: 1000
  258. }
  259.  
  260. .playbox {
  261. background-color: #fff;
  262. position: absolute;
  263. z-index: 1000;
  264. margin-top: 30px;
  265. margin-left: 30px;
  266. opacity: .7;
  267. }
  268.  
  269. .audiodesc {
  270. font-family: calibri;
  271. font-size: 12px;
  272. position: relative;
  273. top: -28px;
  274. left: 5px;
  275. }
  276.  
  277. /*post info*/
  278.  
  279. #postnotes {
  280. line-height: 140%;
  281. font-size: 11px;
  282. text-align: center;
  283. margin-top: 10px;
  284. }
  285.  
  286. #postnotes ol.notes {
  287. list-style-type: none;
  288. }
  289.  
  290. #postnotes img.avatar {
  291. width: 0px;
  292. height: 0px;
  293. }
  294.  
  295. .rebloginfo {
  296. padding-top: 10px;
  297. padding-bottom: 3px;
  298. border-bottom: 3px double #ccc;
  299. }
  300.  
  301. {block:ifhovertags}
  302.  
  303. .tags {
  304. {block:IndexPage}
  305. opacity: 0;
  306. position: absolute;
  307. {/block:IndexPage}
  308. {block:if400px}width: 400px;{/block:if400px}
  309. {block:ifnot400px}width: 500px;{/block:ifnot400px}
  310. {block:if400px}max-width: 400px;{/block:if400px}
  311. {block:ifnot400px}max-width: 500px;{/block:ifnot400px}
  312. text-align: center;
  313. padding-top: 7px;
  314. -moz-transition-duration: 0.5s;
  315. -o-transition-duration: 0.5s;
  316. -webkit-transition-duration: 0.5s;
  317. transition-duration: 0.5s;
  318. }
  319.  
  320. {block:IndexPage}
  321. .posts:hover .tags {opacity: 1.0;
  322. -moz-transition-duration: 0.5s;
  323. -o-transition-duration: 0.5s;
  324. -webkit-transition-duration: 0.5s;
  325. transition-duration: 0.5s;}
  326. {/block:IndexPage}
  327.  
  328. {/block:ifhovertags}
  329.  
  330. {block:ifnothovertags}
  331.  
  332. .tags {
  333. text-align: center;
  334. padding-top: 7px;
  335. position: absolute;
  336. {block:if400px}width: 400px;{/block:if400px}
  337. {block:ifnot400px}width: 500px;{/block:ifnot400px}
  338. {block:if400px}max-width: 400px;{/block:if400px}
  339. {block:ifnot400px}max-width: 500px;{/block:ifnot400px}
  340. opacity: 1;
  341. }
  342.  
  343. {/block:ifnothovertags}
  344.  
  345. /*credit*/
  346.  
  347. .credit {
  348. position: fixed;
  349. bottom: 10px;
  350. right: 12px;
  351. }
  352.  
  353. </style>
  354. </head>
  355.  
  356. <body>
  357.  
  358. <div class="container">
  359.  
  360. <!--SIDEBAR-->
  361.  
  362. <div class="sidebar">
  363.  
  364. <img src="{image:sidebar}" width="150px">
  365.  
  366. <div class="title">{title}</div>
  367.  
  368. <div id="homelink"><a href="/" title="home">I.</a> <a href="/ask" title="ask">II.</a> <a href="{text:link 1 url}" title="{text:link 1}">III.</a> <a href="{text:link 2 url}" title="{text:link 2}">Iv.</a> <a href="{text:link 3 url}" title="{text:link 3}">V.</a></div>
  369.  
  370. <div class="description">{description}
  371.  
  372. <div class="pagi">
  373. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  374. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  375. </div>
  376. </div>
  377.  
  378. </div>
  379.  
  380. <!---POSTS-->
  381.  
  382. <div class="postcol">
  383. {block:Posts}
  384. <div class="posts">
  385.  
  386. {block:Text}
  387. {block:Title}<h1>{Title}</h1>{/block:Title}
  388. <div style="{block:if400px}width: 400px;{/block:if400px}
  389. {block:ifnot400px}width: 500px;{/block:ifnot400px}">{Body}</div>
  390. {/block:Text}
  391.  
  392. {block:Photo}
  393. {LinkOpenTag}<img src="{block:if400px}{PhotoURL-400}{/block:if400px}{block:ifnot400px}{PhotoURL-500}{/block:ifnot400px}" alt="{PhotoAlt}">{LinkCloseTag}
  394.  
  395. {block:Caption}{Caption}{/block:Caption}
  396. {/block:Photo}
  397.  
  398. {block:Photoset}
  399. {block:if400px}{Photoset-400}{/block:if400px}{block:ifnot400px}{Photoset-500}{/block:ifnot400px}
  400. {block:Caption}{Caption}{/block:Caption}
  401. {/block:Photoset}
  402.  
  403. {block:Quote}
  404. <div class="quote">
  405. <div class="quotetext_{Length}">"{Quote}"</div>
  406. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  407. </div>
  408. {/block:Quote}
  409.  
  410. {block:Answer}
  411. <div class="question">
  412. {Asker} asked: {Question}
  413. </div>
  414. <div class="answer">{Answer}</div>
  415. {/block:Answer}
  416.  
  417. {block:Link}
  418. <h1><a href="{URL}">{Name}</a></h1>
  419. {block:Description}{Description}{/block:Description}
  420. {/block:Link}
  421.  
  422. {block:Chat}
  423. {block:Title}<h1>{Title}</h1>{/block:Title}
  424. <div class="convo">{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}
  425. {Line}</li>{/block:Lines}</div>
  426. {/block:Chat}
  427.  
  428. {block:Video}
  429. {block:if400px}{Video-400}{/block:if400px}
  430. {block:ifnot400px}{Video-500}{/block:ifnot400px}
  431. {block:Caption}{Caption}{/block:Caption}
  432. {/block:Video}
  433.  
  434. {block:Audio}
  435. <table><tr><td><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  436. {block:AlbumArt}<img src="{AlbumArtURL}" height="100" width="100" class="cover">{/block:AlbumArt}</td>
  437. <td><div class="audiodesc">{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:Album}<b>Album:</b> {Album}<br>{/block:Album}</div></td></tr></table>
  438. {/block:Audio}
  439.  
  440. <!--POST INFO-->
  441.  
  442. {block:PostNotes}<div id="postnotes">{PostNotes}</div>{/block:PostNotes}
  443.  
  444. <div class="rebloginfo">
  445.  
  446. <a href="{Permalink}">{block:Date} POSTED {TimeAgo}{/block:Date}</a>
  447.  
  448. {block:NoteCount} with {NoteCountWithLabel}{block:NoteCount}
  449.  
  450. <span style="float: right">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">VIA </a> - <a href="{ReblogRootURL}" title="{ReblogRootName}">SOURCE</a>{/block:RebloggedFrom}</span>
  451.  
  452. </div>
  453.  
  454. <span class="tags">{block:HasTags} {block:Tags}<span style="margin-right: 5px;">#{TAG}</span> {/block:Tags} {/block:HasTags}</span>
  455.  
  456. </div>
  457. {/block:Posts}
  458. </div>
  459.  
  460. </div>
  461.  
  462. </body>
  463.  
  464. <div class="credit"><a href="http://bisexualamy.tumblr.com/">▲▲▲</a></div>
  465. </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!