API tools faq
paste
Advertisement
mysansa

Theme #13

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