API tools faq
paste
pjo06

Theme #004 - Sharon v.3

pjo06
Jul 8th, 2015
1,890
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.86 KB | None | 0 0
raw download clone embed print report
  1. <!--THEME BY LAURAHOLLIIS ~ DO NOT REMOVE CREDIT-->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!--#df13a scroll-->
  11.  
  12.  
  13. <!--TEST BLOG 4-->
  14.  
  15. <meta name="color:bg" content="#ffffff" />
  16. <meta name="color:text" content="#000000" />
  17. <meta name="color:link" content="#232323" />
  18. <meta name="color:link hover" content="#232323" />
  19. <meta name="color:sidelinks" content="#686868" />
  20. <meta name="color:sidelinks hover" content="#bbbbbb" />
  21. <meta name="color:Post border" content="#ededed"/>
  22. <meta name="color:Scrollbar" content="#000000">
  23.  
  24.  
  25. <meta name="image:Sidebar" content=""/>
  26. <meta name="text:link1" content="" />
  27. <meta name="text:link 1 URL" content="/" />
  28. <meta name="text:link2" content="" />
  29. <meta name="text:link 2 URL" content="/" />
  30.  
  31.  
  32.  
  33.  
  34. <!--START-->
  35.  
  36. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  39.  
  40.  
  41. <!--SIDE SCRIPT-->
  42. <script type="text/javascript">
  43. function unhide(divID) {
  44. var item = document.getElementById(divID);
  45. if (item) {
  46. item.className=(item.className=='hidden')?'unhidden':'hidden';
  47. }
  48. }
  49. </script>
  50.  
  51.  
  52.  
  53. <!--TOOLTIPS-->
  54. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  57. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:200,
  63. tip_fade_speed:300
  64. });
  65. });
  66. })(jQuery);
  67. </script>
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. #s-m-t-tooltip {
  77. max-width:300px;
  78. margin:15px;
  79. padding:3px;
  80. border:1px solid #eeeeee;
  81. border-radius:0px;
  82. background:#ffffff;
  83. color:{color:text};
  84. z-index:999999;
  85. font-size:9px;
  86. font-style:none;
  87. font-weight:lighter;
  88. letter-spacing:1px;
  89. font-family:arial;
  90. text-transform:lowercase;
  91. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  92. }
  93.  
  94.  
  95. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  96. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  97. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  98.  
  99.  
  100.  
  101. body {
  102. font-family:arial;
  103. font-size:11px;
  104. color:{color:text};
  105. background-color:{color:bg};
  106. }
  107.  
  108. #entry {
  109. margin-bottom:80px;
  110. margin-top:80px;
  111. }
  112.  
  113. #posts {
  114. width:500px;
  115. margin-left:570px;
  116. margin-bottom:70px;
  117. {block:PermalinkPage}
  118. margin-bottom:40px;
  119. {/block:PermalinkPage}
  120. }
  121.  
  122. #sidebar {
  123. width:245px;
  124. position:fixed;
  125. margin-left:200px;
  126. margin-top:90px;
  127. }
  128.  
  129. #sidebarimg {
  130. width:245px;
  131. text-align:center;
  132. padding: 0px 0px 0px 0px;
  133. }
  134.  
  135. /*#description {
  136. width: 210px;
  137. margin-left:0px;
  138. text-align:justify;
  139. margin-top:-2px;
  140. padding:14px 21px 14px 15px;
  141. }*/
  142.  
  143. #description {
  144. width: 240px;
  145. margin-left:0px;
  146. text-align:justify;
  147. font-size:11px;
  148. margin-top:-2px;
  149. padding:14px 0px 14px 0px;
  150. }
  151.  
  152. .sidelinks {
  153. width: 100px;
  154. font-size:9px;
  155. line-height:8px;
  156. text-align:right;
  157. margin-top:-45px;
  158. margin-left:-140px;
  159. text-transform:uppercase;
  160. font-weight:none;
  161. letter-spacing:2px;
  162. padding: 10px 11px 12px 11px;
  163. border-right:1px solid {color:post border};
  164. position:absolute;
  165.  
  166. }
  167.  
  168. .sidelinks a {
  169. display:block;
  170. color:{color:sidelinks};
  171. /*border-bottom:1px solid lightgray;*/
  172. padding-bottom:2px;
  173. -moz-transition-duration:all 0.5s;
  174. -o-transition-duration:all 0.5s;
  175. -webkit-transition-duration:all 0.5s;
  176. transition-duration:all 0.5s;
  177. }
  178.  
  179. .sidelinks a:hover {
  180. margin-right:7px;
  181. text-decoration:none;
  182. color:{color:sidelinks hover};
  183. -moz-transition-duration:all 0.3s;
  184. -o-transition-duration:all 0.3s;
  185. -webkit-transition-duration:all 0.3s;
  186. transition-duration:all 0.3s;
  187.  
  188. }
  189.  
  190. /*#fa1 {
  191. margin-top:9px;
  192. position:absolute;
  193. margin-left:1px;
  194. opacity:.9;
  195. font-size:13px;
  196. color:{color:link};
  197. }*/
  198.  
  199. #fa1 {
  200. margin-top:-2px;
  201. width:10px;
  202. position:absolute;
  203. text-align:left;
  204. margin-left:-39px;
  205. opacity:.8;
  206. font-size:14px;
  207. color:{color:link};
  208. z-index:99999;
  209. }
  210.  
  211. #fa1 a {
  212. color:{color:link};
  213. }
  214.  
  215. #fa1:hover {
  216. color:{color:link};
  217. }
  218.  
  219. a {
  220. text-decoration:none;
  221. color:{color:link};
  222. -moz-transition-duration: 0.5s;
  223. -o-transition-duration: 0.5s;
  224. -webkit-transition-duration: 0.5s;
  225. transition-duration: 0.5s;
  226. }
  227.  
  228. a:hover {
  229. text-decoration:underline;
  230. color:{color:link hover};
  231. -moz-transition-duration: 0.5s;
  232. -o-transition-duration: 0.5s;
  233. -webkit-transition-duration: 0.5s;
  234. transition-duration: 0.5s;
  235. }
  236.  
  237. #title {
  238. font-family:arial;
  239. color:{color:text};
  240. font-style:none;
  241. font-weight:bold;
  242. position:relative;
  243. text-transform:uppercase;
  244. font-size:12px;
  245. margin:0px 0px 10px 0px;
  246. text-align: left;
  247. width:245px;
  248. text-indent:20px;
  249. padding-right:-20px;
  250. }
  251.  
  252. #title a {
  253. color:{color:text};
  254. }
  255.  
  256. #title a:hover {
  257. text-decoration:none;
  258. color:;{color:text};
  259. }
  260.  
  261.  
  262.  
  263. #pagination {
  264. text-align:left;
  265. padding-bottom:4px;
  266. margin-left:3px;
  267. position:relative;
  268. text-transform:uppercase;
  269. word-spacing:2px;
  270. margin-top:10px;
  271. font-size:10px;
  272. letter-spacing:1.5px;
  273. opacity:.8;
  274. }
  275.  
  276. #pagination a:hover {
  277. text-decoration:none;
  278. }
  279.  
  280.  
  281. #quote {
  282. font-style:italic;
  283. font-family:georgia;
  284. font-size: 17px;
  285. }
  286.  
  287. .source {
  288. font-style:italic;
  289. }
  290.  
  291. .title {
  292. font-style:italic;
  293. font-family:georgia;
  294. font-size: 19px;
  295. }
  296.  
  297. .linkname {
  298. font-size:18px;
  299. font-style:italic;
  300. font-family:georgia;
  301. }
  302.  
  303. /*MUSIC*/
  304.  
  305. #albumart {
  306. position:absolute;
  307. z-index:999;
  308. margin-top:25px;
  309. margin-left:25px;
  310. }
  311.  
  312. .playbox {
  313. background-color:#fafafa;
  314. position:absolute;
  315. margin-left:61.5px;
  316. margin-top:61.5px;
  317. width:27px;
  318. height:27px;
  319. z-index:1000;
  320. opacity:.5;
  321. }
  322.  
  323. .playbutton {
  324. width: 27px;
  325. height: 27px;
  326. overflow: hidden;
  327. position: absolute;
  328. opacity:.5;
  329. -moz-transition-duration: 0.4s;
  330. -o-transition-duration: 0.4s;
  331. -webkit-transition-duration: 0.4s;
  332. transition-duration: 0.4s;
  333. }
  334.  
  335. .playbox:hover .playbutton {
  336. opacity:1;
  337. -moz-transition-duration: 0.4s;
  338. -o-transition-duration: 0.4s;
  339. -webkit-transition-duration: 0.4s;
  340. transition-duration: 0.4s;
  341. }
  342.  
  343. /*
  344. ORIGINAL
  345. .audiosrc {
  346. position:absolute;
  347. max-width:330px;
  348. margin-left:247px;
  349. margin-top:63px;
  350. font-size:9px;
  351. letter-spacing:1.5px;
  352. text-transform:uppercase;
  353. text-align:left;
  354. color:black;
  355.  
  356. }*/
  357.  
  358. .audiosrc {
  359. position:absolute;
  360. max-width:330px;
  361. margin-left:150px;
  362. margin-top:63px;
  363. font-size:9px;
  364. letter-spacing:1.5px;
  365. text-transform:uppercase;
  366. text-align:left;
  367. color:black;
  368.  
  369. }
  370.  
  371. #srccontainer {
  372. position:relative;
  373. background-color:none;
  374. width:500px;
  375. height:150px;
  376. z-index:999;
  377. margin-bottom:10px;
  378. border-radius:6px;
  379. }
  380.  
  381. /*QUESTION*/
  382.  
  383. .question {
  384. background-color:#fafafa;
  385. width:500px;
  386. text-align:center;
  387. padding:10px;
  388. font-weight:bold;
  389. /*border:1px solid {color:post border};*/
  390. }
  391.  
  392. .asker {
  393. font-style:italic;
  394. text-transform:uppercase;
  395. font-size:12;
  396. text-align:center;
  397. }
  398.  
  399. #postinfo {
  400. text-transform:uppercase;
  401. font-family:arial;
  402. text-align:left;
  403. letter-spacing:1.5px;
  404. font-size:9px;
  405. margin-top:6px;
  406. padding-top:14px;
  407. /*padding-right:9px;*/
  408. }
  409.  
  410.  
  411. .tags {
  412. margin-top:8px;
  413. font-size:9px;
  414. text-transform:none;
  415. margin-left:2px;
  416. letter-spacing:1px;
  417. opacity:1;
  418. /*opacity:0;
  419. -moz-transition-duration: 0.3s;
  420. -o-transition-duration: 0.3s;
  421. -webkit-transition-duration: 0.3s;
  422. transition-duration: 0.3s;*/
  423. }
  424.  
  425.  
  426. .notes ol, .notes li{
  427. list-style:none;
  428. margin-left:284px;
  429. width:500px;
  430. }
  431.  
  432.  
  433. ol.notes li.note img.avatar {
  434. vertical-align:-8px;
  435. border-radius:100%;
  436. margin-right:10px;
  437. width:16px;
  438. height:16px;
  439. margin-top:4px;
  440. margin-bottom:4px;
  441. }
  442.  
  443.  
  444.  
  445.  
  446. blockquote {
  447. padding-left:14px;
  448. border-left:1px solid {color:post border};
  449. margin-left:14px;
  450. }
  451.  
  452.  
  453. blockquote blockquote {
  454. padding-left:14px;
  455. border-left:1px solid {color:post border};
  456. margin-left:14px;
  457. }
  458.  
  459. #posts img {
  460. max-width:500px;
  461. }
  462.  
  463.  
  464. .hidden {
  465. display: none;
  466. }
  467.  
  468.  
  469. .unhidden {
  470. display: block;
  471. }
  472.  
  473.  
  474. /*#info2 {
  475. position:absolute;
  476. text-transform:uppercase;
  477. z-index:9999999;
  478. font-size:7px;
  479. max-width:90px;
  480. margin-left:512px;
  481. margin-top:2px;
  482. opacity:0;
  483. -moz-transition-duration: 0.5s;
  484. -o-transition-duration: 0.5s;
  485. -webkit-transition-duration: 0.5s;
  486. transition-duration: 0.5s;
  487. }
  488.  
  489. #posts:hover #info2 {
  490. opacity:1;
  491. -moz-transition-duration: 0.5s;
  492. -o-transition-duration: 0.5s;
  493. -webkit-transition-duration: 0.5s;
  494. transition-duration: 0.5s;
  495. }*/
  496.  
  497.  
  498.  
  499. {CustomCSS}
  500.  
  501.  
  502. </style>
  503.  
  504.  
  505.  
  506. </head>
  507. <body>
  508.  
  509. <div id="entry">
  510.  
  511.  
  512. <!--sidebar-->
  513.  
  514. <div id="sidebar">
  515.  
  516.  
  517.  
  518. {block:IfSidebarImage}
  519. <div id="sidebarimg"><img src="{image:sidebar}" style="border-top-left-radius:6px; border-top-right-radius:6px;">
  520. <!--<img src="{image:sidebar}">-->
  521.  
  522. </div>
  523. {/block:IfSidebarImage}
  524.  
  525.  
  526.  
  527.  
  528. <div id="displaybx" class="hidden">
  529. <div class="sidelinks">
  530. <a href="/"><i class="fa fa-home"></i> home</a><br>
  531. <a href="/ask"><i class="fa fa-envelope-o"></i> ask</a><br>
  532. {block:IfLink1} <a href="{text:link 1 URL}"><i class="fa fa-folder-o"></i> {text:link1}</a>{/block:IfLink1}<br>
  533. {block:IfLink2} <a href="{text:link 2 URL}"><i class="fa fa-heart-o"></i> {text:link2}</a>{/block:IfLink2}
  534.  
  535. </div>
  536. </div>
  537.  
  538.  
  539. <div id="description">
  540.  
  541. <div id="title">
  542. <a href="javascript:unhide('displaybx');">
  543. <div id="fa1"><i class="fa fa-bars"></i></div></a>
  544. <a href="/">{Title}:</a></div>
  545. {description}<br><br>
  546.  
  547. <div id="pagination">
  548. {block:Pagination}
  549. {block:PreviousPage}<a href="{PreviousPage}"><i class="fa fa-minus"></i></a>&nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><i class="fa fa-plus"></i></a>{/block:NextPage}
  550. {/block:Pagination}
  551. </div>
  552.  
  553. <!--<i class="fa fa-arrow-right"></i>-->
  554.  
  555.  
  556. </div>
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563. </div>
  564.  
  565.  
  566. <!--posts-->
  567.  
  568. {block:posts} <div id="posts">
  569.  
  570. <!--<div id="info2">
  571. <div class="dashicons">
  572. {ReblogButton size="13"}
  573. </div></div>-->
  574.  
  575.  
  576. <!--<div id="buttoninfo">
  577. <div class="dashicons">
  578. {ReblogButton size="13"}
  579. </div></div>-->
  580.  
  581.  
  582. {block:Text}
  583. <div class="title">{block:Title}{Title}{/block:Title}</div>{Body}
  584. {/block:Text}
  585.  
  586. {block:Photo}
  587. {LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  588. {/block:Photo}
  589.  
  590. {block:Photoset}
  591. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  592. {/block:Photoset}
  593.  
  594. {block:Quote}
  595. <div id="quote">{Quote}</div><div class="source">{block:Source}— {Source}{/block:Source}</div>
  596. {/block:Quote}
  597.  
  598. {block:Link}
  599. <a href="{URL}"><div class="linkname">{Name}</div></a>{block:Description}{description}{/block:Description}
  600. {/block:Link}
  601.  
  602. {block:Chat}
  603. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  604. {/block:Chat}
  605.  
  606.  
  607.  
  608.  
  609. {block:Audio}<div class="audiocontainer">
  610.  
  611. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  612.  
  613. <div id="srccontainer">
  614.  
  615.  
  616. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px">{/block:AlbumArt}</div>
  617.  
  618. <div class="audiosrc">
  619. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  620. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br>
  621.  
  622. </div></div></div>
  623. {block:Caption}{caption}{/block:Caption}
  624. {/block:Audio}
  625.  
  626.  
  627.  
  628. {block:video}
  629. {VideoEmbed-500}{block:Caption}{caption}{/block:Caption}
  630. {/block:video}
  631.  
  632. {block:answer}
  633. <div class="question">
  634. <div class="asker">
  635. {asker} said:</div>
  636. <br>{question}
  637. </div>
  638. {Answer}
  639. {/block:answer}
  640.  
  641.  
  642.  
  643.  
  644. <!--postinfo-->
  645.  
  646.  
  647. <div id="postinfo">
  648.  
  649. <a href="{Permalink}">
  650. +{NoteCount}</a> /
  651.  
  652. <!--/day/{Year}/{MonthNumber}/{DayOfMonth}-->
  653.  
  654. {block:Date}
  655. <a href="{Permalink}" title="{TimeAgo}">{DayOfMonth} {ShortMonth} {Shortyear}</a>
  656. {/block:Date}
  657.  
  658. <font style="float:right">
  659. {block:RebloggedFrom}
  660. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">©</a>
  661. {/block:RebloggedFrom}</font style>
  662.  
  663.  
  664. {block:ContentSource}
  665. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  666. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  667. {/block:SourceLogo}
  668. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  669. {/block:ContentSource}
  670.  
  671.  
  672. <br>
  673.  
  674. <div class="tags">
  675. {block:HasTags}
  676. {block:tags}
  677. #<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;
  678. {/block:tags}
  679. {/block:HasTags}
  680. </div>
  681.  
  682.  
  683.  
  684. </div>
  685.  
  686.  
  687.  
  688. </div>
  689.  
  690. <div class="notes">
  691. {block:PostNotes}{PostNotes}{/block:PostNotes}
  692. </div>
  693.  
  694. {/block:posts}
  695.  
  696. <!--ipt src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  697. <script type="text/javascript">
  698. window.onload = function() {
  699. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  700. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  701. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  702. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  703. }
  704. </script>-->
  705.  
  706. <!--http://pastebin.com/W71uiLpa-->
  707.  
  708.  
  709. </div>
  710.  
  711. <div style="position:fixed; bottom:10px; right:10px; padding:2px 2px; font-size:12px;">
  712. <a href="http://lauraholliis.tumblr.com">©</a>
  713. </div>
  714.  
  715. </body>
  716. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!