sofiiayala

Theme 35 for tumblr

Mar 25th, 2015
2,088
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.65 KB | None | 0 0
  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. <!----Theme 35 by castiiel. DON'T STEAL NOR COVER THE CREDIT, CUSTOMIZE IT AS MUCH AS YOU WANT BUT DON'T STEAL IT, IT'S ILLEGAL --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#222222"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="color:topbar" content="#ffffff"/>
  14. <meta name="color:topbar text" content="#222222"/>
  15. <meta name="color:border" content="#666"/>
  16. <meta name="color:shadow" content="#ccc"/>
  17. <meta name="color:description background" content="#eee"/>
  18. <meta name="color:tumblr controls" content="#222"/>
  19. <meta name="color:scrollbar" content="#999"/>
  20. <meta name="color:posts background" content="#fff"/>
  21.  
  22. <meta name="select:post background" content="white" title="white">
  23. <meta name="select:post background" content="trans" title="transparent">
  24. <meta name="select:post background" content="black" title="black">
  25. <meta name="select:post background" content="solid" title="solid color">
  26.  
  27. <meta name="image:background" content=""/>
  28. <meta name="image:top avatar" content=""/>
  29.  
  30. <meta name="if:250px posts" content="0"/>
  31. <meta name="if:400px posts" content="1"/>
  32. <meta name="if:500px posts" content="0"/>
  33. <meta name="if:post background" content="0"/>
  34. <meta name="if:Double column" content="0"/>
  35. <meta name="if:infinite scroll" content="0">
  36. <meta name="if:topbar avatar" content="1">
  37. <meta name="if:description on click" content="1"/>
  38. <meta name="if:credit on the left" content="0"/>
  39. <meta name="if:repeat background" content="0"/>
  40. <meta name="if:info on hover" content="0"/>
  41. <meta name="if:disable description" content="0"/>
  42. <meta name="if:show title" content="1"/>
  43. <meta name="if:show notes on click" content="0"/>
  44. <meta name="if:show via and source" content="0"/>
  45. <meta name="if:default tumblr controls" content="0">
  46.  
  47. <meta name="text:title" content=""/>
  48. <meta name="text:description link title" content="pofile"/>
  49. <meta name="text:link 1 title" content="Link 1"/>
  50. <meta name="text:link 1" content="/"/>
  51. <meta name="text:link 2 title" content="Link 2"/>
  52. <meta name="text:link 2" content="/"/>
  53. <meta name="text:link 3 title" content="Link 3"/>
  54. <meta name="text:link 3" content="/"/>
  55. <meta name="text:link 4 title" content="Link 4"/>
  56. <meta name="text:link 4" content="/"/>
  57.  
  58. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  59.  
  60. {block:ifShownotesonclick}
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  62.  
  63. <script src="jquery.js"></script>
  64. <script>
  65. $(document).ready(function(){
  66. $("#notes").click(function(){
  67. $("ol.notes").slideToggle("slow");
  68. });
  69. });
  70. </script>
  71. {/block:ifShownotesonclick}
  72.  
  73. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  74. <script type="text/javascript">
  75. $(document).ready(function () {
  76. $(".profile").toggle(function() {
  77. $("#profile").show(); $("").hide();
  78. }, function() {
  79. $("#profile").hide();
  80. });
  81. });
  82. </script>
  83.  
  84. <script type="text/javascript">
  85. WebFontConfig = {
  86. google: { families: [ 'Lato:300,400:latin' ] }
  87. };
  88. (function() {
  89. var wf = document.createElement('script');
  90. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  91. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  92. wf.type = 'text/javascript';
  93. wf.async = 'true';
  94. var s = document.getElementsByTagName('script')[0];
  95. s.parentNode.insertBefore(wf, s);
  96. })(); </script>
  97.  
  98. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  99. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  100.  
  101. <style type="text/css">
  102.  
  103. {block:ifDefaulttumblrcontrols}
  104. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { white-space:nowrap!important;
  105. -webkit-filter:invert(100%)!important;
  106. -moz-filter:invert(100%)!important;
  107. -ms-filter:invert(100%)!important;
  108. -o-filter:invert(100%)!important;
  109. filter:invert(100%)!important;
  110. top:70px!important;
  111. {block:indexpage}
  112. left:-95px!important;
  113. {/block:indexpage}
  114. {block:permalink}
  115. left:-15px!important;
  116. {/block:permalink}
  117. position:fixed!important;
  118. opacity:.3!Important;
  119. }
  120. {/block:ifDefaulttumblrcontrols}
  121.  
  122. {block:ifnotDefaulttumblrcontrols}
  123. {block:indexpage}
  124. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  125. display: none;
  126. }
  127. {/block:indexpage}
  128. {/block:ifnotDefaulttumblrcontrols}
  129.  
  130. {block:ifnotDefaulttumblrcontrols}
  131. {block:indexpage}
  132. #controls {
  133. position: fixed;
  134. top:27px;
  135. left:5px;
  136. z-index:9999999999999999999999999999999999999999999999999999999999999;
  137. }
  138.  
  139. #controls i {
  140. padding:5px;
  141. color:{color:tumblr controls};
  142. display:inline;
  143. font-size:12px;
  144. margin:0px 5px;
  145. }
  146. {/block:indexpage}
  147.  
  148. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { white-space:nowrap!important;
  149. -webkit-filter:invert(100%)!important;
  150. -moz-filter:invert(100%)!important;
  151. -ms-filter:invert(100%)!important;
  152. -o-filter:invert(100%)!important;
  153. filter:invert(100%)!important;
  154. top:70px!important;
  155. {block:indexpage}
  156. left:-95px!important;
  157. {/block:indexpage}
  158. {block:permalink}
  159. left:-15px!important;
  160. {/block:permalink}
  161. position:fixed!important;
  162. opacity:.3!Important;
  163. }
  164. {/block:ifnotDefaulttumblrcontrols}
  165.  
  166. #dhtmltooltip{
  167. position: absolute;
  168. padding:7px;
  169. padding-bottom: 4px;
  170. padding-top: 4px;
  171. margin-left:70px;
  172. margin-top: -7px;
  173. border: 1px solid {color:border};
  174. background: {color:background}; /* change the background color */
  175. font-family:helvetica; /* change the font */
  176. font-size:7px; /* change the font size */
  177. letter-spacing:1px; /* change the letter spacing */
  178. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  179. font-style: bold;
  180. color:{color:text}; /* change the text color */
  181. visibility: hidden;
  182. z-index: 100;
  183. /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  184. filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  185. }
  186.  
  187. ::-webkit-scrollbar {width: 4px; height: 4px; background: {color:background}; }
  188. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 0ex; }
  189.  
  190. body {
  191. background:{color:background};
  192. margin:0px;
  193. color:{color:text};
  194. font-family:'Lato', sans-serif;
  195. letter-spacing: 0.8px;
  196. line-height: 130%;
  197. font-size:10px;
  198. background-image:url("{image:background}");
  199. background-size:cover;
  200. {block:ifRepeatbackground}
  201. background-size:contain;
  202. background-repeat: repeat;
  203. {block:ifRepeatbackground}
  204. background-attachment:fixed;
  205. background-position: top left;
  206. }
  207.  
  208. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  209.  
  210. a {
  211. text-decoration:none;
  212. outline:none;
  213. -moz-outline-style:none;
  214. color:{color:link};
  215. }
  216.  
  217. img {
  218. border:none;
  219. }
  220.  
  221. p {
  222. margin-left: 0px;
  223. margin-right: 0px;
  224. margin-bottom:0px;
  225. word-wrap: break-word;
  226. }
  227.  
  228. pre {
  229. white-space: pre-wrap;
  230. white-space: -moz-pre-wrap;
  231. white-space: -pre-wrap;
  232. white-space: -o-pre-wrap;
  233. word-wrap: break-word;
  234. }
  235.  
  236. blockquote {
  237. padding-left:5px;
  238. border-left:1px solid;
  239. margin-left: 0px;
  240. margin-right: 0px;
  241. margin-bottom:0px;
  242. }
  243.  
  244. h1 {
  245. font-size:17px;
  246. font-family:'Lato', sans-serif;
  247. font-weight: 300;
  248. letter-spacing: 1.5px;
  249. line-height:130%;
  250. text-align: left;
  251. }
  252.  
  253. h2 {
  254. font-size:15px;
  255. font-family:'Lato', sans-serif;
  256. font-weight: 300;
  257. letter-spacing: 1.5px;
  258. line-height:130%;
  259. text-align: left;
  260. }
  261.  
  262. .text img {
  263. height: auto!important;
  264. max-width:100%;
  265. }
  266.  
  267. #entries {
  268. {block:ifnotPostbackground}
  269. width:450px;
  270. {block:ifnotDoublecolumn}
  271. {block:if500pxposts}
  272. width:550px;
  273. {/block:if500pxposts}
  274. {block:if250pxposts}
  275. width:300px;
  276. {block:permalink}
  277. width:450px;
  278. {block:permalink}
  279. {/block:if250pxposts}
  280. {/block:ifnotDoublecolumn}
  281. {block:ifDoublecolumn}
  282. width:900px;
  283. {block:permalink}
  284. width:450px;
  285. {block:permalink}
  286. {block:if500pxposts}
  287. width:1100px;
  288. {block:permalink}
  289. width:550px;
  290. {block:permalink}
  291. {/block:if500pxposts}
  292. {block:if250pxposts}
  293. width:700px;
  294. {block:permalink}
  295. width:450px;
  296. {block:permalink}
  297. {/block:if250pxposts}
  298. {/block:ifDoublecolumn}
  299. {/block:ifnotPostbackground}
  300. {block:ifPostbackground}
  301. width:482px;
  302. {block:ifnotDoublecolumn}
  303. {block:if500pxposts}
  304. width:582px;
  305. {/block:if500pxposts}
  306. {block:if250pxposts}
  307. width:332px;
  308. {block:permalink}
  309. width:482px;
  310. {block:permalink}
  311. {/block:if250pxposts}
  312. {/block:ifnotDoublecolumn}
  313. {block:ifDoublecolumn}
  314. width:964px;
  315. {block:permalink}
  316. width:482px;
  317. {block:permalink}
  318. {block:if500pxposts}
  319. width:1164px;
  320. {block:permalink}
  321. width:582px;
  322. {block:permalink}
  323. {/block:if500pxposts}
  324. {block:if250pxposts}
  325. width:664px;
  326. {block:permalink}
  327. width:482px;
  328. {block:permalink}
  329. {/block:if250pxposts}
  330. {/block:ifDoublecolumn}
  331. {/block:ifPostbackground}
  332. margin:auto;
  333. margin-top:100px;
  334. margin-bottom:30px;
  335. }
  336.  
  337. #post {
  338. width:400px;
  339. {block:if500pxposts}
  340. width:500px;
  341. {/block:if500pxposts}
  342. {block:if250pxposts}
  343. width:250px;
  344. {block:permalink}
  345. width:400px;
  346. {block:permalink}
  347. {/block:if250pxposts}
  348. margin:45px 25px;
  349. {block:ifDoublecolumn}
  350. margin:25px;
  351. {block:ifnotPostbackground}
  352. {block:if250pxposts}
  353. {block:indexpage}
  354. margin:35px 50px;
  355. {/block:indexpage}
  356. {/block:if250pxposts}
  357. {/block:ifnotPostbackground}
  358. {/block:ifDoublecolumn}
  359. float:left;
  360. {block:ifPostbackground}
  361. {block:ifDoublecolumn}
  362. {block:ifInfoonhover}
  363. margin:35px 25px;
  364. {/block:ifInfoonhover}
  365. {block:ifnotInfoonhover}
  366. margin:45px 25px;
  367. {/block:ifnotInfoonhover}
  368. {/block:ifDoublecolumn}
  369. padding:15px;
  370. border:1px solid {color:border};
  371. {/block:ifPostbackground}
  372. }
  373.  
  374. {block:ifPostbackground}
  375. .trans {
  376. background:transparent;
  377. }
  378.  
  379. .white {
  380. background:rgba(225,225,225,0.6);
  381. }
  382.  
  383. .black {
  384. background:rgba(0,0,0,0.6);
  385. }
  386.  
  387. .solid {
  388. background:{color:posts background};
  389. }
  390. {/block:ifPostbackground}
  391.  
  392. #post:hover #info {
  393. opacity: 1;
  394. {block:ifPostbackground}
  395. {block:ifInfoonhover}
  396. {block:indexpage}
  397. height:13px;
  398. {/block:indexpage}
  399. {/block:ifInfoonhover}
  400. {/block:ifPostbackground}
  401. transition: all 0.3s linear;
  402. -webkit-transition: opacity 0.3s linear;
  403. -webkit-transition: all 0.3s linear;
  404. -moz-transition: all 0.3s linear;
  405. }
  406.  
  407. #topbar {
  408. width:100%;
  409. background:{color:topbar};
  410. -webkit-box-shadow: 0px 0px 7px 0px {color:shadow};
  411. -moz-box-shadow: 0px 0px 7px 0px {color:shadow};
  412. box-shadow: 0px 0px 7px 0px {color:shadow};
  413. text-align:right;
  414. position:fixed;
  415. top:0px;
  416. left:0px;
  417. z-index:99999999999999;
  418. padding:24px 0px 22px;
  419. }
  420.  
  421. #title {
  422. font-size:15px;
  423. font-family: trebuchet ms, consolas, 'lato', sans-serif;
  424. text-transform:uppercase;
  425. letter-spacing:1.5px;
  426. color:{color:topbar text};
  427. font-weight:bold;
  428. display:inline-block;
  429. padding-right:60px;
  430. {block:ifnotTopbaravatar}
  431. padding-right:25px;
  432. {/block:ifnotTopbaravatar}
  433. }
  434.  
  435. #links {
  436. {block:ifnotShowtitle}
  437. margin-right:50px;
  438. {block:ifnotTopbaravatar}
  439. margin-right:5px;
  440. {/block:ifnotTopbaravatar}
  441. {/block:ifnotShowtitle}
  442. font-size:10px;
  443. font-family: trebuchet ms, consolas, 'lato', sans-serif;
  444. text-transform:uppercase;
  445. letter-spacing:1.5px;
  446. display:inline-block;
  447. }
  448.  
  449. #links a {
  450. padding-right:20px;
  451. color:{color:topbar text};
  452. }
  453.  
  454. #pic {
  455. display:inline-block;
  456. position:absolute;
  457. right:15px;
  458. top:12px;
  459. }
  460.  
  461. #pic img {
  462. width:35px;
  463. height:35px;
  464. border-radius:100%;
  465. }
  466.  
  467. #profile{
  468. position:fixed;
  469. top:85px;
  470. right:8px;
  471. {block:ifDescriptiononclick}
  472. display:none;
  473. {/block:ifDescriptiononclick}
  474. }
  475.  
  476. .prof {
  477. padding:8px 10px;
  478. text-align:justify;
  479. }
  480.  
  481. .bubble
  482. {
  483. position: relative;
  484. width: 150px;
  485. padding: 0px;
  486. background: {color:description background};
  487. -webkit-border-radius: 7px;
  488. -moz-border-radius: 7px;
  489. border-radius: 7px;
  490. }
  491.  
  492. .bubble:after
  493. {
  494. content: '';
  495. position: absolute;
  496. border-style: solid;
  497. border-width: 0 10.5px 10px 10.5px;
  498. border-color: transparent transparent {color:description background} transparent;
  499. display: block;
  500. width: 0;
  501. z-index: 1;
  502. top: -10px;
  503. left: 113px;
  504. }
  505.  
  506. #pagination {
  507. {block:ifnotPostbackground}
  508. width:400px;
  509. {block:if500pxposts}
  510. width:500px;
  511. {/block:if500pxposts}
  512. {block:if250pxposts}
  513. width:250px;
  514. {/block:if250pxposts}
  515. {block:ifDoublecolumn}
  516. width:850px;
  517. {block:if500pxposts}
  518. width:1050px;
  519. {/block:if500pxposts}
  520. {block:if250pxposts}
  521. width:600px;
  522. {/block:if250pxposts}
  523. {/block:ifDoublecolumn}
  524. {/block:ifnotPostbackground}
  525.  
  526. {block:ifPostbackground}
  527. width:432px;
  528. {block:if500pxposts}
  529. width:532px;
  530. {/block:if500pxposts}
  531. {block:if250pxposts}
  532. width:282px;
  533. {/block:if250pxposts}
  534. {block:ifDoublecolumn}
  535. width:914px;
  536. {block:if500pxposts}
  537. width:1114px;
  538. {/block:if500pxposts}
  539. {block:if250pxposts}
  540. width:614px;
  541. {/block:if250pxposts}
  542. {/block:ifDoublecolumn}
  543. {/block:ifPostbackground}
  544. margin:auto;
  545. padding-top:9px;
  546. line-height: 130%;
  547. text-align:right;
  548. font-size:10px;
  549. bottom:0px;
  550. padding-bottom: 40px;
  551. color:{color:text};
  552. font-family: trebuchet ms, consolas, 'lato', sans-serif;
  553. text-transform:uppercase;
  554. letter-spacing:1.5px;
  555. border-top: 1px solid {color:border};
  556. }
  557.  
  558. #pagination a {
  559. color:{color:text};
  560. padding-top:10px;
  561. {block:ifPostbackground}
  562. padding:10px;
  563. border:1px solid {color:border};
  564. {/block:ifPostbackground}
  565. }
  566.  
  567. #info {
  568. font-size:9px;
  569. text-align:right;
  570. word-spacing:0.5px;
  571. margin-top:15px;
  572. font-family: consolas, 'lato', sans-serif;
  573. opacity:1;
  574.  
  575. {block:ifPostbackground}
  576. {block:indexpage}
  577. right:-1px;
  578. padding:8px 10px;
  579. {/block:indexpage}
  580. position:absolute;
  581. border:1px solid {color:border};
  582. {block:permalink}
  583. margin-left:-16px;
  584. padding:15px;
  585. width:400px;
  586. {block:if500pxposts}
  587. width:500px;
  588. {/block:if500pxposts}
  589. {block:if250pxposts}
  590. width:400px;
  591. {/block:if250pxposts}
  592. {/block:permalink}
  593. {block:ifInfoonhover}
  594. height:0px;
  595. {block:permalink}
  596. height:auto;
  597. {/block:permalink}
  598. {/block:ifInfoonhover}
  599. {/block:ifPostbackground}
  600. {block:ifInfoonhover}
  601. opacity:0;
  602. {block:permalink}
  603. opacity: 1;
  604. {/block:permalink}
  605. {/block:ifInfoonhover}
  606. -webkit-transition: opacity 0.3s linear;
  607. -webkit-transition: all 0.3s linear;
  608. -moz-transition: all 0.3s linear;
  609. transition: all 0.3s linear;
  610. }
  611.  
  612. .question{
  613. text-align: center;
  614. margin-bottom:10px;
  615. padding: 8px 0px;
  616. border-bottom: 1px solid {color:border};
  617. {block:ifPostbackground}
  618. margin-bottom:0px;
  619. padding-bottom:20px;
  620. margin-left:-15px;
  621. margin-right:-15px;
  622. {/block:ifPostbackground}
  623. }
  624.  
  625. .answer{
  626. text-align: left;
  627. {block:ifPostbackground}
  628. padding-top:10px;
  629. {/block:ifPostbackground}
  630. }
  631.  
  632. .asker a {
  633. color: {color:text};
  634. display:inline;
  635. }
  636.  
  637. .sources
  638. {
  639. filter:alpha(opacity=0);
  640. opacity:0;
  641. font-size: 0px;
  642. }
  643.  
  644. #quote {
  645. font-size:17px;
  646. font-family:'Lato', sans-serif;
  647. font-weight: 300;
  648. letter-spacing: 1.5px;
  649. line-height:130%;
  650. text-align: center;
  651. }
  652.  
  653. #cover {
  654. position: relative;
  655. z-index: 1;
  656. height: 80px;
  657. float:left;
  658. margin:4px;
  659. box-shadow:0px 0px 5px {color:shadow};
  660. }
  661.  
  662. #button {
  663. width:20px;
  664. height:30px;
  665. overflow: hidden;
  666. position: relative;
  667. z-index: 99;
  668. margin: 15px 24px 13px 16px;
  669. }
  670.  
  671. #buttons {
  672. background-color: #fff;
  673. position: absolute;
  674. z-index: 99;
  675. margin-top: 15px;
  676. margin-left: 15px;
  677. opacity: 0;
  678. -webkit-transition: opacity 0.5s linear;
  679. -webkit-transition: all 0.5s linear;
  680. -moz-transition: all 0.5s linear;
  681. -o-transition: all 0.5s linear;
  682. }
  683.  
  684. #post:hover #buttons {
  685. opacity:0.5;
  686. }
  687.  
  688. #musicinfo {
  689. margin-left: 110px;
  690. font-size:10px;
  691. min-height:70px;
  692. text-align:left;
  693. position: relative;
  694. }
  695.  
  696. #notes {
  697. margin-left:25px;
  698. text-transform: uppercase;
  699. font-size:12px;
  700. font-family:'Lato', sans-serif;
  701. letter-spacing:1.6px;
  702. font-weight:bolder;
  703. border-bottom: solid 1px {color:border};
  704. text-align:left;
  705. padding-bottom:7px;
  706. width:400px;
  707. {block:if500pxposts}
  708. width:500px;
  709. {/block:if500pxposts}
  710. {block:if250pxposts}
  711. width:400px;
  712. {/block:if250pxposts}
  713. {block:ifPostbackground}
  714. width:432px;
  715. {block:if500pxposts}
  716. width:532px;
  717. {/block:if500pxposts}
  718. {block:if250pxposts}
  719. width:432px;
  720. {/block:if250pxposts}
  721. {block:ifPostbackground}
  722. {block:ifShownotesonclick}
  723. cursor:help!Important;
  724. {/block:ifShownotesonclick}
  725. }
  726.  
  727. ol.notes {
  728. padding: 0px;
  729. margin: 15px 0px;
  730. margin-left:25px;
  731. list-style-type: none;
  732. width:400px;
  733. {block:if500pxposts}
  734. width:500px;
  735. {/block:if500pxposts}
  736. {block:ifShownotesonclick}
  737. display:none;
  738. {/block:ifShownotesonclick}
  739. }
  740.  
  741. ol.notes li.note {
  742. padding: 5px 0px;
  743. }
  744.  
  745. ol.notes li.note img.avatar {
  746. vertical-align: -8px;
  747. margin-right: 10px;
  748. width: 16px;
  749. height: 16px;
  750. padding:2px;
  751. border:1px solid {color:border};
  752. border-radius: 100%;
  753. }
  754.  
  755. ol.notes li.note .answer_content {
  756. font-weight: normal;
  757. }
  758.  
  759. ol.notes li.note blockquote {
  760. padding: 4px 10px;
  761. margin: 10px 0px 0px 25px;
  762. }
  763.  
  764. ol.notes li.note blockquote a {
  765. text-decoration: none;
  766. }
  767.  
  768. #credit {
  769. height:13px;
  770. width:13px;
  771. overflow:hidden;
  772. text-transform:uppercase;
  773. border:{color:border} 1px solid;
  774. font-size:7px;
  775. font-family: Helvetica, sans-serif;
  776. letter-spacing:1.5px;
  777. line-height: 100%;
  778. z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  779. position:fixed;
  780. {block:ifnotCreditontheleft}
  781. right:10px;
  782. {/block:ifnotCreditontheleft}
  783. {block:ifCreditontheleft}
  784. left:10px;
  785. {/block:ifCreditontheleft}
  786. bottom:10px;
  787. transition: all 0.9s linear;
  788. -webkit-transition: opacity 0.9s linear;
  789. -webkit-transition: all 0.9s linear;
  790. -moz-transition: all 0.9s linear;
  791. }
  792.  
  793. #credit a {
  794. padding:3px;
  795. color:transparent;
  796. transition: all 0.9s linear;
  797. -webkit-transition: opacity 0.9s linear;
  798. -webkit-transition: all 0.9s linear;
  799. -moz-transition: all 0.9s linear;
  800. }
  801.  
  802. #credit:hover {
  803. width:101px;
  804. }
  805.  
  806. #credit a:hover {
  807. color:{color:text};
  808. transition: all 0.9s linear;
  809. -webkit-transition: opacity 0.9s linear;
  810. -webkit-transition: all 0.9s linear;
  811. -moz-transition: all 0.9s linear;
  812. }
  813.  
  814. #tags {
  815. {block:ifPostbackground}
  816. display:none;
  817. {block:permalink}
  818. display:block;
  819. {/block:permalink}
  820. {/block:ifPostbackground}
  821. font-size: 10px;
  822. margin-top: 10px;
  823. font-weight:400;
  824. font-family: consolas, 'lato', sans-serif;
  825. letter-spacing: 0.5px;
  826. transition: all 0.3s linear;
  827. -webkit-transition: opacity 0.3s linear;
  828. -webkit-transition: all 0.3s linear;
  829. -moz-transition: all 0.3s linear;
  830. {block:permalink}
  831. opacity: 1;
  832. {/block:permalink}
  833. }
  834.  
  835. #tags a {
  836. color: {color:text};
  837. margin-left: 15px;
  838. }
  839.  
  840. #tags a:hover {
  841. color: {color:link};
  842. transition: all 0.3s linear;
  843. -webkit-transition: opacity 0.3s linear;
  844. -webkit-transition: all 0.3s linear;
  845. -moz-transition: all 0.3s linear;
  846. }
  847.  
  848. {CustomCSS}</style>
  849.  
  850. </head><body>
  851.  
  852. <div id="topbar">
  853.  
  854. {block:ifnotDefaulttumblrcontrols}
  855. {block:indexpage}
  856. <div id="controls">
  857. <a href="http://tumblr.com"><i class="fa fa-tumblr"></i></a>
  858. <a href="http://www.tumblr.com/follow/{Name}"><i class="fa fa-plus"></i></a>
  859. <a href="http://www.tumblr.com/send/{Name}?redirect_to=http%3A%2F%2F{Name}.tumblr.com%2F"><i class="fa fa-envelope"></i></a>
  860. </div>
  861. {/block:indexpage}
  862. {/block:ifnotDefaulttumblrcontrols}
  863.  
  864. <div id="links">
  865. <a href="{text:link 1}">{text:link 1 title}</a>
  866. <a href="{text:link 2}">{text:link 2 title}</a>
  867. <a href="{text:link 3}">{text:link 3 title}</a>
  868. <a href="{text:link 4}">{text:link 4 title}</a>
  869. {block:ifnotDisabledescription}{block:ifDescriptiononclick}
  870. <a class="profile">{text:description link title}</a>
  871. {/block:ifDescriptiononclick}{/block:ifnotDisabledescription}
  872. </div>
  873.  
  874. {block:ifShowtitle}
  875. <div id="title">{text:title}</div>
  876. {/block:ifShowtitle}
  877.  
  878. {block:ifTopbaravatar}
  879. <div id="pic"><img src="{image:top avatar}"></div>
  880. {/block:ifTopbaravatar}
  881.  
  882. </div>
  883.  
  884. <div id="entries">
  885. {block:IfInfiniteScroll}
  886. <div class="autopagerize_page_element">
  887. {/block:IfInfiniteScroll}
  888. {block:Posts}
  889.  
  890. {block:ContentSource}
  891.  
  892. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  893.  
  894. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  895.  
  896. {/block:SourceLogo}
  897.  
  898. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  899.  
  900. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  901.  
  902. <div id="post" class="{select:post background}">
  903.  
  904. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="text">{Body}</div>{/block:Text}
  905.  
  906. {block:if400pxposts}
  907. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}{block:Caption}
  908. <div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  909. {/block:if400pxposts}
  910.  
  911. {block:if250pxposts}
  912. {block:indexpage}
  913. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-250}"></center>{LinkCloseTag}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  914. {/block:indexpage}
  915. {block:permalink}
  916. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}{block:Caption}
  917. <div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  918. {/block:permalink}
  919. {/block:if250pxposts}
  920.  
  921. {block:if500pxposts}
  922. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  923. {/block:if500pxposts}
  924.  
  925. {block:if400pxposts}
  926. {block:Photoset}{Photoset-400}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  927. {/block:if400pxposts}
  928.  
  929. {block:if500pxposts}
  930. {block:Photoset}{Photoset-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  931. {/block:if500pxposts}
  932.  
  933. {block:if250pxposts}
  934. {block:indexpage}
  935. {block:Photoset}{Photoset-250}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  936. {/block:indexpage}
  937. {block:permalink}
  938. {block:Photoset}{Photoset-400}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  939. {/block:permalink}
  940. {/block:if250pxposts}
  941.  
  942. {block:Quote}{block:Source}<b><div style="font-family: courier new; font-size: 13px; text-align: center;">{Source}</div><br><br></b>{/block:Source}<div id="quote">"{Quote}"</div>{/block:Quote}
  943.  
  944. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  945.  
  946. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}{/block:Chat}
  947.  
  948. {block:Audio}
  949. <div id="buttons"><div id="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  950. {block:AlbumArt}<img src="{AlbumArtURL}" id="cover">{/block:AlbumArt}
  951. <div id="musicinfo">
  952. {block:TrackName}<div style="padding-top: 12px; text-transform: uppercase; font-size:12px; font-family:'Lato', sans-serif; letter-spacing:1.6px;"><b>{TrackName}</b></div>{/block:Trackname}<br>
  953. {block:Artist}by {Artist}{/block:Artist}<br><br>
  954. {block:PlayCount}►played {PlayCount} times{/block:PlayCount}
  955. </div>
  956. <div style="margin-top:23px;">{block:caption}<div class="text">{Caption}</div>{/block:caption}</div>
  957. {/block:Audio}
  958.  
  959. {block:if400pxposts}
  960. {block:Video}{Video-400}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  961. {/block:if400pxposts}
  962.  
  963. {block:if500pxposts}
  964. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  965. {/block:if500pxposts}
  966.  
  967. {block:if250pxposts}
  968. {block:indexpage}
  969. {block:Video}{Video-250}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  970. {/block:indexpage}
  971. {block:permalink}
  972. {block:Video}{Video-400}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  973. {/block:permalink}
  974. {/block:if250pxposts}
  975.  
  976. {block:Answer}
  977. <div class="question" style="margin-bottom:-3px;"><span class="asker"><b>{Asker}</b></span>: {Question}</div><div class="answer"><div class="text">{Answer}</div></div>{/block:Answer}
  978.  
  979. <div id="info" class="{select:post background}">
  980. <span style="padding-top: 3px;">{block:Date}{DayOfMonthWithZero} . {MonthNumberWithZero} . {ShortYear}{/block:Date} (<span style="color:#e17e66;">♥</span><a href="{Permalink}">{NoteCount}</a>) </span>
  981. {block:ifShowviaandsource}
  982. {block:RebloggedFrom}<a href="{ReblogParentURL}" style="font-size:8px; text-transform:uppercase;">via</a> / {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" style="font-size:10px; text-transform:uppercase; font-family:sans-serif; vertical-align:-0.5px;">©</a>{/block:ContentSource}
  983. {/block:ifShowviaandsource}
  984.  
  985. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  986. </div>
  987.  
  988. </div>
  989.  
  990. {block:PostNotes}
  991. <div id="notes">
  992. {block:ifPostbackground}
  993. &nbsp;<br>
  994. &nbsp;<br>
  995. &nbsp;<br>
  996. &nbsp;<br>
  997. {/block:ifPostbackground}
  998. notes</div>
  999. {PostNotes}
  1000. {/block:PostNotes}
  1001.  
  1002. {/block:Posts}</div></div>
  1003.  
  1004. {block:indexpage}
  1005. {block:IfNotInfiniteScroll}
  1006. <div id="pagination">
  1007. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" style="float:left; margin-top:-10px;" class="{select:post background}">GO BACK</a>{/block:PreviousPage}
  1008. {block:NextPage}<a href="{NextPage}" class="{select:post background}">PROCEED</a>{/block:NextPage}{/block:Pagination}
  1009. </div>
  1010. {/block:IfNotInfiniteScroll}
  1011. {/block:indexpage}
  1012.  
  1013. <div id="credit" class="{select:post background}"><a href="http://castiiel.tumblr.com" style="width:98px; position:absolute;">theme by castiiel</a></div>
  1014.  
  1015. </div>
  1016.  
  1017. {block:indexpage}
  1018. {block:ifInfinitescroll}
  1019. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1020. {/block:ifInfinitescroll}
  1021. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1022. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1023. <script type="text/javascript">
  1024. $(window).load(function(){
  1025. var $wall = $('#entries');
  1026. $wall.imagesLoaded(function(){
  1027. $wall.masonry({
  1028. itemSelector: '#post',
  1029. isAnimated : false
  1030. });
  1031. });
  1032.  
  1033. $wall.infinitescroll({
  1034. navSelector : '#page-nav',
  1035. nextSelector : '#page-nav a',
  1036. itemSelector : '#post',
  1037. bufferPx : 2000,
  1038. debug : false,
  1039. errorCallback: function() {
  1040. $('#infscr-loading').fadeOut('normal');
  1041. }},
  1042. function( newElements ) {
  1043. var $newElems = $( newElements );
  1044. $newElems.hide();
  1045. $newElems.imagesLoaded(function(){
  1046. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1047. });
  1048. }); $('#f').show(500);
  1049. });
  1050. </script>
  1051. {/block:indexpage}
  1052.  
  1053. {block:ifnotDisabledescription}
  1054. <div id="profile">
  1055. <div class="bubble">
  1056. <div class="prof">{Description}</div>
  1057. </div>
  1058. </div>
  1059. {/block:ifnotDisabledescription}
  1060.  
  1061. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment