API tools faq
paste
pjo06

Theme #001-change title

pjo06
Dec 28th, 2015
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.50 KB | None | 0 0
raw download clone embed print report
  1. <!--BASE CODE THEME BY LAURAHOLLIIS-->
  2. <!--simple base with //-->
  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="#ffffff" />
  14. <meta name="color:text" content="#5a5a5a" />
  15. <meta name="color:link" content="#5a5a5a" />
  16. <meta name="color:link hover" content="#5a5a5a" />
  17. <meta name="color:title2" content="#5a5a5a" />
  18. <meta name="color:Post border" content="#f2f2f2"/>
  19. <meta name="color:Scrollbar" content="#df1f3a">
  20.  
  21.  
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="text:link1" content="" />
  24. <meta name="text:link 1 URL" content="/" />
  25. <meta name="text:link2" content="" />
  26. <meta name="text:link 2 URL" content="/" />
  27. <meta name="text:link3" content="" />
  28. <meta name="text:link 3 URL" content="/" />
  29.  
  30.  
  31.  
  32.  
  33. <!--START-->
  34.  
  35. <style type="text/css">
  36.  
  37. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  38. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  39. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  40.  
  41.  
  42.  
  43. body {
  44. font-family:calibri;
  45. font-size:11px;
  46. color:{color:text};
  47. background-color:{color:bg};
  48. }
  49.  
  50. #entry {
  51. margin-bottom:110px;
  52. margin-top:70px;
  53. }
  54.  
  55. #sidebar {
  56. width:245px;
  57. position:fixed;
  58. margin-left:190px;
  59. margin-top:90px;
  60. }
  61.  
  62. #sidebarimg {
  63. width:245px;
  64. text-align:center;
  65. }
  66.  
  67. #description {
  68. width: 165px;
  69. text-align:justify;
  70. margin-left:38px;
  71. margin-top:8px;
  72. }
  73.  
  74. .sidelinks {
  75. width: 245px;
  76. text-align:center;
  77. word-spacing:2px;
  78. margin-top:10px;
  79. text-transform:uppercase;
  80. margin-left:-3px;
  81.  
  82. }
  83.  
  84.  
  85. a {
  86. text-decoration:none;
  87. color:{color:link};
  88. }
  89.  
  90. a:hover {
  91. text-decoration:underline;
  92. color:{color:link hover};
  93.  
  94. }
  95.  
  96. #title {
  97. font-family:georgia;
  98. font-style:italic;
  99. font-size:12px;
  100. margin-bottom:8px;
  101. text-align: left;
  102. color:{color:title2};
  103.  
  104. }
  105.  
  106. #pagination {
  107. text-align:center;
  108. text-transform:uppercase;
  109. word-spacing:2px;
  110. margin-top:10px;
  111.  
  112. }
  113.  
  114. #posts {
  115. width:500px;
  116. margin-left:500px;
  117. margin-top:40px;
  118. }
  119.  
  120.  
  121. #quote {
  122. font-style:italic;
  123. font-family:georgia;
  124. font-size: 17px;
  125. }
  126.  
  127. .source {
  128. font-style:italic;
  129. }
  130.  
  131. .title {
  132. font-family:georgia;
  133. font-size:20px;
  134. font-style:italic;
  135. }
  136.  
  137. .linkname {
  138. font-size:18px;
  139. font-style:italic;
  140. font-family:georgia;
  141. }
  142.  
  143. #albumart {
  144. position:absolute;
  145. z-index:999;
  146. margin-top:25px;
  147. margin-left:25px;
  148. }
  149.  
  150. .playbox {
  151. background-color:#fafafa;
  152. position:absolute;
  153. margin-left:61.5px;
  154. margin-top:61.5px;
  155. width:27px;
  156. height:27px;
  157. z-index:1000;
  158. opacity:.5;
  159. }
  160.  
  161. .playbutton {
  162. width: 27px;
  163. height: 27px;
  164. overflow: hidden;
  165. position: absolute;
  166. opacity:.5;
  167. -moz-transition-duration: 0.4s;
  168. -o-transition-duration: 0.4s;
  169. -webkit-transition-duration: 0.4s;
  170. transition-duration: 0.4s;
  171. }
  172.  
  173. .playbox:hover .playbutton {
  174. opacity:1;
  175. -moz-transition-duration: 0.4s;
  176. -o-transition-duration: 0.4s;
  177. -webkit-transition-duration: 0.4s;
  178. transition-duration: 0.4s;
  179. }
  180.  
  181. /*
  182. ORIGINAL
  183. .audiosrc {
  184. position:absolute;
  185. max-width:330px;
  186. margin-left:247px;
  187. margin-top:63px;
  188. font-size:9px;
  189. letter-spacing:1.5px;
  190. text-transform:uppercase;
  191. text-align:left;
  192. color:black;
  193.  
  194. }*/
  195.  
  196. .audiosrc {
  197. position:absolute;
  198. max-width:330px;
  199. margin-left:150px;
  200. margin-top:63px;
  201. font-size:9px;
  202. letter-spacing:1.5px;
  203. text-transform:uppercase;
  204. text-align:left;
  205. color:black;
  206.  
  207. }
  208.  
  209. #srccontainer {
  210. position:relative;
  211. background-color:none;
  212. width:500px;
  213. height:150px;
  214. z-index:999;
  215. margin-bottom:10px;
  216. border-radius:6px;
  217. }
  218.  
  219. .question {
  220. background-color:#fafafa;
  221. width:500px;
  222. text-align:center;
  223. padding:10px;
  224. }
  225.  
  226. .asker {
  227. font-style:italic;
  228. text-transform:uppercase;
  229. font-size:12;
  230. text-align:center;
  231. }
  232.  
  233. #postinfo {
  234. text-transform:uppercase;
  235. font-family:helvetica;
  236. font-size:9px;
  237. border-top:1px solid {color:post border};
  238. margin-top:6px;
  239. padding-top:6px;
  240. }
  241.  
  242. .notes ol, .notes li{
  243. list-style:none;
  244. }
  245.  
  246.  
  247. ol.notes li.note img.avatar {
  248. vertical-align:-8px;
  249. border-radius:100%;
  250. margin-right:10px;
  251. width:16px;
  252. height:16px;
  253. margin-top:4px;
  254. margin-bottom:4px;
  255. }
  256.  
  257.  
  258. .tags {
  259. margin-top:5px;
  260. font-size:10px;
  261. text-transform:none;
  262. }
  263.  
  264.  
  265. blockquote {
  266. padding-left:5px;
  267. border-left:2px solid;
  268. margin-left:14px;
  269. }
  270.  
  271.  
  272. blockquote blockquote {
  273. padding-left:5px;
  274. border-left:2px solid;
  275. margin-left:14px;
  276. }
  277.  
  278.  
  279. {CustomCSS}</style>
  280.  
  281.  
  282. </head>
  283. <body>
  284.  
  285. <div id="entry">
  286.  
  287.  
  288. <!--sidebar-->
  289.  
  290. <div id="sidebar">
  291.  
  292.  
  293. <div id="title">{Title}</div>
  294.  
  295.  
  296. {block:IfSidebarImage}
  297. <div id="sidebarimg"><img src="{image:sidebar}"></div>
  298. {/block:IfSidebarImage}
  299.  
  300.  
  301. <div class="sidelinks">
  302. <a href="/">home</a> //
  303. <a href="/ask">ask</a>
  304. {block:IfLink1} // <a href="{text:link 1 URL}">{text:link1}</a>{/block:IfLink1}
  305. {block:IfLink2} // <a href="{text:link 2 URL}">{text:link2}</a>{/block:IfLink2}
  306. {block:IfLink3} // <a href="{text:link 3 URL}">{text:link3}</a>{/block:IfLink3}
  307.  
  308. </div>
  309.  
  310.  
  311. <div id="description">
  312. {description}
  313. </div>
  314.  
  315. <div id="pagination">
  316. {block:Pagination}
  317. {block:PreviousPage}<a href="{PreviousPage}">prev</a>&nbsp;//&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  318. {/block:Pagination}
  319. </div>
  320.  
  321.  
  322. </div>
  323.  
  324.  
  325. <!--posts-->
  326.  
  327. {block:posts} <div id="posts">
  328.  
  329. {block:Text}
  330. <div class="title">{block:Title}{Title}{/block:Title}</div>{Body}
  331. {/block:Text}
  332.  
  333. {block:Photo}
  334. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  335. {/block:Photo}
  336.  
  337. {block:Photoset}
  338. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  339. {/block:Photoset}
  340.  
  341. {block:Quote}
  342. <div id="quote">{Quote}</div><div class="source">{block:Source}— {Source}{/block:Source}</div>
  343. {/block:Quote}
  344.  
  345. {block:Link}
  346. <a href="{URL}"><div class="linkname">{Name}</div></a>{block:Description}{description}{/block:Description}
  347. {/block:Link}
  348.  
  349. {block:Chat}
  350. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  351. {/block:Chat}
  352.  
  353.  
  354.  
  355.  
  356. {block:Audio}<div class="audiocontainer">
  357.  
  358. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  359.  
  360. <div id="srccontainer">
  361.  
  362.  
  363. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px">{/block:AlbumArt}</div>
  364.  
  365. <div class="audiosrc">
  366. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  367. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br>
  368.  
  369. </div></div></div>
  370. {block:Caption}{caption}{/block:Caption}
  371. {/block:Audio}
  372.  
  373. {block:video}
  374. {VideoEmbed-500}{block:Caption}{caption}{/block:Caption}
  375. {/block:video}
  376.  
  377. {block:answer}
  378. <div class="question">
  379. <div class="asker">
  380. <b>{asker} said:</b></div>
  381. <br>{question}
  382. </div>
  383. {Answer}
  384. {/block:answer}
  385.  
  386.  
  387. <!--postinfo-->
  388.  
  389. <div id="postinfo">
  390.  
  391. <!--{block:Date}
  392. {TimeAgo}
  393. {/block:Date}-->
  394.  
  395. {block:Date}
  396. <a href="/day/{Year}/{MonthNumber}/{DayOfMonth}">{ShortMonth} {DayOfMonthWithZero}</a> • {12Hour}:{Minutes} {AmPm}
  397. {/block:Date}
  398.  
  399.  
  400. //
  401.  
  402. <a href="{Permalink}">
  403. {NoteCountWithLabel}
  404. </a>
  405. //
  406.  
  407. {block:RebloggedFrom}
  408. <a href="{ReblogParentURL}">via</a>&nbsp;(<a href="{ReblogRootURL}">source</a>)
  409. {/block:RebloggedFrom}
  410.  
  411.  
  412. {block:ContentSource}
  413. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  414. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  415. {/block:SourceLogo}
  416. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  417. {/block:ContentSource}
  418.  
  419.  
  420. <br>
  421.  
  422. <div class="tags">
  423. {block:HasTags}
  424. {block:tags}
  425. <a href="{TagURL}">#{Tag}&nbsp;</a>
  426. {/block:tags}
  427. {/block:HasTags}
  428. </div>
  429.  
  430.  
  431. </div>
  432.  
  433.  
  434.  
  435. <div class="notes">
  436. {block:PostNotes}{PostNotes}{/block:PostNotes}
  437. </div>
  438.  
  439.  
  440. </div>{/block:posts}
  441.  
  442. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  443. <script type="text/javascript">
  444. window.onload = function() {
  445. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  446. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  447. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  448. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  449. }
  450. </script>
  451.  
  452. </div>
  453.  
  454. <div style="position:fixed; bottom:10px; right:10px; padding:2px 2px; font-size:12px;">
  455. <a href="http://lauraholliis.tumblr.com">©</a>
  456. </div>
  457.  
  458. </body>
  459. </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!