API tools faq
paste
Advertisement
mysansa

Theme #23

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