Advertisement
themesbygeorgia

Theme #5

Apr 8th, 2014
450
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.60 KB | None | 0 0
  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.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head><title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!--- Theme #5 by claraforthebosswin (prev. myimpossiblecompanion)
  13. do not steal/resdistribute/claim as your own pls and thank, you guys know the rules :) --->
  14.  
  15. <stsss<!-- start of script tooltip -->
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  18. <script>
  19. (function($){
  20. $(document).ready(function(){
  21. $("a[title]").style_my_tooltips({
  22. tip_follows_cursor:true,
  23. tip_delay_time:0,
  24. tip_fade_speed:0,
  25. attribute:"title"
  26. });
  27. });
  28. })(jQuery);
  29. </script>
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Text" content="#404040"/>
  33. <meta name="color:Link" content="#56bc8a"/>
  34. <meta name="color:Border" content="#56bc8a"/>
  35. <meta name="color:Hover" content="#bbe4d0"/>
  36. <meta name="color:Scrollbar" content="#000000"/>
  37. <meta name="color:ScrollbarBg" content="#ffffff"/>
  38. <meta name="color:Answer Backg" content="#000000"/>
  39. <meta name="image:Sidebar" content=""/>
  40. <meta name="text:Link 1" content="" />
  41. <meta name="text:Link 1 Text" content="" />
  42. <meta name="text:Link 2" content="" />
  43. <meta name="text:Link 2 Text" content="" />
  44. <meta name="text:Link 3" content="" />
  45. <meta name="text:Link 3 Text" content="" />
  46. <meta name="text:Link 4" content="" />
  47. <meta name="text:Link 4 Text" content="" />
  48. <meta name="text:Link 5" content="" />
  49. <meta name="text:Link 5 Text" content="" />
  50. <meta name="text:Link 6" content="" />
  51. <meta name="text:Link 6 Text" content="" />
  52. <meta name="text:Link 7" content="" />
  53. <meta name="text:Link 7 Text" content="" />
  54. <meta name="text:Link 8" content="" />
  55. <meta name="text:Link 8 Text" content="" />
  56. <meta name="if:Show Link 1" content="1" />
  57. <meta name="if:Show Link 2" content="1" />
  58. <meta name="if:Show Link 3" content="1" />
  59. <meta name="if:Show Link 4" content="1" />
  60. <meta name="if:Show Link 5" content="1" />
  61. <meta name="if:Show Link 6" content="1" />
  62. <meta name="if:Show Link 7" content="1" />
  63. <meta name="if:Show Link 8" content="1" />
  64.  
  65. <style type="text/css">
  66.  
  67. ::-webkit-scrollbar-thumb {
  68. height:auto;
  69. background-color:{color:Scrollbar};
  70. }
  71.  
  72. ::-webkit-scrollbar {
  73. height:9px;
  74. width:4px;
  75. background-color:{color:ScrollbarBg};
  76. }
  77.  
  78. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lpyq1b57ef1qcn2vb.gif), auto;}
  79.  
  80. #s-m-t-tooltip {
  81. max-width:200px;
  82. font-family:'calibri';
  83. font-size:8px;
  84. background-color:#000;
  85. color:#fff;
  86. line-height:9px;
  87. display:none;
  88. position:absolute;
  89. letter-spacing:1px;
  90. text-transform:uppercase;
  91. padding:3px;
  92. margin:15px 0px 0px 15px;
  93. z-index:1000;
  94. }
  95.  
  96. body {
  97. background:{color:Background};
  98. margin:0px;
  99. color:{color:Text};
  100. font-family:'calibri';
  101. font-size:10px;
  102. line-height:100%;
  103. letter-spacing:0px;
  104. text-align:justify;
  105. }
  106.  
  107. img {
  108. border:none;
  109. }
  110.  
  111. blockquote {
  112. padding-left:5px;
  113. border-left:2px solid;
  114. }
  115.  
  116. blockquote blockquote {
  117. padding-left:5px;
  118. border-left:2px solid;
  119. }
  120.  
  121. h1 {
  122. font-size:8px;
  123. letter-spacing:2px;
  124. text-transform:lowercase;
  125. font-family:'calibri';
  126. font-style:none;
  127. line-height:10px;
  128. text-align:left;
  129. padding:0px;
  130. }
  131.  
  132. a {
  133. text-decoration:none;
  134. outline:none;
  135. -moz-outline-style:none;
  136. color:{color:Link};
  137. -moz-transition-duration:0.7s;
  138. -webkit-transition-duration:0.7s;
  139. -o-transition-duration:0.7s;
  140. }
  141.  
  142. a:hover {
  143. color:{color:Hover};
  144. -moz-transition-duration:0.7s;
  145. -webkit-transition-duration:0.7s;
  146. -o-transition-duration:0.7s;
  147. }
  148.  
  149.  
  150. /*ENTRIES*/
  151.  
  152. #entries {
  153. padding:10px;
  154. width:500px;
  155. margin-left:500px;
  156. margin-top:3px;
  157. font-size:10px;
  158. font-family:'calibri';
  159. letter-spacing:0px;
  160. }
  161.  
  162. #post {
  163. width:500px;
  164. padding-bottom:20px;
  165. padding:25px;
  166. margin-top:30px;
  167. }
  168.  
  169. /*SIDEBAR*/
  170.  
  171. #sidebar {
  172. position:fixed;
  173. margin-top:250px;
  174. margin-left:300px;
  175. }
  176.  
  177. #sidebarimage {
  178. width:auto;
  179. height:auto;
  180. }
  181.  
  182. #sidebarimage img {
  183. width:200px;
  184. height:280px;
  185. margin-top:-100px;
  186. padding:3px;
  187. margin-left:-80px;
  188. }
  189.  
  190.  
  191. #links {
  192. width:172px;
  193. font-family:'calibri';
  194. padding: 7px;
  195. text-align:center;
  196. text-transform:none;
  197. position:fixed;
  198. margin-top:7px;
  199. margin-left:-70px;
  200. }
  201.  
  202. #links a {
  203. width:94px;
  204. padding:3px;
  205. font-size:11px;
  206. letter-spacing:0px;
  207. text-decoration:italic;
  208. color:{color:Link};
  209. -moz-transition-duration:0.7s;
  210. -webkit-transition-duration:0.7s;
  211. -o-transition-duration:0.7s;
  212. }
  213.  
  214. #links a:hover {
  215. -moz-transition-duration:0.7s;
  216. -webkit-transition-duration:0.7s;
  217. -o-transition-duration:0.7s;
  218. color:{color:Hover};
  219. }
  220.  
  221. #description {
  222. text-align:center;
  223. font-family:'calibri';
  224. width:155px;
  225. height:235px;
  226. padding:10px;
  227. margin-top:-295px;
  228. margin-left:-1px;
  229. background-color:#fff;
  230. opacity:0;
  231. font-size:10px;
  232. position:absolute;
  233. overflow:scroll;
  234. text-transform:none;
  235. color:{color:Text};
  236. -moz-transition-duration:0.7s;
  237. -webkit-transition-duration:0.7s;
  238. -o-transition-duration:0.7s;
  239. }
  240.  
  241. #description:hover {
  242. opacity:.9;
  243. background-color:#fff;
  244. -moz-transition-duration:0.7s;
  245. -webkit-transition-duration:0.7s;
  246. -o-transition-duration:0.7s;
  247. }
  248.  
  249. #pagination {
  250. font-style:bold;
  251. padding:2px;
  252. font-family:'arial';
  253. letter-spacing:0px;
  254. font-size:9px;
  255. text-align:center;
  256. padding:2px;
  257. margin-top:10px;
  258. text-transform:lowercase;
  259. }
  260.  
  261.  
  262. /*POST INFO*/
  263.  
  264. #info {
  265. width:500px;
  266. float:right;
  267. text-align:right;
  268. font-family:'trebuchet ms';
  269. margin-top:3px;
  270. margin-left:0px;
  271. letter-spacing:1px;
  272. font-size:7px;
  273. text-transform:uppercase;
  274. font-style:none;
  275. padding:1px;
  276. line-height:10px;
  277. text-transform:;
  278. border-top:1px solid;
  279. border-color:{color:Border};
  280. }
  281.  
  282. #info a {
  283. text-align:center;
  284. color:{color:Link};
  285. -moz-transition-duration:0.7s;
  286. -webkit-transition-duration:0.7s;
  287. -o-transition-duration:0.7s;
  288. }
  289.  
  290. #info a:hover {
  291. -moz-transition-duration:0.7s;
  292. -webkit-transition-duration:0.7s;
  293. -o-transition-duration:0.7s;
  294. color:{color:Hover}
  295. }
  296.  
  297. #tags {
  298. float:right;
  299. width:489px;
  300. margin-top:-7px;
  301. margin-right:-5px;
  302. text-align:right;
  303. font-size:7px;
  304. padding:5px;
  305. font-size:8px;
  306. opacity:1;
  307. transition-duration: 0.7s;
  308. -moz-transition-duration:0.7s;
  309. -webkit-transition-duration:0.7s;
  310. -o-transition-duration:0.7s;
  311. color:{color:Link};
  312. }
  313.  
  314. #tags a {
  315. letter-spacing:0px;
  316. font-size:9px;
  317. text-align:right;
  318. font-family:'calibri';
  319. text-decoration:none;
  320. display:inline-block;
  321. color:{color:Link};
  322. -moz-transition-duration:0.7s;
  323. -webkit-transition-duration:0.7s;
  324. -o-transition-duration:0.7s;
  325. }
  326.  
  327. #tags a:hover {
  328. background-color:#fff;
  329. -moz-transition-duration:0.7s;
  330. -webkit-transition-duration:0.7s;
  331. -o-transition-duration:0.7s;
  332. color:{color:Hover};
  333. }
  334.  
  335. /*QUESTION*/
  336.  
  337. #asker {
  338. color:#fcfcfc;
  339. padding:12px;
  340. font-family:'calibri';
  341. font-size:11px;
  342. letter-spacing:0px;
  343. text-align:left;
  344. margin-top:0px;
  345. text-transform:none;
  346. line-height:100%;
  347. background-color:{color:Answer Backg}
  348. }
  349.  
  350. /*CREDIT*/
  351.  
  352. #cred {
  353. position:fixed;
  354. font-family:'Calibri';
  355. text-transform:none;
  356. font-size:8px;
  357. right:9px;
  358. bottom:9px;
  359. padding:4px;
  360. letter-spacing:1px;
  361. }
  362.  
  363. /*UPDATE TAB*/
  364.  
  365. #updatestab{
  366. margin:0px;
  367. color:#000;
  368. font-family:helvetica;
  369. font-size:9px;
  370. line-height:100%;
  371. }
  372.  
  373. #update{
  374. position:fixed;
  375. margin-top:10px;
  376. left:0px;
  377. padding:2px;
  378. background:#fff;
  379. border-left:5px solid {color:Border};
  380. -webkit-transition: all 0.5s ease-out;
  381. -moz-transition: all 0.5s ease-out;
  382. transition: all 0.5s ease-out;
  383. }
  384.  
  385. #update:hover{
  386. background-color:{color:Border};
  387. width:109px;
  388. z-index: 999;
  389. -webkit-transition: all 0.5s ease-out;
  390. -moz-transition: all 0.5s ease-out;
  391. transition: all 0.5s ease-out;
  392. }
  393.  
  394. #update:hover #updatecontent{
  395. opacity:1;
  396. left:10px;
  397. top:26px;
  398. border-top:1px solid transparent;
  399. }
  400.  
  401. #updatecontent{
  402. position:fixed;
  403. top:26px;
  404. left:-100px;
  405. padding:2px;
  406. width:102px;
  407. opacity:0;
  408. height:110px;
  409. text-align:center;
  410. font-size: 9px;
  411. overflow-x:hidden;
  412. overflow-y:scroll;
  413. background:#fff;
  414. border:1px solid {color:Border};
  415. -webkit-transition: all 0.5s ease-out;
  416. -moz-transition: all 0.5s ease-out;
  417. transition: all 0.5s ease-out;
  418. }
  419.  
  420. #update2{
  421. position:fixed;
  422. margin-top:30px;
  423. left:0px;
  424. padding:2px;
  425. background:#fff;
  426. border-left:5px solid {color:Border};
  427. -webkit-transition: all 0.5s ease-out;
  428. -moz-transition: all 0.5s ease-out;
  429. transition: all 0.5s ease-out;
  430. }
  431.  
  432. #update2:hover{
  433. width:109px;
  434. background:{color:Border};
  435. z-index: 999;
  436. -webkit-transition: all 0.5s ease-out;
  437. -moz-transition: all 0.5s ease-out;
  438. transition: all 0.5s ease-out;
  439. }
  440.  
  441. #update2:hover #updatecontent2{
  442. opacity:1;
  443. left:10px;
  444. top:46px;
  445. border-top:1px solid transparent;
  446. }
  447.  
  448. #updatecontent2{
  449. position:fixed;
  450. top:46px;
  451. left:-100px;
  452. padding:2px;
  453. width:102px;
  454. opacity:0;
  455. height:110px;
  456. text-align:center;
  457. font-size: 9px;
  458. overflow-x:hidden;
  459. overflow-y:scroll;
  460. background:#fff;
  461. border:1px solid {color:Border};
  462. -webkit-transition: all 0.5s ease-out;
  463. -moz-transition: all 0.5s ease-out;
  464. transition: all 0.5s ease-out;
  465. }
  466.  
  467. #update3{
  468. position:fixed;
  469. margin-top:50px;
  470. left:0px;
  471. padding:2px;
  472. background:#fff;
  473. border-left:5px solid {color:Border};
  474. -webkit-transition: all 0.5s ease-out;
  475. -moz-transition: all 0.5s ease-out;
  476. transition: all 0.5s ease-out;
  477. }
  478.  
  479. #update3:hover{
  480. width:109px;
  481. background:{color:Border};
  482. z-index: 999;
  483. -webkit-transition: all 0.5s ease-out;
  484. -moz-transition: all 0.5s ease-out;
  485. transition: all 0.5s ease-out;
  486. }
  487.  
  488. #update3:hover #updatecontent3{
  489. opacity:1;
  490. left:10px;
  491. top:66px;
  492. border-top:1px solid transparent;
  493. }
  494.  
  495. #updatecontent3{
  496. position:fixed;
  497. top:66px;
  498. left:-100px;
  499. padding:2px;
  500. width:102px;
  501. opacity:0;
  502. height:110px;
  503. text-align:center;
  504. font-size: 9px;
  505. overflow-x:hidden;
  506. overflow-y:scroll;
  507. background:#fff;
  508. border:1px solid {color:Border};
  509. -webkit-transition: all 0.5s ease-out;
  510. -moz-transition: all 0.5s ease-out;
  511. transition: all 0.5s ease-out;
  512. }
  513.  
  514. #update4{
  515. position:fixed;
  516. margin-top:70px;
  517. left:0px;
  518. padding:2px;
  519. background:#fff;
  520. border-left:5px solid {color:Border};
  521. -webkit-transition: all 0.5s ease-out;
  522. -moz-transition: all 0.5s ease-out;
  523. transition: all 0.5s ease-out;
  524. }
  525.  
  526. #update4:hover{
  527. width:109px;
  528. background:{color:Border};
  529. z-index: 999;
  530. -webkit-transition: all 0.5s ease-out;
  531. -moz-transition: all 0.5s ease-out;
  532. transition: all 0.5s ease-out;
  533. }
  534.  
  535. #update4:hover #updatecontent4{
  536. opacity:1;
  537. left:10px;
  538. top:86px;
  539. border-top:1px solid transparent;
  540. }
  541.  
  542. #updatecontent4{
  543. position:fixed;
  544. top:86px;
  545. left:-100px;
  546. padding:2px;
  547. width:102px;
  548. opacity:0;
  549. height:110px;
  550. text-align:center;
  551. font-size: 9px;
  552. overflow-x:hidden;
  553. overflow-y:scroll;
  554. background:#fff;
  555. border:1px solid {color:Border};
  556. -webkit-transition: all 0.5s ease-out;
  557. -moz-transition: all 0.5s ease-out;
  558. transition: all 0.5s ease-out;
  559. }
  560.  
  561. {CustomCSS}</style></head><body>
  562.  
  563. <div id="updatestab">
  564. <div id="update">
  565. TITLE
  566. <div id="updatecontent">
  567. Normal text, <b>bold</b>, <u>underline</u>, <i>italic</i>.<br>
  568. new paragraph<p>
  569. page break
  570. <div style="background-color:#000; padding:2px; color:{color:Link}; text-transform:uppercase;text-align:center;">titles</div>
  571. </div>
  572. </div>
  573.  
  574. <div id="update2">
  575. TITLE
  576. <div id="updatecontent2">
  577. Normal text, <b>bold</b>, <u>underline</u>, <i>italic</i>.<br>
  578. new paragraph<p>
  579. page break
  580. <div style="background-color:#000; padding:2px; color:{color:Link}; text-transform:uppercase;text-align:center;">titles</div>
  581. </div>
  582. </div>
  583.  
  584. <div id="update3">
  585. TITLE
  586. <div id="updatecontent3">
  587. Normal text, <b>bold</b>, <u>underline</u>, <i>italic</i>.<br>
  588. new paragraph<p>
  589. page break
  590. <div style="background-color:#000; padding:2px; color:{color:Link}; text-transform:uppercase;text-align:center;">titles</div>
  591. </div>
  592. </div>
  593.  
  594. <div id="update4">
  595. TITLE
  596. <div id="updatecontent4">
  597. Normal text, <b>bold</b>, <u>underline</u>, <i>italic</i>.<br>
  598. new paragraph<p>
  599. page break
  600. <div style="background-color:#000; padding:2px; color:{color:Link}; text-transform:uppercase;text-align:center;">titles</div>
  601. </div>
  602. </div>
  603. </div>
  604.  
  605. <div id="sidebar">
  606. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  607.  
  608. <div id="links">
  609. {block:IfShowLink1}<a href="{text:Link 1}" title="{text:Link 1 Text}">I.</a>{/block:IfShowLink1}
  610. {block:IfShowLink2}<a href="{text:Link 2}" title="{text:Link 2 Text}">II.</a>{/block:IfShowLink2}
  611. {block:IfShowLink3}<a href="{text:Link 3}" title="{text:Link 3 Text}">III.</a>{/block:IfShowLink3}
  612. {block:IfShowLink4}<a href="{text:Link 4}" title="{text:Link 4 Text}">IV.</a>{/block:IfShowLink4}
  613. {block:IfShowLink5}<a href="{text:Link 5}" title="{text:Link 5 Text}">V.</a>{/block:IfShowLink5}
  614. {block:IfShowLink6}<a href="{text:Link 6}" title="{text:Link 6 Text}">VI.</a>{/block:IfShowLink6}
  615. {block:IfShowLink7}<a href="{text:Link 7}" title="{text:Link 7 Text}">VII.</a>{/block:IfShowLink7}
  616. {block:IfShowLink8}<a href="{text:Link 8}" title="{text:Link 8 Text}">VIII.</a>{/block:IfShowLink8}
  617.  
  618. <div id="description">{Description}</div>
  619.  
  620. {block:Pagination}
  621. <div id="pagination">
  622. {block:PreviousPage}
  623. <a href="{PreviousPage}" title="back">←</a>
  624. {/block:PreviousPage}
  625. {block:NextPage}
  626. <a href="{NextPage}" title="next">→</a>
  627. {/block:NextPage}
  628. </div>
  629. {/block:Pagination}
  630. </div>
  631. </div>
  632.  
  633. <div id="entries">
  634. {block:Posts}
  635. <div id="post">
  636.  
  637. {block:Text}
  638.  
  639. <h1>{block:Title}
  640. {Title}
  641. {/block:Title}</h1>
  642.  
  643. {Body}
  644.  
  645. {/block:Text}
  646.  
  647. {block:Photo}
  648. {LinkOpenTag}
  649. <img src="{PhotoURL-500}">
  650. {LinkCloseTag}
  651. {block:Caption}
  652. {Caption}
  653. {/block:Caption}
  654. {/block:Photo}
  655.  
  656. {block:Photoset}
  657. {Photoset-500}
  658. {block:Caption}
  659. {Caption}
  660. {/block:Caption}
  661. {/block:Photoset}
  662.  
  663. {block:Quote}
  664. <h2>"{Quote}"</h2>
  665.  
  666. {block:Source}
  667. <div class="qsource"> —{Source}</div>
  668. {/block:Source}
  669. {/block:Quote}
  670.  
  671. {block:Link}
  672. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  673. {block:Description}
  674. {Description}
  675. {/block:Description}
  676. {/block:Link}
  677.  
  678. {block:Chat}
  679. {block:Title}
  680. {Title}
  681. {/block:Title}
  682.  
  683. {block:Lines}
  684. {block:Label}
  685. <b><u>{Label}</u></b>
  686. {/block:Label}
  687. {Line}<br>
  688. {/block:Lines}
  689. {/block:Chat}
  690.  
  691. {block:Audio}
  692. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  693. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  694. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  695. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  696.  
  697. {/block:Audio}<br>
  698.  
  699. {block:Video}
  700. {Video-500}
  701.  
  702. {block:Caption}
  703. {Caption}
  704. {/block:Caption}
  705. {/block:Video}
  706.  
  707. {block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  708.  
  709. <div id="info">
  710. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  711. {block:RebloggedFrom} <a href="{ReblogParentURL}">| via |</a>{/block:RebloggedFrom}
  712. {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  713. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  714. | ♥ <a href="{Permalink}">{NoteCount}</a></div>
  715.  
  716.  
  717. {block:HasTags}<div id="tags">
  718.  
  719. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  720. </div>{block:HasTags}
  721.  
  722. </div>
  723.  
  724. {/block:Posts}
  725. <br><br>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  726. {/block:Posts}</div></div></div>
  727. <br><br><br><br>
  728.  
  729. <div id="cred">
  730. <a href="http://claramancy.co.vu/">Theme</a>
  731. </div>
  732. </div>
  733.  
  734.  
  735.  
  736. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement