API tools faq
paste
pjo06

Theme #003 - Negovanlis

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