API tools faq
paste
Advertisement
smothured

Emma

smothured
Jun 15th, 2014
2,650
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.18 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME #2 - EMMA BY SMOTHURED
  3.  
  4. do not delete the credit!!!!
  5.  
  6. you can move credit as long as it is somewhere VISIBLE on your blog!
  7.  
  8. steal my theme and i'll slit ur throat (:
  9. thank u for ur cooporation
  10.  
  11. more themes at smothuredthemes.tumblr.com
  12.  
  13. ~~ smothured.tumblr.com ~~
  14. -->
  15.  
  16. <html lang="en">
  17. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml">
  19. <head>
  20. <link rel="shortcut icon" href="{image:favicon}">
  21. <script type="text/javascript"
  22. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  23.  
  24. <!--DEFAULT VARIABLES-->
  25. <title>{title}</title>
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  27. <meta name="image:favicon" content="0"/>
  28. <meta name="image:background" content="0"/>
  29. <meta name="color:background" content="#fff"/>
  30. <meta name="color:posts background" content="#fff"/>
  31. <meta name="if:transparent posts" content="0"/>
  32. <meta name="if:semitransparent posts" content="0"/>
  33.  
  34. <meta name="color:sidebar background" content="#fff"/>
  35. <meta name="color:sidebar border" content="#777"/>
  36. <meta name="if:sidebar border" content="0"/>
  37. <meta name="if:transparent sidebar" content="0"/>
  38. <meta name="if:semitransparent sidebar" content="0"/>
  39. <meta name="if:rounded sidebar" content="0"/>
  40.  
  41. <meta name="color:borders" content="#000"/>
  42.  
  43. <meta name="color:scrollbar" content="#000"/>
  44. <meta name="color:scrollbar background" content="#fff"/>
  45. <meta name="color:scrollbar border" content="#ddd"/>
  46. <meta name="if:rounded scrollbar" content="0"/>
  47.  
  48. <meta name="color:nav background" content="#fff">
  49. <meta name="color:nav border" content="#777"/>
  50. <meta name="if:rounded nav" content="0"/>
  51. <meta name="if:nav border" content="0"/>
  52. <meta name="if:transparent nav" content="0"/>
  53. <meta name="if:semitransparent nav" content="0"/>
  54. <meta name="color:nav line" content="#000"/>
  55. <meta name="if:nav line" content="0"/>
  56.  
  57. <meta name="if:rounded links" content="0"/>
  58. <meta name="color:link borders" content="#ddd"/>
  59. <meta name="color:link hover" content="#eee"/>
  60.  
  61. <meta name="color:accent color" content="#fff"/>
  62. <meta name="if:accent color" content="0"/>
  63. <meta name="if:accent outline" content="0"/>
  64. <meta name="if:rounded accent" content="0"/>
  65.  
  66. <meta name="color:link" content="#777"/>
  67. <meta name="color:text" content="#777"/>
  68. <meta name="color:accent border" content="#fff"/>
  69. <meta name="color:title" content="#333"/>
  70. <meta name="color:hover" content="#fff"/>
  71.  
  72. <meta name="color:first permalink" content="#fff"/>
  73. <meta name="color:second permalink" content="#fff"/>
  74. <meta name="color:third permalink" content="#fff"/>
  75. <meta name="color:permalink border" content="#000"/>
  76. <meta name="if:circular permalinks" content="0"/>
  77. <meta name="if:rounded permalinks" content="0"/>
  78. <meta name="if:semitransparent permalinks" content="0"/>
  79.  
  80. <meta name="text:title font size" content=""/>
  81. <meta name="if:custom title font 1" content="0"/>
  82. <meta name="if:custom title font 2" content="0"/>
  83.  
  84. <meta name="if:rounded posts" content="0"/>
  85. <meta name="if:faded posts" content="0"/>
  86. <meta name="if:inverted fade" content="0"/>
  87.  
  88. <meta name="if:shrink on hover" content="0"/>
  89. <meta name="if:grow on hover" content="0"/>
  90.  
  91. <meta name="if:150px posts" content="0"/>
  92. <meta name="if:200px posts" content="0"/>
  93. <meta name="if:400px posts" content="0"/>
  94. <meta name="if:500px posts" content="0"/>
  95.  
  96. <meta name="if:tooltips" content="0"/>
  97. <meta name="if:rounded tooltips" content="0"/>
  98. <meta name="if:transparent tooltips" content="0"/>
  99. <meta name="if:semitransparent tooltips" content="0"/>
  100. <meta name="color:tooltips background" content="#fff"/>
  101. <meta name="color:tooltips border" content="#000"/>
  102. <meta name="if:uppercase tooltips" content="0"/>
  103. <meta name="if:lowercase tooltips" content="0"/>
  104.  
  105. <meta name="text:Link One Title" content="link 1" />
  106. <meta name="text:Link One Tooltip" content="link one tooltip"/>
  107. <meta name="text:Link One" content="" />
  108. <meta name="text:Link Two Title" content="link 2" />
  109. <meta name="text:Link Two Tooltip" content="link two tooltip"/>
  110. <meta name="text:Link Two" content="" />
  111. <meta name="text:Link Three Title" content="link 3" />
  112. <meta name="text:Link Three Tooltip" content="link three tooltip"/>
  113. <meta name="text:Link Three" content="" />
  114. <meta name="text:Link Four Title" content="link 4" />
  115. <meta name="text:Link Four Tooltip" content="link four tooltip"/>
  116. <meta name="text:Link Four" content="" />
  117. <meta name="text:Link Five Title" content="link 5" />
  118. <meta name="text:Link Five Tooltip" content="link five tooltip"/>
  119. <meta name="text:Link Five" content="" />
  120. <meta name="text:Link Six Title" content="link 6" />
  121. <meta name="text:Link Six Tooltip" content="link six tooltip"/>
  122. <meta name="text:Link Six" content="" />
  123.  
  124. <!-- start of script tooltip -->
  125. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  126. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  127. <script>
  128. (function($){
  129. $(document).ready(function(){
  130. $("a[title]").style_my_tooltips({
  131. tip_follows_cursor:true,
  132. tip_delay_time:90,
  133. tip_fade_speed:600,
  134. attribute:"title"
  135. });
  136. });
  137. })(jQuery);
  138. </script>
  139.  
  140. <!-- end of script tooltip -->
  141.  
  142. <script type="text/javascript">
  143. function Toggle() {
  144. var el = document.getElementById("nav");
  145. if (el.style.display == "block") {
  146. el.style.display = "none";
  147. }
  148. else {
  149. el.style.display = "block";
  150. }
  151. }
  152. </script>
  153.  
  154. <style type="text/css">
  155. {block:iffadedposts}
  156. img{ -webkit-transition: opacity 0.8s linear; opacity: 0.60; }
  157. img:hover{ -webkit-transition: opacity 0.8s linear; opacity: 1; }
  158. iframe.photoset { -webkit-transition: opacity 0.8s linear; opacity: 0.60; }
  159. iframe.photoset:hover { -webkit-transition: opacity 0.8s linear; opacity: 1; }
  160. {/block:iffadedposts}
  161. {block:ifinvertedfade}
  162. img{ -webkit-transition: opacity 0.8s linear; opacity: 1; }
  163. img:hover{ -webkit-transition: opacity 0.8s linear; opacity: .6; }
  164. iframe.photoset { -webkit-transition: opacity 0.8s linear; opacity: 1; }
  165. iframe.photoset:hover { -webkit-transition: opacity 0.8s linear; opacity: 0.60; }
  166. {/block:ifinvertedfade}
  167.  
  168. ::-webkit-scrollbar-thumb{
  169. background:#000;
  170. background-size:cover;
  171. background: {color:scrollbar};
  172.  
  173. height:auto;
  174. border:1px solid {color:scrollbar border};
  175. {block:ifroundedscrollbar}
  176. border-radius:4px;
  177. {/block:ifroundedscrollbar}
  178. }
  179.  
  180. ::-webkit-scrollbar {
  181. background: {color:scrollbar background};
  182. height:9px;
  183. width:9px;
  184. background-size: cover;
  185. border:1px solid {color:scrollbar border};
  186. }
  187. ::selection {
  188. line-height:12px;
  189. margin:0px;
  190. padding:0px;
  191. color:#000;}
  192.  
  193. ::-moz-selection {
  194. line-height:12px;
  195. margin:0px;
  196. padding:0px;
  197. color:#000;}
  198.  
  199. ::-webkit-selection {
  200. line-height:12px;
  201. margin:0px;
  202. padding:0px;
  203. color:#000;}
  204.  
  205. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.8s linear;opacity: 0.4;-webkit-transition: all 0.8s ease-out;-moz-
  206.  
  207. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  208.  
  209. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  210.  
  211. p {
  212. margin:0px;
  213. margin-top:0px;
  214. }
  215.  
  216.  
  217. body {
  218. padding: 0px;
  219. margin: 0px;
  220. color:{color:text};
  221. font-family:consolas;
  222. line-height:13px;
  223. font-size:14px;
  224. background-color: {color:Background};
  225. background-image:url({image:Background});
  226. background-attachment: fixed;
  227. background-repeat: repeat;
  228. background-size:cover;
  229. }
  230.  
  231. #s-m-t-tooltip {
  232.  
  233. max-width:300px;
  234. background-color:{color:tooltips background};
  235. {block:iftransparenttooltips}
  236. background:transparent;
  237. {/block:iftransparenttooltips}
  238. {block:ifsemitransparenttooltips}
  239. background:rgba(255,255,255,0.5);
  240. {/block:ifsemitransparenttooltips}
  241. border:1px solid {color:tooltips border};
  242. font-size:12px;
  243. color:{color:text};
  244. letter-spacing:1px;
  245. text-transform:none;
  246. {block:ifuppercasetooltips}
  247. text-transform:uppercase;
  248. {block:ifuppercasetooltips}
  249. {block:iflowercasetooltips}
  250. text-transform:lowercase;
  251. {block:iflowercasetooltips}
  252. font-family:calibri;
  253. padding:3px;
  254. margin:20px 0px 0px 20px;
  255. z-index:9999999999999999999999;
  256. {block:ifroundedtooltips}
  257. border-radius: 4px;
  258. {/block:ifroundedtooltips}
  259. }
  260.  
  261.  
  262. a:link, a:active, a:visited {
  263. text-decoration: none;
  264. -webkit-transition: color 0.3s ease-out;
  265. -moz-transition: color 0.3s ease-out;
  266. transition: color 0.3s ease-out;
  267. color:{color:link};
  268. }
  269.  
  270. a:hover {
  271. text-decoration: none;
  272. font-style:;
  273. color: {color:Hover};
  274. }
  275.  
  276. div#center{
  277. margin:auto;
  278. position:relative;
  279. width:1100px;
  280. background-color:;
  281. overflow:auto;
  282. overflow-y:hidden;
  283. }
  284.  
  285. .entry {
  286. float:left;
  287. display: block;
  288. margin:15px;
  289. overflow:hidden;
  290. {block:if500pxposts}
  291. width:500px;
  292. {/block:if500pxposts}
  293. {block:if400pxposts}
  294. width:400px;
  295. {/block:if400pxposts}
  296. {block:if200pxposts}
  297. width:200px;
  298. {/block:if200pxposts}
  299. {block:if150pxposts}
  300. width:150px;
  301. {/block:if150pxposts}
  302. {block:PermalinkPage}
  303. width:450px;
  304. text-align:left;
  305. line-height:13px;
  306. {/block:PermalinkPage}
  307. background:{color:posts background};
  308. {block:iftransparentposts}
  309. background:transparent;
  310. {/block:iftransparentposts}
  311. {block:ifsemitransparentposts}
  312. background:rgba(255,255,255,0.5);
  313. {/block:ifsemitransparentposts}
  314. border:1px solid {color:borders};
  315. padding-top: 8px;
  316. padding-left:8px;
  317. {block:ifroundedposts}
  318. border-radius:4px;
  319. {/block:ifroundedposts}
  320. padding-bottom:20px;
  321. padding-right:8px;
  322. background-image:URL();
  323. }
  324.  
  325. {block:ifshrinkonhover}
  326. .entry:hover{
  327. -webkit-transform:scale(.957); /*Webkit: Scale up image to 1.2x original size*/
  328. -moz-transform:scale(.957); /*Mozilla scale version*/
  329. -o-transform:scale(.975); /*Opera scale version*/
  330. -webkit-transition: .8s;
  331. }
  332. {/block:ifshrinkonhover}
  333.  
  334. {block:ifgrowonhover}
  335. .entry:hover{
  336. -webkit-transform: scale(1.1);
  337. -moz-transform: scale(1.1);
  338. -o-transform: scale(1.1) ;
  339. -webkit-transition: .8s;
  340. }
  341. {/block:ifgrowonhover}
  342.  
  343. .entry .pl{
  344. opacity:0;
  345. font-size:9px;
  346. font-family:bitxmap;
  347. text-transform:uppercase;
  348. bottom:-40px;
  349. text-align:left;
  350. }
  351.  
  352. .entry .pl:hover{
  353. opacity:1;
  354. }
  355.  
  356. .entry .perma {
  357. width:7px;
  358. height:7px;
  359. background:{color:first permalink};
  360. {block:ifsemitransparentpermalinks}
  361. background:rgba(255,255,255,0.5);
  362. {/block:ifsemitransparentpermalinks}
  363. {block:ifcircularpermalinks}
  364. border-radius:100px;
  365. {/block:ifcircularpermalinks}
  366. {block:ifroundedpermalinks}
  367. border-radius:3px;
  368. {/block:ifroundedpermalinks}
  369. position: absolute;
  370. text-align:center;
  371. padding:2px;
  372. bottom:3px;
  373. left:10px;
  374. border:1px solid {color:permalink border};
  375. text-transform:none;
  376. opacity: 0.0;
  377. -webkit-transition: all .7s ease;
  378. -moz-transition: all .7s ease;
  379. -o-transition: all .7s ease;
  380. transition: all .7s ease;
  381. overflow:hidden;
  382. }
  383.  
  384. .perma a{
  385. color:transparent;
  386. }
  387.  
  388. .entry:hover .perma {
  389. opacity:1.0;
  390. }
  391.  
  392. .entry .permy {
  393. width:7px;
  394. height:7px;
  395. background:{color:second permalink};
  396. {block:ifsemitransparentpermalinks}
  397. background:rgba(255,255,255,0.5);
  398. {/block:ifsemitransparentpermalinks}
  399. {block:ifcircularpermalinks}
  400. border-radius:100px;
  401. {/block:ifcircularpermalinks}
  402. {block:ifroundedpermalinks}
  403. border-radius:3px;
  404. {/block:ifroundedpermalinks}
  405. position: absolute;
  406. text-align:center;
  407. padding:2px;
  408. bottom:3px;
  409. left:30px;
  410. border:1px solid {color:permalink border};
  411. text-transform:none;
  412. opacity: 0.0;
  413. -webkit-transition: all .7s ease;
  414. -moz-transition: all .7s ease;
  415. -o-transition: all .7s ease;
  416. transition: all .7s ease;
  417. overflow:hidden;
  418. }
  419.  
  420. .permy a{
  421. color:transparent;
  422. }
  423.  
  424. .entry:hover .permy{
  425. opacity:1.0;
  426. }
  427.  
  428. .entry .permish{
  429. width:7px;
  430. height:7px;
  431. background:{color:third permalink};
  432. {block:ifsemitransparentpermalinks}
  433. background:rgba(255,255,255,0.5);
  434. {/block:ifsemitransparentpermalinks}
  435. {block:ifcircularpermalinks}
  436. border-radius:100px;
  437. {/block:ifcircularpermalinks}
  438. {block:ifroundedpermalinks}
  439. border-radius:3px;
  440. {/block:ifroundedpermalinks}
  441. position: absolute;
  442. text-align:center;
  443. padding:2px;
  444. bottom:3px;
  445. left:50px;
  446. border:1px solid {color:permalink border};
  447. text-transform:none;
  448. opacity: 0.0;
  449. -webkit-transition: all .7s ease;
  450. -moz-transition: all .7s ease;
  451. -o-transition: all .7s ease;
  452. transition: all .7s ease;
  453. overflow:hidden;
  454. }
  455.  
  456. .permish a{
  457. color:transparent;
  458. }
  459.  
  460. .entry:hover .permish{
  461. opacity:1.0;
  462. }
  463.  
  464. .entry img { max-width:100%;}
  465.  
  466. #posts {
  467. width:200px;
  468. {block:if500pxposts}
  469. width:800px;
  470. {/block:if500pxposts}
  471. {block:if400pxposts}
  472. width:800px;
  473. {/block:if400pxposts}
  474. {block:if200pxposts}
  475. width:800px;
  476. {/block:if200pxposts}
  477. {block:if150pxposts}
  478. width:800px;
  479. {/block:if150pxposts}
  480. margin-top:30px;
  481. z-index:99;
  482. margin-left:250px;
  483. right:auto;
  484. background:transparent;
  485. margin-right:auto;
  486. position:relative;
  487. overflow-y: hidden;
  488. }
  489.  
  490. #sidebar{
  491. position:fixed !important;
  492. width:200px;
  493. background:{color:sidebar background};
  494. {block:iftransparentsidebar}
  495. background: transparent;
  496. {/block:iftransparentsidebar}
  497. {block:ifsemitransparentsidebar}
  498. background:rgba(255,255,255,0.5);
  499. {/block:ifsemitransparentsidebar}
  500. {block:ifsidebarborder}
  501. border: 1px solid {color:sidebar border};
  502. {/block:ifsidebarborder}
  503. {block:ifroundedsidebar}
  504. border-radius:4px;
  505. {/block:ifroundedsidebar}
  506. height:auto;
  507. margin-top:150px;
  508. margin-left:5px;
  509. text-align:center;
  510. }
  511.  
  512. #sidebar .tytle{
  513. color:{color:title};
  514. font-size:{text:title font size};
  515. margin-top:18;
  516. line-height:23px;
  517. {block:ifcustomtitlefont1}
  518. font-family:dubielitalic;
  519. {block:ifcustomtitlefont1}
  520. {block:ifcustomtitlefont2}
  521. font-family:cicle;
  522. line-height:25px;
  523. {/block:ifcustomtitlefont2}
  524. }
  525.  
  526. #sidebar .descy{
  527. font-size:15px;
  528. font-family:calibri;
  529. text-align:center;
  530. letter-spacing:1px;
  531. padding:8px;
  532. height:auto;
  533. color:{color:text};
  534. }
  535.  
  536. #links{
  537. position:fixed !important;
  538. width:130px;
  539. background:{color:nav background};
  540. {block:iftransparentnav}
  541. background: transparent;
  542. {/block:iftransparentnav}
  543. {block:ifsemitransparentnav}
  544. background:rgba(255,255,255,0.5);
  545. {/block:ifsemitransparentnav}
  546. {block:ifnavborder}
  547. border: 1px solid {color:nav border};
  548. {/block:ifnavborder}
  549. {block:ifroundednav}
  550. border-radius:4px;
  551. {/block:ifroundednav}
  552. height:auto;
  553. padding:10px;
  554. margin-top:280px;
  555. margin-left:25px;
  556. text-align:center;
  557. }
  558.  
  559. #nav {
  560. display: none;
  561. }
  562.  
  563. #nav .button{
  564. font-family:consolas;
  565. border:1px solid {color:link borders};
  566. {block:ifroundedlinks}
  567. border-radius:4px;
  568. {block:ifroundedlinks}
  569. font-size:12px;
  570. width:auto;
  571. padding:2px;
  572. margin:5px;
  573. transition: .7s ease-in-out;
  574. -moz-transition: .7s ease-in-out;
  575. -webkit-transition: .7s ease-in-out;
  576. }
  577.  
  578. .button:hover{
  579. background:{color:link hover};
  580. border:1px solid {color:link borders};
  581. }
  582.  
  583. @font-face { font-family: "cicle"; src: url('http://static.tumblr.com/r9r1xz2/Dp1n5r4bk/cicle_semi.ttf'); }
  584.  
  585. @font-face { font-family: "uptown"; src: url('http://static.tumblr.com/r9r1xz2/rzyn5hr76/uptown_elegance_regular.ttf'); }
  586.  
  587. @font-face { font-family: "calibri"; src: url('http://static.tumblr.com/r9r1xz2/N6Tn5hsdj/calibri_.ttf'); }
  588.  
  589. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  590.  
  591. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  592.  
  593. @font-face { font-family: "quicksand"; src: url('http://static.tumblr.com/r9r1xz2/Tt8n37mdd/quicksand_book.otf'); }
  594.  
  595. @font-face { font-family: "caviar"; src: url('http://static.tumblr.com/r9r1xz2/esKn5r3ps/caviardreams.ttf'); }
  596.  
  597. @font-face { font-family: "secret"; src: url('http://static.tumblr.com/r9r1xz2/IP7n4z5kj/secrcode.ttf'); }
  598.  
  599. @font-face { font-family: "eight"; src: url('http://static.tumblr.com/r9r1xz2/dvjn4z8cg/eight_one.ttf'); }
  600.  
  601. @font-face { font-family: "dubielitalic"; src: url('http://static.tumblr.com/m6mqatb/QUklrzd0z/dubielitalic.ttf');}
  602.  
  603. .entry .player {
  604. display:block;
  605. margin-left:1px;
  606. margin-top:-2px;
  607. height:25px;
  608. width:25px;
  609. border:1px solid {color:accent border};
  610. overflow:hidden;
  611. padding:5px;
  612. {block:ifroundedaccent}
  613. border-radius:4px;
  614. {/block:ifroundedaccent}
  615. background:white;
  616. {block:if400pxposts}
  617. margin-left:30px;
  618. {/block:if400pxposts}
  619. }
  620.  
  621. .audiodescy{
  622. display:block;
  623. margin-left:50px;
  624. margin-top:-41px;
  625. height:65px;
  626. width:140px;
  627. {block:ifaccentoutline}
  628. border:1px solid {color:accent border};
  629. {/block:ifaccentoutline}
  630. {block:ifroundedaccent}
  631. border-radius:4px;
  632. {/block:ifroundedaccent}
  633. overflow-y:hidden;
  634. padding:5px;
  635. {block:ifaccentcolor}
  636. background:{color:accent color};
  637. color:{color:accent color};
  638. {/block:ifaccentcolor}
  639. text-transform:none;
  640. font-size:12px;
  641. font-family:calibri;
  642. letter-spacing:2px;
  643. line-height:13px;
  644. {block:if150pxposts}
  645. width:80px;
  646. {/block:if150pxposts}
  647. {block:if400pxposts}
  648. margin-left:100px;
  649. width:250px;
  650. {/block:if400pxposts}
  651. }
  652.  
  653. .audiodescy:hover{
  654. color:{color:text};
  655. overflow-y:scroll;
  656. transition: .7s ease-in-out;
  657. -moz-transition: .7s ease-in-out;
  658. -webkit-transition: .7s ease-in-out;
  659. }
  660.  
  661. .linky{
  662. font-style:italic;
  663. color:{color:text};
  664. {block:ifroundedaccent}
  665. border-radius:4px;
  666. -webkit-border-radius:4px;
  667. -moz-border-radius:4px;
  668. {/block:ifroundedaccent}
  669. padding:3px 15px;
  670. {block:ifaccentcolor}
  671. background:{color:accent color};
  672. {/block:ifaccentcolor}
  673. text-align:center;
  674. letter-spacing:1px;
  675. font-size:17px;
  676. line-height:29px;
  677. margin-top:10px;
  678. {block:if400pxposts}
  679. margin-left:130px;
  680. {/block:if400pxposts}
  681. {block:if150pxposts}
  682. font-size:15px;
  683. {/block:if150pxposts}
  684. {block:ifaccentoutline}
  685. border:1px solid {color:accent border};
  686. {/block:ifaccentoutline}
  687. }
  688.  
  689. .chat{
  690. font-weight:bold;
  691. color:{color:text};
  692. {block:ifroundedaccent}
  693. border-radius:4px;
  694. -webkit-border-radius:4px;
  695. -moz-border-radius:4px;
  696. {/block:ifroundedaccent}
  697. padding:3px 15px;
  698. {block:ifaccentcolor}
  699. background:{color:accent color};
  700. {/block:ifaccentcolor}
  701. text-align:center;
  702. letter-spacing:1px;
  703. font-size:17px;
  704. line-height:15px;
  705. margin-bottom:10px;
  706. {block:ifaccentoutline}
  707. border:1px solid {color:accent border};
  708. {/block:ifaccentoutline}
  709. }
  710.  
  711. .lines{
  712. color:{color:text};
  713. {block:ifroundedaccent}
  714. border-radius:4px;
  715. -webkit-border-radius:4px;
  716. -moz-border-radius:4px;
  717. {/block:ifroundedaccent}
  718. padding:3px 15px;
  719. {block:ifaccentcolor}
  720. background:{color:accent color};
  721. {/block:ifaccentcolor}
  722. text-align:center;
  723. letter-spacing:1px;
  724. font-size:15px;
  725. line-height:15px;
  726. margin-bottom:10px;
  727. {block:if400pxposts}
  728. width:250px;
  729. margin-left:60px;
  730. {/block:if400pxposts}
  731. {block:ifaccentoutline}
  732. border:1px solid {color:accent border};
  733. {/block:ifaccentoutline}
  734. }
  735.  
  736. .quote{
  737. font-style:italic;
  738. color:{color:text};
  739. {block:ifroundedaccent}
  740. border-radius:4px;
  741. -webkit-border-radius:4px;
  742. -moz-border-radius:4px;
  743. {/block:ifroundedaccent}
  744. padding:3px 15px;
  745. {block:ifaccentcolor}
  746. background:{color:accent color};
  747. {/block:ifaccentcolor}
  748. text-align:center;
  749. letter-spacing:1px;
  750. font-size:15px;
  751. line-height:15px;
  752. margin-bottom:10px;
  753. {block:ifaccentoutline}
  754. border:1px solid {color:accent border};
  755. {/block:ifaccentoutline}
  756. }
  757.  
  758. .title{
  759. font-weight:bold;
  760. color:{color:text};
  761. {block:ifroundedaccent}
  762. border-radius:4px;
  763. -webkit-border-radius:4px;
  764. -moz-border-radius:4px;
  765. {/block:ifroundedaccent}
  766. padding:3px 5px;
  767. {block:ifaccentcolor}
  768. background:{color:accent color};
  769. {/block:ifaccentcolor}
  770. text-align:center;
  771. letter-spacing:1px;
  772. font-size:15px;
  773. line-height:29px;
  774. margin-top:10px;
  775. {block:if400pxposts}
  776. margin-left:130px;
  777. {/block:if400pxposts}
  778. {block:if150pxposts}
  779. font-size:15px;
  780. {/block:if150pxposts}
  781. {block:ifaccentoutline}
  782. border:1px solid {color:accent border};
  783. {/block:ifaccentoutline}
  784. }
  785.  
  786. .ask{
  787. color:{color:text};
  788. {block:ifroundedaccent}
  789. border-radius:4px;
  790. -webkit-border-radius:4px;
  791. -moz-border-radius:4px;
  792. {/block:ifroundedaccent}
  793. padding:3px 15px;
  794. {block:ifaccentcolor}
  795. background:{color:accent color};
  796. {/block:ifaccentcolor}
  797. border-bottom:1px solid {color:borders};
  798. text-align:center;
  799. letter-spacing:1px;
  800. font-size:17px;
  801. line-height:15px;
  802. margin-bottom:10px;
  803. {block:ifaccentoutline}
  804. border:1px solid {color:accent border};
  805. {/block:ifaccentoutline}
  806. }
  807.  
  808.  
  809. /*I RECCOMEND YOU DON'T EDIT BELOW HERE*/
  810. #infscr-loading{
  811. bottom: -70px;
  812. position: absolute;
  813. left: 50%;
  814. margin-left:-8px;
  815. width:16px;
  816. height:11px;
  817. overflow:hidden;
  818. margin-bottom: 50px;
  819. }
  820.  
  821. #postnotes{
  822. text-align: justify;}
  823.  
  824. #postnotes blockquote{
  825. border: 0px;}
  826.  
  827. blockquote{
  828. padding:0px 0px 2px 5px;
  829. margin:0px 0px 2px 10px;
  830. border-left: 1px dotted #555555;
  831. }
  832.  
  833. blockquote p, ul{
  834. margin:0px;
  835. padding:0px;
  836. }
  837.  
  838. a img{border: 0px;}
  839.  
  840.  
  841. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  842.  
  843. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  844. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  845.  
  846. .notes img{width:10px; position:relative; top:3px;}
  847. <--ses-->
  848. small{font-size: 90%;}
  849.  
  850.  
  851. {CustomCSS}
  852.  
  853. </style>
  854.  
  855. {block:IndexPage}
  856. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  857. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  858.  
  859. <script type="text/javascript">
  860. $(window).load(function(){
  861. var $wall = $('#posts');
  862. $wall.imagesLoaded(function(){
  863. $wall.masonry({
  864. itemSelector: '.entry, .entry_photo',
  865. isAnimated : false
  866. });
  867. });
  868.  
  869. $wall.infinitescroll({
  870. navSelector : '#pagination',
  871. nextSelector : '#pagination a',
  872. itemSelector : '.entry, .entry_photo',
  873. bufferPx : 2000,
  874. debug : false,
  875. errorCallback: function() {
  876. $('#infscr-loading').fadeOut('normal');
  877. }},
  878. function( newElements ) {
  879. var $newElems = $( newElements );
  880. $newElems.hide();
  881. $newElems.imagesLoaded(function(){
  882. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  883. });
  884. }); $('#posts').show(500);
  885. });
  886. </script>
  887.  
  888.  
  889. {/block:IndexPage}
  890. <meta name="viewport" content="width=820" />
  891. </head>
  892.  
  893. <body>
  894.  
  895. <div style="display:block; z-index:999; position:fixed; top:25px; right:3px; opacity:0.6;"><a href="http://smothured.tumblr.com/"><img src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png"></a></div>
  896.  
  897. <div id="cage">
  898. <div id="center">
  899.  
  900. <div id="sidebar">
  901. <center><br>
  902. <div class="tytle">{title}</div><br>
  903. <div class="descy">{description}</div><br>
  904. </center>
  905. </div>
  906.  
  907. <div id="links">
  908. <center>
  909. <a href="javascript:Toggle();" title="click to expand">Click for Navigation</a>
  910. <div id="nav"><br>
  911. {block:ifnavline}
  912. <div style="height:1px; border-top:1px solid {color:nav line};"></div>
  913. {/block:ifnavline}
  914. <br>
  915. {block:iflinkonetitle}
  916. <div class="button">
  917. <a href="{text:link one}" title="{text:link one tooltip}">{text:link one title}</a></div>
  918. {/block:iflinkonetitle}
  919. {block:iflinktwotitle}
  920. <div class="button">
  921. <a href="{text:link two}" title="{text:link two tooltip}">{text:link two title}</a></div>
  922. {/block:iflinktwotitle}
  923. {block:iflinkthreetitle}
  924. <div class="button">
  925. <a href="{text:link three}" title="{text:link three tooltip}">{text:link three title}</a></div>
  926. {/block:iflinkthreetitle}
  927. {block:iflinkfourtitle}
  928. <div class="button">
  929. <a href="{text:link four}" title="{text:link four tooltip}">{text:link four title}</a></div>
  930. {/block:iflinkfourtitle}
  931. {block:iflinkfivetitle}
  932. <div class="button">
  933. <a href="{text:link five}" title="{text:link five tooltip}">{text:link five title}</a></div>
  934. {/block:iflinkfivetitle}
  935. {block:iflinksixtitle}
  936. <div class="button">
  937. <a href="{text:link six}" title="{text:link six tooltip}">{text:link six title}</a></div>
  938. {/block:iflinksixtitle}
  939. </div>
  940. </center>
  941. </div>
  942.  
  943. <div class="left">
  944. <div id="posts">
  945. {block:Posts}
  946. <div class="entry">
  947.  
  948. {block:Text}{block:Title}<span class="title"><a href="{Permalink}">{Title}</a></span>{/block:Title}<span class="body">{Body}</span<br><br>
  949. <div class="perma"><a href="{permalink}" title="{notecount} notes">o</div>
  950. <div class="permy">
  951. <a href="{ReblogURL}" title="reblog">o</a>
  952. </div>
  953. <div class="permish">
  954. <a href="{like}" title="like">o</a>
  955. </div>
  956. {/block:Text}
  957.  
  958. {block:Answer}
  959. <div class="ask"><i>{Asker}:</i> {Question}</div>{Answer}<br>
  960. <div class="perma"><a href="{permalink}" title="{notecount} notes">o</div>
  961. <div class="permy">
  962. <a href="{ReblogURL}" title="reblog">o</a>
  963. </div>
  964. <div class="permish">
  965. <a href="{like}" title="like">o</a>
  966. </div>
  967. {/block:Answer}
  968.  
  969. {block:Link}<a href="{URL}" class="linky"><i>{Name}</i></a>{block:Description}<div class="body">{Description}</div>{/block:Description}<br>
  970. <div class="perma"><a href="{permalink}" title="{notecount} notes">o</div>
  971. <div class="permy">
  972. <a href="{ReblogURL}" title="reblog">o</a>
  973. </div>
  974. <div class="permish">
  975. <a href="{like}" title="like">o</a>
  976. </div>{block:Link}
  977.  
  978. {block:Photo}
  979. {block:IndexPage}
  980. <center>
  981. <div class="perma"><a href="{permalink}" title="{notecount} notes">o</div>
  982. <div class="permy">
  983. <a href="{ReblogURL}" title="reblog">o</a>
  984. </div>
  985. <div class="permish">
  986. <a href="{like}" title="like">o</a>
  987. </div>
  988.  
  989. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  990. {/block:IndexPage}
  991. {block:PermalinkPage}
  992. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  993.  
  994. {LinkCloseTag}
  995. {/block:PermalinkPage}
  996. {/block:Photo}
  997.  
  998. {block:Photoset}
  999. {block:IndexPage}
  1000. <div class="perma"><a href="{permalink}" title="{notecount} notes">o</div>
  1001. <div class="permy">
  1002. <a href="{ReblogURL}" title="reblog">o</a>
  1003. </div>
  1004. <div class="permish">
  1005. <a href="{like}" title="like">o</a>
  1006. </div>
  1007. {/block:IndexPage}
  1008. {block:Photos}
  1009. <a href="{Permalink}"><img src="{PhotoURL-500}" style="padding:0px;" ></a>
  1010. {/block:Photos}
  1011. {block:IndexPage}
  1012. {/block:IndexPage}
  1013. {/block:Photoset}
  1014.  
  1015. {block:Quote}<div class="quote">❝{Quote}❞</div>— {block:Source}<i>{Source}</i>{/block:Source}<br><br>
  1016. <div class="perma"><a href="{permalink}" title="{notecount} notes">o</div>
  1017. <div class="permy">
  1018. <a href="{ReblogURL}" title="reblog">o</a>
  1019. </div>
  1020. <div class="permish">
  1021. <a href="{like}" title="like">o</a>
  1022. </div>{/block:Quote}
  1023.  
  1024. {block:Chat}{block:Title}<div class="chat">{Title}</div>{/block:Title}
  1025.  
  1026. {block:Lines}
  1027. <div class="lines">
  1028. <li class="user_{UserNumber}">
  1029. {block:Label}
  1030. <span class="label">{Label}</span>
  1031. {/block:Label}
  1032. {Line}
  1033. </li>
  1034. </div>
  1035. {/block:Lines}
  1036. {block:IndexPage}
  1037. <div class="perma"><a href="{permalink}" title="{notecount} notes">o</div>
  1038. <div class="permy">
  1039. <a href="{ReblogURL}" title="reblog">o</a>
  1040. </div>
  1041. <div class="permish">
  1042. <a href="{like}" title="like">o</a>
  1043. </div>
  1044. {/block:IndexPage}
  1045. {/block:Chat}
  1046.  
  1047. {block:Audio}
  1048. <div style="width:150px; height:85px;">
  1049. <br><div class="player" align="top">
  1050. {AudioPlayerwhite}</div> <div class="audiodescy">{block:TrackName}
  1051. <b>Track Name:</b><br><i> {TrackName}</i><br>
  1052. {/block:TrackName}
  1053. {block:Artist}
  1054. <b>Artist:</b><br><i>
  1055. {Artist}</i><br>
  1056. {/block:Artist}
  1057. {block:Album}
  1058. <b>Album:</b><br><i>
  1059. {Album}</i><br>
  1060. {/block:Album}
  1061. </div>
  1062. </div>
  1063. {block:IndexPage}
  1064. <div class="perma"><a href="{permalink}" title="{notecount} notes">o</div>
  1065. <div class="permy">
  1066. <a href="{ReblogURL}" title="reblog">o</a>
  1067. </div>
  1068. <div class="permish">
  1069. <a href="{like}" title="like">o</a>
  1070. </div>{/block:IndexPage}
  1071. {/block:Audio}
  1072.  
  1073. {block:Video}
  1074. <div style="overflow:scroll">
  1075. {block:IndexPage}
  1076. <center>
  1077. {block:if150pxposts}
  1078. {Video-250}
  1079. {/block:if150pxposts}
  1080. {block:if200pxposts}
  1081. {Video-250}
  1082. {/block:if200pxposts}
  1083. {block:if400pxposts}
  1084. {Video-400}
  1085. {/block:if400pxposts}
  1086. {block:if500pxposts}
  1087. {Video-500}
  1088. {/block:if500pxposts}</div>
  1089. </center><div class="perma"><a href="{permalink}" title="{notecount} notes">o</div>
  1090. <div class="permy">
  1091. <a href="{ReblogURL}" title="reblog">o</a>
  1092. </div>
  1093. <div class="permish">
  1094. <a href="{like}" title="like">o</a>
  1095. </div>
  1096. {/block:IndexPage}
  1097. {block:PermalinkPage}
  1098. <center>
  1099. {Video-400}</center>
  1100. {/block:PermalinkPage}
  1101. {block:Video}
  1102.  
  1103. {block:PermalinkPage}
  1104. {block:PostNotes}{block:Caption}<div align="left" style="padding-top:10px; border-bottom:1px solid #aaa; padding-bottom:10px; ">{caption}</div>{/block:Caption}
  1105. <center>
  1106.  
  1107. {block:NoteCount}<br>{NoteCountWithLabel}<br>{/block:NoteCount}
  1108.  
  1109. {block:HasTags}
  1110. tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br> {/block:HasTags}
  1111. {block:RebloggedFrom}
  1112. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1113. {/block:RebloggedFrom}
  1114.  
  1115. {block:ContentSource} posted by <a href="{SourceURL}">{SourceTitle}</a>
  1116. {/block:ContentSource}
  1117.  
  1118. </center></span>
  1119. <br>
  1120. <div id="postnotes">{PostNotes}</div><br>
  1121.  
  1122. <center>{block:ContentSource}
  1123. <br><a href="{SourceURL}">
  1124. {lang:Source}:
  1125. {block:SourceLogo}
  1126. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1127. height="{LogoHeight}" alt="{SourceTitle}" />
  1128. {/block:SourceLogo}
  1129. {block:NoSourceLogo}
  1130. {SourceLink}
  1131. {/block:NoSourceLogo}
  1132. </a>
  1133. {/block:ContentSource}</center>
  1134.  
  1135. {/block:PostNotes}
  1136. {/block:PermalinkPage}
  1137. </div>
  1138. {/block:Posts}
  1139. </div></div>
  1140.  
  1141. {block:IndexPage}
  1142. {block:Pagination}
  1143. <div id="pagination">
  1144. {block:NextPage}
  1145. <a id="nextPage" href="{NextPage}"></a>
  1146. {/block:NextPage}
  1147. {block:PreviousPage}
  1148. <a href="{PreviousPage}"></a>
  1149. {/block:PreviousPage}
  1150. </div>
  1151. {/block:Pagination}
  1152. {/block:IndexPage}
  1153.  
  1154. </body>
  1155. <div style="position: fixed; right:6px;bottom:10px;">
  1156. <span class="cred">
  1157. <a href="http://smothured.tumblr.com/" target="_blank" title="theme by smothured">
  1158. Ⓢ
  1159. </a></span></div>
  1160. </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!