API tools faq
paste
Advertisement
mysansa

Theme #14

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