API tools faq
paste
Advertisement
themesbygeorgia

Theme #42 - Sweater Weather

themesbygeorgia
Oct 10th, 2014
3,048
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.93 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--Theme #42 - Sweater Weather by wonderfullythemes
  6.  
  7. shhh yes i made an autumn theme-->
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <!--SCRIPT FOR TOOLTIPS-->
  14. <stsss>
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  16. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  17. <script>
  18. (function($){
  19. $(document).ready(function(){
  20. $("a[title]").style_my_tooltips({
  21. tip_follows_cursor:true,
  22. tip_delay_time:100,
  23. tip_fade_speed:200,
  24. attribute:"title"
  25. });
  26. });
  27. })(jQuery);
  28. </script>
  29.  
  30. {block:IfFallingLeaves}
  31. <!-- Falling leaves provided by http://www.top-site-list.com -->
  32. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  33. <script src="http://www.top-site-list.com/scripts/assets/falling-leaves/rotate3Di.min.js"></script>
  34. <script src="http://www.top-site-list.com/scripts/assets/falling-leaves/3d-falling-leaves.min.js"></script>
  35. <link rel="stylesheet" href="http://www.top-site-list.com/scripts/assets/falling-leaves/3d-falling-leaves.min.css" />
  36. <script>
  37. $(document).fallingLeaves({
  38. leafStyles: 3, // Number of leaf styles in the sprite (leaves.png)
  39. speedC: 2, // Speed of leaves
  40. rotation: 1, // Define rotation of leaves
  41. rotationTrue: 1, // Whether leaves rotate (1) or not (0)
  42. numberOfLeaves: 15, // Number of leaves
  43. size: 40, // General size of leaves, final size is calculated randomly (with this number as general parameter)
  44. cycleSpeed: 40 // Speed (see http://www.jqueryscript.net/animation) (Inverse frames per second) (10-100)
  45. })
  46. </script>
  47. {/block:IfFallingLeaves}
  48.  
  49. {block:IfInfiniteScroll}
  50. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  51. {/block:IfInfiniteScroll}
  52.  
  53. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  54. <script>
  55. $(document).ready(function(){
  56. $(".title").click(function(){
  57. $("#cont").toggle("slow");
  58. });
  59. });
  60. </script>
  61.  
  62. <meta name="color:Background" content="#fff" />
  63. <meta name="color:Link" content="#1bcc5c" />
  64. <meta name="color:Hover" content="#444" />
  65. <meta name="color:Text" content="#444" />
  66. <meta name="color:Scrollbar" content="#000" />
  67. <meta name="color:About Background" content="#ddd" />
  68. <meta name="color:Border" content="#444" />
  69. <meta name="color:Tooltip Background" content="#444" />
  70. <meta name="color:Tooltip Text" content="#fff" />
  71. <meta name="color:Footer Background" content="#ccc" />
  72. <meta name="color:Footer Link" content="#444" />
  73. <meta name="color:Footer Hover" content="#444" />
  74.  
  75. <meta name="image:Background" content="" />
  76. <meta name="image:Sidebar" content="" />
  77. <meta name="image:Sidebar 2" content="" />
  78.  
  79. <meta name="if:FallingLeaves" content="1" />
  80. <meta name="if:InfiniteScroll" content="1" />
  81.  
  82. <meta name="text:Link1" content="/" />
  83. <meta name="text:Link1 Text" content="Link 1" />
  84. <meta name="text:Link2" content="/" />
  85. <meta name="text:Link2 Text" content="Link 2" />
  86. <meta name="text:Link3" content="/" />
  87. <meta name="text:Link3 Text" content="Link 3" />
  88. <meta name="text:Link4" content="/" />
  89. <meta name="text:Link4 Text" content="Link 4" />
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94. ::-webkit-scrollbar-thumb {
  95. height:auto;
  96. background-color:{color:Scrollbar};
  97. }
  98.  
  99. ::-webkit-scrollbar {
  100. height:4px;
  101. width:6px;
  102. padding-right:2px;
  103. background-color:transparent;
  104. }
  105.  
  106. #s-m-t-tooltip {
  107. max-width:200px;
  108. font-size:11px;
  109. background-color:{color:Tooltip Background};
  110. color:{color:Tooltip Text};
  111. border:1px solid {color:Tooltip Text};
  112. box-shadow:3px 3px 2px {color:Tooltip Text};
  113. line-height:9px;
  114. display:none;
  115. position:absolute;
  116. letter-spacing:2px;
  117. text-transform:uppercase;
  118. padding:10px;
  119. margin:15px 0px 0px 15px;
  120. z-index:99999999999999;
  121. }
  122.  
  123. body {
  124. background:{color:Background};
  125. color:{color:Text};
  126. font-family:'calibri';
  127. font-size:12px;
  128. text-decoration:none;
  129. text-transform:none;
  130. margin:0px;
  131. background-image: url({image:Background});
  132. background-size:cover;
  133. background-attachment:fixed;
  134. background-repeat:no-repeat;
  135. }
  136.  
  137. a {
  138. color:{color:Link};
  139. text-decoration:none;
  140. -moz-transition-duration:0.7s;
  141. -webkit-transition-duration:0.7s;
  142. -o-transition-duration:0.7s;
  143. }
  144.  
  145. a:hover {
  146. color:{color:Hover};
  147. -moz-transition-duration:0.7s;
  148. -webkit-transition-duration:0.7s;
  149. -o-transition-duration:0.7s;
  150. }
  151.  
  152. h2 {
  153. font-family:arial black;
  154. color:{color:Link};
  155. }
  156.  
  157. h2 a {
  158. color:{color:Link};
  159. }
  160.  
  161. li {
  162. list-style:square;
  163. }
  164.  
  165. blockquote {
  166. border-left:2px solid {color:Text};
  167. padding-left:5px;
  168. }
  169.  
  170. img, blockquote, li, h2 {
  171. max-width:100%;
  172. }
  173.  
  174. /*--TITLE--*/
  175. .title {
  176. line-height:20px;
  177. float:center;
  178. letter-spacing:2px;
  179. text-align:center;
  180. text-transform:lowercase;
  181. font-size:20px;
  182. margin-top:50px;
  183. font-weight:bold;
  184. }
  185.  
  186. .title:hover {
  187. cursor:crosshair;
  188. }
  189.  
  190. #pagination {
  191. margin-top:5px;
  192. font-size:10px;
  193. float:center;
  194. text-align:center;
  195. text-transform:uppercase;
  196. }
  197.  
  198. /*--SIDEBAR--*/
  199.  
  200. #sidebar {
  201. position:fixed;
  202. margin-top:260px;
  203. margin-left:220px;
  204. }
  205.  
  206. .sidebarpic img {
  207. height:250px;
  208. }
  209.  
  210. /*--ADDITIONAL INFO--*/
  211.  
  212. #cont {
  213. text-align:center;
  214. width:400px;
  215. height:380px;
  216. overflow-y:scroll;
  217. margin:auto;
  218. position:fixed;
  219. top:50%;
  220. left:50%;
  221. margin-top:-230px;
  222. margin-left:-255px;
  223. padding:60px;
  224. float:left;
  225. border:1px solid {color:Border};
  226. background-color:{color:About Background};
  227. z-index:3000;
  228. display:none;
  229. }
  230.  
  231. .description {
  232. width:225px;
  233. margin-top:10px;
  234. margin-left:84px;
  235. position:relative;
  236. text-align:justify;
  237. }
  238.  
  239. .links {
  240. font-size:10px;
  241. width:auto;
  242. height:auto;
  243. position:relative;
  244. font-style:none;
  245. text-decoration:none;
  246. text-align:center;
  247. margin-top:20px;
  248. letter-spacing:1px;
  249. text-transform:uppercase;
  250. }
  251.  
  252. .links a {
  253. padding:3px;
  254. color:{color:Link};
  255. }
  256.  
  257. .links a:hover {
  258. background-color:{color:Text};
  259. color:white;
  260. }
  261.  
  262. .pictwo {
  263. position:relative;
  264. }
  265.  
  266. .pictwo img {
  267. width:225px;
  268. height:150px;
  269. }
  270.  
  271. /*--POSTS--*/
  272.  
  273. #entries {
  274. width:400px;
  275. height:380px;
  276. overflow-y:scroll;
  277. margin:auto;
  278. position:fixed;
  279. top:50%;
  280. left:50%;
  281. margin-top:-230px;
  282. margin-left:-255px;
  283. padding:60px;
  284. float:left;
  285. border:1px solid {color:Border};
  286. background: rgba(225,225,225,0.5);
  287. }
  288.  
  289. #posts {
  290. width:400px;
  291. margin-bottom:120px;
  292. }
  293.  
  294. /*--POST TYPES--*/
  295. .question {
  296. background-color:{color:Question Background};
  297. color:{color:Question Text};
  298. padding:3px;
  299. }
  300.  
  301. .answer {
  302. background-color:{color:Answer Background};
  303. color:{color:Answer Text};
  304. }
  305.  
  306. .quote {
  307. font-size:18px;
  308. font-style:italic;
  309. }
  310.  
  311. .chat li {
  312. list-style:none;
  313. }
  314.  
  315. .line_odd {
  316. background-color:{color:Chat Bg Odd};
  317. }
  318.  
  319. .line_even {
  320. background-color:{color:Chat Bg Even};
  321. }
  322.  
  323. .playerbuttonbg {
  324. position: absolute;
  325. left: 20px;
  326. top: 20px;
  327. width: 19px;
  328. height: 19px;
  329. background-color: #fff;
  330. padding: 10px;
  331. opacity: .4;
  332. filter: alpha(opacity=40);
  333. -moz-opacity: 0.4;
  334. -khtml-opacity: 0.4;
  335. transition: opacity .7s ease-in-out;
  336. -moz-transition: opacity .7s ease-in-out;
  337. -webkit-transition: opacity .7s ease-in-out;
  338. }
  339.  
  340. .playerbuttonbg:hover {
  341. opacity: 1;
  342. filter: alpha(opacity=100);
  343. -moz-opacity: 1;
  344. -khtml-opacity: 1;
  345. }
  346.  
  347. .newplayerbutton {
  348. position: relative;
  349. width: 19px;
  350. height: 19px;
  351. overflow: hidden;
  352. }
  353.  
  354. .playerbuttonhug {
  355. position: absolute;
  356. top: -18px;
  357. left: -7px;
  358. }
  359.  
  360. .tumblr_audio_player {
  361. height: 90px;
  362. width: 270px;
  363. -moz-transform: scale(0.60, 0.60);
  364. -webkit-transform: scale(0.60, 0.60);
  365. -o-transform: scale(0.60, 0.60);
  366. -ms-transform: scale(0.60, 0.60);
  367. transform: scale(0.60, 0.60);
  368. -moz-transform-origin: top left;
  369. -webkit-transform-origin: top left;
  370. -o-transform-origin: top left;
  371. -ms-transform-origin: top left;
  372. transform-origin: top left;
  373. }
  374.  
  375. .audioimgwrapper {
  376. position: absolute;
  377. left: 0px;
  378. top: 0px;
  379. overflow: hidden;
  380. width: 79px;
  381. height: 79px;
  382. }
  383.  
  384. .audioimgwrapper img {
  385. width: 100%;
  386. height: auto;
  387. }
  388.  
  389. .trackdetails {
  390. width: auto;
  391. display:inline-block;
  392. margin-left: 90px;
  393. min-height: 85px;
  394. }
  395.  
  396. .audiowrapper {
  397. position: relative;
  398. display:inline-block;
  399. }
  400.  
  401. /*--INFO AND TAGS--*/
  402. #footer {
  403. color:{color:Footer Link};
  404. text-transform:none;
  405. width:380px;
  406. text-align:left;
  407. padding:10px;
  408. font-size:10px;
  409. margin-top:20px;
  410. background-color:{color:Footer Background};
  411. box-shadow:4px 4px 3px {color:Link};
  412. }
  413.  
  414. #footer a {
  415. color:{color:Footer Link};
  416. border-bottom:1px solid transparent;
  417. }
  418.  
  419. #footer a:hover {
  420. color:{color:Footer Hover};
  421. border-bottom:1px solid {color:Footer Hover};
  422. }
  423.  
  424. /*--CREDIT--*/
  425. #spectrum {
  426. bottom:9px;
  427. right:7px;
  428. font-size:8px;
  429. font-family:'calibri';
  430. letter-spacing:1px;
  431. text-transform:uppercase;
  432. position:fixed;
  433. }
  434.  
  435. {CustomCSS}</style></head><body>
  436.  
  437. <div class="title"><a title="click">{Title};</a></div>
  438.  
  439. {block:IfNotInfiniteScroll}
  440. <div id="pagination">
  441. {block:Pagination}
  442. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} &nbsp;-&nbsp;
  443. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  444. {/block:Pagination}
  445. </div>
  446. {/block:IfNotInfiniteScroll}
  447.  
  448. <div id="sidebar">
  449. <div class="sidebarpic"><img src="{image:Sidebar}"/></div>
  450. </div>
  451.  
  452. <div id="cont">
  453.  
  454. <div class="pictwo"><img src="{image:Sidebar 2}" /></div>
  455. <div class="links">
  456. <a href="{text:Link1}">{text:Link1 Text}</a>
  457. <a href="{text:Link2}">{text:Link2 Text}</a>
  458. <a href="{text:Link3}">{text:Link3 Text}</a>
  459. <a href="{text:Link4}">{text:Link4 Text}</a>
  460. </div>
  461.  
  462. <div class="description">{Description}</div>
  463. </div>
  464.  
  465. <div id="entries"><div class = "autopagerize_page_element" >{block:Posts}<div id="posts">
  466.  
  467. {block:Text}
  468. {block:Title}<h2>{Title}</h2>{/block:Title}
  469. {Body}
  470. {/block:Text}
  471.  
  472. {block:Answer}
  473. <div class="question"><span style="text-transform:uppercase;font-size:9px">{Asker} asked:</span> {Question}</div>
  474. <div class="answer">{Answer}</div>
  475. {/block:Answer}
  476.  
  477. {block:Quote}
  478. <span class="quote"><div style="font-size:20px;color:{color:Link};font-weight:bold;border-bottom:3px solid {color:Text};font-style:normal;text-align:center;float:center;width:100%;margin-bottom:10px">&#147;</div>
  479. {Quote}
  480. <div style="font-size:20px;color:{color:Link};font-weight:bold;border-top:3px solid {color:Text};font-style:normal;text-align:center;float:center;width:100%;margin-top:10px;padding-top:5px;line-height:30px;">&#148; </div></span>
  481. {block:Source}<div class="font-size:18px"> &mdash;{Source}</div>{/block:Source}
  482. {/block:Quote}
  483.  
  484. {block:Link}
  485. <h2><a href="{URL}">{Name}</a></h2>
  486. {block:Description}{Description}{/block:Description}
  487. {/block:Link}
  488.  
  489. {block:Chat}
  490. {block:Title}{Title}{/block:Title}
  491. {block:Lines}<span class="chat">
  492. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li></span>
  493. {/block:Lines}
  494. {/block:Chat}
  495.  
  496. {block:Photo}
  497. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
  498. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  499. {/block:Photo}
  500.  
  501. {block:Photoset}
  502. {Photoset-400}
  503. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  504. {/block:Photoset}
  505.  
  506. {block:Audio}
  507. {block:AudioPlayer}
  508. <div class="audiowrapper">
  509. {block:AlbumArt}
  510. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  511. {/block:AlbumArt}
  512.  
  513. <div class="playerbuttonbg">
  514. <div class="newplayerbutton">
  515. <div class="playerbuttonhug">
  516.  
  517. {AudioPlayerWhite}
  518.  
  519. </div>
  520. </div>
  521. </div>
  522.  
  523. <div class="trackdetails">
  524.  
  525. {block:TrackName}{TrackName}</a><br>{/block:TrackName}
  526. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  527. {block:Album}Album: {Album}<br>{/block:Album}
  528. {PlayCountWithLabel}
  529.  
  530. </div>
  531. </div>
  532. {/block:AudioPlayer}
  533.  
  534. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  535. {/block:Audio}
  536.  
  537. {block:Video}
  538. {Video-400}
  539. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  540. {/block:Video}
  541.  
  542. <div id="footer">
  543.  
  544. <span style="text-transform:uppercase;letter-spacing:1px;">
  545. {block:Date}<a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>
  546. {block:NoteCount} | <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a>{/block:NoteCount} {/block:Date}
  547. {block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}
  548. {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  549. </span>
  550. <br>
  551. {block:HasTags}{block:Tags}#<a href="{URL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  552. </div>
  553.  
  554. </div>{/block:Posts}</div>
  555.  
  556. {block:PostNotes}{PostNotes}{/block:PostNotes}
  557.  
  558. <div id="spectrum">
  559. <a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes">theme</a>
  560. </div>
  561.  
  562. </div>
  563.  
  564.  
  565.  
  566.  
  567. </body>
  568. </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!