API tools faq
paste
pjo06

Theme #004 - Sharon

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