API tools faq
paste
Godamniall

Theme 18 - Irresistible

Godamniall
Sep 21st, 2014
902
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. THEME 18 BY GODAMNIALL-KATHYA
  6. PLEASE DONT DISTRIBTUTE, DONT DELETE/REMOVE THE CREDIT, DONT CLAIM AS YOUR OWN PLEASE,ITS NOT FAB
  7.  
  8. -->
  9.  
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20.  
  21. <meta name="color:Text" content="#000000"/>
  22. <meta name="color:Link" content="#000000"/>
  23. <meta name="color:Tags" content="#000000"/>
  24. <meta name="color:Hover" content="#427ea3"/>
  25. <meta name="color:detailsbg" content="#bad8eb"/>
  26. <meta name="color:askbg" content="#75b1d6"/>
  27.  
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="image:background" content=""/>
  30.  
  31. <meta name="text:linkC" content="">
  32. <meta name="text:linkC url" content="/">
  33. <meta name="text:linkD" content="">
  34. <meta name="text:linkD url" content="/">
  35. <meta name="text:linkE" content="">
  36. <meta name="text:linkE url" content="/">
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41.  
  42. body {
  43. background: {color:Bg} url('{image:background}') top center fixed ;
  44. repeat;
  45. -webkit-background-size: cover;
  46. -moz-background-size: cover;
  47. -o-background-size: cover;
  48. background-size: cover;
  49. margin: 0;
  50. padding: 0;
  51. font-family: 'Strait', sans-serif;
  52. color:{color:text};
  53. }
  54.  
  55. a {
  56. text-decoration:none;
  57. -moz-outline-style:none;
  58. color:{color:link};
  59. }
  60.  
  61.  
  62. h1 {
  63. font-size:12px;
  64. text-transform:uppercase;
  65. }
  66.  
  67. h2 {
  68. line-height:110%;
  69. font-size:12px;
  70. }
  71.  
  72. blockquote {
  73. margin-left:7px;
  74. padding-left:5px;
  75. border-left:2px solid;
  76. width:400px;
  77. font-size:11px;
  78. }
  79.  
  80. blockquote blockquote {
  81. padding-left:5px;
  82. border-left:2px solid;
  83. }
  84.  
  85.  
  86. a:hover {
  87. opacity:1;
  88. color:{color:hover};
  89. -webkit-transition: all 0.5s ease;
  90. -moz-transition: all 0.5s ease;
  91. -o-transition: all 0.5s ease
  92. }
  93.  
  94.  
  95. #sidebar {
  96. position:fixed;
  97. width:132px;
  98. margin-left:210px;
  99. margin-top:220px;
  100. opacity:8;
  101. -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  102. -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  103. box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  104. -webkit-border-radius: 3px;
  105. -moz-border-radius: 3px;
  106. border-radius: 13px;
  107. }
  108.  
  109. #sidebarimage {
  110. width:150px;
  111. }
  112.  
  113.  
  114. #sidebarimage img {
  115. background:#fff;
  116. width:160px;
  117. padding:6px;
  118. opacity:0.9;
  119. border-radius: 13px;
  120. padding-bottom:25px;
  121. }
  122.  
  123.  
  124. .desc {
  125. margin-top:-2px;
  126. margin-left:0px;
  127. font-family:cambria;
  128. line-height:110%;
  129. font-size:10px;
  130. font-style:none;
  131. width:154px;
  132. padding:9px;
  133. text-align:justify;
  134. color:{color:text};
  135. background-color:#fff;
  136. -moz-border-radius-bottomright: 13px;
  137. -webkit-border-bottom-right-radius: 13px;
  138. border-bottom-right-radius: 13px;
  139. -moz-border-radius-bottomleft: 13px;
  140. -webkit-border-bottom-left-radius: 13px;
  141. border-bottom-left-radius: 13px;
  142. border: 0px solid #000000;
  143. }
  144.  
  145. .desc a {
  146. color:{color:text};
  147. -moz-transition-duration:0.6s;
  148. -webkit-transition-duration:0.6s;
  149. -o-transition-duration:0.6s;
  150. }
  151.  
  152. .desc a:hover {
  153. text-decoration:underline;
  154. }
  155.  
  156. .links {
  157. background-color:#fff;
  158. width:150px;
  159. height:20px;
  160. position:fixed;
  161. margin-top:-20px;
  162. margin-left:0px;
  163. font-family:Arial, Helvetica;
  164. text-align:center;
  165. padding-left:5px;
  166. padding-right:17px;
  167. text-transform:uppercase;
  168. word-spacing:3px;
  169. }
  170.  
  171. .links a {
  172. font-size: 9px;
  173. }
  174.  
  175. .links a:hover {
  176. color:{color:Hover}
  177. }
  178.  
  179. #s-m-t-tooltip {
  180. max-width:300px;
  181. padding:3px 4px 5px 4px;
  182. margin:20px 0px 0px 20px;
  183. background-color:#fff;
  184. font-family:calibri;
  185. font-size:10px;
  186. letter-spacing:1px;
  187. text-transform:justify;
  188. color:#000;
  189. z-index:999999999999999999999999999999999999;
  190. }
  191.  
  192. #pagi{
  193. color:#000;
  194. width:172px;
  195. font-size:15px;
  196. text-align:center;
  197. margin-left:0px;
  198. margin-top:-19px;
  199. position:fixed;
  200. font-family:cambria;
  201. word-spacing:5px;
  202. border-radius: 0px 0px 13px 13px;
  203. -moz-border-radius: 0px 0px 13px 13px;
  204. -webkit-border-radius: 0px 0px 13px 13px;
  205. background-color:#fff;
  206. padding-bottom:2px;
  207. }
  208.  
  209. #pagi a {
  210. color:#000;
  211. }
  212.  
  213. #pagi a:hover{
  214. color:#000;
  215. }
  216.  
  217. .newplayerbutton {
  218. position: relative;
  219. width: 28px;
  220. height: 27px;
  221. overflow: hidden;
  222. }
  223.  
  224. .playerbuttonhug {
  225. background-color: #000;
  226. position: absolute;
  227. z-index: 1000;
  228. top: -11px;
  229. left: 1px;
  230. -webkit-border-radius: 100px;
  231. -moz-border-radius: 100px;
  232. border-radius: 100px;
  233. }
  234.  
  235.  
  236. .tumblr_audio_player {
  237. border: none;
  238. padding: 0px;
  239. margin: 0px;
  240. height: 50px;
  241. width: 400px;
  242. }
  243.  
  244. .playerbuttonbg {
  245. position: absolute;
  246. left: 20px;
  247. top: 20px;
  248. width: 28px;
  249. height: 28px;
  250. background-color: #ffffff;
  251. padding: 10px;
  252. -webkit-border-radius: 40px;
  253. -moz-border-radius: 40px;
  254. border-radius: 40px;
  255. opacity: .4;
  256. filter: alpha(opacity=40);
  257. -moz-opacity: 0.4;
  258. -khtml-opacity: 0.4;
  259. transition: opacity .7s ease-in-out;
  260. -moz-transition: opacity .7s ease-in-out;
  261. -webkit-transition: opacity .7s ease-in-out;
  262. }
  263.  
  264. .playerbuttonbg:hover {
  265. opacity: 1;
  266. filter: alpha(opacity=100);
  267. -moz-opacity: 1;
  268. -khtml-opacity: 1;
  269. }
  270.  
  271. .audioimgwrapper {
  272. position: absolute;
  273. left: 0px;
  274. top: 0px;
  275. -webkit-border-radius: 50px;
  276. -moz-border-radius: 50px;
  277. border-radius: 50px;
  278. overflow: hidden;
  279. width: 88px;
  280. height: 88px;
  281. }
  282.  
  283. .audioimgwrapper img {
  284. width: 100%;
  285. height: auto;
  286. -webkit-border-radius: 50px;
  287. -moz-border-radius: 50px;
  288. border-radius: 50px;
  289. }
  290.  
  291. .trackdetails {
  292. width: auto;
  293. display:inline-block;
  294. margin-left: 100px;
  295. min-height: 85px;
  296. }
  297.  
  298. .audiowrapper {
  299. position: relative;
  300. display:inline-block;
  301. }
  302.  
  303.  
  304. #all {
  305. padding:10px;
  306. width:400px;
  307. margin-left:500px;
  308. margin-top:10px;
  309. font-size:10px;
  310. }
  311.  
  312.  
  313.  
  314. #posts {
  315. width:400px;
  316. padding-bottom:20px;
  317. padding:10px;
  318. margin-top:30px;
  319. background-color:#fff;
  320. opacity:0.9;
  321. -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  322. -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  323. box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  324. -webkit-border-radius: 3px;
  325. -moz-border-radius: 3px;
  326. border-radius: 13px;
  327. }
  328.  
  329. #posts img {
  330. max-width:400px;
  331. }
  332.  
  333. #notes {
  334. margin-top:15px;
  335. padding-top:3px;
  336. background-color:#fff;
  337. width:420px;
  338. -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  339. -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  340. box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  341. -webkit-border-radius: 3px;
  342. -moz-border-radius: 3px;
  343. border-radius: 13px;
  344. }
  345.  
  346.  
  347. #details {
  348. padding:5px;
  349. background-color:{color:detailsbg};
  350. text-align:center;
  351. margin-top:8px;
  352. text-transform:justify;
  353. font-size:10px;
  354. }
  355.  
  356. #details a:hover {
  357. color:{color:detailsbg};
  358. }
  359.  
  360.  
  361. #tags {
  362. background-color:{color:detailsbg};
  363. word-spacing:1px;
  364. font-family:cambria;
  365. letter-spacing:0px;
  366. text-transform:lowercase;
  367. font-size:9.5px;
  368. font-style:none;
  369. margin-top:2px;
  370. text-align:center;
  371. text-decoration:none;
  372. }
  373.  
  374. #tags a {
  375. display:inline-block;
  376. padding:-3px;
  377. text-align:center;
  378. color:{color:Tags};
  379. -webkit-transition: all 0.6s ease-in-out;
  380. -moz-transition: all 0.6s ease-in-out;
  381. -o-transition: all 0.6s ease-in-out;
  382. -ms-transition: all 0.6s ease-in-out;
  383. -transition: all 0.6s ease-in-out;
  384. }
  385.  
  386. #tags a:hover {
  387. text-decoration:underline;
  388. color:{color:detailsbg};
  389. }
  390.  
  391. #posts #tags .comma:last-child {
  392. display: none;
  393. }
  394.  
  395. #words {
  396. text-align:justify;
  397. font-size:16px;
  398. }
  399.  
  400. .source {
  401. text-align:right;
  402. padding-top:5px;
  403. }
  404.  
  405. #asker {
  406. background-color:{color:askbg};
  407. line-height:105%;
  408. padding:15px 15px 15px 10px;
  409. color:#fff;
  410. }
  411.  
  412. #asker a {
  413. color:#fff;
  414. }
  415.  
  416. #asker a:hover {
  417. text-decoration:underline;
  418. font-style:none;
  419. }
  420.  
  421. #answer {
  422. padding:10px;
  423. margin-bottom:5px;
  424. background-color:#000;
  425. }
  426.  
  427. #words {
  428. text-align:justify;
  429. font-size:16px;
  430. }
  431.  
  432. .source {
  433. text-align:right;
  434. padding-top:5px;
  435. }
  436.  
  437. #credit {
  438. position:fixed;
  439. font-family: arial;
  440. text-transform:lowercase;
  441. font-size:11px;
  442. font-weight:bold;
  443. right:30px;
  444. bottom:4px;
  445. padding:4px;
  446. width:9px;
  447. height:10px;
  448. text-decoration:none;
  449. }
  450.  
  451. #credit a {
  452. color:#000;
  453. text-decoration:none;
  454. }
  455.  
  456. #credit a:hover {
  457. color:#000;
  458. text-decoration:underline;
  459. }
  460.  
  461. #s-m-t-tooltip {
  462. max-width:300px;
  463. padding:3px 4px 3px 4px;
  464. margin:20px 0px 0px 20px;
  465. background-color:#000;
  466. font-family:calibri;
  467. font-size:10px;
  468. letter-spacing:1px;
  469. text-transform:lowercase;
  470. color:#fff;
  471. z-index:999999999999999999999999999999999999;
  472. }
  473.  
  474. {CustomCSS}</style></head><body>
  475.  
  476. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  477.  
  478. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  479.  
  480. <script>
  481.  
  482. (function($){
  483.  
  484. $(document).ready(function(){
  485.  
  486. $("a[title]").style_my_tooltips({
  487.  
  488. tip_follows_cursor:true,
  489.  
  490. tip_delay_time:50,
  491.  
  492. tip_fade_speed:600,
  493.  
  494. attribute:"title"
  495.  
  496. });
  497.  
  498. });
  499.  
  500. })(jQuery);
  501.  
  502. </script>
  503.  
  504. <div id="sidebar">
  505. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  506. <div class="links">
  507.  
  508. <a title="home"href="/"><img src="http://media.tumblr.com/381cb490843ae7a2419037a3b116cd91/tumblr_inline_mixvdhz8091qz4rgp.gif"></a>
  509.  
  510. <a title="letters"href="/ask"><img src="http://media.tumblr.com/0f814ed44b1b90d74766d08b939910a6/tumblr_inline_mixvdneDgi1qz4rgp.gif"></a>
  511.  
  512. <a title="{text:linkC}"href="{text:linkC url}"><img src="http://media.tumblr.com/08abc27be4eb837c30c3468c38dddd9d/tumblr_inline_mixvdult2H1qz4rgp.gif"></a>
  513.  
  514. <a title="{text:linkD}"href="{text:linkD url}"><img src="http://media.tumblr.com/009fca82b61677032fb47c2f341fde96/tumblr_inline_mixve1CRQx1qz4rgp.gif"></a>
  515.  
  516. <a title="{text:linkE}" href="{text:linkE url}"><img src="http://media.tumblr.com/1878e35db614401225c6169aaa46a051/tumblr_inline_mixve7xmac1qz4rgp.gif"></a>
  517. <p>
  518.  
  519. </div>
  520.  
  521. <div class="desc">{Description}<p><p><p><p></div>
  522. {block:Pagination}<div id="pagi">
  523. {block:PreviousPage}<a href="{PreviousPage}"><b><big>←</big></b></a>{/block:PreviousPage}
  524. {block:NextPage}<a href="{NextPage}"><b><big>→</big></b></a>{/block:NextPage}
  525. </div>{/block:Pagination}
  526.  
  527.  
  528. </div>
  529.  
  530. <div id="all">{block:Posts}<div id="posts">
  531.  
  532. {block:Text}<h2>{block:Title}{Title}{/block:Title}</h2>{Body}{/block:Text}
  533.  
  534. {block:Photo}
  535. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px"></a>
  536. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  537.  
  538. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  539.  
  540. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  541.  
  542. {block:Quote}<div id="quote"><div id="words">"{Quote}"</div>
  543. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  544. </div>{/block:Quote}
  545.  
  546. {block:AudioPlayer}
  547. <div class="audiowrapper">
  548. {block:AlbumArt}
  549. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}
  550. </div>
  551. </div>
  552. </div>
  553.  
  554. <div class="trackdetails">
  555. <div style="color:#fff; margin-bottom:10px"> </div><br>
  556. <div style="color:#fff"> </div>
  557. <b>Title:</b> {block:TrackName}{TrackName}{/block:TrackName}<br/>
  558. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  559. <b>Played:</b> {PlayCountWithLabel}
  560.  
  561. </div>
  562. </div>
  563. {/block:AudioPlayer}
  564.  
  565. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  566.  
  567. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  568.  
  569.  
  570. {block:Answer}<div id="asker"><span style="text-transform:lowercase;font-size:9px;font-style:none;"> {Asker} whispered: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  571.  
  572. <div id="details">
  573. {block:Date}<div id="postinfo">
  574. <a href="{Permalink}" title="{TimeAgo}"> <b>{Month} {DayOfMonth}{DayOfMonthSuffix}</b>
  575. </a>{block:NoteCount} with <a href="{Permalink}">{NoteCount}</a>
  576. <font color="{color:hover}">♥</font>{/block:NoteCount}
  577. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> </a>{block:ContentSource}/ <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}
  578.  
  579. {block:HasTags}<div id="tags"><b>Filed under:</b><span style="font-size:9px;">{block:Tags} <a href="{TagURL}">{Tag}</a><span class="comma">, </span>{/block:Tags}</div>{/block:HasTags}</div></div></span>
  580. {/block:Posts}
  581.  
  582. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  583. {/block:Posts}</div></div></div>
  584.  
  585. {block:ContentSource}
  586. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  587. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  588. {/block:SourceLogo}
  589. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  590. {/block:ContentSource}
  591.  
  592. <div id="credit">
  593. <a title="theme by godamniall" href="http://godamniall.tumblr.com/">theme</a>
  594.  
  595. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!