API tools faq
paste
Advertisement
mysansa

Theme #8

mysansa
Aug 21st, 2013
537
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.95 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 rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9. <meta name="color:background" content="#ffffff"/>
  10. <meta name="color:Text" content="#bbbbbb"/>
  11. <meta name="color:Link" content="#aaaaaa"/>
  12. <meta name="color:Tags" content="#cccccc"/>
  13. <meta name="color:Hover" content="#f1f1f1"/>
  14. <meta name="color:Line" content="#f2f2f2"/>
  15. <meta name="color:Border" content="#eeeeee"/>
  16. <meta name="color:scrollbar" content="f2f2f2"/>
  17. <meta name="color:post" content="ffffff"/>
  18.  
  19. <meta name="image:sidebar" content=""/>
  20.  
  21. <meta name="text:link1" content="" />
  22. <meta name="text:link1 url" content="/">
  23. <meta name="text:link2" content="" />
  24. <meta name="text:link2 url" content="/">
  25. <meta name="text:link3" content="" />
  26. <meta name="text:link3 url" content="/">
  27. <meta name="text:link4" content="" />
  28. <meta name="text:link4 url" content="/">
  29. <meta name="text:link5" content="" />
  30. <meta name="text:link5 url" content="/">
  31.  
  32. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  33.  
  34. <style>
  35. div#qTip {
  36. padding: 3px;
  37. display: none;
  38. text-align: center;
  39. position: absolute;
  40. font-style:normal;
  41. margin-top:-40px;
  42. margin-left:-47px;
  43. font-size:12px;
  44. line-height:9px;
  45. font-family:cambria;
  46. z-index: 1000;
  47. background-color:#f2f2f2;
  48. color: #888;
  49. text-transform:uppercase;
  50. letter-spacing: 1px;
  51. }
  52. </style>
  53.  
  54. <style type="text/css">
  55.  
  56. ::-webkit-scrollbar {background-color:{color:bg}; height:8px; width:10px}
  57. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  58. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important}
  59.  
  60. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  61.  
  62. iframe#tumblr_controls {
  63. top: 0% !important;
  64. right:0% !important;
  65. opacity:0.3;
  66. position: fixed !important;
  67. filter:alpha(opacity=30);
  68. -webkit-transition: all 0.7s ease;
  69. -moz-transition: all 0.7s ease;
  70. -o-transition: all 0.7s ease;
  71. }
  72. iframe#tumblr_controls:hover{
  73. top: 0% !important;
  74. right:0% !important;
  75. opacity:0.8;
  76. position: fixed !important;
  77. filter:alpha(opacity=80);
  78. -webkit-transition: all 0.7s ease;
  79. -moz-transition: all 0.7s ease;
  80. -o-transition: all 0.7s ease;
  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. #stitle {
  146. font-size:20px;
  147. font-family: abbeyline;
  148. text-align:right;
  149. font-style:italic;
  150. margin-top: 90px;
  151. margin-left:175px;
  152. position: fixed;
  153. width:182px;
  154. line-height: 110%;
  155. }
  156.  
  157.  
  158. #sidebar {
  159. position:fixed;
  160. width:91px;
  161. height:auto;
  162. margin-top:-50px;
  163. margin-left:250px;
  164. text-align:left;
  165. border-right: 1px solid {color:border};
  166. height:100%;
  167. padding-right:50px;
  168. }
  169.  
  170. #sidebar img {
  171. width:107px;
  172. margin-top:190px;
  173. margin-bottom:3px;
  174. margin-left:0px;
  175. padding:-1px;
  176. opacity:.85;
  177. }
  178.  
  179. #links {
  180. position:absolute;
  181. letter-spacing:1px;
  182. position:fixed;
  183. font-family:times new roman;
  184. width:20px;
  185. margin-top:-120px;
  186. margin-left:-33px;
  187. font-size:12px;
  188. text-transform:uppercase;
  189. text-align:center;
  190. line-height:300%;
  191. }
  192.  
  193. #links a{
  194. width:90px;
  195. line-height:320%;
  196. padding:1px;
  197. margin-top:1px;
  198. margin-bottom:12px;
  199. opacity:.7;
  200. color:{color:link};
  201. letter-spacing:1px;
  202. text-decoration:none;
  203. -moz-transition-duration:.7s;
  204. -webkit-transition-duration:.7s;
  205. -o-transition-duration:.7s;
  206. }
  207.  
  208.  
  209. #description {
  210. width:98px;
  211. font-family:cambria;
  212. margin-bottom:0px;
  213. margin-top:5px;
  214. margin-left:0px;
  215. padding: 6px;
  216. border-top: 1px solid {color:border};
  217. text-align:center;
  218. font-size:11px;
  219. color:{color:text};
  220. letter-spacing:1px;
  221. line-height:115%;
  222. }
  223.  
  224. #pagination {
  225. font-size:12px;
  226. text-transform:lowercase;
  227. margin-top:5px;
  228. margin-left: 10px;
  229. letter-spacing:1px;
  230. word-spacing:4px;
  231. font-style:italic;
  232. text-align:center;
  233. width:80px;
  234. }
  235.  
  236. #pagination a {
  237. color:{color:link};
  238. font-size:12px;
  239. }
  240.  
  241.  
  242. /*posts*/
  243. #entries {position:absolute;
  244. width:500px;
  245. margin-left:530px;
  246. margin-top:50px;
  247. }
  248.  
  249. #posts {
  250. overflow:hidden;
  251. width:500px;
  252. background:{color:post};
  253. }
  254.  
  255. #posts img {
  256. max-width: 500px;}
  257.  
  258. #posts {
  259. {block:IndexPage}
  260. margin-bottom:160px;
  261. {/block:IndexPage}
  262. {block:PermalinkPage}
  263. margin-bottom:50px
  264. {/block:PermalinkPage}
  265. overflow:hidden;
  266. width:500px;
  267. padding:14px;
  268. }
  269. #posts img {
  270. max-width: 500px;}
  271.  
  272. #titlequote{font-size:11px;
  273. color:{color:title};
  274. text-align:center;
  275. padding:10px;
  276. font-style:italic;
  277. background-color:{color:header};
  278. }
  279.  
  280. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  281. .caption img{max-width:500px;}
  282. .caption {width:500px;
  283. display: block;
  284. margin-top: 5px;
  285. {block:IfNotShowCaptions}
  286. {block:IndexPage}
  287. display: none;
  288. {/block:IndexPage}
  289. {/block:IfNotShowCaptions}}
  290.  
  291. #source {text-align:right;
  292. padding-bottom:5px;
  293. font-size:9px}
  294.  
  295.  
  296.  
  297. /*asks*/
  298. #question {
  299. color:{color:text}}
  300.  
  301. .q {
  302.  
  303. background-color:{color:post};
  304. border-bottom:1px solid {color:hover};
  305. width:480px;
  306. margin-left:1px;
  307. font-size:9px;
  308. text-align:left;
  309. padding:8px;
  310. }
  311. .a {color:{color:text};
  312. font-size:9px;
  313. margin-top:5px;
  314. margin-left:1px;
  315. text-align:left}
  316.  
  317.  
  318.  
  319. .chat ol {
  320. padding:0;
  321. line-height:180%;
  322. list-style:none;
  323. }
  324.  
  325.  
  326. .label {
  327. padding-right:1px;
  328. text-transform:uppercase;
  329. font-weight:bold;
  330. color:{color:link};
  331. }
  332.  
  333.  
  334. /*permalink and notes*/
  335. #details {
  336. text-align:right;
  337. margin-top:8px;
  338. text-transform:uppercase;
  339. font-size:9px;
  340. font-style:none;
  341. background:{color:border};
  342. padding-right:10px;
  343. padding-bottom:10px;
  344. padding-left:10px;
  345.  
  346. }
  347.  
  348.  
  349. #tags {
  350. font-family:cambria;
  351. letter-spacing:0px;
  352. text-transform:none;
  353. font-size:10px;
  354. font-style:italic;
  355. margin-top:2px;
  356. text-align:right;
  357. }
  358.  
  359. #tags a {
  360. display:inline-block;
  361. padding:-3px;
  362. text-align:right;
  363. color:{color:Tags};
  364. -webkit-transition: all 0.6s ease-in-out;
  365. -moz-transition: all 0.6s ease-in-out;
  366. -o-transition: all 0.6s ease-in-out;
  367. -ms-transition: all 0.6s ease-in-out;
  368. -transition: all 0.6s ease-in-out;
  369. }
  370.  
  371.  
  372. #info {
  373. font-size:11px;
  374. font-family:cambria;
  375. letter-spacing:1px;
  376. display: block
  377. width:20px;
  378. height: 20px;
  379.  
  380. -moz-transition-duration:0.5s;
  381. -webkit-transition-duration:0.5s;
  382. -o-transition-duration:0.5s;
  383. }
  384.  
  385. #info a {
  386. background-color:#ffffff;
  387. padding:5px;
  388. position:fixed;
  389. right:5px;
  390. bottom:10px;
  391. color: {color:text};
  392. border:1px solid {color:border};
  393. }
  394.  
  395. {CustomCSS}</style></head><body>
  396.  
  397. <div id="stitle">{Title}</div>
  398.  
  399. <div id="sidebar">
  400.  
  401. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  402.  
  403. <div id="links">
  404. <a href="{text:link1 url}" title="{text:link1}">I</a>
  405. <a href="{text:link2 url}" title="{text:link2}">II</a>
  406. <a href="{text:link3 url}" title="{text:link3}">III</a>
  407. <a href="{text:link4 url}" title="{text:link4}">IV</a>
  408. <a href="{text:link5 url}" title="{text:link5}">V</a>
  409. </a>
  410.  
  411. </div>
  412.  
  413. <div id="description">{description}</div>
  414. <p></p><small><center>
  415.  
  416. {block:Pagination}
  417. <div id="pagination">
  418. {block:PreviousPage}
  419. <a href="{PreviousPage}">«</a>
  420. {/block:PreviousPage}
  421. {block:JumpPagination length="3"}
  422. {block:CurrentPage}
  423. <span class="current_page">{PageNumber}</span>
  424. {/block:CurrentPage}
  425. {block:JumpPage}
  426. <a class="jump_page" href="{URL}">{PageNumber}</a>
  427. {/block:JumpPage}
  428. {/block:JumpPagination}
  429. {block:NextPage}
  430. <a href="{NextPage}">»</a>
  431. {/block:NextPage}
  432. </div>
  433. {/block:Pagination}
  434. </div>
  435. </div>
  436. </div>
  437.  
  438.  
  439.  
  440. <div id="entries">
  441.  
  442.  
  443. {block:Posts}
  444. {block:ContentSource}
  445. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  446.  
  447. <div id="posts">
  448.  
  449. {block:Quote}
  450. <div id="titlequote">“{Quote}”</div>
  451. {block:Source}<div id="source">{Source}</div>{/block:Source}
  452. {/block:Quote}
  453.  
  454. {block:Text}
  455. {block:Title}
  456. <h1>{block:Title}{Title}{/block:Title}</h1>
  457. {Body}
  458. {/block:Text}
  459.  
  460. {block:Link}
  461. <h1><a href="{URL}"> {Name}</a></h1>{block:Description}{Description}{/block:Description}
  462. {/block:Link}
  463.  
  464. {block:Chat}
  465. {block:Title}
  466. <h1>{Title}</h1>
  467. {/block:Title}
  468. <div class="chat">
  469. <ol>{block:Lines}
  470. <li class="line {Alt}">
  471. {block:Label}
  472. <span class="label">
  473. {Label}</span>
  474. {/block:Label}{Line}</li>
  475. {/block:Lines}
  476. </ol></div>
  477. {/block:Chat}
  478.  
  479. {block:Photo}
  480. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  481. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  482. {/block:Photo}
  483.  
  484. {block:Photoset}
  485. <center>{Photoset-500}</center>
  486. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  487. {/block:Photoset}
  488.  
  489. {block:Video}
  490.  
  491. {Video-500}
  492. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  493. {/block:Video}
  494.  
  495. {block:Audio}
  496. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  497. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  498. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  499. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  500. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  501. {/block:Audio}
  502.  
  503. {block:Answer}
  504. <div id="question">
  505. <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}
  506.  
  507. <div id="details">
  508. <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>
  509. {block:HasTags}<div id="tags">tags:{block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  510. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  511. {/block:Posts}
  512. </div></div>
  513.  
  514. <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>
  515.  
  516. </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!