API tools faq
paste
Advertisement
gigathemes

Theme #7 by GIGATHEMES

gigathemes
Apr 19th, 2015
253
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.91 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.                      [ T H E M E  # 7  B Y  G I G A T H E M E S ]
  5.                            [ GIGATHEMES.TUMBLR.COM ]
  6.  
  7.  
  8. -->
  9.  
  10.  
  11. <!DOCTYPE html>
  12. <html>
  13. <head>
  14.  
  15. <!-- META TAGS ------------------------------------------------------>
  16. <meta name="image:Background" content="https://secure.static.tumblr.com/c6a0373242a73b55da47e88f923d1f64/sp0wree/z4Hnl89dp/tumblr_static_8dzm7rg89i0w8cks8gcsk0gc4.jpg" />
  17. <meta name="image:Sidebar" content="{Favicon}" />
  18. <meta name="color:Links" content="#005bb7" />
  19. <meta name="color:Links Hover" content="#0774e2" />
  20. <meta name="text:Updates" content="updates" />
  21. <meta name="text:Link 1" content="Message" />
  22. <meta name="text:Link 1 URL" content="" />
  23. <meta name="text:Link 2" content="Navigation" />
  24. <meta name="text:Link 2 URL" content="" />
  25. <meta name="text:Link 3" content="About" />
  26. <meta name="text:Link 3 URL" content="" />
  27. <meta name="text:Link 4" content="Archive" />
  28. <meta name="text:Link 4 URL" content="" />
  29. <meta name="" content="" />
  30.  
  31.  
  32. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34. <link rel="shortcut icon" href="{Favicon}" />
  35.  
  36. <!-- FONTS --------------------------------------------------------->
  37.  
  38. <!-- SCRIPTS ------------------------------------------------------->
  39. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  40.  
  41. <!-- CSS ----------------------------------------------------------->
  42. <style type="text/css">
  43.  
  44. /** iframe#tumblr_controls {} **/
  45.  
  46. body {
  47.     margin:0px;
  48.     padding:0px;
  49.     font-family: Helvetica, sans-serif;
  50.     background-image: url("{image:Background}");
  51.     background-size: 100% 100%;
  52.     background-attachment: fixed;
  53. }
  54.  
  55. /** HEADER CSS **************************************************/
  56. #navi {
  57.     position: fixed;
  58.     margin-top: -50px;
  59. }
  60.  
  61. #dirimg {
  62.     background-image: url("https://41.media.tumblr.com/6c73f936139ff5658989bf81ae47a798/tumblr_nl7r7by0Vw1sy4yqbo1_250.png");
  63.     width: 116px;
  64.     height: 169px;
  65. }
  66.  
  67. #plus {
  68.     position: fixed;
  69.     width: 17px;
  70.     height: 16px;
  71.     margin-left: 51px;
  72.     margin-top: -57px;
  73. }
  74.  
  75. #plus:hover {
  76.     background-image: url("https://40.media.tumblr.com/df950cf32a314f13f370a662c67136c6/tumblr_nl7r7by0Vw1sy4yqbo6_r1_75sq.png");
  77.     margin-top: -55px;
  78.     margin-left: 50px;
  79. }
  80.  
  81. #minus {
  82.     position: fixed;
  83.     width: 17px;
  84.     height: 15px;
  85.     margin-left: 51px;
  86.     margin-top: -40px;
  87. }
  88.  
  89. #minus:hover {
  90.     background-image: url("https://40.media.tumblr.com/f5f2f6512c83a3f235b2d9c40fc1c2bb/tumblr_nl7r7by0Vw1sy4yqbo5_r1_75sq.png");
  91.     margin-left: 50px;
  92.     margin-top: -37px;
  93. }
  94.  
  95. #updatebtn {
  96.     background-image: url("https://40.media.tumblr.com/a218a258a614bb1c9c4281b8c1b08128/tumblr_nl7r7by0Vw1sy4yqbo3_r1_75sq.png");
  97.     width: 20px;
  98.     height: 21px;
  99.     position: absolute;
  100.     left: 50px;
  101. }
  102.  
  103. #updatebtn:hover {
  104.     background-image: url("https://41.media.tumblr.com/d020b5743601dc2c0bf6c118a4e8e837/tumblr_nl7r7by0Vw1sy4yqbo4_r1_75sq.png");
  105. }
  106.  
  107. #updatebtn:hover #updates {
  108.     opacity: 0.9;
  109. }
  110.  
  111. #updates {
  112.     position: fixed;
  113.     border-radius: 3px;
  114.     left: 130px;
  115.     top: 25px;
  116.     padding: 10px;
  117.     width: 150px;
  118.     opacity: 0;
  119.     -webkit-transition:opacity 0.8s linear;
  120.     -webkit-transition:all 0.5s ease-out;
  121.     -moz-transition:all 0.5s ease-out;
  122.     transition: all 0.5s ease-out;
  123.     background: #fff;
  124.     border: 1px solid #afafaf;
  125.     border-radius: 3px;
  126.    
  127. }
  128.  
  129. #updates a {
  130.     text-decoration: none;
  131.     color: {color:Links};
  132. }
  133.  
  134. #updates a:hover {
  135.     color: {color:Links Hover};
  136. }
  137.  
  138.  
  139. /** SIDEBAR CSS **************************************************/
  140. #sidebar {
  141.     position: fixed;
  142.     top: 300px;
  143.     left: 50px;
  144.     opacity: 0.9;
  145. }
  146.  
  147. #sidebartext {
  148.     width: 185px;
  149.     height: 120px;
  150.     position: fixed;
  151.     margin-top: -270px;
  152.     margin-left: 20px;
  153. }
  154.  
  155. #sidebartitle a {
  156.     text-decoration: none;
  157.     color: {color:Links};
  158.     font-weight: bold;
  159.     font-size: 18px;
  160. }
  161.  
  162. #sidebartitle a:hover {
  163.     color: {color:Links Hover};
  164. }
  165.  
  166. #sidebard a {
  167.     text-decoration: none;
  168.     color: {color:Links};
  169. }
  170.  
  171. #sidebard a:hover {
  172.     color: {color:Links Hover};
  173. }
  174.  
  175. #sidebarimg {
  176.     position: absolute;
  177.     left: 210px;
  178.     top: 47px;
  179.     width: 85px;
  180.     height: 85px;
  181. }
  182.  
  183. #sidebarlinks {
  184.     width: 275px;
  185.     margin-left: 20px;
  186.     margin-top: -150px;
  187. }
  188.  
  189. #sidebarlinks a {
  190.     text-decoration: none;
  191.     color: {color:Links};
  192. }
  193.  
  194. #sidebarlinks a:hover {
  195.     color: {color:Links Hover};
  196. }
  197.  
  198. /** POSTS CSS ****************************************************/
  199.  
  200. #content {
  201.     width: 540px;
  202.     margin-left: 400px;
  203.     margin-top: 60px;
  204.     margin-bottom: 60px;
  205. }
  206.  
  207. #content a {
  208.       color: {color:Links};
  209.       text-decoration: none;
  210. }
  211.  
  212. #content a:hover {
  213.       color: {color:Links Hover};
  214. }
  215.  
  216. img {
  217.     border: 0;
  218.     max-width: 100%;
  219. }
  220.  
  221. #content #posts {
  222.     background-color: #fff;
  223.     width: 500px;
  224.     margin: 0 auto 50px;
  225.     padding: 10px;
  226.     border: 2px solid #afafaf;
  227.     border-radius: 3px;
  228.     opacity: 0.9;
  229. }
  230.  
  231. #content #posts .title {
  232.     font-size: 13px;
  233. }
  234.  
  235. #content #posts .text {
  236.     font-size: 11px;
  237. }
  238.  
  239. #content #posts #info {
  240.     margin-top: 5px;
  241.     font-size: 9px;
  242.     line-height: 70%;
  243.     text-align: left;
  244.     border-top: 1px solid {color:Links};
  245. }
  246.  
  247. #content #posts #permalink {
  248.     margin-top: 5px;
  249. }
  250.  
  251. #content #posts #tags {
  252.     margin-top: 5px;
  253. }
  254.  
  255. ol.notes li {
  256.     list-style-type: none;
  257.     margin: 0;
  258.     padding: 0;
  259.     font-size: 10px;
  260. }
  261.  
  262. #allnotes {
  263.     background: #fff;
  264.     border: 2px solid #afafaf;
  265.     border-radius: 3px;
  266.     opacity: 0.9;
  267. }
  268.  
  269. #credit {
  270.     position: fixed;
  271.     right: 2px;
  272.     bottom: 0px;
  273. }
  274.  
  275. #creditlogo {
  276.     width: 20px;
  277. }
  278.  
  279. {CustomCSS}</style>
  280.  
  281. </head>
  282.  
  283. <!-- BODY ---------------------------------------------------------->
  284. <body>
  285.  
  286. <!-- HEADER -------------------------------------------------------->
  287. <div id="navi">
  288.      <div id="dirimg"></div>
  289.     {block:NextPage}<a href="{NextPage}" title="next page" id="plus"></a>{/block:NextPage}
  290.     {block:PreviousPage}<a href="{PreviousPage}" title="previous page" id="minus"></a>{/block:PreviousPage}
  291.     <div title="updates" id="updatebtn">
  292.         <div id="updates">
  293.             <center><small>{text:Updates}</small></center>
  294.         </div>
  295.     </div>
  296. </div> <!-- !HEADER -->
  297.  
  298. <!-- SIDEBAR  ----------------------------------------------------->
  299. <div id="sidebar">
  300.     <img src="https://36.media.tumblr.com/c2bab1dd910dbb6fc46aad948a91bec2/tumblr_nl7r7by0Vw1sy4yqbo2_r1_500.png">
  301.     <div id="sidebartext">
  302.         <div id="sidebartitle"><a href="/" title="home">{Title}</a></div>
  303.         <div id="sidebard">{Description}</div>
  304.     </div>
  305.     <img src="{image:Sidebar}" id="sidebarimg">
  306.     <table id="sidebarlinks"><tr>
  307.         <td><a href="{text:Link 1 URL}">{text:Link 1}</a></td>
  308.         <td><a href="{text:Link 2 URL}">{text:Link 2}</a></td>
  309.         <td><a href="{text:Link 3 URL}">{text:Link 3}</a></td>
  310.         <td><a href="{text:Link 4 URL}">{text:Link 4}</a></td>
  311.     </tr></table>
  312.  
  313. </div>
  314.    
  315. <!-- POSTS --------------------------------------------------------->
  316.  
  317. <div id="content">
  318. {block:Posts}
  319.  
  320. {block:ContentSource}
  321. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  322. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  323. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  324.  
  325. <div id="posts">
  326.  
  327. {block:Photo}
  328. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  329. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  330. {/block:Photo}
  331.  
  332. {block:Photoset}
  333. {Photoset-500}
  334. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  335. {/block:Photoset}
  336.  
  337. {block:Video}
  338. {Video-500}
  339. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  340. {/block:Video}
  341.  
  342. {block:Audio}
  343. {AudioPlayerBlack}
  344. <div class="text">~ {PlayCountWithLabel}</div>
  345. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  346. {/block:Audio}
  347.  
  348. {block:Quote}
  349. <div class="title">“{Quote}”</div>
  350. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  351. {/block:Quote}
  352.  
  353. {block:Text}
  354. {block:Title}<div class="title">{Title}</div>{/block:Title}
  355. <div class="text">{Body}</div>
  356. {/block:Text}
  357.  
  358. {block:Answer}
  359. <div class="title">{Question}</div>
  360. <div class="text">~ {Asker}</div>
  361. <div class="text">{Answer}</div>
  362. {/block:Answer}
  363.  
  364. {block:Chat}
  365. {block:Title}<div class="title">{Title}</div>{/block:Title}
  366. <div class="text">
  367. {block:Lines}
  368. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  369. {/block:Lines}
  370. </div>
  371. {/block:Chat}
  372.  
  373. {block:Link}
  374. <div class="title"><a href="{URL}">{Name}</a></div>
  375. {block:Description}
  376. <div class="text">{Description}</div>
  377. {/block:Description}
  378. {/block:Link}
  379.  
  380.  
  381. <div id="info">
  382.  
  383. <div id="permalink">
  384. <a href="{Permalink}">
  385. {block:Date}{Month} {DayOfMonthWithZero} at {12Hour}:{Minutes} {AmPm}{/block:Date}
  386. {block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  387. </a>
  388. </div>
  389.  
  390. <div id="source">{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  391. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
  392.  
  393. {block:HasTags}<div id="tags">
  394. {block:Tags}
  395. <a href="{TagURL}">#{Tag} </a>
  396. {/block:Tags}
  397. </div>
  398. {/block:HasTags}
  399.  
  400. </div> <!-- !info -->
  401.  
  402. </div> <!-- !posts -->
  403.  
  404. {/block:Posts}
  405.  
  406. {block:PostNotes}
  407. <div id="allnotes">{PostNotes}</div>
  408. {/block:PostNotes}
  409.  
  410. </div> <!-- !content -->
  411.  
  412. <div id="credit">
  413. <a href="http://gigatheme7.tumblr.com">
  414.     <img src="http://68.media.tumblr.com/8bfd1d5d5bde1794102425cf0f13eea9/tumblr_nk3b78X9lq1sy4yqbo1_75sq.png" id="creditlogo">
  415. </a>
  416. </div>
  417.  
  418.     </body>
  419. </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!