API tools faq
paste
Advertisement
themesbygeorgia

Theme #30

themesbygeorgia
Aug 22nd, 2014
2,012
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.87 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 #30 by wonderfullythemes
  6.  
  7. dont remove 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. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  15. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16. <stsss>
  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. <meta name="color:Background" content="#fff" />
  31. <meta name="color:Link" content="#1bcc5c" />
  32. <meta name="color:Hover" content="#444" />
  33. <meta name="color:Text" content="#444" />
  34. <meta name="color:Title" content="#ddd" />
  35. <meta name="color:Container Background" content="#fff" />
  36. <meta name="color:NavLinks" content="#ddd" />
  37. <meta name="color:NavLinks Background" content="#fff" />
  38. <meta name="color:NavLinks Border" content="#ddd" />
  39. <meta name="color:NavLinks Hover" content="#fff" />
  40. <meta name="color:NavLinks Background Hover" content="#444" />
  41. <meta name="color:NavLinks Border Hover" content="#ddd" />
  42. <meta name="color:Post Title" content="#444" />
  43. <meta name="color:Blockquote" content="#444" />
  44. <meta name="color:Question Background" content="#ddd" />
  45. <meta name="color:Question Text" content="#444" />
  46. <meta name="color:Answer Background" content="#fff" />
  47. <meta name="color:Answer Text" content="#444" />
  48. <meta name="color:Chat Bg Odd" content="#ddd" />
  49. <meta name="color:Chat Bg Even" content="#fff" />
  50. <meta name="color:Info Text" content="#444" />
  51. <meta name="color:Info Background" content="#fff" />
  52. <meta name="color:Info Border" content="#ddd" />
  53. <meta name="color:Info Links" content="#ddd" />
  54. <meta name="color:Info Links Hover" content="#444" />
  55. <meta name="color:Scrollbar" content="#444" />
  56. <meta name="color:Scrollbar Background" content="#fff" />
  57. <meta name="color:Tooltip Background" content="#fff" />
  58. <meta name="color:Tooltip Text" content="#444" />
  59. <meta name="color:Tooltip Border" content="#ddd" />
  60. <meta name="color:Tooltip Shadow" content="#ddd" />
  61.  
  62. <meta name="image:Background" content="" />
  63. <meta name="image:Container Background" content="" />
  64. <meta name="image:Sidebar" content="" />
  65.  
  66. <meta name="if:Grayscale" content="1" />
  67. <meta name="if:ShowCustomCursor" content="1" />
  68.  
  69. <meta name="text:Link1" content="/" />
  70. <meta name="text:Link1 Text" content="Link 1" />
  71. <meta name="text:Link2" content="/" />
  72. <meta name="text:Link2 Text" content="Link 2" />
  73. <meta name="text:Link3" content="/" />
  74. <meta name="text:Link3 Text" content="Link 3" />
  75. <meta name="text:Link4" content="/" />
  76. <meta name="text:Link4 Text" content="Link 4" />
  77.  
  78.  
  79. <style type="text/css">
  80.  
  81. ::-webkit-scrollbar-thumb {
  82. height:auto;
  83. background-color:{color:Scrollbar};
  84. }
  85.  
  86. ::-webkit-scrollbar {
  87. height:4px;
  88. width:7px;
  89. background-color:{color:Scrollbar Background};
  90. }
  91.  
  92. #s-m-t-tooltip {
  93. max-width:200px;
  94. font-family:'pt sans';
  95. font-size:8px;
  96. background-color:{color:Tooltip Background};
  97. color:{color:Tooltip Text};
  98. border:1px solid {color:Tooltip Border};
  99. box-shadow:2px 2px 2px {color:Tooltip Shadow};
  100. line-height:9px;
  101. display:none;
  102. position:absolute;
  103. letter-spacing:1px;
  104. text-transform:uppercase;
  105. padding:3px;
  106. margin:15px 0px 0px 15px;
  107. z-index:99999999999999;
  108. }
  109.  
  110. {block:IfGrayscale}
  111. img{
  112. -webkit-filter: grayscale(100%);
  113. -webkit-transition-duration: 0.8s;
  114. -moz-transition-duration: 0.8s;
  115. -o-transition-duration: 0.8s;
  116. -ms-transition-duration: 0.8s;
  117. }
  118.  
  119. img:hover{
  120. -webkit-filter: grayscale(0%);
  121. -webkit-transition-duration: 0.8s;
  122. -moz-transition-duration: 0.8s;
  123. -o-transition-duration: 0.8s;
  124. -ms-transition-duration: 0.8s;
  125. z-index: 2px;
  126. }
  127.  
  128. .html_photoset {
  129. -webkit-filter: grayscale(100%);
  130. -webkit-transition-duration: 0.8s;
  131. -moz-transition-duration: 0.8s;
  132. -o-transition-duration: 0.8s;
  133. -ms-transition-duration: 0.8s;
  134. }
  135.  
  136. .html_photoset:hover{
  137. -webkit-filter: grayscale(0%);
  138. -webkit-transition-duration: 0.8s;
  139. -moz-transition-duration: 0.8s;
  140. -o-transition-duration: 0.8s;
  141. -ms-transition-duration: 0.8s;
  142. z-index: 2px;
  143. }
  144. {/block:IfGrayscale}
  145.  
  146. body {
  147. background:{color:Background};
  148. background-image: url({image:Background});
  149. background-attachment: fixed;
  150. background-repeat:no-repeat;
  151. background-size:cover;
  152. color:{color:Text};
  153. font-family:'calibri';
  154. font-size:11px;
  155. text-decoration:none;
  156. text-transform:none;
  157. margin:auto;
  158. {block:IfShowCustomCursor}
  159. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  160. {/block:IfShowCustomCursor}
  161. }
  162.  
  163. a {
  164. color:{color:Link};
  165. text-decoration:none;
  166. -moz-transition-duration:0.7s;
  167. -webkit-transition-duration:0.7s;
  168. -o-transition-duration:0.7s;
  169. }
  170.  
  171. a:hover {
  172. color:{color:Hover};
  173. -moz-transition-duration:0.7s;
  174. -webkit-transition-duration:0.7s;
  175. -o-transition-duration:0.7s;
  176. {block:IfShowCustomCursor}
  177. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  178. {/block:IfShowCustomCursor}
  179. }
  180.  
  181. h2 {
  182. color:{color:Post Title};
  183. }
  184.  
  185. h2 a {
  186. color:{color:Link};
  187. }
  188.  
  189. li {
  190. list-style:square;
  191. }
  192.  
  193. blockquote {
  194. border-left:2px solid {color:Blockquote};
  195. padding-left:5px;
  196. }
  197.  
  198. img, blockquote, li, h2 {
  199. max-width:100%;
  200. }
  201.  
  202. #container {
  203. margin:auto;
  204. top:0;
  205. left:0;
  206. right:0;
  207. bottom:0;
  208. position:fixed;
  209. width:520px;
  210. height:350px;
  211. border:1px solid #ddd;
  212. box-shadow:5px 5px 5px #ddd;
  213. background-color:{color:Container Background};
  214. background-image: url({image:Container Background});
  215. background-attachment: fixed;
  216. background-repeat:no-repeat;
  217. background-size:cover;
  218. }
  219.  
  220. #entries {
  221. width:auto;
  222. height:270px;
  223. overflow-y:scroll;
  224. margin:40px 10px 0 50px;
  225. position:relative;
  226. float:left;
  227. padding-right:5px;
  228. }
  229.  
  230. #posts {
  231. width:250px;
  232. margin-bottom:40px;
  233. }
  234.  
  235. .links {
  236. width:auto;
  237. height:30px;
  238. line-height:100%;
  239. font-size:8px;
  240. text-transform:uppercase;
  241. position:absolute;
  242. margin-top:-5px;
  243. right:5%;
  244. }
  245.  
  246. .links a {
  247. margin-right:5px;
  248. padding:3px;
  249. letter-spacing:1px;
  250. color:{color:NavLinks};
  251. background-color:{color:NavLinks Background};
  252. border:1px solid {color:NavLinks Border};
  253. }
  254.  
  255. .links a:hover {
  256. letter-spacing:3px;
  257. color:{color:NavLinks Hover};
  258. background-color:{color:NavLinks Background Hover};
  259. border:1px solid {color:NavLinks Border Hover};
  260. }
  261.  
  262. #sidebar {
  263. position:absolute;
  264. width:140px;
  265. height:300px;
  266. top:90px;
  267. right:40px;
  268. -moz-transition-duration:0.7s;
  269. -webkit-transition-duration:0.7s;
  270. -o-transition-duration:0.7s;
  271. }
  272.  
  273. #sidebar:hover .title {
  274. margin-left:55px;
  275. opacity:1;
  276. -moz-transition-duration:0.7s;
  277. -webkit-transition-duration:0.7s;
  278. -o-transition-duration:0.7s;
  279. }
  280.  
  281. .title {
  282. color:{color:Title};
  283. height:auto;
  284. width:180px;
  285. line-height:20px;
  286. float:right;
  287. font-family:'arial bold';
  288. letter-spacing:-1px;
  289. text-align:center;
  290. text-transform:lowercase;
  291. font-size:15px;
  292. position:absolute;
  293. margin-top:80px;
  294. margin-left:45px;
  295. opacity:0;
  296. -webkit-transform: rotate(270deg);
  297. -moz-transform: rotate(270deg);
  298. -ms-transform: rotate(270deg);
  299. -o-transform: rotate(270deg);
  300. transform: rotate(270deg);
  301. -moz-transition-duration:0.7s;
  302. -webkit-transition-duration:0.7s;
  303. -o-transition-duration:0.7s;
  304. }
  305.  
  306. #sidebar:hover .sidebarpic {
  307. margin-left:-10px;
  308. -moz-transition-duration:0.7s;
  309. -webkit-transition-duration:0.7s;
  310. -o-transition-duration:0.7s;
  311. }
  312.  
  313. .sidebarpic {
  314. width:auto;
  315. height:auto;
  316. -moz-transition-duration:0.7s;
  317. -webkit-transition-duration:0.7s;
  318. -o-transition-duration:0.7s;
  319. }
  320.  
  321. .sidebarpic img {
  322. width:140px;
  323. height:180px;
  324. box-shadow:3px 3px 3px #ddd;
  325. }
  326.  
  327. #sidebar:hover .description {
  328. margin-left:10px;
  329. opacity:.9;
  330. -moz-transition-duration:0.7s;
  331. -webkit-transition-duration:0.7s;
  332. -o-transition-duration:0.7s;
  333. }
  334.  
  335. .description {
  336. width:80px;
  337. height:120px;
  338. padding:10px;
  339. overflow-y:scroll;
  340. margin-top:-160px;
  341. margin-left:20px;
  342. position:absolute;
  343. text-transform:uppercase;
  344. font-size:8px;
  345. text-align:justify;
  346. background-color:#fff;
  347. opacity:0;
  348. -moz-transition-duration:0.7s;
  349. -webkit-transition-duration:0.7s;
  350. -o-transition-duration:0.7s;
  351. }
  352.  
  353. #sidebar:hover #pagination {
  354. margin-top:10px;
  355. opacity:1;
  356. -moz-transition-duration:0.7s;
  357. -webkit-transition-duration:0.7s;
  358. -o-transition-duration:0.7s;
  359. }
  360.  
  361. #pagination {
  362. width:120px;
  363. margin-top:-10px;
  364. font-size:10px;
  365. float:center;
  366. text-align:center;
  367. text-transform:uppercase;
  368. opacity:0;
  369. -moz-transition-duration:0.7s;
  370. -webkit-transition-duration:0.7s;
  371. -o-transition-duration:0.7s;
  372. }
  373.  
  374. /*--INFO AND TAGS--*/
  375. #footer {
  376. line-height:8px;
  377. text-transform:uppercase;
  378. width:240px;
  379. text-align:center;
  380. font-size:8px;
  381. margin-top:5px;
  382. padding:5px;
  383. color:{color:Info Text};
  384. background-color:{color:Info Background};
  385. border-top:1px solid {color:Info Border};
  386. background-image: url({image:Container Background});
  387. background-attachment: fixed;
  388. background-repeat:no-repeat;
  389. background-size:cover;
  390. }
  391.  
  392. #footer a {
  393. color:{color:Info Links};
  394. }
  395.  
  396. #footer a:hover {
  397. color:{color:Info Links Hover};
  398. letter-spacing:2px;
  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:8px;
  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. /*--CREDIT--*/
  509. #spectrum {
  510. bottom:9px;
  511. right:7px;
  512. font-size:8px;
  513. font-family:'calibri';
  514. letter-spacing:1px;
  515. text-transform:uppercase;
  516. position:fixed;
  517. }
  518.  
  519. {CustomCSS}</style></head><body>
  520.  
  521. <div id="container">
  522.  
  523. <div class="links">
  524. <a href="{text:Link1}">{text:Link1 Text}</a>
  525. <a href="{text:Link2}">{text:Link2 Text}</a>
  526. <a href="{text:Link3}">{text:Link3 Text}</a>
  527. <a href="{text:Link4}">{text:Link4 Text}</a>
  528. </div>
  529.  
  530. <div id="sidebar">
  531. <div class="title">{Title};</div>
  532. <div class="sidebarpic"><img src="{image:Sidebar}" /></div>
  533.  
  534. <div class="description">{Description}</div>
  535.  
  536. <div id="pagination">
  537. {block:Pagination}
  538. {block:PreviousPage}<a href="{PreviousPage}" title="back">←</a>{/block:PreviousPage} &nbsp;&nbsp;
  539. {block:NextPage}<a href="{NextPage}" title="next">→</a>{/block:NextPage}
  540. {/block:Pagination}
  541. </div>
  542. </div>
  543.  
  544. <div id="entries">{block:Posts}<div id="posts">
  545.  
  546. {block:Text}
  547. {block:Title}<h2>{Title}</h2>{/block:Title}
  548. {Body}
  549. {/block:Text}
  550.  
  551. {block:Answer}
  552. <div class="question"><span style="text-transform:uppercase;font-size:9px">{Asker} asked:</span> {Question}</div>
  553. <div class="answer">{Answer}</div>
  554. {/block:Answer}
  555.  
  556. {block:Quote}
  557. <span class="quote">"{Quote}"</span>
  558. {block:Source} -{Source}{/block:Source}
  559. {/block:Quote}
  560.  
  561. {block:Link}
  562. <h2><a href="{URL}">{Name}</a></h2>
  563. {block:Description}{Description}{/block:Description}
  564. {/block:Link}
  565.  
  566. {block:Chat}
  567. {block:Title}{Title}{/block:Title}
  568. {block:Lines}<span class="chat">
  569. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li></span>
  570. {/block:Lines}
  571. {/block:Chat}
  572.  
  573. {block:Photo}
  574. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}">{LinkCloseTag}
  575. {block:Caption}{Caption}{/block:Caption}
  576. {/block:Photo}
  577.  
  578. {block:Photoset}
  579. {Photoset-250}
  580. {block:Caption}{Caption}{/block:Caption}
  581. {/block:Photoset}
  582.  
  583. {block:Audio}
  584. {block:AudioPlayer}
  585. <div class="audiowrapper">
  586. {block:AlbumArt}
  587. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  588. {/block:AlbumArt}
  589.  
  590. <div class="playerbuttonbg">
  591. <div class="newplayerbutton">
  592. <div class="playerbuttonhug">
  593.  
  594. {AudioPlayerWhite}
  595.  
  596. </div>
  597. </div>
  598. </div>
  599.  
  600. <div class="trackdetails">
  601.  
  602. {block:TrackName}{TrackName}</a><br>{/block:TrackName}
  603. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  604. {block:Album}Album: {Album}<br>{/block:Album}
  605. {PlayCountWithLabel}
  606.  
  607. </div>
  608. </div>
  609. {/block:AudioPlayer}
  610.  
  611. {block:Caption}{Caption}{/block:Caption}
  612. {/block:Audio}
  613.  
  614. {block:Video}
  615. {Video-250}
  616. {block:Caption}{Caption}{/block:Caption}
  617. {/block:Video}
  618.  
  619. <div id="footer">
  620. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>
  621. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  622. {block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  623. {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}<br>
  624. {block:HasTags}{block:Tags}#<a href="{URL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  625. {/block:Date}</div>
  626.  
  627. </div>{/block:Posts}
  628.  
  629. <div id="spectrum">
  630. <a href="http://wonderfullythemes.tumblr.com">theme</a>
  631. </div>
  632.  
  633. </div>
  634.  
  635. </div>
  636.  
  637.  
  638.  
  639.  
  640. </body>
  641. </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!