API tools faq
paste
Advertisement
mysansa

Theme #9

mysansa
Aug 25th, 2013
4,253
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.83 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10.  
  11. <meta name="color:background" content="#ffffff"/>
  12. <meta name="color:Text" content="#bbbbbb"/>
  13. <meta name="color:Link" content="#aaaaaa"/>
  14. <meta name="color:Tags" content="#cccccc"/>
  15. <meta name="color:Hover" content="#f1f1f1"/>
  16. <meta name="color:Line" content="#f2f2f2"/>
  17. <meta name="color:Border" content="#eeeeee"/>
  18. <meta name="color:scrollbar" content="f2f2f2"/>
  19. <meta name="color:desc" content="#ada4a4"/>
  20. <meta name="color:post" content="ffffff"/>
  21.  
  22. <meta name="image:sidebar" content=""/>
  23.  
  24. <meta name="text:link1" content="Link 1"/>
  25. <meta name="text:link1 url" content="/"/>
  26. <meta name="text:link2" content="Link 2"/>
  27. <meta name="text:link2 url" content="/"/>
  28. <meta name="text:link3" content="Link 3"/>
  29. <meta name="text:link3 url" content="/"/>
  30. <meta name="text:link4" content="Link 4"/>
  31. <meta name="text:link4 url" content="/"/>
  32. <meta name="text:link5" content="Link 5"/>
  33. <meta name="text:link5 url" content="/"/>
  34.  
  35. <meta name="if:ShowLink1" content="1" />
  36. <meta name="if:ShowLink2" content="1" />
  37. <meta name="if:ShowLink3" content="1" />
  38. <meta name="if:ShowLink4" content="1" />
  39. <meta name="if:ShowLink5" content="1" />
  40. <meta name="if:ShowTitle" content="1" />
  41.  
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46.  
  47. iframe#tumblr_controls {
  48. top: 0% !important;
  49. right:0% !important;
  50. opacity:0.3;
  51. position: fixed !important;
  52. filter:alpha(opacity=30);
  53. -webkit-transition: all 0.7s ease;
  54. -moz-transition: all 0.7s ease;
  55. -o-transition: all 0.7s ease;
  56. }
  57. iframe#tumblr_controls:hover{
  58. top: 0% !important;
  59. right:0% !important;
  60. opacity:0.8;
  61. position: fixed !important;
  62. filter:alpha(opacity=80);
  63. -webkit-transition: all 0.7s ease;
  64. -moz-transition: all 0.7s ease;
  65. -o-transition: all 0.7s ease;
  66. }
  67.  
  68.  
  69. ::-webkit-scrollbar {
  70. background-color:{color:background};
  71. height:8px;
  72. width:9px
  73. }
  74. ::-webkit-scrollbar-thumb:vertical {
  75. background-color:{color:scrollbar};
  76. height:50px}
  77. ::-webkit-scrollbar-thumb:horizontal {
  78. background-color:{color:scrollbar};
  79. height:10px!important
  80. }
  81.  
  82.  
  83. body {
  84. background:{color:background};
  85. margin:0px;
  86. color:{color:text};
  87. font-family: 'helvetica', sans-serif;
  88. font-size:11px;
  89. line-height:130%;
  90. letter-spacing:1px;
  91. word-wrap:break-word;
  92. }
  93.  
  94. a {
  95. text-decoration:none;
  96. outline:none;
  97. -moz-outline-style:none;
  98. color:{color:link};
  99. -moz-transition-duration:0.5s;
  100. -webkit-transition-duration:0.5s;
  101. -o-transition-duration:0.5s;
  102. }
  103.  
  104. a:hover {
  105. text-decoration:none;
  106. outline:none;
  107. -moz-outline-style:none;
  108. color:;
  109. }
  110.  
  111. a:hover {
  112. color:{color:hover};
  113. -webkit-transition: all 0.3s ease-out;
  114. -moz-transition: all 0.3s ease-out;
  115. transition: all 0.3s ease-out;
  116. }
  117.  
  118. img {
  119. border:none;
  120. }
  121.  
  122. blockquote {
  123. padding-left:5px;
  124. border-left:2px solid;
  125. }
  126.  
  127. blockquote blockquote {
  128. padding-left:5px;
  129. border-left:2px solid;
  130. }
  131.  
  132.  
  133. h1 {
  134. font-weight:bold;
  135. font-size:18px;
  136. text-align:left;
  137. font-style:normal;
  138. text-align:center;
  139. line-height:120%;
  140. letter-spacing:1px;
  141. text-transform:normal;
  142. color:;
  143. }
  144.  
  145.  
  146. #sidebar {
  147. position:fixed;
  148. width:370px;
  149. height:auto;
  150. margin-top:-50px;
  151. margin-left:0px;
  152. text-align:left;
  153. border-right: 1px solid {color:border};
  154. height:200%;
  155. padding-right:50px;
  156. }
  157.  
  158. #sidebar img {
  159. width:230px;
  160. height:140px;
  161. margin-top:190px;
  162. margin-bottom:3px;
  163. margin-left:147px;
  164. padding:3px;
  165. }
  166.  
  167. #stitle {
  168. font-size:22px;
  169. font-family: abbeyline;
  170. text-align:right;
  171. font-style:italic;
  172. margin-top: 90px;
  173. margin-left:200px;
  174. position:fixed;
  175. width:182px;
  176. line-height: 110%;
  177. color:{color:title};
  178. }
  179.  
  180. #links {
  181. position:absolute;
  182. letter-spacing:1px;
  183. position:fixed;
  184. font-family:cambria;
  185. width:130px;
  186. padding: 10px;
  187. display:block;
  188. margin-top:200px;
  189. margin-left:70px;
  190. font-size:11px;
  191. text-transform:uppercase;
  192. text-align:right;
  193. line-height:170%;
  194. font-weight:bold;
  195. }
  196.  
  197. #links a{
  198. display:block;
  199. padding-right:7px;
  200. background-color:transparent;
  201. width:100px;
  202. opacity:0.75;
  203. line-height:185%;
  204. margin-bottom:5px;
  205. color:{color:link};
  206. letter-spacing:1px;
  207. text-decoration:none;
  208. -moz-transition-duration:.3s;
  209. -webkit-transition-duration:.3s;
  210. -o-transition-duration:.3s;
  211. }
  212.  
  213. #links a:hover {
  214. letter-spacing:4px;
  215. font-style:italic;
  216. background-color:{color:background};
  217. opacity:2;
  218. padding:0px;
  219. -moz-transition-duration:0.5s;
  220. -webkit-transition-duration:0.5s;
  221. -o-transition-duration:0.5s;
  222. }
  223.  
  224. #sidebar #links {
  225. margin-top:-5px;
  226.  
  227. opacity:1;
  228. margin-left: 140px;
  229. -moz-transition-duration:1s;
  230. -webkit-transition-duration:1s;
  231. -o-transition-duration:1s;
  232. }
  233.  
  234. #sidebar:hover #links {
  235. margin-top:-5px;
  236. margin-left: 140px;
  237. opacity:1;
  238. -moz-transition-duration:1s;
  239. -webkit-transition-duration:1s;
  240. -o-transition-duration:1s;
  241.  
  242. }
  243. #description {
  244. width:90px;
  245. display:block;
  246. font-family:cambria;
  247. margin-bottom:0px;
  248. margin-top:5px;
  249. margin-left:270px;
  250. height: 115px;
  251. overflow:auto;
  252. padding-bottom:6px;
  253. padding-left:12px;
  254. padding-right:12px;
  255. border-left: 1px solid {color:border};
  256. text-align:left;
  257. font-size:11px;
  258. color:{color:text};
  259. letter-spacing:1px;
  260. line-height:115%;
  261. }
  262.  
  263. #pagination {
  264. font-size:12px;
  265. text-transform:lowercase;
  266. margin-top:15px;
  267. margin-left: 280px;
  268. letter-spacing:1px;
  269. word-spacing:4px;
  270. font-style:italic;
  271. text-align:center;
  272. }
  273.  
  274. #pagination a {
  275. color:{color:link};
  276. font-size:12px;
  277. }
  278.  
  279. /*posts*/
  280. #entries {position:absolute;
  281. width:500px;
  282. margin-left:530px;
  283. margin-top:50px;
  284. }
  285.  
  286. #posts {
  287. overflow:hidden;
  288. width:500px;
  289. background:{color:post};
  290. }
  291.  
  292. #posts img {
  293. max-width: 500px;}
  294.  
  295. #posts {
  296. {block:IndexPage}
  297. margin-bottom:160px;
  298. {/block:IndexPage}
  299. {block:PermalinkPage}
  300. margin-bottom:50px
  301. {/block:PermalinkPage}
  302. overflow:hidden;
  303. width:500px;
  304. padding:14px;
  305. }
  306. #posts img {
  307. max-width: 500px;}
  308.  
  309. #titlequote{font-size:11px;
  310. color:{color:title};
  311. text-align:center;
  312. padding:10px;
  313. font-style:italic;
  314. background-color:{color:header};
  315. }
  316.  
  317. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  318. .caption img{max-width:500px;}
  319. .caption {width:500px;
  320. display: block;
  321. margin-top: 5px;
  322. {block:IfNotShowCaptions}
  323. {block:IndexPage}
  324. display: none;
  325. {/block:IndexPage}
  326. {/block:IfNotShowCaptions}}
  327.  
  328. #source {text-align:right;
  329. padding-bottom:5px;
  330. font-size:9px}
  331.  
  332.  
  333.  
  334. /*asks*/
  335. #question {
  336. color:{color:text}}
  337.  
  338. .q {
  339.  
  340. background-color:{color:post};
  341. border-bottom:1px solid {color:hover};
  342. width:480px;
  343. margin-left:1px;
  344. font-size:9px;
  345. text-align:left;
  346. padding:8px;
  347. }
  348. .a {color:{color:text};
  349. font-size:9px;
  350. margin-top:5px;
  351. margin-left:1px;
  352. text-align:left}
  353.  
  354.  
  355.  
  356. .chat ol {
  357. padding:0;
  358. line-height:180%;
  359. list-style:none;
  360. }
  361.  
  362.  
  363. .label {
  364. padding-right:1px;
  365. text-transform:uppercase;
  366. font-weight:bold;
  367. color:{color:link};
  368. }
  369.  
  370.  
  371. /*permalink and notes*/
  372. #details {
  373. text-align:right;
  374. margin-top:8px;
  375. text-transform:uppercase;
  376. font-size:9px;
  377. font-style:none;
  378. background:{color:border};
  379. padding-right:10px;
  380. padding-bottom:10px;
  381. padding-left:10px;
  382.  
  383. }
  384.  
  385.  
  386. #tags {
  387. font-family:cambria;
  388. letter-spacing:0px;
  389. text-transform:none;
  390. font-size:10px;
  391. font-style:italic;
  392. margin-top:2px;
  393. text-align:right;
  394. }
  395.  
  396. #tags a {
  397. display:inline-block;
  398. padding:-3px;
  399. text-align:right;
  400. color:{color:Tags};
  401. -webkit-transition: all 0.6s ease-in-out;
  402. -moz-transition: all 0.6s ease-in-out;
  403. -o-transition: all 0.6s ease-in-out;
  404. -ms-transition: all 0.6s ease-in-out;
  405. -transition: all 0.6s ease-in-out;
  406. }
  407.  
  408.  
  409. #info {
  410. font-size:11px;
  411. font-family:cambria;
  412. letter-spacing:1px;
  413. display: block
  414. width:20px;
  415. height: 20px;
  416.  
  417. -moz-transition-duration:0.5s;
  418. -webkit-transition-duration:0.5s;
  419. -o-transition-duration:0.5s;
  420. }
  421.  
  422. #info a {
  423. background-color:#ffffff;
  424. padding:5px;
  425. position:fixed;
  426. right:5px;
  427. bottom:10px;
  428. color: {color:text};
  429. border:1px solid {color:border};
  430. }
  431.  
  432.  
  433.  
  434. {CustomCSS}</style></head><body>
  435.  
  436.  
  437. {block:ifShowTitle}<div id="stitle">{Title}{/block:ifShowTitle}</div>
  438.  
  439. <div id="sidebar">
  440.  
  441.  
  442.  
  443. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  444.  
  445. <div id="links">
  446. {block:ifShowLink1}<a href="{text:link1 url}">{text:link1}</a>{/block:ifShowLink1}
  447. {block:ifShowLink2}<a href="{text:link2 url}">{text:link2}</a>{/block:ifShowLink2}
  448. {block:ifShowLink3}<a href="{text:link3 url}">{text:link3}</a>{/block:ifShowLink3}
  449. {block:ifShowLink4}<a href="{text:link4 url}">{text:link4}</a>{/block:ifShowLink4}
  450. {block:ifShowLink5}<a href="{text:link5 url}">{text:link5}</a>{/block:ifShowLink5}
  451.  
  452. </div>
  453.  
  454.  
  455. <div id="description">{description}</div>
  456.  
  457. {block:Pagination}
  458. <div id="pagination">
  459. {block:PreviousPage}
  460. <a href="{PreviousPage}">«</a>
  461. {/block:PreviousPage}
  462. {block:JumpPagination length="3"}
  463. {block:CurrentPage}
  464. <span class="current_page">{PageNumber}</span>
  465. {/block:CurrentPage}
  466. {block:JumpPage}
  467. <a class="jump_page" href="{URL}">{PageNumber}</a>
  468. {/block:JumpPage}
  469. {/block:JumpPagination}
  470. {block:NextPage}
  471. <a href="{NextPage}">»</a>
  472. {/block:NextPage}
  473. </div>
  474. {/block:Pagination}
  475. </div>
  476. </div>
  477. </div>
  478.  
  479.  
  480.  
  481. <div id="entries">
  482.  
  483.  
  484. {block:Posts}
  485. {block:ContentSource}
  486. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  487.  
  488. <div id="posts">
  489.  
  490. {block:Quote}
  491. <div id="titlequote">“{Quote}”</div>
  492. {block:Source}<div id="source">{Source}</div>{/block:Source}
  493. {/block:Quote}
  494.  
  495. {block:Text}
  496. {block:Title}
  497. <h1>{block:Title}{Title}{/block:Title}</h1>
  498. {Body}
  499. {/block:Text}
  500.  
  501. {block:Link}
  502. <h1><a href="{URL}"> {Name}</a></h1>{block:Description}{Description}{/block:Description}
  503. {/block:Link}
  504.  
  505. {block:Chat}
  506. {block:Title}
  507. <h1>{Title}</h1>
  508. {/block:Title}
  509. <div class="chat">
  510. <ol>{block:Lines}
  511. <li class="line {Alt}">
  512. {block:Label}
  513. <span class="label">
  514. {Label}</span>
  515. {/block:Label}{Line}</li>
  516. {/block:Lines}
  517. </ol></div>
  518. {/block:Chat}
  519.  
  520. {block:Photo}
  521. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  522. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  523. {/block:Photo}
  524.  
  525. {block:Photoset}
  526. <center>{Photoset-500}</center>
  527. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  528. {/block:Photoset}
  529.  
  530. {block:Video}
  531.  
  532. {Video-500}
  533. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  534. {/block:Video}
  535.  
  536. {block:Audio}
  537. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  538. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  539. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  540. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  541. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  542. {/block:Audio}
  543.  
  544. {block:Answer}
  545. <div id="question">
  546. <div class="q"> <span style="color:{color:audio and ask}; font-family: 'Libre Baskerville', serif; font-size:12px; font-style:normal; padding:10px; margin-left:-20px;"></span>❝&nbsp;{Asker} asked: {Question}</div><br><div class="a" style="font-size:9px; font-family: 'Libre Baskerville', serif; margin-top:4px ;padding-left:3px;">{Answer}</div></div>{/block:Answer}
  547.  
  548. <div id="details">
  549. <br><a href="{Permalink}">{TimeAgo} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank"> + reblog</a>
  550. {block:HasTags}<div id="tags">tags:{block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  551. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  552. {/block:Posts}
  553. </div></div>
  554.  
  555. <div id="info"><a href="http://mysansa.tumblr.com/"><img src="http://media.tumblr.com/91b7711932eb7840f8e0e81789828222/tumblr_inline_mqjut3jKWy1qz4rgp.png"height="15" width "15"> ©</a></div>
  556.  
  557. </body></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!