API tools faq
paste
Advertisement
ljps

Theme 7

ljps
Sep 20th, 2014
285
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.44 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11.  
  12.  
  13.  
  14. <meta name="color:text" content="#b5b2b2"/>
  15. <meta name="color:links" content="#cecbcb"/>
  16. <meta name="color:links hover" content="#ffffff"/>
  17. <meta name="color:links hover bg 1" content="#c9e3e4"/>
  18. <meta name="color:links hover bg 2" content="#d5c8ec"/>
  19. <meta name="color:scrollbar" content="#fafafa">
  20.  
  21.  
  22. <meta name="image:Sidebar" content=""/>
  23.  
  24.  
  25. <meta name="text:Link three" content="/" />
  26. <meta name="text:Link three title" content="link" />
  27. <meta name="text:Link four" content="/" />
  28. <meta name="text:Link four title" content="link" />
  29. <meta name="text:Link five" content="/" />
  30. <meta name="text:Link five title" content="link" />
  31. <meta name="text:Link six" content="/" />
  32. <meta name="text:Link six title" content="link" />
  33.  
  34.  
  35.  
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  38. <script>
  39. (function($){
  40. $(document).ready(function(){
  41. $("a[title]").style_my_tooltips({
  42. tip_follows_cursor:true,
  43. tip_delay_time:30,
  44. tip_fade_speed:300,
  45. attribute:"title"
  46. });
  47. });
  48. })(jQuery);
  49. </script>
  50.  
  51. <script type="text/javascript">
  52. jQuery(document).ready(function() {
  53. jQuery(".sub").hide();
  54. //toggle the componenet with class msg_body
  55. jQuery(".cthrough").click(function()
  56. {
  57. jQuery(this).next(".sub").slideToggle(500);
  58. });});
  59. </script>
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64. #s-m-t-tooltip{
  65. max-width:300px;
  66. line-height:9px;
  67. z-index: 9999;
  68. position: absolute;
  69. font-size:9px;
  70. font-family:calibri;
  71. background:white;
  72. border-radius:3px;
  73. text-transform:uppercase;
  74. padding: 4px;
  75. border:1px solid #eee;
  76. color:#888;
  77. -webkit-transition:all 0.3s;
  78. -moz-transition:all 0.3s;
  79. -ms-transition:all 0.3s;
  80. -o-transition:all 0.3s;
  81. -transition:all 0.3s;
  82. margin:15px 0px 0px 15px;}
  83.  
  84. p{
  85. margin-top:5px;
  86. margin-bottom:5px;}
  87.  
  88. blockquote {
  89. padding:0px;
  90. text-align:left;
  91. padding-left:5px;
  92. font-size:11px;
  93. margin:5px;
  94. border-left:2px solid #f3f3f3;}
  95.  
  96. blockquote img, blockquote a img {
  97. max-width: 458px;}
  98.  
  99. body {
  100. color:{color:text};
  101. font-family:calibri;
  102. font-size:12px;
  103. text-align:justify;
  104.  
  105. }
  106.  
  107.  
  108. a, a:active, a:visited {
  109. padding:3px;
  110. color: {color:links};
  111. font-weight: none;
  112. text-decoration: none;
  113. -webkit-transition: all 0.4s ease-out;
  114. -o-transition: all 0.4s ease-out;
  115. -webkit-transition: all 0.4s ease-out;
  116. -moz-transition: all 0.4s ease-out;}
  117.  
  118. a:hover:nth-of-type(1n+0) {
  119. box-shadow: inset 0 27px 0 {color:links hover bg 1};
  120. color:{color:links hover};}
  121. a:hover:nth-of-type(2n+0) {
  122. box-shadow: inset 0 27px 0 {color:links hover bg 2};
  123. color:{color:links hover};}
  124.  
  125. .entries {
  126. padding:30px;
  127. margin-left:360px;
  128. width:500px;
  129. margin-top:10px;
  130. padding:70px;
  131.  
  132. }
  133.  
  134. .post{
  135. width:500px;
  136. margin-bottom:60px;
  137. padding:10px;
  138. margin-left:30px;
  139. font-family:arial;
  140.  
  141. background:white;
  142. }
  143.  
  144.  
  145.  
  146. iframe#tumblr_controls {
  147. white-space:nowrap;
  148. -webkit-filter: invert(100%);
  149. -moz-filter: invert(100%);
  150. -o-filter: invert(100%);
  151. -ms-filter: invert(100%);
  152. filter: invert(100%);
  153. opacity:.2;transition: .8s ease-in-out;
  154. -webkit-transition: .8s ease-in-out;
  155. -moz-transition: .8s ease-in-out;
  156. -o-transition: .8s ease-in-out;}
  157.  
  158. ::selection {
  159. color: {color:scrollbar};
  160. background:white;}
  161.  
  162. ::-moz-selection {
  163. background:white;
  164. color: {color:scrollbar};}
  165.  
  166. ::-webkit-scrollbar-thumb:vertical { height:12px; border:3px solid white; background-color:{color:scrollbar}; }
  167. ::-webkit-scrollbar-thumb:horizontal { background-color:white; }
  168. ::-webkit-scrollbar { width:11px; height:7px; border:5px solid white; background-color:{color:scrollbar}; }
  169.  
  170. #asker{
  171. text-transform:uppercase;
  172. color:#747474;
  173. margin-bottom:8px;
  174. font-family:calibri;
  175. font-size:10px;
  176. }
  177.  
  178. #question{
  179. margin-top:10px;
  180. font-family:arial;
  181. font-size:11px;
  182. margin-bottom:10px;
  183. text-transform:normal;
  184. text-align:left;
  185. padding-bottom:5px;
  186. border-bottom:1px solid #eee;
  187. }
  188.  
  189. #answer{
  190. font-family:arial;
  191. font-size:11px;}
  192.  
  193.  
  194. #info {
  195. margin-top:16px;
  196. font-family:calibri;
  197. font-size: 9px;
  198. text-align:justify;
  199. text-transform:uppercase;
  200. margin-bottom:2px;
  201.  
  202.  
  203. }
  204.  
  205. #info a{
  206. color:#747474;
  207. padding:2px;
  208. }
  209.  
  210. #info a:hover{
  211. color:{color:links hover};
  212. }
  213.  
  214.  
  215. #tags {
  216.  
  217. font-family:calibri;
  218. font-size: 9px;
  219. text-align:justify;
  220. text-transform:normal;
  221. width:500px;
  222. }
  223.  
  224.  
  225. #tags a{
  226. color:#747474;
  227. padding: 0px 3px;
  228. }
  229.  
  230. #tags a:hover{
  231. color:{color:links hover};
  232. }
  233.  
  234. #sidebar{
  235. position:fixed;
  236. margin-top:330px;
  237. padding:10px;
  238. margin-left:170px;}
  239.  
  240.  
  241. #sidebar img{
  242. width:75px;
  243. margin-bottom:10px;
  244. border:10px solid #fafafa;
  245.  
  246. }
  247.  
  248. #description{
  249. font-size:9px;
  250. font-family:arial;
  251. width:189px;
  252. margin-top:-7px;
  253. text-align:fixed;
  254. text-align:justify;
  255. padding:5px;
  256. background:#fafafa;
  257.  
  258. }
  259.  
  260. #links{
  261. position:fixed;
  262. margin-top:-108px;
  263. font-family:calibri;
  264. text-align:center;
  265. margin-left:100px;
  266. text-transform:uppercase;
  267. }
  268.  
  269. #links a{
  270. display: inline-block;
  271. width:30px;
  272. padding:9px;
  273. color:#777;
  274. background:#fafafa;
  275. font-size:8px;
  276.  
  277. }
  278.  
  279. #links a:hover:nth-of-type(1n+0) {
  280. box-shadow: inset 0 27px 0 {color:links hover bg 1};
  281. color:{color:links hover};}
  282.  
  283. #links a:hover:nth-of-type(2n+0) {
  284. box-shadow: inset 0 27px 0 {color:links hover bg 2};
  285. color:{color:links hover};}
  286.  
  287.  
  288.  
  289.  
  290. h1{
  291. font-size:14px;
  292. font-weight:bold;
  293. }
  294.  
  295. h2{
  296. font-size:13px;
  297. font-family:georgia;
  298. font-style:italic;}
  299.  
  300. #quote{
  301. font-size:10px;
  302. text-align:right;
  303. font-family:georgia;
  304. font-style:italic;}
  305.  
  306.  
  307.  
  308. #credit{
  309. right:10px;
  310. bottom:15px;
  311. font-size:10px;
  312. position:fixed;
  313. -webkit-transition: all 0.4s ease-out;
  314. -o-transition: all 0.4s ease-out;
  315. text-align:center;
  316. font-family:calibri;
  317. font-style:normal;}
  318.  
  319. #credit a{
  320. border-radius:70%;
  321. height:1px;
  322. border:1px solid #1ad1ec;
  323. display:inline-block;
  324. padding:4px;
  325. padding-bottom:3px;
  326. color:white;
  327. background:#9febf6;}
  328.  
  329. #credit a:hover{
  330. background:#1ad1ec;
  331. border:1px solid #9febf6;
  332.  
  333. }
  334.  
  335.  
  336.  
  337.  
  338. .chat ol {
  339. padding:0;
  340. list-style:none;
  341. font-family:cambria;
  342. }
  343.  
  344. .line {padding:5px 2;}
  345.  
  346. .label {
  347. font-weight:bold;}
  348.  
  349. .user_1 { background-color:transparent;padding:5px; }
  350. .user_2 { background-color:#fafafa;padding:5px; }
  351. .user_3 { background-color:transparent;padding:5px; }
  352. .user_4 { background-color:#fafafa;padding:5px; }
  353. .user_5 { background-color:transparent;padding:5px; }
  354. .user_6 { background-color:#fafafa;padding:5px; }
  355. .user_7 { background-color:transparent;padding:5px; }
  356. .user_8 { background-color:#fafafa;padding:5px; }
  357. .user_9 { background-color:transparent;padding:5px; }
  358. .user_10 { background-color:#fafafa;padding:5px; }
  359.  
  360. .playerbuttonbg {
  361. position: absolute;
  362. left: 20px;
  363. top: 20px;
  364. width: 19px;
  365. height: 19px;
  366. background-color: #ffffff;
  367. padding: 10px;
  368. opacity: .4;
  369. filter: alpha(opacity=40);
  370. -moz-opacity: 0.4;
  371. -khtml-opacity: 0.4;
  372. transition: opacity .7s ease-in-out;
  373. -moz-transition: opacity .7s ease-in-out;
  374. -webkit-transition: opacity .7s ease-in-out;}
  375.  
  376. .playerbuttonbg:hover {
  377. opacity: 1;
  378. filter: alpha(opacity=100);
  379. -moz-opacity: 1;
  380. -khtml-opacity: 1;}
  381.  
  382. .newplayerbutton {
  383. position: relative;
  384. width: 19px;
  385. height: 19px;
  386. overflow: hidden;}
  387.  
  388. .playerbuttonhug {
  389. position: absolute;
  390. font-size:10px;
  391. top: -36px;
  392. left: -14px;}
  393.  
  394. .tumblr_audio_player {
  395. height: 90px;
  396. width: 270px;
  397. -moz-transform: scale(0.60, 0.60);
  398. -webkit-transform: scale(0.60, 0.60);
  399. -o-transform: scale(0.60, 0.60);
  400. -ms-transform: scale(0.60, 0.60);
  401. transform: scale(0.60, 0.60);
  402. -moz-transform-origin: top left;
  403. -webkit-transform-origin: top left;
  404. -o-transform-origin: top left;
  405. -ms-transform-origin: top left;
  406. transform-origin: top left;}
  407.  
  408. .audioimgwrapper {
  409. position: absolute;
  410. left: 0px;
  411. top: 0px;
  412. overflow: hidden;
  413. width: 79px;
  414. height: 79px;}
  415.  
  416. .audioimgwrapper img {
  417. width: 100%;
  418. height: auto;
  419.  
  420.  
  421. }
  422.  
  423. .trackdetails {
  424. width: auto;
  425. font-size:11px;
  426. font-family:calibri;
  427. text-transform:uppercase;
  428. font-size:10px;
  429. display:inline-block;
  430. margin-left: 90px;
  431. margin-top:5px;
  432. min-height: 85px;}
  433.  
  434.  
  435. .audiowrapper {
  436. position: relative;
  437. display:inline-block;
  438. }
  439.  
  440. #notes {
  441. font-size:10px;
  442. background:white;
  443. padding-left:28px;
  444. padding-top:123px;
  445. margin-top:4px;
  446. width:450px;
  447. margin-left:32px;
  448. }
  449.  
  450. #title{
  451.  
  452. font-family:arial black;
  453. width:230px;
  454. font-size:10px;
  455. color:{color:title};
  456. text-align:justify;
  457. margin-left:0px;
  458. letter-spacing:1px;
  459. text-transform:uppercase;
  460. margin-bottom:3px;
  461. border:1px solid #fafafa;
  462. padding:5px;
  463.  
  464. }
  465.  
  466. #pagination{
  467. position:fixed;
  468. font-size: 8px;
  469. letter-spacing:1px;
  470.  
  471. margin-top:6px;
  472. text-align:justify;
  473.  
  474. font-family:calibri;
  475. text-transform:uppercase;
  476. padding:5px;
  477. }
  478.  
  479.  
  480. #pagination a{
  481.  
  482. margin-bottom:2px;
  483.  
  484. }
  485.  
  486. #ttt{
  487. font-size:15px;
  488. }
  489. {CustomCSS}</style></head><body>
  490.  
  491.  
  492. <div id="sidebar">
  493. <img src="{image:sidebar}"/>
  494.  
  495.  
  496.  
  497. <div id="links">
  498. <a href="/" title="home">one</a>
  499. <a href="/ask" title="ask">two</a><p>
  500. <a href="{text:link three}" title="{text:Link three Title}">three</a>
  501. <a href="{text:link four}" title="{text:Link four Title}">four</a><p>
  502. <a href="{text:link five}" title="{text:Link five Title}">five</a>
  503. <a href="{text:link six}" title="{text:Link six Title}">six</a>
  504. </div>
  505.  
  506.  
  507.  
  508. <div id="description">
  509. {Description}
  510. <div id="pagination">
  511. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} —
  512. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
  513. </div>
  514. </div>
  515.  
  516.  
  517. </div>
  518. </div>
  519.  
  520.  
  521.  
  522. <div class="entries">{block:Posts}<div class="post">
  523.  
  524.  
  525. {block:Text}<h1>{block:Title}<div id="ttt" >{Title}</div>{/block:Title}</h1>{Body}{/block:Text}
  526.  
  527.  
  528. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  529.  
  530. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  531.  
  532. {block:Quote}<h2>"{Quote}"{block:Source}<br> <div id="quote"><p> —{Source}{/block:Source}</div>{/block:Quote}</h2>
  533.  
  534. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  535.  
  536.  
  537. {block:Chat} {block:Title} <h1> {Title} </h1>{/block:Title} <div class="chat"><ol> {block:Lines} <li class="line {Alt}"> <li class="user_{UserNumber}">{block:Label}<span class="label"> {Label} </span> {/block:Label} {Line}</li>{/block:Lines}</ol></div>
  538. {/block:Chat}
  539.  
  540.  
  541.  
  542. {block:AudioPlayer}
  543. <div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt} <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}<br/>{PlayCountWithLabel}</div>{block:Caption}{Caption}{/block:Caption}</div>{/block:AudioPlayer}
  544.  
  545. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  546.  
  547.  
  548. {block:Answer}
  549. <div id="question"><b><div id="asker">{Asker} said: </b></div> {Question}<br /> </div>
  550. <div id="answer">{Answer}</div>{/block:Answer}
  551.  
  552. <div id="info" >
  553.  
  554.  
  555.  
  556. {block:Date} <a href="{Permalink}" >{TimeAgo}</a>{/block:Date}
  557. {block:NoteCount} <a href="{Permalink}" >+{NoteCount}</a>{/block:NoteCount}
  558.  
  559. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">source</a> {/block:ContentSource}{/block:permalinkpage}
  560. <br>
  561.  
  562. </div>
  563. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  564.  
  565. <div id="credit"><a href="http://ziambuttsex.tumblr.com" target="_blank" title="by ziambuttsex" > <b></b></a></div>
  566.  
  567. {block:PostNotes}
  568. <div id="notes">{PostNotes}</div>
  569. {/block:PostNotes}
  570.  
  571.  
  572. </div>
  573.  
  574.  
  575.  
  576. </body>
  577.  
  578. </html>
  579.  
  580. </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!