API tools faq
paste
Advertisement
getbackwithyous

Wonderless theme

getbackwithyous
Jul 27th, 2016
34
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.68 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. <!-- Wonderless theme by getbackwithyous -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9.  
  10. <style type="text/css">
  11. {CustomCSS}
  12. #scrollToTop:link,
  13. #scrollToTop:visited {
  14. display: none;
  15. position: fixed;
  16. bottom: 5px;
  17. right: 5px;
  18. }
  19. </style>
  20. <style type="text/css">
  21. </style>
  22.  
  23.  
  24.  
  25. <meta name="color:background" content="#FFFFFF">
  26. <meta name="color:link" content="#000000">
  27. <meta name="color:text" content="#5a5a5a">
  28. <meta name="color:border" content="#EFEFEF">
  29. <meta name="color:scrollbar" content="#FFFFFF">
  30.  
  31. <meta name="color:sidebar bg" content="000000">
  32. <meta name="color:sidebar link" content="#FFFFFF">
  33. <meta name="color:sidebar border" content="#FFFFFF">
  34. <meta name="color:sidebar text" content="#FFFFFF">
  35.  
  36. <meta name="image:sidebarimg" content=""/>
  37.  
  38. <meta name="text:link1" content="">
  39. <meta name="text:link1 url" content="/">
  40. <meta name="text:link2" content="">
  41. <meta name="text:link2 url" content="/">
  42. <meta name="text:link3" content="">
  43. <meta name="text:link3 url" content="/">
  44.  
  45.  
  46. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  47. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <link rel="shortcut icon" href="{Favicon}" />
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  50.  
  51. <style type="text/css">
  52.  
  53. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  54.  
  55. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  56.  
  57. a {
  58. opacity:1;
  59. color:{color:link};
  60. text-decoration:none;
  61. -moz-transition-duration:0.5s;
  62. -webkit-transition-duration:0.5s;
  63. -o-transition-duration:0.5s;
  64. }
  65.  
  66. a:hover {
  67. text-decoration:underline;
  68. -moz-transition-duration:0.5s;
  69. -webkit-transition-duration:0.5s;
  70. -o-transition-duration:0.5s;
  71. }
  72.  
  73. ::-webkit-scrollbar {
  74. width:7px;
  75. height:7px;
  76. }
  77.  
  78. ::-webkit-scrollbar-track {
  79. background-color:{color:sidebar bg};
  80. }
  81. ::-webkit-scrollbar-thumb {
  82. border:3px solid {color:sidebar bg};
  83. background-color:{color:scrollbar};
  84. }
  85.  
  86.  
  87.  
  88. body {
  89. color:{color:text};
  90. font-family: arial;
  91. font-weight:normal;
  92. }
  93.  
  94. ::selection {
  95. background-color:{color:border};
  96. /* Safari */
  97. }
  98. ::-moz-selection {
  99. background-color:{color:border};
  100. /* Firefox */
  101. }
  102.  
  103. #s-m-t-tooltip {
  104. font-size:9px;
  105. background-color:{color:background};
  106. color:{color:text};
  107. letter-spacing:1px;
  108. font-family:arial;
  109. text-transform:uppercase;
  110. padding:5px;
  111. max-width:300px;
  112. margin:-30px 0px 0px 10px;
  113. z-index:99999999999999999999999999999;
  114. }
  115.  
  116. h1 {
  117. font-weight:normal;
  118. font-size:10px;
  119. font-style:italic;
  120. padding:5px;
  121. margin-top:-10px;
  122. text-align:center;
  123. }
  124.  
  125. h2 {
  126. font-size:12px;
  127. font-family:arial;
  128. text-align:left;
  129. text-transform:none;
  130. margin-top:-2px;
  131. font-weight:normal;
  132. background-color:{color:border};
  133. padding:10px;
  134. letter-spacing:0px;
  135. font-style:none;
  136. color:#000;
  137. }
  138.  
  139. blockquote {
  140. border-left:2px solid {color:border};
  141. padding-left:5px;
  142. margin-left:3px;
  143. }
  144.  
  145.  
  146. #container {
  147. width:800px;
  148. text-align:center;
  149. margin: auto;
  150. }
  151.  
  152. #sb {
  153. width:100%;
  154. top:0;
  155. left:0;
  156. height:100%;
  157. padding:0px;
  158. background-color:{color:sidebar bg};
  159. position:absolute;
  160. -moz-transition-duration:.6s;
  161. -webkit-transition-duration:.6s;
  162. -o-transition-duration:.6s;
  163. }
  164.  
  165. .sbcont {
  166. width:400px;
  167. margin-top:none;
  168. padding:10px;
  169. margin:125px auto;
  170. height:375px;
  171. border:1px solid {color:sidebar border};
  172. }
  173.  
  174. .sbcont img {
  175. width:400px;
  176. height:215px;
  177. }
  178.  
  179. .navi {
  180. margin-left:-1px;
  181. width:391px;
  182. margin-top:0px;
  183. color:#000;
  184. opacity:1;
  185. font-size:10px;
  186. padding:5px;
  187. text-align:left;
  188. list-style-type:none;
  189. -moz-transition-duration:.5s;
  190. -webkit-transition-duration:.5s;
  191. -o-transition-duration:.5s;
  192. }
  193.  
  194. .navi a {
  195. display:block;
  196. text-transform:uppercase;
  197. width: 5px;
  198. margin-left:-4px;
  199. text-align:left;
  200. padding:5px;
  201. margin-bottom:1px;
  202. letter-spacing:1px;
  203. font-size:10px;
  204. background-color:{color:sidebar bg};
  205. color: {color:sidebar link};
  206. -moz-transition-duration:.8s;
  207. -webkit-transition-duration:.8s;
  208. -o-transition-duration:.8s;
  209. }
  210.  
  211. .navi a:hover {
  212. width:365px;
  213. color:{color:sidebar bg};
  214. padding-left:30px;
  215. background-color:{color:sidebar link};
  216. }
  217.  
  218. .description {
  219. text-align:justify;
  220. font-size:10px;
  221. padding:15px;
  222. text-transform:none;
  223. word-wrap:normal;
  224. background-color:none;
  225. margin-left:0px;
  226. font-style:none;
  227. margin-top:-5px;
  228. height:40px;
  229. width:370px;
  230. letter-spacing:1px;
  231. color:{color:sidebar text};
  232. opacity:1;
  233. }
  234.  
  235. .description:first-letter {
  236. text-transform:uppercase;
  237. font-size:12px;
  238. }
  239.  
  240. .description a {
  241. padding:2px;
  242. color:{color:sidebar link};
  243. text-decoration:underline;
  244. font-size:10px;
  245. }
  246.  
  247. .page {
  248. padding:5px;
  249. font-size:11px;
  250. margin-left:-11px;
  251. width:402px;
  252. padding:10px;
  253. margin-top:10px;
  254. z-index:9999999;
  255. text-align:right;
  256. }
  257.  
  258. .page a {
  259. padding:3px;
  260. margin-right:3px;
  261. margin-left:3px;
  262. display:inline;
  263. color:{color:sidebar link};
  264. }
  265.  
  266. .current {
  267. padding:3px;
  268. font-weight:bold;
  269. }
  270.  
  271. #postcontainer {
  272. float:left;
  273. background-color:transparent;
  274. font-style:normal;
  275. position:relative;
  276. text-decoration:none;
  277. position:absolute;
  278. margin-left:-210px;
  279. left:50%;
  280. top:730px;
  281. }
  282.  
  283. #post {
  284. width:400px;
  285. margin-top:25px;
  286. margin-bottom:80px;
  287. margin-left:-1px;
  288. padding:10px;
  289. border:1px solid {color:border};
  290. }
  291.  
  292. .caption {
  293. line-height:110%;
  294. text-align:justify;
  295. width:400px;
  296. font-size:10px;
  297. word-wrap:break-word;
  298. }
  299.  
  300. #question {
  301. width:380px;
  302. text-align:left;
  303. font-size:10px;
  304. margin-top:-8px;
  305. padding:10px;
  306. border-bottom:1px solid {color:border};
  307. -moz-transition-duration:.5s;
  308. -webkit-transition-duration:.5s;
  309. -o-transition-duration:.5s;
  310. }
  311.  
  312. #question a {
  313. text-align:center;
  314. }
  315.  
  316. .asker {
  317. letter-spacing:0px;
  318. font-size:10px
  319. text-align:center;
  320. -moz-transition-duration:.5s;
  321. -webkit-transition-duration:.5s;
  322. -o-transition-duration:.5s;
  323. }
  324.  
  325. .asker a {
  326. padding:2px;
  327. font-size:10px;
  328. font-weight:none;
  329. text-transform:uppercase;
  330. letter-spacing:1px;
  331. -moz-transition-duration:.5s;
  332. -webkit-transition-duration:.5s;
  333. -o-transition-duration:.5s;
  334. }
  335.  
  336. #answer {
  337. width:390px;
  338. padding:5px;;
  339. text-align:left;
  340. font-size:10px;
  341. }
  342.  
  343. #info {
  344. opacity:1;
  345. width:402px;
  346. padding:10px;
  347. text-transform:uppercase;
  348. text-align:left;
  349. letter-spacing:1px;
  350. font-family:arial;
  351. font-style:none;
  352. margin-top:10px;
  353. margin-left:-11px;
  354. font-size:9px;
  355. position:absolute;
  356. line-height:120%;
  357. -moz-transition-duration:0.5s;
  358. -webkit-transition-duration:0.5s;
  359. -o-transition-duration:0.5s;
  360. }
  361.  
  362. #info a {
  363. margin-top:1px;
  364. background-color:{color:background};
  365. margin-right:8px;
  366. padding:3px;
  367. }
  368.  
  369. .tags {
  370. text-transform:lowercase;
  371. margin-top:5px;
  372. text-align:left;
  373. -moz-transition-duration:0.5s;
  374. -webkit-transition-duration:0.5s;
  375. -o-transition-duration:0.5s;
  376. }
  377.  
  378. .tags a {
  379. padding:3px;
  380. display:inline;
  381. }
  382.  
  383. .chat, .chat li {
  384. list-style:none;
  385. margin-left:-20px;
  386. text-align:left;
  387. line-height:120%;
  388. padding:5px;
  389. margin-bottom:3px;
  390. word-wrap:break-word;
  391. font-size:10px;
  392. color:{color:text};
  393. }
  394.  
  395. .chat li:nth-child(2n+2) {
  396. background-color:{color:border};
  397. }
  398.  
  399. .label {
  400. font-weight:bold;
  401. font-size:10px;
  402. font-family:;
  403. text-align:left;
  404. }
  405.  
  406. .note {
  407. text-transform:lowercase;
  408. font-style:normal;
  409. letter-spacing:0px;
  410. font-size:10px;
  411. text-align:left;
  412. line-height:90%;
  413. width:380px;
  414. margin-left:-15px;
  415. }
  416.  
  417. .note img {
  418. vertical-align:-4px;
  419. margin-right:3px;
  420. border-radius:500px;
  421. }
  422.  
  423. .note li {
  424. list-style-type:lower-roman;
  425. text-align:left;
  426. padding:10px;
  427. border-bottom:1px solid {color:border};
  428. -moz-transition-duration:0.5s;
  429. -webkit-transition-duration:0.5s;
  430. -o-transition-duration:0.5s;
  431. }
  432.  
  433. .audio {
  434. width:400px;
  435. padding-bottom:10px;
  436. }
  437.  
  438. .playercontainer {
  439. text-align:left;
  440. padding:0px;
  441. background-color:{color:background};
  442. width:380px;
  443. }
  444.  
  445. .play {
  446. overflow:hidden;
  447. width:27px;
  448. height:27px;
  449. float:left;
  450. position:absolute;
  451. margin-top:0px;
  452. border:20px solid {color:border};
  453. }
  454.  
  455. .audioinfo {
  456. font-size:11px;
  457. padding:10px;
  458. text-align:left;
  459. line-height:150%;
  460. height:47px;
  461. margin-left:70px;
  462. font-style:none;
  463. background-color:{color:border};
  464. color:{color:text};
  465. }
  466.  
  467. {CustomCSS}
  468.  
  469. </style>
  470. <!-- start of script tooltip -->
  471. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  472.  
  473. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  474.  
  475. <script>
  476.  
  477. (function($){
  478.  
  479. $(document).ready(function(){
  480.  
  481. $("a[title]").style_my_tooltips({
  482.  
  483. tip_follows_cursor:true,
  484.  
  485. tip_delay_time:90,
  486.  
  487. tip_fade_speed:300,
  488.  
  489. attribute:"title"
  490.  
  491. });
  492.  
  493. });
  494.  
  495. })(jQuery);
  496.  
  497. </script>
  498.  
  499. <!-- end of script tooltip -->
  500.  
  501. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  502. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  503. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="http://66.media.tumblr.com/tumblr_lw685bLmqE1r43b17.png" title="Go to Top" alt="Go to Top"/></a>
  504.  
  505. </head>
  506. <body>
  507. <div id="container">
  508. <div id="sb">
  509.  
  510. <div class="sbcont">
  511. <img src="{image:sidebarimg}">
  512.  
  513. <div class="navi">
  514. <a href="{text:link1 url}">{text:link1}</a>
  515. <a href="{text:link2 url}">{text:link2}</a>
  516. <a href="{text:link3 url}">{text:link3}</a>
  517. <a href="http://www.taylorsalisonswifts.tumblr.com">credit</a>
  518. </div>
  519.  
  520. <div class="description">{description}
  521. </div>
  522.  
  523.  
  524. {block:Pagination}
  525.  
  526. <div class="page">
  527. {block:PreviousPage}
  528. <a href="{PreviousPage}">&larr;</a>
  529. {/block:PreviousPage}
  530. {block:JumpPagination length="5"}
  531. {block:CurrentPage}
  532. <span class="current_page">{PageNumber}</span>
  533. {/block:CurrentPage}
  534. {block:JumpPage}
  535. <a class="jump_page" href="{URL}">{PageNumber}</a>
  536. {/block:JumpPage}
  537. {/block:JumpPagination}
  538.  
  539. {block:NextPage}
  540. <a href="{NextPage}">&rarr;</a>
  541. {/block:NextPage}
  542. </div>
  543.  
  544. </div>
  545. {/block:Pagination}
  546.  
  547.  
  548. </div>
  549.  
  550. <div id="postcontainer">
  551. {block:Posts}
  552. <div id="post">
  553.  
  554. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  555.  
  556. {block:Quote}<h2>“{Quote}”</h2><h1> — {Source}</h1>{/block:Quote}
  557.  
  558. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>{block:Description}<p><div class="caption">{Description}</div></p>{/block:Description}{/block:Link}
  559.  
  560. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  561.  
  562. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  563.  
  564. {block:Chat}<div class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}
  565. <ul>{block:Lines}<li>{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  566.  
  567. {block:Video}{Video-400}{block:Caption}<div class="caption">{Caption}</div{/block:Caption}{/block:Video}
  568.  
  569. {block:Answer}<div class="asker">{Asker}</div><div id="question">{question}</div><div id="answer">{Answer}</div>{/block:Answer}
  570.  
  571. {block:Audio}<div class="audio"><div class="playercontainer"><div class="play">{AudioPlayerWhite}</div></div>
  572. <div class="audioinfo">{block:TrackName}{TrackName}<br>{/block:TrackName}{block:Artist}{Artist}<br>{/block:Artist}
  573. {/block:ExternalAudio}{PlayCount} plays</div>
  574. </div>
  575. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  576.  
  577. {block:Date}
  578. <div id="info">
  579. <a href="{Permalink}" title="{timeago}">{shortmonth} {dayofmonthwithzero}</a>
  580. {block:RebloggedFrom}
  581. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  582. {block:ContentSource}
  583. <a href="{SourceURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}
  584. {/block:RebloggedFrom}
  585. {block:NoteCount}
  586. <a href="{Permalink}" title="notes">{NoteCount}</a>
  587. {/block:NoteCount}
  588. {/block:Date}
  589. {block:HasTags}<br><div class="tags">
  590. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  591. {/block:Tags}</br></div>
  592. {/block:HasTags}</div>
  593.  
  594. </div>
  595. {block:PostNotes}
  596. <div class="note">
  597. {PostNotes}
  598. </div>
  599. {/block:PostNotes}
  600. {/block:Posts}
  601. </div>
  602.  
  603. </div>
  604.  
  605. </body>
  606.  
  607. </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!