API tools faq
paste
Advertisement
mysansa

Theme #19

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