API tools faq
paste
Advertisement
mysansa

Theme 22

mysansa
May 24th, 2014
1,057
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.08 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME 22 BY MYSANA.TUMBLR.COM-->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>{title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12. <meta name="color:text" content="#333333" />
  13. <meta name="color:background" content="#f8f8f8" />
  14. <meta name="color:post background" content="#ffffff" />
  15. <meta name="color:post information" content="#ffffff" />
  16. <meta name="color:post information background" content="#333333" />
  17. <meta name="color:hover" content="#7d7d7d" />
  18. <meta name="color:links" content="#fbcb67" />
  19. <meta name="image:background" content="" />
  20. <meta name="if:FadingImages" content="0"/>
  21.  
  22. <meta name="text:link1" content="Home"/>
  23. <meta name="text:link1 url" content="/"/>
  24. <meta name="text:link2" content="Message"/>
  25. <meta name="text:link2 url" content="/ask"/>
  26. <meta name="text:link3" content=""/>
  27. <meta name="text:link3 url" content="/"/>
  28. <meta name="text:link4" content=""/>
  29. <meta name="text:link4 url" content="/"/>
  30. <meta name="text:link5" content=""/>
  31. <meta name="text:link5 url" content="/"/>
  32. <meta name="text:link6" content=""/>
  33. <meta name="text:link6 url" content="/"/>
  34. <meta name="text:link7" content=""/>
  35. <meta name="text:link7 url" content="/"/>
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Open+Sans:600|Oswald:500,400,300' rel='stylesheet' type='text/css'>
  38.  
  39.  
  40. </head>
  41. <style>
  42. /* General Styling */
  43. body {
  44. background:url({image:background}) {color:background};
  45. padding:0px;
  46. margin:0px;
  47. font-family: 'open sans','helvetica','futura', sans-serif;
  48. color:{color:text};
  49. font-size:12px;
  50. }
  51.  
  52. a {
  53. color:{color:links};
  54. text-decoration:none;
  55. -webkit-transition: all 0.5s ease-in-out;
  56. -moz-transition: all 0.5s ease-in-out;
  57. -o-transition: all 0.5s ease-in-out;
  58. transition: all 0.5s ease-in-out;
  59. }
  60.  
  61. a:hover {
  62. color:{color:hover};
  63. }
  64.  
  65. blockquote {
  66. border-left:5px solid {color:text};
  67. padding-left:5px;
  68. }
  69.  
  70. h1, h2, h3, h4, h5, h6{
  71. font-weight:400;
  72. font-family:'Oswald', 'andale mono', 'futura', 'Helvetica', sans-serif;
  73. line-height:1.5em;
  74. margin:.45em 0;
  75. padding:0;
  76. color:{color:text};
  77. }
  78.  
  79. /* Sidebar */
  80.  
  81. #sbar{
  82. position:fixed;
  83. margin-top:170px;
  84. margin-left:900px;
  85. width:250px;
  86. padding-top:40px;
  87. padding-bottom:55px;
  88. }
  89.  
  90. /*sidebar title */
  91. .st{
  92. width:235px;
  93. color:{color:title};
  94. text-align:left;
  95. font-size:35px;
  96. font-weight:bold;
  97. line-height:120%;
  98. letter-spacing:0px;
  99. text-transform:normal;
  100. color:{color:title};
  101. font-family: 'Oswald', "andale mono", Helvetica, sans-serif;
  102. }
  103. .st a{
  104. color:{color:text};
  105. }
  106.  
  107. /*sidebar description */
  108. .sbd{
  109. margin-top:5px;
  110. width:205px;
  111. font-family:'open sans', 'helevtica', 'futura',sans-serif;
  112. font-size:12px;
  113. text-align:left;
  114. line-height:150%;
  115. }
  116.  
  117. /*sidebar links */
  118. .sbl{
  119. margin-top:12px;
  120. width:235px;
  121. font-family: 'open sans', 'andale mono', Helvetica, sans-serif
  122. font-size:14px;
  123. font-weight:bold;
  124. text-align:left;
  125. letter-spacing:3px;
  126. }
  127.  
  128. .sbl a{
  129. display: inline block;
  130. width:235px;
  131. line-height:185%;
  132. margin-bottom:3px;
  133. letter-spacing:2px;
  134. font-size:14.5px;
  135. font-weight:bold;
  136. text-decoration:none;
  137. color:{color:links};
  138. -moz-transition-duration:.3s;
  139. -webkit-transition-duration:.3s;
  140. -o-transition-duration:.3s;
  141. }
  142. .sbl a:hover {
  143. color:{color:hover};
  144. }
  145.  
  146. /* posts container */
  147.  
  148. #content {
  149. margin-top:25px;
  150. margin-left:150px;
  151. margin-right:auto;
  152. width:650px;
  153. }
  154.  
  155. /* posts style */
  156. .post {
  157. padding:25px;
  158. width:500px;
  159. display:block;
  160. background:{color:post background};
  161. display:inline-block;
  162. }
  163. a. h2 {
  164. color:{color:text};
  165. }
  166.  
  167. /* posts info style */
  168.  
  169. .information {
  170. height:100%;
  171. background:{color:post information background};
  172. color:{color:post information};
  173. width:100px;
  174. text-align:center;
  175. }
  176.  
  177. /* posts info's links */
  178.  
  179. .information a {
  180. color:{color:post information};
  181. }
  182.  
  183. /* note count */
  184.  
  185. .notec {
  186. text-align:center;
  187. padding:3px;
  188. border-top:1px solid {color:hover};
  189. border-bottom:1px solid {color:hover};
  190. margin-top:10px;
  191. display:block;
  192. }
  193.  
  194. /*fading images */
  195. {block:ifFadingImages}
  196. #content img, .html_photoset {
  197. opacity:.7;
  198. -webkit-transition: all 0.5s ease-in-out;
  199. -moz-transition: all 0.5s ease-in-out;
  200. -o-transition: all 0.5s ease-in-out;
  201. transition: all 0.5s ease-in-out;
  202. }
  203.  
  204. #content img:hover, .html_photoset:hover {
  205. opacity:1;
  206. }
  207. {/block:ifFadingImages}
  208.  
  209. /* date and month style */
  210. .date {
  211. font-size:20px;
  212. font-weight:700;
  213. display:block;
  214. }
  215.  
  216. .month {
  217. display:block;
  218. text-transform:lowercase;
  219. font-size:11px;
  220. font-weight:700;
  221. margin-top:10px;
  222. }
  223.  
  224. /* reblog and like button positioning */
  225.  
  226. .reblog {
  227. display:inline-block;
  228. margin:5px;
  229. margin-top:20px;
  230.  
  231. }
  232.  
  233. /* quote posts style */
  234.  
  235. .quote {
  236. font-size:20px;
  237. }
  238.  
  239. /* ask posts style */
  240.  
  241. .ask {
  242. padding:5px;
  243. background:{color:background};
  244. }
  245.  
  246. /* chat posts style */
  247. .chat ul {
  248. display:block;
  249. list-style:none;
  250. margin-left:-40px;
  251. }
  252.  
  253. /* chat lines style */
  254. .chat li {
  255. padding:3px;
  256. display:block;
  257. }
  258.  
  259. /* odd lines style */
  260. .chat .odd {
  261. background:{color:post background};
  262. }
  263.  
  264. /* even lines style */
  265. .chat .even {
  266. background:{color:background};
  267. }
  268.  
  269. /* posts's tags style */
  270. #tags {
  271. margin-bottom:20px;
  272. margin-top:3px;
  273. padding:5px;
  274. background:#f2f2f2;
  275. font-size:11px;
  276. }
  277.  
  278. #tags a {
  279. color:{color:links};
  280. }
  281.  
  282. #content table tr td {
  283. vertical-align:top;
  284. }
  285.  
  286. /* pagination styles */
  287.  
  288. #pagination {
  289. text-align:center;
  290. margin:20px;
  291. }
  292.  
  293. /* current page number */
  294.  
  295. #pagination span {
  296. background:{color:post background};
  297. color:{color:text};
  298. padding:5px;
  299. width:15px;
  300. height:15px;
  301. display:inline-block;
  302. margin-left:2px;
  303. }
  304.  
  305. /* other page numbers styles */
  306.  
  307. #pagination a {
  308. background:{color:text};
  309. color:{color:post background};
  310. padding:5px;
  311. width:15px;
  312. height:15px;
  313. display:inline-block;
  314. margin-left:2px;
  315. }
  316.  
  317. /* footer style */
  318.  
  319. footer {
  320. background:{color:text};
  321. padding:10px;
  322. text-align:center;
  323. color:{color:post information};
  324. display:block;
  325. margin:0px;
  326. }
  327.  
  328. #info {
  329. font-size:12px;
  330. letter-spacing:1px;
  331. display: block
  332. padding:5px;
  333. position:fixed;
  334. right:15px;
  335. BOTTOM:17px;
  336. height: 20px;
  337. -moz-transition-duration:0.5s;
  338. -webkit-transition-duration:0.5s;
  339. -o-transition-duration:0.5s;
  340. }
  341.  
  342. #info a {
  343. padding:2px;
  344. position:fixed;
  345. right:10px;
  346. bottom:10px;
  347. background:#fff;
  348. color:#666;
  349. font-size:11px;
  350. border:double #ccc;
  351. }
  352. </style>
  353. <body>
  354. <!-- Sidebar -->
  355. <div id="sbar">
  356.  
  357. <div class="st">
  358. <a href="/">{title}</a>
  359. </div>
  360.  
  361. <!-- Sidebar Links -->
  362. <div class="sbl">
  363. {block:IfLink1}<a href="{text:link1 url}">{text:link1}</a> / {/block:IfLink1}
  364. {block:IfLink2} <a href="{text:link2 url}">{text:link2}</a> / {/block:IfLink2}
  365. {block:IfLink3} <a href="{text:link3 url}">{text:link3}</a> / {/block:IfLink3}
  366. {block:IfLink4} <a href="{text:link4 url}">{text:link4}</a> / {/block:IfLink4}
  367. {block:IfLink5} <a href="{text:link5 url}">{text:link5}</a> / {/block:IfLink5}
  368. {block:IfLink6} <a href="{text:link6 url}">{text:link6}</a> / {/block:IfLink6}
  369. {block:IfLink7} <a href="{text:link7 url}">{text:link7}</a> / {/block:IfLink7}
  370. </div>
  371.  
  372. <!-- Sidebar Description -->
  373. <div class="sbd">
  374. {description}
  375. </div>
  376.  
  377. </div>
  378.  
  379. <!-- Content starts here -->
  380. <div id="content">
  381.  
  382. <div id="bar"></div>
  383. <!-- posts start -->
  384. {block:posts}
  385. <table>
  386. <tr>
  387. <!-- posts information -->
  388. <td class="information">
  389. <!-- posts's date -->
  390. {block:Date}
  391. <span class="month">{Month}</span>
  392. <a class="date" href="{permalink}">{DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup></a>
  393. <span class="month">{Year}</span>
  394. {/block:Date}
  395. <!-- notes count -->
  396. {block:NoteCount}<a class="notec" href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  397. <!-- reblog and like button -->
  398. <div class="reblog">{ReblogButton}</div>
  399. <div class="reblog">{LikeButton}</div>
  400. </center>
  401. </td>
  402.  
  403. <td class="post">
  404.  
  405. <!-- text post -->
  406. {block:Text}
  407. {block:Title}
  408. <a href="{Permalink}">
  409. <h2>{Title}</h2>
  410. </a>
  411. {/block:Title}
  412. {Body}
  413. {/block:Text}
  414.  
  415. <!-- quote post -->
  416. {block:Quote}
  417. <div class="quote">
  418. “{Quote}” — <b><i>{Source}</i></b>
  419. </div>
  420. {/block:Quote}
  421.  
  422. <!-- link post -->
  423. {block:Link}
  424. <a href="{URL}">
  425. <h2>{Name} »</h2>
  426. </a>
  427. {block:Description}{Description}{/block:Description}
  428. {/block:Link}
  429.  
  430. <!-- photo post -->
  431. {block:Photo}
  432. <center>
  433. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}"/></a>
  434. </center>
  435. {block:Caption}{Caption}{/block:Caption}
  436. {/block:Photo}
  437.  
  438. <!-- photoset post -->
  439. {block:Photoset}
  440. <center>
  441. {Photoset-500}
  442. </center>
  443. {block:Caption}{Caption}{/block:Caption}
  444. {/block:Photoset}
  445.  
  446. <!-- chat post -->
  447. {block:Chat}
  448. <div class="chat">
  449. <ul>
  450. {block:Lines}
  451. <li class="{Alt}">
  452. {block:Label}<b>{Label}</b>{/block:Label}
  453. {Line}
  454. </li>
  455. {/block:Lines}
  456. </ul>
  457. </div>
  458. {/block:Chat}
  459.  
  460. <!-- video post -->
  461. {block:Video}
  462. {Video-500}
  463. {block:Caption}{Caption}{/block:Caption}
  464. {/block:Video}
  465.  
  466. <!-- audio post -->
  467. {block:Audio}
  468. {block:AlbumArt}
  469. <img src="{AlbumArtURL}" width="100" align="left" style="margin-right:5px">
  470. {/block:AlbumArt}
  471. {AudioPlayerBlack}
  472. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  473. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
  474. {block:Caption}{Caption}{/block:Caption}
  475. {/block:Audio}
  476.  
  477. <!-- ask post -->
  478. {block:Answer}
  479. <div class="ask">
  480. <b>{Asker} asked:</b> {question}
  481. </div>
  482. {Answer}
  483. {/block:Answer}
  484.  
  485.  
  486. </td>
  487. </tr>
  488. </table>
  489. <div id="tags">
  490. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  491. </div>
  492.  
  493. {block:PostNotes}{PostNotes}{/block:PostNotes}
  494.  
  495. {/block:posts}
  496. <!-- end posts -->
  497.  
  498. <!-- pagination -->
  499. {block:Pagination}
  500. <div id="pagination">
  501. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  502. {block:JumpPagination length="6"}
  503. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  504. {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  505. {/block:JumpPagination}
  506. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  507. </div>
  508. {/block:Pagination}
  509.  
  510. </div>
  511. <!-- posts container ends -->
  512.  
  513. <div id="info"><a href="http://mysansa.tumblr.com/"> © MS </a></div>
  514.  
  515. </body>
  516.  
  517. </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!