API tools faq
paste
Advertisement
onzayn

Theme 1

onzayn
Apr 20th, 2014
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10.  
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19.  
  20.  
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="color:background" content="#ffffff"/>
  24.  
  25. <meta name="color:text" content="#999"/>
  26.  
  27. <meta name="color:link" content="#aaa"/>
  28.  
  29. <meta name="color:link hover" content="#ddd"/>
  30.  
  31.  
  32. <meta name="text:link3" content="">
  33.  
  34. <meta name="text:link3 url" content="/">
  35.  
  36. <meta name="text:link4" content="">
  37.  
  38. <meta name="text:link4 url" content="/">
  39.  
  40. <meta name="text:link5" content="">
  41.  
  42. <meta name="text:link5 url" content="/">
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48.  
  49. body {
  50.  
  51. background:{color:background};
  52.  
  53. margin:0px;
  54.  
  55. color:{color:text};
  56.  
  57. font-size:10px;
  58.  
  59. line-height:140%;
  60.  
  61. }
  62.  
  63.  
  64.  
  65. a {
  66.  
  67. text-decoration:none;
  68.  
  69. outline:0px;
  70.  
  71. -moz-outline-style:none;
  72.  
  73. color:{color:link};
  74.  
  75. -moz-transition-duration:0.5s;
  76.  
  77. -webkit-transition-duration:0.5s;
  78.  
  79. -o-transition-duration:0.5s;
  80.  
  81. }
  82.  
  83.  
  84.  
  85. a:hover{
  86.  
  87. color:{color:link hover};
  88.  
  89. font-style:none;
  90.  
  91. -moz-transition-duration:0.5s;
  92.  
  93. -webkit-transition-duration:0.5s;
  94.  
  95. -o-transition-duration:0.5s;}
  96.  
  97.  
  98.  
  99. img {
  100.  
  101. border:0px;
  102.  
  103.  
  104. }
  105.  
  106.  
  107.  
  108. blockquote {
  109.  
  110. padding-left:5px;
  111.  
  112. border-left:2px solid;
  113.  
  114. }
  115.  
  116.  
  117.  
  118. blockquote blockquote {
  119.  
  120. padding-left:5px;
  121.  
  122. border-left:2px solid;
  123.  
  124. }
  125.  
  126.  
  127. h1 {
  128. font-size:15px;
  129. font-weight:normal;
  130. }
  131.  
  132. h2 {
  133. font-size:23px;
  134. font-weight:normal;
  135. line-height:110%;
  136. }
  137.  
  138.  
  139.  
  140.  
  141.  
  142. #entries {
  143.  
  144. padding:0px;
  145.  
  146. width:100%;
  147.  
  148. width:500px;
  149.  
  150. margin-left:40%;
  151.  
  152. margin-top:0px;
  153.  
  154. padding:10px;
  155.  
  156. }
  157.  
  158.  
  159. #post {
  160.  
  161. max-width:500px;
  162. width:100%;
  163.  
  164.  
  165. }
  166.  
  167.  
  168. #post img{
  169.  
  170. max-width:500px;
  171. width:100%;
  172.  
  173.  
  174. }
  175.  
  176.  
  177. #sidebar {
  178. width:200px;
  179. position:fixed;
  180. margin-left:110px;
  181. margin-top:350px;
  182. }
  183.  
  184.  
  185.  
  186. #description {
  187. width:200px;
  188. font-size:11px;
  189. position:fixed;
  190. padding:4px;
  191. margin-top:-15px;
  192. margin-left:22px;
  193. line-height:13px;
  194. text-align:justify;
  195. border-bottom:double #eee;
  196. }
  197.  
  198.  
  199. #links {
  200. position:fixed;
  201. margin-top:-30px;
  202. margin-left:24px;
  203. font-size:12px;
  204. text-transform:none;
  205. text-align:center;
  206. letter-spacing:0px;
  207. line-height:170%;
  208. height:20px;
  209. width:200px;
  210. font-style:none;
  211. -moz-transition-duration:0.8s;
  212. -webkit-transition-duration:0.8s;
  213. -o-transition-duration:0.8s;
  214. }
  215.  
  216. #links a{
  217. color:{color:link};
  218. text-align:center;
  219. width:100px;
  220. line-height:130%;
  221. height:20px;
  222. -moz-transition-duration:0.8s;
  223. -webkit-transition-duration:0.8s;
  224. -o-transition-duration:0.8s;
  225. }
  226.  
  227. #links a:hover{
  228. letter-spacing:0px;
  229. height:20px;
  230. text-align:center;
  231. color:{color:link hover};
  232. -moz-transition-duration:0.8s;
  233. -webkit-transition-duration:0.8s;
  234. -o-transition-duration:0.8s;
  235. }
  236.  
  237.  
  238. #sidebarimage{
  239. height:100px;
  240. margin-top:-140px;
  241. margin-left:25px;
  242. position:fixed;
  243. opacity:1;
  244. -moz-transition-duration:0.5s;
  245.  
  246. -webkit-transition-duration:0.5s;
  247.  
  248. -o-transition-duration:0.5s;
  249. }
  250.  
  251.  
  252. #sidebarimage img{
  253. width:200px;
  254. height:100px;
  255. }
  256.  
  257.  
  258. #pagination {
  259. font-size:12px;
  260. margin-top:10px;
  261. text-align:center;
  262. margin-left:0px;
  263. -moz-transition-duration:0.5s;
  264. -webkit-transition-duration:0.5s;
  265. -o-transition-duration:0.5s;
  266. }
  267.  
  268.  
  269. #pagination a:hover{
  270. color:{color:link hover};
  271. -moz-transition-duration:0.5s;
  272. -webkit-transition-duration:0.5s;
  273. -o-transition-duration:0.5s;
  274. }
  275.  
  276.  
  277. .ask {
  278.  
  279. padding:10px;
  280.  
  281. text-align:left;
  282.  
  283. color:{color:text};
  284.  
  285.  
  286. }
  287.  
  288.  
  289. .ans {
  290.  
  291. text-align:center;
  292.  
  293. padding:10px;
  294.  
  295. color:{color:text};
  296.  
  297. }
  298.  
  299.  
  300. .audio {
  301.  
  302. width:500px;
  303.  
  304. padding-bottom:10px;
  305.  
  306. }
  307.  
  308.  
  309.  
  310. .playercontainer {
  311.  
  312. text-align:left;
  313.  
  314. padding:0px;
  315.  
  316. width:480px;
  317.  
  318. }
  319.  
  320.  
  321. .audioinfo {
  322.  
  323. padding:10px;
  324.  
  325. color:{color:text};
  326.  
  327. }
  328.  
  329.  
  330. #postinfo {
  331.  
  332. margin-top:5px;
  333. padding-top:5px;
  334.  
  335. text-transform: none;
  336.  
  337. letter-spacing:0px;
  338.  
  339. text-align: right;
  340.  
  341. font-size:8px;
  342.  
  343. line-height: 10px;
  344.  
  345. color:{color:text};
  346.  
  347.  
  348. }
  349.  
  350.  
  351.  
  352. #postinfo a {
  353.  
  354. color:{color:link};
  355.  
  356. text-align:right;
  357.  
  358. font-style:normal;
  359.  
  360.  
  361. }
  362.  
  363.  
  364.  
  365. #postinfo a:hover {
  366.  
  367. color:{color:link hover};
  368.  
  369. }
  370.  
  371.  
  372.  
  373.  
  374. #taggies {
  375.  
  376.  
  377. width:500px;
  378.  
  379. letter-spacing:0px;
  380.  
  381. line-height:130%;
  382.  
  383. font-size:8px;
  384.  
  385. text-align:right;
  386.  
  387. padding:2px;
  388.  
  389. -moz-transition-duration:0.5s;
  390.  
  391. -webkit-transition-duration:0.5s;
  392.  
  393. -o-transition-duration:0.5s;
  394.  
  395. }
  396.  
  397.  
  398.  
  399. #taggies a {
  400.  
  401. color:{color:link};
  402.  
  403. font-size:8px;
  404.  
  405. letter-spacing:0px;
  406.  
  407. padding:1px;
  408.  
  409.  
  410. -moz-transition-duration:0.5s;
  411.  
  412. -webkit-transition-duration:0.5s;
  413.  
  414. -o-transition-duration:0.5s;
  415.  
  416. }
  417.  
  418.  
  419.  
  420. #taggies a:hover {
  421.  
  422. color:{color:link hover};
  423.  
  424. -moz-transition-duration:0.5s;
  425.  
  426. -webkit-transition-duration:0.5s;
  427.  
  428. -o-transition-duration:0.5s;
  429.  
  430. }
  431.  
  432.  
  433.  
  434.  
  435. ul.chat, .chat ol, .chat li {
  436.  
  437. list-style:none;
  438.  
  439. margin:0px;
  440.  
  441. padding:2px;
  442.  
  443. }
  444.  
  445.  
  446. .label {
  447.  
  448. text-decoration:none;
  449.  
  450. font-weight:300;
  451.  
  452. background-color:{color:background};
  453.  
  454. margin-right:5px;
  455.  
  456. }
  457.  
  458.  
  459.  
  460.  
  461. #notes {
  462. margin-left: 0px;
  463. width: 500px;
  464. font-size: 10px;
  465. }
  466.  
  467.  
  468.  
  469. #cred{
  470. font-size:11px;
  471. font-family:baskerville;
  472. }
  473.  
  474. #cred a{
  475. font-size:11px;
  476. font-family:baskerville;
  477. padding-bottom:5px;
  478. padding-top:3px;
  479. padding-left:5px;
  480. padding-right:5px;
  481. color:#000;
  482. background-color:#fff;
  483. border:1px solid #ccc;
  484. -moz-transition-duration:0.5s;
  485.  
  486. -webkit-transition-duration:0.5s;
  487.  
  488. -o-transition-duration:0.5s;
  489. }
  490.  
  491. #cred a:hover{
  492. font-size:11px;
  493. font-family:baskerville;
  494. color:#fff;
  495. background-color:#000;
  496. border:1px solid #000;
  497. -moz-transition-duration:0.5s;
  498.  
  499. -webkit-transition-duration:0.5s;
  500.  
  501. -o-transition-duration:0.5s;
  502. }
  503.  
  504. {CustomCSS}</style>
  505.  
  506.  
  507. </head><body>
  508.  
  509.  
  510.  
  511. <div id="sidebar">
  512.  
  513. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  514.  
  515.  
  516.  
  517. <div id="links">
  518. <a href="/">home</a>
  519. <a href="/ask">mail</a>
  520. <a href="{text:link3 url}">{text:link3}</a>
  521. <a href="{text:link4 url}">{text:link4}</a>
  522. <a href="{text:link5 url}">{text:link5}</a>
  523.  
  524. </div>
  525.  
  526. <div id="description">{Description}
  527.  
  528. <div id="pagination">
  529. {block:Pagination}{block:PreviousPage}
  530. <a href="{PreviousPage}">back </a> {/block:PreviousPage}
  531. {block:NextPage} <a href="{NextPage}"> next</a>{/block:NextPage}{/block:Pagination}
  532. </div></div>
  533.  
  534. </div>
  535.  
  536.  
  537.  
  538. <div id="entries">
  539.  
  540.  
  541. {block:Posts}<div id="post"><br><br><br>
  542.  
  543.  
  544.  
  545. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  546.  
  547.  
  548.  
  549. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  550.  
  551.  
  552.  
  553. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  554.  
  555. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  556.  
  557.  
  558.  
  559. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  560.  
  561.  
  562.  
  563. {block:Photoset}<center>{Photoset-500}</center>
  564.  
  565. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  566.  
  567.  
  568.  
  569. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  570.  
  571.  
  572.  
  573. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  574.  
  575.  
  576.  
  577. {block:Answer}<div class="ask">{Asker} inquired: </br>{Question}</div><div class="ans">{Answer}</div>{/block:answer}
  578.  
  579.  
  580.  
  581. {block:Audio}<div class="audio">
  582.  
  583. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  584.  
  585. {/block:ExternalAudio}<b>Listened:</b> {PlayCount} times</div>
  586.  
  587. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  588.  
  589. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  590.  
  591.  
  592.  
  593.  
  594.  
  595. <div id="postinfo">{block:Date}<a href="{Permalink}"><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero}/{Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:Date} {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  596.  
  597. {block:ContentSource}& <a href="{SourceURL}" title="{ReblogRootName}">credit</a>{/block:ContentSource}{/block:RebloggedFrom}
  598.  
  599. {block:HasTags}<div id="taggies">{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  600.  
  601. {block:PostNotes}
  602. <div id="notes">{PostNotes}</div>
  603. {/block:PostNotes}
  604.  
  605. {/block:Posts}
  606.  
  607. {/block:Posts}</div></div></div>
  608.  
  609.  
  610.  
  611.  
  612. </div>
  613.  
  614. </div>
  615.  
  616. </div>
  617.  
  618. </body>
  619.  
  620. <div id="cred" style="position:fixed; bottom:10px; right:10px;">
  621. <font size="1"><a href="http://onzayn.tumblr.com"><i>OZ</i></a></font>
  622.  
  623. </div>
  624.  
  625.  
  626.  
  627.  
  628. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!