API tools faq
paste
pjo06

Theme #004 - Sharon v.2

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