Advertisement
gwentee

Sugamas

Nov 29th, 2015
599
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.94 KB | None | 0 0
  1. <!--
  2. Theme #6: Sugamas
  3. Theme by Gwendolyn @ luhands-themes
  4. Please do NOT remove the credit
  5. You are free to customize theme
  6. Any questions? Ask here:
  7. getyourluhandsonme.tumblr.com/faq
  8. or
  9. luhandsthemes.tumblr.com/faq
  10. PLEASE Like or Reblog
  11. I'd Love to see what you've done
  12.  
  13. -->
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17.  
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <!--IMAGES-->
  21. <meta name="image:Background" content="">
  22. <meta name="image:Sidebar" content="http://i.imgur.com/0C9hYiR.gifv">
  23.  
  24. <!--COLORS-->
  25. <meta name="color:Background" content="#fff">
  26. <meta name="color:Post" content="#e54339">
  27. <meta name="color:Text" content="#aaa">
  28. <meta name="color:Emphasis Text" content="#444">
  29. <meta name="color:Links" content="#c3dfdf">
  30. <meta name="color:Links Hover" content="#000">
  31. <meta name="color:Tooltip BG" content="#000">
  32.  
  33. <meta name="color:Sidebar" content="#e54339">
  34. <meta name="color:Border" content="#000">
  35. <meta name="color:Description" content="#ccc">
  36. <meta name="color:Title" content="#000">
  37. <meta name="color:Title Hover" content="#aaa">
  38.  
  39. <meta name="color:Permalink" content="#fabbbb">
  40. <meta name="color:Permalink Hover" content="#ccc">
  41. <meta name="color:Permalink BG" content="#eee">
  42.  
  43. <meta name="color:Scrollbar" content="#ccc">
  44. <meta name="color:Scrollbar BG" content="#fff">
  45.  
  46. <meta name="color:Text Post Title" content="#ccc">
  47. <meta name="color:Link Post" content="#eee">
  48. <meta name="color:Link Post Hover" content="#666">
  49. <meta name="color:Ask Bubble" content="#ccc">
  50.  
  51. <!--TEXT-->
  52. <meta name="text:Link 1" content="Link 1">
  53. <meta name="text:Link 1 URL" content="/">
  54. <meta name="text:Link 2" content="Link 2">
  55. <meta name="text:Link 2 URL" content="/">
  56. <meta name="text:Link 3" content="Link 3">
  57. <meta name="text:Link 3 URL" content="/">
  58. <meta name="text:Link 4" content="Link 4">
  59. <meta name="text:Link 4 URL" content="/">
  60.  
  61. <meta name="if:400 Post" content="0">
  62. <meta name="if:Captions" content="1">
  63. <meta name="if:Infinite Scroll" content="0">
  64.  
  65. <title>{Title}</title>
  66.  
  67. <link rel="shortcut icon" href="{Favicon}" />
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("[title]").style_my_tooltips();
  75. });
  76. })(jQuery);
  77. </script>
  78.  
  79. <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  80.  
  81. <style type="text/css">
  82.  
  83. ::-webkit-scrollbar-thumb:vertical {
  84. background-color:{color:Scrollbar};
  85. height: 30px;
  86. }
  87.  
  88. ::-webkit-scrollbar-thumb:horizontal {
  89. background-color:{color:Scrollbar};
  90. width: 30px;
  91. }
  92.  
  93. ::-webkit-scrollbar {
  94. background-color:{color:Scrollbar BG};
  95. height: 5px;
  96. width: 5px;
  97. }
  98.  
  99. .nav {
  100. display:none!important;
  101. }
  102.  
  103. body {
  104. left: 0px;
  105. background-attachment: fixed;
  106. background-image: url('{image:Background}');
  107. background-color: {color:Background};
  108. color: {color:Text};
  109. font-family: Calibri;
  110. font-size: 11px;
  111. text-transform: lowercase;
  112. }
  113.  
  114. a:link, a:active, a:visited {
  115. text-decoration: none;
  116. color: {color:Links};
  117. -webkit-transition: all 0.4s ease-in-out;
  118. -moz-transition: all 0.4s ease-in-out;
  119. -o-transition: all 0.4s ease-in-out;
  120. }
  121.  
  122. a:hover {
  123. color: {color:Links Hover};
  124. }
  125.  
  126. iframe#tumblr_controls{
  127. position: fixed;
  128. right: 0px;
  129. top: 0px;
  130. opacity: 0.8;
  131. }
  132.  
  133. b, strong, .strong {
  134. color: {color:Emphasis Text};
  135. }
  136.  
  137. i, em, .em {
  138. color: {color:Emphasis Text};
  139. }
  140.  
  141. blockquote {
  142. border-left: 2px solid {color:Text};
  143. padding: 3px 5px;
  144. margin: 0;
  145. margin-top: 20px;
  146. margin-bottom: 20px;
  147. margin-left: 25px;
  148. }
  149.  
  150. #backgroundleft {
  151. background: {color:Sidebar};
  152. position:fixed;
  153. left:0px;
  154. top:0px;
  155. width:410px;
  156. height:100%;
  157. border-right: 4px double {color:border};
  158. }
  159.  
  160. #sidecont {
  161. position: fixed;
  162. width: 200px;
  163. padding: 10px;
  164. margin-left: 75px;
  165. margin-top: 50px;
  166. }
  167.  
  168. #sidebar {
  169. width: 200px;
  170. background: {color:Sidebar};
  171. border: 10px solid {color:Sidebar};
  172. }
  173.  
  174. #sidebar img {
  175. width:200px;
  176. border: 4px double {color:border};
  177. }
  178.  
  179. .desc {
  180. margin-top: 7px;
  181. color: {color:Description};
  182. font-family: Calibri;
  183. font-size: 11px;
  184. }
  185.  
  186. #title {
  187. width: 180px;
  188. padding: 0px 10px;
  189. text-align: right;
  190. font-family: 'Pacifico', cursive;
  191. font-style: italic;
  192. font-size: 23px;
  193. margin-top: -40px;
  194. margin-left:20px;
  195. }
  196.  
  197. #title a {
  198. color: {color:Title};
  199. }
  200.  
  201. #title a:hover {
  202. color: {color:Title Hover};
  203. }
  204.  
  205. ul {
  206. list-style-type: none;
  207. width: 200px;
  208. overflow: hidden;
  209. margin-left:-15px;
  210. }
  211.  
  212. #content {
  213. margin-left: 500px;
  214. margin-top: 50px;
  215. margin-bottom: 50px;
  216. {block:if400Post}
  217. width: 420px;
  218. {/block:if400Post}
  219. {block:ifnot400Post}
  220. width: 520px;
  221. {/block:ifnot400Post}
  222. }
  223.  
  224. .posts {
  225. {block:if400Post}
  226. width: 400px;
  227. {/block:if400Post}
  228. {block:ifnot400Post}
  229. width: 500px;
  230. {/block:ifnot400Post}
  231. background: {color:Post};
  232. color: {color:Text};
  233. font-family: Calibri;
  234. font-size: 11px;
  235. margin-bottom: 20px;
  236. padding: 10px;
  237. border: 4px double {color:border};
  238. }
  239.  
  240. .posttitle {
  241. font-family: 'Pacifico', cursive;
  242. font-style: italic;
  243. font-size: 20px;
  244. color: {color:Text Post Title};
  245. }
  246.  
  247. .posttitle a {
  248. color: {color:Link Post};
  249. }
  250.  
  251. .posttitle a:hover{
  252. color: {color:Link Post Hover};
  253. }
  254.  
  255. .quote {
  256. font-family: calibri;
  257. font-size: 18px;
  258. }
  259.  
  260.  
  261. .player {
  262. width: 10px;
  263. height: 10px;
  264. overflow: hidden;
  265. padding: 4px 21px 21px 4px;
  266. margin-top: 33px;
  267. margin-left: 33px;
  268. position: absolute;
  269. background-color: #fff;
  270. opacity: 0.8;
  271. z-index: 10;
  272. }
  273.  
  274. .album {
  275. position: absolute;
  276. width: 100px;
  277. height: 100px;
  278. overflow: hidden;
  279. }
  280.  
  281. .album img {
  282. width: 100px;
  283. height: 100px;
  284. overflow: hidden;
  285. }
  286.  
  287. .track {
  288. min-height: 90px;
  289. max-height: 100px;
  290. overflow: auto;
  291. margin-left: 100px;
  292. padding: 5px 10px;
  293. color: {color:Text};
  294. text-transform: UPPERCASE;
  295. letter-spacing: 1px;
  296. font-size: 9px;
  297. }
  298.  
  299. .bubble {
  300. width:300px;
  301. position: relative;
  302. background:{color:Ask Bubble};
  303. left:60px;
  304. margin: 0;
  305. padding:10px;
  306. text-align:center;
  307. -moz-border-radius:10px;
  308. -webkit-border-radius:10px;
  309. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  310. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  311. box-shadow: 0px 0 1px rgba(0,0,0,0);
  312. }
  313.  
  314. .bubble:after {
  315. position: absolute;
  316. display: block;
  317. content: "";
  318. border-color: {color:Ask Bubble} transparent transparent transparent;
  319. border-style: solid;
  320. border-width: 15px 15px 0px;
  321. height:0;
  322. width:0;
  323. position:absolute;
  324. left:-15px;
  325. top:10px;
  326. }
  327.  
  328. .caption {
  329. line-height: 12px;
  330. text-align: left;
  331. margin-top: -5px;
  332. }
  333.  
  334. #perm {
  335. font-family: calibri;
  336. font-size: 12px;
  337. padding: 3px 10px;
  338. text-transform: UPPERCASE;
  339. letter-spacing: 1px;
  340. text-align: center;
  341. margin-top: 25px;
  342. color: {color:Permalink};
  343. background-color: {color:Permalink BG};
  344. {block:if400Post}
  345. width: 380px;
  346. {/block:if400Post}
  347. {block:ifnot400Post}
  348. width: 480px;
  349. {/block:ifnot400Post}
  350. }
  351.  
  352. #perm a {
  353. color: {color:Permalink};
  354. }
  355.  
  356. #perm a:hover {
  357. color: {color:Permalink Hover};
  358. }
  359.  
  360. #tags {
  361. float:center;
  362. width:389px;
  363. margin-top:2px;
  364. text-align:left;
  365. font-size:10px;
  366. padding:5px;
  367. font-size:10px;
  368. opacity:1;
  369. transition-duration: 0.5s;
  370. -moz-transition-duration: 0.5s;
  371. -webkit-transition-duration: 0.5s;
  372. -o-transition-duration: 0.5s
  373. color:{color:links};
  374. }
  375.  
  376. #tags a {
  377. letter-spacing:1px;
  378. font-size:8px;
  379. text-align:center;
  380. font-family:arial;
  381. text-decoration:none;
  382. display:inline-block;
  383. color:{color:links};
  384. }
  385.  
  386. #tags a:hover {
  387. background-color:#000;
  388. -moz-transition-duration:0.3s;
  389. -webkit-transition-duration:0.3s;
  390. -o-transition-duration:0.3s;
  391. color:{color:links hover};
  392. }
  393.  
  394. #s-m-t-tooltip {
  395. z-index: 9999;
  396. background: {color:tooltip bg};
  397. font-size: 10px;
  398. line-height: 11px;
  399. font-family: arial;
  400. letter-spacing: 1px;
  401. text-transform: normal;
  402. color: {color:links};
  403. max-width: 150px;
  404. word-wrap: break-word;
  405. padding: 2px 5px 2px 6px;
  406. display: block;
  407. margin: 24px 14px 7px 12px;
  408. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  409. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  410. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  411. }
  412.  
  413. .credit {
  414. position:fixed;
  415. bottom:4px;
  416. right:8px;
  417. font: 9px arial bold;
  418. border:4px double {color:border};
  419. text-transform:uppercase;
  420. letter-spacing: 0px;
  421. padding: 2px;
  422. }
  423.  
  424. .credit a{
  425. color: {color:emphasis};
  426. opacity:0.8;
  427. }
  428. </style>
  429.  
  430. <body>
  431.  
  432. <div id="backgroundleft"></div>
  433.  
  434. {block:ifInfiniteScroll}
  435.  
  436. {block:IndexPage}
  437. <div class="nav">
  438. {block:Pagination}
  439. {block:PreviousPage}
  440. <a href="{PreviousPage}">previous</a> &middot;
  441. {/block:PreviousPage}
  442. {block:NextPage}
  443. <a href="{NextPage}">next</a>
  444. {/block:NextPage}
  445. {/block:Pagination}
  446. </div>
  447. {/block:IndexPage}
  448.  
  449. {/block:ifInfiniteScroll}
  450.  
  451. <div id="sidecont">
  452. <div id="title"><a href="/">{Title}</a></div>
  453. <div id="sidebar">
  454. <a href="/"><img src="{image:Sidebar}"></a>
  455. <div class="desc">{description}
  456. </div>
  457.  
  458.  
  459. {block:ifnotInfiniteScroll}
  460. {block:Pagination}
  461. <center>
  462. <br>
  463. {block:PreviousPage}
  464. <a class="jump_page" href="{PreviousPage}">ยซ back</a>&nbsp
  465. {/block:PreviousPage}
  466.  
  467. {block:NextPage}
  468. <a class="jump_page" href="{NextPage}">next ยป</a>
  469. {/block:NextPage}
  470. </center>
  471. {/block:Pagination}
  472. {/block:ifnotInfiniteScroll}
  473. </div>
  474.  
  475. <div style="float: left; width: 33%;">
  476. <ul>
  477. <li><a href="/"title="home"><img src="http://i.imgur.com/gMBta91.png"></a>
  478. <li><a href="{text:Link 2 URL}"title="{text:Link 2}"><img src="http://i.imgur.com/41xfBYr.png"></a>
  479. </ul>
  480. </div>
  481.  
  482. <div style="float: left; width: 33%;">
  483. <ul>
  484. <li><a href="/ask"title="ask"><img src="http://i.imgur.com/85YZRsi.png"></a>
  485. <li><a href="{text:Link 3 URL}"title="{text:Link 3}"><img src="http://i.imgur.com/mhzAtTG.png"></a>
  486. </ul>
  487. </div>
  488.  
  489. <div style="float: right; width: 33%;">
  490. <ul>
  491. <li><a href="{text:Link 1 URL}" title="{text:Link 1}"><img src="http://i.imgur.com/4aOGUfS.png"></a>
  492. <li><a href="{text:Link 4 URL}"title="{text:Link 4}"><img src="http://i.imgur.com/jndTGcx.png"></a>
  493.  
  494. </ul>
  495. </div>
  496. </div>
  497.  
  498. <div id="content">
  499. {block:Posts}
  500.  
  501. {block:ContentSource}
  502. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  503. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  504. {/block:SourceLogo}
  505. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  506. {/block:ContentSource}
  507.  
  508. <div class="posts">
  509.  
  510. {block:Text}
  511. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  512. {Body}
  513. {/block:Text}
  514.  
  515. {block:Photo}
  516. <center>
  517. {block:if400Post}
  518. <img src="{PhotoURL-400}" width="400px">
  519. {/block:if400Post}
  520. {block:ifnot400Post}
  521. <img src="{PhotoURL-500}" width="500px">
  522. {/block:ifnot400Post}
  523. {block:IndexPage}
  524. {block:ifCaptions}
  525. <div style="margin-bottom: -3px;"></div>
  526. {block:Caption}
  527. <div class="caption">
  528. {Caption}
  529. <div style="margin-bottom: -8px;"></div>
  530. </div>
  531. {/block:Caption}
  532. {/block:ifCaptions}
  533. {block:ifnotCaptions}
  534. <div style="margin-bottom: -3px;"></div>
  535. {/block:ifnotCaptions}
  536. {/block:IndexPage}
  537.  
  538. {block:PermalinkPage}
  539. <div style="margin-bottom: -3px;"></div>
  540. {block:Caption}
  541. <div class="caption">
  542. {Caption}
  543. <div style="margin-bottom: -8px;"></div>
  544. </div>
  545. {/block:Caption}
  546. {/block:PermalinkPage}
  547. </center>
  548. {/block:Photo}
  549.  
  550. {block:Photoset}
  551. {block:if400Post}
  552. {Photoset-400}
  553. {/block:if400Post}
  554. {block:ifnot400Post}
  555. {Photoset-500}
  556. {/block:ifnot400Post}
  557. {block:IndexPage}
  558. {block:ifCaptions}
  559. <div style="margin-bottom: -3px;"></div>
  560. {block:Caption}
  561. <div class="caption">
  562. {Caption}
  563. <div style="margin-bottom: -8px;"></div>
  564. </div>
  565. {/block:Caption}
  566. {/block:ifCaptions}
  567. {block:ifnotCaptions}
  568. <div style="margin-bottom: -3px;"></div>
  569. {/block:ifnotCaptions}
  570. {/block:IndexPage}
  571.  
  572. {block:PermalinkPage}
  573. <div style="margin-bottom: -3px;"></div>
  574. {block:Caption}
  575. <div class="caption">
  576. {Caption}
  577. <div style="margin-bottom: -8px;"></div>
  578. </div>
  579. {/block:Caption}
  580. {/block:PermalinkPage}
  581. {/block:Photoset}
  582.  
  583. {block:Quote}
  584. {Source}:
  585. <div class="quote">{Quote}</div>
  586. {/block:Quote}
  587.  
  588. {block:Link}
  589. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  590. {block:Description}
  591. <div style="margin-top: -8px;"></div>
  592. {Description}
  593. <div style="margin-bottom: -8px;"></div>
  594. {/block:Description}
  595. {/block:Link}
  596.  
  597. {block:Chat}
  598. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  599. {block:Lines}
  600. {block:Label}<b>{Label}</b>{/block:Label}
  601. {Line}<br>
  602. {/block:Lines}
  603. {/block:Chat}
  604.  
  605. {block:Video}
  606. {block:if400Post}
  607. {Video-400}
  608. {/block:if400Post}
  609. {block:ifnot400Post}
  610. {Video-500}
  611. {/block:ifnot400Post}
  612. {block:IndexPage}
  613. {block:ifCaptions}
  614. <div style="margin-bottom: -3px;"></div>
  615. {block:Caption}
  616. <div class="caption">
  617. {Caption}
  618. <div style="margin-bottom: -8px;"></div>
  619. </div>
  620. {/block:Caption}
  621. {/block:ifCaptions}
  622. {block:ifnotCaptions}
  623. <div style="margin-bottom: -4px;"></div>
  624. {/block:ifnotCaptions}
  625. {/block:IndexPage}
  626.  
  627. {block:PermalinkPage}
  628. <div style="margin-bottom: -3px;"></div>
  629. {block:Caption}
  630. <div class="caption">
  631. {Caption}
  632. <div style="margin-bottom: -8px;"></div>
  633. </div>
  634. {/block:Caption}
  635. {/block:PermalinkPage}
  636. {/block:Video}
  637.  
  638. {block:Audio}
  639. <div class="album">
  640. {block:AudioPlayer}
  641. <div class="player">{AudioPlayerWhite}</div>
  642. {/block:AudioPlayer}
  643.  
  644. {block:AlbumArt}
  645. <img src="{AlbumArtURL}">
  646. {/block:AlbumArt}
  647. </div>
  648.  
  649. <div class="track">
  650. {block:TrackName}
  651. Title: {TrackName}<br>
  652. {/block:TrackName}
  653. {block:Artist}
  654. Artist: {Artist}<br>
  655. {/block:Artist}
  656. {block:Album}
  657. Album: {Album}
  658. {/block:Album}
  659. </div>
  660.  
  661. {block:IndexPage}
  662. {block:ifCaptions}
  663. {block:if400Post}
  664. {block:Caption}
  665. <div class="caption"> <div style="margin-top:0px;"></div>
  666. {Caption}
  667. <div style="margin-bottom: -10px;"></div>
  668. </div>
  669. {/block:Caption}
  670. {/block:if400Post}
  671. {block:ifnot400Post}
  672. {block:Caption}
  673. <div class="caption"> <div style="margin-top:0px;"></div>
  674. {Caption}
  675. <div style="margin-bottom: -8px;"></div>
  676. </div>
  677. {/block:Caption}
  678. {/block:ifnot400Post}
  679. {/block:ifCaptions}
  680. {/block:IndexPage}
  681.  
  682. {block:PermalinkPage}
  683. {block:Caption}
  684. <div class="caption"> <div style="margin-top:0px;"></div>
  685. {Caption}
  686. <div style="margin-bottom: -8px;"></div>
  687. </div>
  688. {/block:Caption}
  689. {/block:PermalinkPage}
  690. {/block:Audio}
  691.  
  692. {block:Answer}
  693. <div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="bubble">{Asker} asked: {Question}</div><br>
  694. <div style="margin-left:200px;">{Answer}</div>
  695. {/block:Answer}
  696.  
  697. {block:IndexPage}
  698. <div id="perm">
  699. <a href="{Permalink}">{NoteCount} notes</a>
  700. โ€ข <a href="{ReblogURL}">reblog</a>
  701. </div>
  702. {block:HasTags}<div id="tags">
  703.  
  704. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  705. </div>{block:HasTags}
  706. {/block:IndexPage}
  707.  
  708. {block:PermalinkPage}
  709. <div style="line-height:25px; text-align:center;">
  710. {block:Date}
  711. posted {24Hour}:{Minutes} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  712. {/block:Date}
  713. {block:RebloggedFrom}
  714. <center>
  715. src: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  716. &nbsp;|&nbsp;
  717. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  718. </center>
  719. {/block:RebloggedFrom}
  720.  
  721. {block:HasTags}
  722. {block:Tags}
  723. <a href="{TagURL}">#{Tag}</a>&nbsp&nbsp
  724. {/block:Tags}
  725. {/block:HasTags}
  726. </div>
  727. {/block:PermalinkPage}
  728.  
  729. </div>
  730.  
  731. {block:PermalinkPage}
  732. {block:PostNotes}{PostNotes}{/block:PostNotes}
  733. {/block:PermalinkPage}
  734.  
  735. {/block:Posts}
  736.  
  737. {block:IfInfiniteScroll}
  738. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  739. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  740. {/block:IfInfiniteScroll}
  741.  
  742. </div>
  743.  
  744. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div></div>
  745.  
  746. </body>
  747.  
  748. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement