API tools faq
paste
Advertisement
mysansa

Theme #12

mysansa
Sep 4th, 2013
3,415
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.07 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 rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  17. <title>{Title}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:Text" content="#bbbbbb"/>
  22. <meta name="color:sidebar background" content="#e9e7e7"/>
  23. <meta name="color:Link" content="#9c9b9b"/>
  24. <meta name="color:Tags" content="#cccccc"/>
  25. <meta name="color:Hover" content="#706f6f"/>
  26. <meta name="color:Line" content="#f2f2f2"/>
  27. <meta name="color:Border" content="#d5d3d3"/>
  28. <meta name="color:scrollbar" content="#f2f2f2"/>
  29. <meta name="color:post" content="ffffff"/>
  30. <meta name="color:title" content="#6b6b6a"/>
  31.  
  32.  
  33.  
  34.  
  35. <meta name="image:sidebar" content=""/>
  36.  
  37.  
  38.  
  39. <meta name="text:link 1" content="Link 1"/>
  40. <meta name="text:link 1 url" content="/"/>
  41. <meta name="text:link 2" content="Link 2"/>
  42. <meta name="text:link 2 url" content="/"/>
  43. <meta name="text:link 3" content="Link 3"/>
  44. <meta name="text:link 3 url" content="/"/>
  45. <meta name="text:link 4" content="Link 4"/>
  46. <meta name="text:link 4 url" content="/"/>
  47. <meta name="text:link 5" content="Link 5"/>
  48. <meta name="text:link 5 url" content="/"/>
  49. <meta name="text:link 6" content="Link 6"/>
  50. <meta name="text:link 6 url" content="/"/>
  51.  
  52. <meta name="if:ShowTitle" content="1"/>
  53.  
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58.  
  59. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:10px}
  60. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  61. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important}
  62.  
  63.  
  64. body {
  65. background:{color:background};
  66. margin:0px;
  67. color:{color:text};
  68. font-family: 'helvetica', sans-serif;
  69. font-size:11px;
  70. line-height:130%;
  71. letter-spacing:1px;
  72. word-wrap:break-word;
  73. }
  74.  
  75. a {
  76. text-decoration:none;
  77. outline:none;
  78. -moz-outline-style:none;
  79. color:{color:link};
  80. -moz-transition-duration:0.5s;
  81. -webkit-transition-duration:0.5s;
  82. -o-transition-duration:0.5s;
  83. }
  84.  
  85. a:hover {
  86. text-decoration:none;
  87. outline:none;
  88. -moz-outline-style:none;
  89. color:;
  90. }
  91.  
  92. a:hover {
  93. color:{color:hover};
  94. -webkit-transition: all 0.3s ease-out;
  95. -moz-transition: all 0.3s ease-out;
  96. transition: all 0.3s ease-out;
  97. }
  98.  
  99. img {
  100. border:none;
  101. }
  102.  
  103. blockquote {
  104. padding-left:5px;
  105. border-left:2px solid;
  106. }
  107.  
  108. blockquote blockquote {
  109. padding-left:5px;
  110. border-left:2px solid;
  111. }
  112.  
  113.  
  114. h1 {
  115. font-weight:bold;
  116. font-size:18px;
  117. text-align:left;
  118. font-style:normal;
  119. text-align:center;
  120. line-height:120%;
  121. letter-spacing:1px;
  122. text-transform:normal;
  123. color:;
  124. }
  125.  
  126. #stitle {
  127. font-size:28px;
  128. font-family: abbeyline;
  129. text-align:left;
  130. font-style:italic;
  131. margin-top: -60px;
  132. margin-left:-70px;
  133. position: fixed;
  134. width:252px;
  135. line-height: 110%;
  136. color:{color:titile};
  137. }
  138.  
  139.  
  140. #sidebar {
  141. color:{color:text};
  142. position:fixed;
  143. width:300px;
  144. height:410px;
  145. margin-top:180px;
  146. margin-left:20px;
  147. text-align:left;
  148. background:#e9e7e7;
  149. border-left: 100px solid black;
  150. }
  151.  
  152. #sidebar img {
  153. position:fixed;
  154. margin-left:50px;
  155. width:200px;
  156. margin-top:43px;
  157. height: 200px;
  158. opacity: 0.9;
  159.  
  160. }
  161.  
  162. #links {
  163. position:relative;
  164. letter-spacing:1px;
  165. position:fixed;
  166. font-family:cambria;
  167. width:50px;
  168. padding: 10px;
  169. display:block;
  170. margin-top:200px;
  171. margin-left:10px;
  172. font-size:13px;
  173. text-transform:uppercase;
  174. text-align:center;
  175. line-height:170%;
  176. }
  177.  
  178. #links a{
  179. display:block;
  180. background-color:transparent;
  181. width:100px;
  182. line-height:185%;
  183. margin-bottom:35px;
  184. color:#fff;
  185. letter-spacing:1px;
  186. text-decoration:none;
  187. -moz-transition-duration:.3s;
  188. -webkit-transition-duration:.3s;
  189. -o-transition-duration:.3s;
  190. }
  191.  
  192. #links a:hover {
  193. letter-spacing:2px;
  194. font-style:italic;
  195. background-color: #ffffff;
  196. color:black;
  197. opacity:2;
  198. padding:0px;
  199. -moz-transition-duration:0.3s;
  200. -webkit-transition-duration:0.3s;
  201. -o-transition-duration:0.3s;
  202. }
  203.  
  204. #sidebar #links {
  205. margin-top:70px;
  206.  
  207. opacity:1;
  208. margin-left:80px;
  209. -moz-transition-duration:1s;
  210. -webkit-transition-duration:1s;
  211. -o-transition-duration:1s;
  212. }
  213.  
  214. #sidebar:hover #links {
  215. margin-top:-70px;
  216. margin-left:80px;
  217. opacity:1;
  218. -moz-transition-duration:1s;
  219. -webkit-transition-duration:1s;
  220. -o-transition-duration:1s;
  221.  
  222. }
  223.  
  224.  
  225. #description {
  226. position: fixed;
  227. text-align:center;
  228. width:184px;
  229. background:#fff;
  230. overflow:auto;
  231. height:80px;
  232. padding:20px;
  233. color: {color:text};
  234. margin-left:155px;
  235. margin-top:440px;
  236. font-family:helvetica;
  237. text-transform:none;
  238. font-style:none;
  239. font-size:11px;
  240. line-height:140%;
  241. background-color:transparent;
  242. border-top:1px solid {color:border};
  243. padding-top:9px;
  244. }
  245.  
  246. #pagination {
  247. position:fixed;
  248. font-family:times;
  249. text-align:center;
  250. font-size:36px;
  251. width:150px;
  252. background-color:tranparent;
  253. word-spacing:3px;
  254. font-style:normal;
  255. margin-top:550px;
  256. margin-left:310px;
  257. padding: 5px
  258. line-height:110%;
  259. color:{color:link};
  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><body>
  416.  
  417.  
  418.  
  419. <div id="sidebar">
  420.  
  421.  
  422. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  423.  
  424. {block:ifShowTitle} <div id="stitle">{Title}</div>{/block:ifShowTitle}
  425.  
  426. </div>
  427.  
  428. </div>
  429. <div id="description">
  430. {Description}
  431. </div>
  432.  
  433. </div>
  434.  
  435. </div>
  436.  
  437. <div id="links">
  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 href="{text:link 4 url}">{text:link 4}</a>
  442. <a href="{text:link 5 url}">{text:link 5}</a>
  443. <a href="{text:link 6 url}">{text:link 6}</a>
  444.  
  445. </a>
  446.  
  447. </div>
  448.  
  449. {block:Pagination}
  450. <div id="pagination">
  451. {block:PreviousPage}
  452. <a href="{PreviousPage}">«</a>
  453. {/block:PreviousPage}
  454.  
  455. {block:NextPage}
  456. <a href="{NextPage}">»</a>
  457. {/block:NextPage}
  458. </div>
  459. {/block:Pagination}
  460. </div>
  461.  
  462. </div>
  463.  
  464. <div id="entries">
  465.  
  466.  
  467. {block:Posts}
  468. {block:ContentSource}
  469. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  470.  
  471. <div id="posts">
  472.  
  473. {block:Quote}
  474. <div id="titlequote">“{Quote}”</div>
  475. {block:Source}<div id="source">{Source}</div>{/block:Source}
  476. {/block:Quote}
  477.  
  478. {block:Text}
  479. {block:Title}
  480. <h1>{block:Title}{Title}{/block:Title}</h1>
  481. {Body}
  482. {/block:Text}
  483.  
  484. {block:Link}
  485. <h1><a href="{URL}"> {Name}</a></h1>{block:Description}{Description}{/block:Description}
  486. {/block:Link}
  487.  
  488. {block:Chat}
  489. {block:Title}
  490. <h1>{Title}</h1>
  491. {/block:Title}
  492. <div class="chat">
  493. <ol>{block:Lines}
  494. <li class="line {Alt}">
  495. {block:Label}
  496. <span class="label">
  497. {Label}</span>
  498. {/block:Label}{Line}</li>
  499. {/block:Lines}
  500. </ol></div>
  501. {/block:Chat}
  502.  
  503. {block:Photo}
  504. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  505. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  506. {/block:Photo}
  507.  
  508. {block:Photoset}
  509. <center>{Photoset-500}</center>
  510. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  511. {/block:Photoset}
  512.  
  513. {block:Video}
  514.  
  515. {Video-500}
  516. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  517. {/block:Video}
  518.  
  519. {block:Audio}
  520. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  521. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  522. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  523. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  524. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  525. {/block:Audio}
  526.  
  527. {block:Answer}
  528. <div id="question">
  529. <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}
  530.  
  531. <div id="details">
  532. <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>
  533. {block:HasTags}<div id="tags">tags:{block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  534. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  535. {/block:Posts}
  536. </div></div>
  537.  
  538. <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>
  539.  
  540.  
  541. </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!