API tools faq
paste
pjo06

Theme #001 - Base

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