API tools faq
paste
Advertisement
mysansa

Theme #11

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