API tools faq
paste
Advertisement
themesbygeorgia

Theme #36

themesbygeorgia
Sep 14th, 2014
833
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.65 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 #36 by wonderfullythemes
  6.  
  7. don't interfere with the credit pls and thanks!-->
  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:200,
  23. tip_fade_speed:400,
  24. attribute:"title"
  25. });
  26. });
  27. })(jQuery);
  28. </script>
  29.  
  30. <!--SCRIPT FOR SLIDING DROPDOWN MENU-->
  31. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  32. <script type="text/javascript">
  33. $(document).ready(function(){
  34. $(".links_body").hide();
  35. $(".links_head").click(function(){
  36. $(this).next(".links_body").slideToggle("medium");
  37. }); }); </script>
  38.  
  39. <!--title page to sidebar-->
  40. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  41. <script>
  42. $(document).ready(function(){
  43.  
  44. $(".subtitle1").click(function(){
  45. $('#container').slideUp('slow')
  46.  
  47. $('.stuff').show();
  48. $('#entries').show()
  49. });
  50.  
  51. });
  52. </script>
  53.  
  54.  
  55. <meta name="color:Background" content="#fff" />
  56. <meta name="color:Link" content="#1bcc5c" />
  57. <meta name="color:Text" content="#444" />
  58. <meta name="color:Info Border" content="#ddd" />
  59. <meta name="color:NavLinks" content="#fff" />
  60. <meta name="color:Scrollbar" content="#444" />
  61. <meta name="color:Title" content="#fff" />
  62. <meta name="color:Tooltip Text" content="#444" />
  63.  
  64. <meta name="image:Title Page" content="" />
  65. <meta name="image:Sidebar" content="" />
  66. <meta name="image:Sidebar2" content="" />
  67.  
  68. <meta name="text:Subtitle1" content="subtitle 1" />
  69. <meta name="text:Subtitle2" content="subtitle 2" />
  70. <meta name="text:Title1" content="title 1" />
  71. <meta name="text:Title2" content="title 2" />
  72. <meta name="text:Title3" content="title 3" />
  73. <meta name="text:Updates" content="Updates here :)" />
  74. <meta name="text:Link1" content="/" />
  75. <meta name="text:Link1 Text" content="Link 1" />
  76. <meta name="text:Link2" content="/" />
  77. <meta name="text:Link2 Text" content="Link 2" />
  78. <meta name="text:Link3" content="/" />
  79. <meta name="text:Link3 Text" content="Link 3" />
  80. <meta name="text:Link4" content="/" />
  81. <meta name="text:Link4 Text" content="Link 4" />
  82.  
  83.  
  84. <style type="text/css">
  85.  
  86. ::-webkit-scrollbar-thumb {
  87. height:auto;
  88. background-color:{color:Scrollbar};
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92. height:4px;
  93. width:3px;
  94. padding-right:2px;
  95. background-color:{color:Background};
  96. }
  97.  
  98. #s-m-t-tooltip {
  99. max-width:200px;
  100. font-family:'calibri';
  101. font-size:8px;
  102. background-color:#fff;
  103. color:{color:Tooltip Text};
  104. border:1px solid {color:Tooltip Text};
  105. line-height:9px;
  106. display:none;
  107. position:absolute;
  108. letter-spacing:1px;
  109. text-transform:uppercase;
  110. padding:5px;
  111. margin:15px 0px 0px 15px;
  112. z-index:99999999999999;
  113. }
  114.  
  115. body {
  116. background:{color:Background};
  117. color:{color:Text};
  118. font-family:'calibri';
  119. font-size:12px;
  120. text-decoration:none;
  121. text-transform:none;
  122. margin:0px;
  123. line-height:15px;
  124. }
  125.  
  126. a {
  127. color:{color:Link};
  128. text-decoration:none;
  129. border-bottom:1px solid transparent;
  130. -moz-transition-duration:0.7s;
  131. -webkit-transition-duration:0.7s;
  132. -o-transition-duration:0.7s;
  133. }
  134.  
  135. a:hover {
  136. border-bottom:1px solid {color:Link};
  137. -moz-transition-duration:0.7s;
  138. -webkit-transition-duration:0.7s;
  139. -o-transition-duration:0.7s;
  140. }
  141.  
  142. h2 {
  143. color:{color:Link};
  144. }
  145.  
  146. h2 a {
  147. color:{color:Link};
  148. }
  149.  
  150. li {
  151. list-style:square;
  152. }
  153.  
  154. blockquote {
  155. border-left:2px solid {color:Text};
  156. padding-left:5px;
  157. }
  158.  
  159. img, blockquote, li, h2 {
  160. max-width:100%;
  161. }
  162.  
  163. #container {
  164. width:100%;
  165. height:100%;
  166. background-image: url({image:Title Page});
  167. background-attachment:fixed;
  168. background-size:cover;
  169. background-repeat:no-repeat;
  170. position:fixed;
  171. z-index:10000;
  172. }
  173.  
  174. .subtitle1 {
  175. text-align:center;
  176. width:200px;
  177. padding:20px;
  178. color:{color:Title};
  179. border:1px solid {color:Title};
  180. top:50%;
  181. left:50%;
  182. margin-top:-10px;
  183. margin-left:-150px;
  184. z-index:400;
  185. text-transform:uppercase;
  186. font-size:10px;
  187. letter-spacing:3px;
  188. position:fixed;
  189. -moz-transition-duration:0.7s;
  190. -webkit-transition-duration:0.7s;
  191. -o-transition-duration:0.7s;
  192. }
  193.  
  194. .subtitle1:hover {
  195. background: rgba(0,0,0,0.5);
  196. cursor:help;
  197. -moz-transition-duration:0.7s;
  198. -webkit-transition-duration:0.7s;
  199. -o-transition-duration:0.7s;
  200. }
  201.  
  202. .stuff {
  203. display:none;
  204. }
  205.  
  206. #entries {
  207. width:400px;
  208. margin:auto;
  209. position:relative;
  210. top:0px;
  211. left:630px;
  212. padding:40px;
  213. float:left;
  214. border:1px solid #ddd;
  215. display:none;
  216. }
  217.  
  218. #posts {
  219. padding-top:30px;
  220. border-top:1px solid #ddd;
  221. width:400px;
  222. margin-bottom:70px;
  223. }
  224.  
  225. .blogtitle {
  226. text-align:center;
  227. width:200px;
  228. padding:20px;
  229. color:{color:Title};
  230. border:1px solid {color:Title};
  231. top:280px;
  232. left:130px;
  233. z-index:400;
  234. text-transform:uppercase;
  235. font-size:10px;
  236. letter-spacing:3px;
  237. position:fixed;
  238. -moz-transition-duration:0.7s;
  239. -webkit-transition-duration:0.7s;
  240. -o-transition-duration:0.7s;
  241. }
  242.  
  243. #sidebar:hover .blogtitle {
  244. opacity:0;
  245. -moz-transition-duration:0.7s;
  246. -webkit-transition-duration:0.7s;
  247. -o-transition-duration:0.7s;
  248. }
  249.  
  250. #sidebar:hover .menu {
  251. opacity:1;
  252. -moz-transition-duration:0.7s;
  253. -webkit-transition-duration:0.7s;
  254. -o-transition-duration:0.7s;
  255. }
  256.  
  257. .menu {
  258. padding:30px;
  259. border:1px solid white;
  260. z-index:500;
  261. position:absolute;
  262. color:white;
  263. top:180px;
  264. left:60px;
  265. opacity:0;
  266. }
  267.  
  268. .links_list {
  269. margin:0px;
  270. padding:0px;
  271. width:340px;
  272. }
  273.  
  274. .links_head {
  275. padding-top:25px;
  276. padding-bottom:5px;
  277. position:relative;
  278. text-align:center;
  279. text-transform:uppercase;
  280. letter-spacing:3px;
  281. font-size:8px;
  282. border-bottom:1px solid white;
  283. line-height:25px;
  284. }
  285.  
  286. .links_head:hover {
  287. cursor:help;
  288. }
  289.  
  290. .links_body {
  291. padding:5px;
  292. line-height:15px;
  293. text-align:center;
  294. display:none;
  295. }
  296.  
  297. #sidebar {
  298. width:520px;
  299. height:100%;
  300. position:fixed;
  301. top:0;
  302. left:0;
  303. border:1px solid black;
  304. }
  305.  
  306. #sidebar:hover .sidebarimage {
  307. opacity:1;
  308. -moz-transition-duration:0.7s;
  309. -webkit-transition-duration:0.7s;
  310. -o-transition-duration:0.7s;
  311. }
  312.  
  313. #sidebar:hover .sidebarpic {
  314. opacity:0;
  315. -moz-transition-duration:0.7s;
  316. -webkit-transition-duration:0.7s;
  317. -o-transition-duration:0.7s;
  318. }
  319.  
  320. .sidebarpic {
  321. position:fixed;
  322. height:100%;
  323. -moz-transition-duration:0.7s;
  324. -webkit-transition-duration:0.7s;
  325. -o-transition-duration:0.7s;
  326. }
  327.  
  328. .sidebarpic img {
  329. opacity:1;
  330. width:520px;
  331. height:100%;
  332. }
  333.  
  334. .sidebarimage {
  335. position:fixed;
  336. height:100%;
  337. opacity:0;
  338. -moz-transition-duration:0.7s;
  339. -webkit-transition-duration:0.7s;
  340. -o-transition-duration:0.7s;
  341. }
  342.  
  343. .sidebarimage img {
  344. opacity:1;
  345. width:520px;
  346. height:100%;
  347. }
  348.  
  349. .description {
  350. padding:3px;
  351. height:55px;
  352. overflow:hidden;
  353. margin-top:5px;
  354. position:relative;
  355. text-align:justify;
  356. }
  357.  
  358. .links {
  359. font-size:10px;
  360. width:auto;
  361. height:auto;
  362. position:relative;
  363. font-style:none;
  364. text-decoration:none;
  365. text-align:center;
  366. margin-top:10px;
  367. letter-spacing:1px;
  368. text-transform:uppercase;
  369. }
  370.  
  371. .links a {
  372. padding:3px;
  373. color:{color:NavLinks};
  374. border-bottom:1px solid transparent;
  375. }
  376.  
  377. .links a:hover {
  378. border-bottom:1px solid {color:NavLinks};
  379. }
  380.  
  381. #pagination {
  382. top:50%;
  383. right:70px;
  384. position:fixed;
  385. width:205px;
  386. font-size:10px;
  387. float:center;
  388. text-align:center;
  389. text-transform:uppercase;
  390. }
  391.  
  392. #pagination a {
  393. border-bottom:1px solid transparent;
  394. }
  395.  
  396. #pagination a:hover {
  397. color:{color:Link};
  398. border-bottom:1px solid {color:Link};
  399. }
  400.  
  401. /*--POST TYPES--*/
  402. .question {
  403. background-color:{color:Question Background};
  404. color:{color:Question Text};
  405. padding:3px;
  406. }
  407.  
  408. .answer {
  409. background-color:{color:Answer Background};
  410. color:{color:Answer Text};
  411. }
  412.  
  413. .quote {
  414. font-size:10px;
  415. text-transform:uppercase;
  416. }
  417.  
  418. .chat li {
  419. list-style:none;
  420. }
  421.  
  422. .line_odd {
  423. background-color:{color:Chat Bg Odd};
  424. }
  425.  
  426. .line_even {
  427. background-color:{color:Chat Bg Even};
  428. }
  429.  
  430. .playerbuttonbg {
  431. position: absolute;
  432. left: 20px;
  433. top: 20px;
  434. width: 19px;
  435. height: 19px;
  436. background-color: #fff;
  437. padding: 10px;
  438. opacity: .4;
  439. filter: alpha(opacity=40);
  440. -moz-opacity: 0.4;
  441. -khtml-opacity: 0.4;
  442. transition: opacity .7s ease-in-out;
  443. -moz-transition: opacity .7s ease-in-out;
  444. -webkit-transition: opacity .7s ease-in-out;
  445. }
  446.  
  447. .playerbuttonbg:hover {
  448. opacity: 1;
  449. filter: alpha(opacity=100);
  450. -moz-opacity: 1;
  451. -khtml-opacity: 1;
  452. }
  453.  
  454. .newplayerbutton {
  455. position: relative;
  456. width: 19px;
  457. height: 19px;
  458. overflow: hidden;
  459. }
  460.  
  461. .playerbuttonhug {
  462. position: absolute;
  463. top: -18px;
  464. left: -7px;
  465. }
  466.  
  467. .tumblr_audio_player {
  468. height: 90px;
  469. width: 270px;
  470. -moz-transform: scale(0.60, 0.60);
  471. -webkit-transform: scale(0.60, 0.60);
  472. -o-transform: scale(0.60, 0.60);
  473. -ms-transform: scale(0.60, 0.60);
  474. transform: scale(0.60, 0.60);
  475. -moz-transform-origin: top left;
  476. -webkit-transform-origin: top left;
  477. -o-transform-origin: top left;
  478. -ms-transform-origin: top left;
  479. transform-origin: top left;
  480. }
  481.  
  482. .audioimgwrapper {
  483. position: absolute;
  484. left: 0px;
  485. top: 0px;
  486. overflow: hidden;
  487. width: 79px;
  488. height: 79px;
  489. }
  490.  
  491. .audioimgwrapper img {
  492. width: 100%;
  493. height: auto;
  494. }
  495.  
  496. .trackdetails {
  497. width: auto;
  498. display:inline-block;
  499. margin-left: 90px;
  500. min-height: 85px;
  501. }
  502.  
  503. .audiowrapper {
  504. position: relative;
  505. display:inline-block;
  506. }
  507.  
  508.  
  509. /*--INFO AND TAGS--*/
  510. #footer {
  511. line-height:10px;
  512. text-transform:uppercase;
  513. width:100%;
  514. text-align:center;
  515. font-size:8px;
  516. margin-top:5px;
  517. padding:5px;
  518. color:{color:Info Text};
  519. background-color:{color:Info Background};
  520. border-bottom:1px solid {color:Info Border};
  521. background-image: url({image:Container Background});
  522. background-attachment: fixed;
  523. background-repeat:no-repeat;
  524. background-size:cover;
  525. }
  526.  
  527. #footer a {
  528. color:{color:Info Links};
  529. }
  530.  
  531. #footer a:hover {
  532. color:{color:Info Links Hover};
  533. letter-spacing:2px;
  534. }
  535.  
  536. /*--CREDIT--*/
  537. #spectrum {
  538. bottom:9px;
  539. right:7px;
  540. font-size:8px;
  541. font-family:'calibri';
  542. letter-spacing:1px;
  543. text-transform:uppercase;
  544. position:fixed;
  545. }
  546.  
  547. {CustomCSS}</style></head><body>
  548.  
  549. <div id="container">
  550. <div class="subtitle1">{text:Subtitle1}</div>
  551. </div>
  552.  
  553.  
  554. <div class="stuff">
  555. <div id="sidebar">
  556.  
  557. <div class="blogtitle">{text:Subtitle2}</div>
  558.  
  559. <div class="menu">
  560.  
  561. <div class="links_list">
  562. <p class="links_head">{text:Title1}</p>
  563. <div class="links_body">
  564.  
  565. <div class="description">{Description}</div>
  566.  
  567. </div></div>
  568.  
  569. <div class="links_list">
  570. <p class="links_head">{text:Title2}</p>
  571. <div class="links_body">
  572.  
  573. <div class="links">
  574. <a href="{text:Link1}">{text:Link1 Text}</a>&nbsp;|&nbsp;
  575. <a href="{text:Link2}">{text:Link2 Text}</a>&nbsp;|&nbsp;
  576. <a href="{text:Link3}">{text:Link3 Text}</a>&nbsp;|&nbsp;
  577. <a href="{text:Link4}">{text:Link4 Text}</a>
  578. </div>
  579.  
  580. </div></div>
  581.  
  582. <div class="links_list">
  583. <p class="links_head">{text:Title3}</p>
  584. <div class="links_body">
  585.  
  586. <div style="text-align:left">{text:Updates}</div>
  587.  
  588. </div></div>
  589.  
  590. </div><!--end .menu-->
  591.  
  592. <div class="sidebarpic"><img src="{image:Sidebar}" /></div>
  593. <div class="sidebarimage"><img src="{image:Sidebar2}" /></div>
  594.  
  595.  
  596. </div><!--end .sidebar-->
  597.  
  598. <div id="pagination">
  599. {block:Pagination}
  600. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} &nbsp;-&nbsp;
  601. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  602. {/block:Pagination}
  603. </div>
  604. </div>
  605.  
  606. <div id="entries">{block:Posts}<div id="posts">
  607.  
  608. {block:Text}
  609. {block:Title}<h2>{Title}</h2>{/block:Title}
  610. {Body}
  611. {/block:Text}
  612.  
  613. {block:Answer}
  614. <div class="question"><span style="text-transform:uppercase;font-size:9px">{Asker} asked:</span> {Question}</div>
  615. <div class="answer">{Answer}</div>
  616. {/block:Answer}
  617.  
  618. {block:Quote}
  619. <span class="quote">"{Quote}"</span>
  620. {block:Source} -{Source}{/block:Source}
  621. {/block:Quote}
  622.  
  623. {block:Link}
  624. <h2><a href="{URL}">{Name}</a></h2>
  625. {block:Description}{Description}{/block:Description}
  626. {/block:Link}
  627.  
  628. {block:Chat}
  629. {block:Title}{Title}{/block:Title}
  630. {block:Lines}<span class="chat">
  631. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li></span>
  632. {/block:Lines}
  633. {/block:Chat}
  634.  
  635. {block:Photo}
  636. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400">{LinkCloseTag}
  637. {block:Caption}{Caption}{/block:Caption}
  638. {/block:Photo}
  639.  
  640. {block:Photoset}
  641. {Photoset}
  642. {block:Caption}{Caption}{/block:Caption}
  643. {/block:Photoset}
  644.  
  645. {block:Audio}
  646. {block:AudioPlayer}
  647. <div class="audiowrapper">
  648. {block:AlbumArt}
  649. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  650. {/block:AlbumArt}
  651.  
  652. <div class="playerbuttonbg">
  653. <div class="newplayerbutton">
  654. <div class="playerbuttonhug">
  655.  
  656. {AudioPlayerWhite}
  657.  
  658. </div>
  659. </div>
  660. </div>
  661.  
  662. <div class="trackdetails">
  663.  
  664. {block:TrackName}{TrackName}</a><br>{/block:TrackName}
  665. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  666. {block:Album}Album: {Album}<br>{/block:Album}
  667. {PlayCountWithLabel}
  668.  
  669. </div>
  670. </div>
  671. {/block:AudioPlayer}
  672.  
  673. {block:Caption}{Caption}{/block:Caption}
  674. {/block:Audio}
  675.  
  676. {block:Video}
  677. {Video-400}
  678. {block:Caption}{Caption}{/block:Caption}
  679. {/block:Video}
  680.  
  681. <div id="footer">
  682. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>
  683. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  684. {block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  685. {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}<br>
  686. {block:HasTags}{block:Tags}#<a href="{URL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  687. {/block:Date}</div>
  688.  
  689. </div>{/block:Posts}
  690.  
  691.  
  692. </div>
  693. </div>
  694.  
  695. <div id="spectrum">
  696. <a href="http://wonderfullythemes.tumblr.com">theme</a>
  697. </div>
  698.  
  699. </body>
  700. </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!