Advertisement
kawaiibuu

Tahoma

Sep 20th, 2014
4,132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.13 KB | None | 0 0
  1. <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2. <!--
  3.  
  4. Tahoma theme
  5. created by softwaring.tumblr.com
  6. download at jubileethemes.tumblr.com
  7.  
  8. Do not take parts of the coding, do not redistribute,
  9. do not copy. Leave all credits in tact.
  10.  
  11. -->
  12. <title>{title}</title>
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  14. <link rel="shortcut icon" href="{Favicon}"/>
  15. <script src="http://tympanus.net/Blueprints/ElasticContentSlider/js/modernizr.custom.js"></script><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,400,300' rel='stylesheet' type='text/css'>
  16. {block:ifinfinitescroll}
  17. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  18.  
  19. <meta name="color:background" content="#fff"/>
  20. <meta name="color:background gradient top" content="#FF7F7A"/>
  21. <meta name="color:background gradient bottom" content="#B56089"/>
  22. <meta name="color:text" content="#262626"/>
  23. <meta name="color:links" content="#262626"/>
  24. <meta name="color:links hover" content="#bfbfbf"/>
  25.  
  26. <meta name="image:background" content=""/>
  27.  
  28. <meta name="if:background cover" content="0"/>
  29. <meta name="if:gradient background" content="0"/>
  30. <meta name="if:infinite scroll" content="0"/>
  31. <meta name="if:captions" content="1"/>
  32. <meta name="if:tags" content="0"/>
  33.  
  34. <meta name="text:profile title" copntent="about"/>
  35. <meta name="text:profile" copntent="put a quick lil about here"/>
  36.  
  37. <meta name="text:link 1 title" content="link 1" />
  38. <meta name="text:link 1 url" content="" />
  39. <meta name="text:link 2 title" content="link 2" />
  40. <meta name="text:link 2 url" content="" />
  41. <meta name="text:link 3 title" content="" />
  42. <meta name="text:link 3 url" content="" />
  43. <meta name="text:link 4 title" content="" />
  44. <meta name="text:link 4 url" content="" />
  45. <meta name="text:link 5 title" content="" />
  46. <meta name="text:link 5 url" content="" />
  47. <meta name="text:link 6 title" content="" />
  48. <meta name="text:link 6 url" content="" />
  49.  
  50. <style>
  51. /* Jquery styling leave this along */
  52. *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  53. body, html { font-size: 100%; padding: 0; margin: 0;}
  54. .clearfix:before, .clearfix:after { content: " "; display: table; }
  55. .clearfix:after { clear: both; }
  56. /* Scrollbar */
  57. ::-webkit-scrollbar{ width:10px; {block:ifnotgradientbackground} background: {color:background} url('{image:background}')top right repeat; {block:iflargebackground} background-size:cover; {/block:iflargebackground} {/block:ifnotgradientbackground}
  58. {block:ifgradientbackground} background-image: -o-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top} ); background-image: -moz-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); background-image: -webkit-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); background-image: -ms-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); background-image: linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); {/block:ifgradientbackground} }
  59. ::-webkit-scrollbar-thumb{ background-color: {color:text}; border: 3px solid {block:ifnotgradientbackground}{color:background}{/block:ifnotgradientbackground}{block:ifgradientbackground}{color:background gradient top}{/block:ifgradientbackground}; }
  60. /* Main Body styling */
  61. body {
  62. font: 12px helvetica; letter-spacing: 1px;
  63. color: {color:text}; {block:ifgradientbackground} background:fixed; background-image: -o-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top} ); background-image: -moz-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); background-image: -webkit-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); background-image: -ms-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); background-image: linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); {/block:ifgradientbackground} {block:ifnotgradientbackground}background: {color:background} url({image:background})top left fixed repeat; {block:ifbackgroundcover}background-size:cover;{/block:ifbackgroundcover} {/block:ifnotgradientbackground}
  64. }
  65. /* Links */
  66. a {
  67. color: {color:links};
  68. text-decoration: none;-webkit-transition: all 0.5s ease-in-out;
  69. -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
  70. }
  71. a:hover {
  72. opacity: 0.5;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
  73. }
  74. .caption { padding: 0px 5px 5px; {block:ifnotcaptions}display:none;{/block:ifnotcaptions} text-transform: normal; }
  75. /* Leave this alone */
  76. html, body, .container, .main { height: 100%;}
  77. .cbp-contentslider {width: 100%; height: 90%; z-index: 9999999999999999999; margin: .5em auto;position: relative; border: 4px solid transparent;
  78. }
  79. .cbp-contentslider > ul { list-style: none; height: 100%; width: 100%; overflow: hidden; position: relative; padding: 0; margin: 0; }
  80. .cbp-contentslider > ul li { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 5px; background: transparent; }
  81. .cbp-contentslider > ul li:target { z-index: 100; }
  82. .cbp-contentslider nav { position: absolute; bottom: 0; left: 0; right: 0; height: 3.313em; z-index: 1000; border-top: 4px solid transparent; overflow: hidden;}
  83. .cbp-contentslider nav a {
  84. float: left; display: block; width: 20%; font-size: 12px; height: 100%; font-weight: 400; letter-spacing: 0.1em; overflow: hidden; outline: none;
  85. text-align: center; line-height: 3; position: relative;
  86. text-transform: uppercase; border-right: 4px solid transparent;
  87. -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  88. }
  89. .cbp-contentslider nav a.rc-active { opacity: 0.5; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  90. }
  91. .cbp-contentslider h1 { font-size: 14px; height: 2em; line-height: 1.7; font-weight: 300; margin: 0 0 0.3em; position: relative; text-transform: uppercase; text-align: center; letter-spacing: 0.3em; padding: 0 0.2em 0 0; border-bottom: 4px solid transparent;
  92. }
  93. .cbp-contentslider li > div { position: absolute; top: 30px; width: 100%; left: 0; padding: 0 .2em; overflow: hidden;
  94. }
  95. .cbp-contentslider .cbp-content { vertical-align: top; padding: .2em 0; text-align: center;
  96. }
  97. .cbp-contentslider p { padding: 0 0 0.4em; margin: 0; text-transform: uppercase; font-size: 10px; font-weight: 300; line-height: 1.6; }
  98. .top { width: 410px; left: 50%; margin-left: -200px; top: -1px; padding: 5px;
  99. height: 150px; position:fixed; background: transparent;
  100. }
  101. /* post stylings */
  102. #post { width: 410px; margin: 50px 0 250px 0; padding: 5px; } #wrapper { width: 410px; margin: 200px auto; }
  103. #post img { width:100%;}
  104. .permalinks { text-transform: uppercase; font-size: 10px; }
  105. /* all post title stylings */
  106. h3 { font: 18px 'Roboto Condensed'; font-weight: 300; text-align: right; font-style: italic; padding: 0px; margin: 0px; }
  107. li { list-style:none; }
  108. .caption { padding: 10px; {block:ifnotcaptions}display:none;{/block:ifnotcaptions} text-align: center; }
  109. blockquote { margin: 5px; padding: 5px; text-align: justify; }
  110. /* text selection */
  111. ::selection { background: transparent; color: {color:links hover}; }
  112. ::-moz-selection { background: transparent; color: {color:links hover}; }
  113. ::-webkit-selection { background: transparent; color: {color:links hover}; }
  114. /* photoset styling */
  115. #tumblr_lightbox { background:{color:background} url({image:background})top right fixed repeat!important; background-size:cover!important;z-index:99999999999999999999999999999999999999999!important; -webkit-transition: all 0.35s ease-in-out; border: none; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
  116. #tumblr_lightbox img { opacity:0; }
  117. #tumblr_lightbox_caption { color:{color:text};!important;font-family: 'Roboto', sans-serif!important;font-size:10px!important;font-weight:normal!important;text-shadow:none!important;}
  118. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image { margin-top: -30px; padding:25px!important; background: {color:post background}!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; border: 1px solid {color:post border}!important; box-shadow:none!important;-moz-border-radius:0px!important; -webkit-border-radius:0px!important; border-radius:0px!important; opacity:1!important; -webkit-transition: all 0.35s ease-in-out; border: none;
  119. -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }#tumblr_lightbox_left_image, #tumblr_lightbox_right_image {-webkit-filter: brightness(0.35);-moz-filter:brightness(.35); -o-filter:brightness(.35); }
  120. /* Takes away ugly permalink images */
  121. .pagenotes img { display:none; }
  122. /* leave this alone please */
  123. .credit { position:fixed; top: 0px; left: 0px; padding: 10px; font: 8px consolas; text-transform: uppercase; text-decoration:none; }
  124. {CustomCSS}
  125. </style>
  126. </head>
  127. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  128. <script src="http://tympanus.net/Blueprints/ElasticContentSlider/js/jquery.cbpContentSlider.min.js"></script>
  129. <script> $(function() { $( '#cbp-contentslider' ).cbpContentSlider(); });
  130. </script>
  131. <body><a href="http://jubileethemes.tumblr.com" class="credit">theme</a><div class="main"><div class="top"><div id="cbp-contentslider" class="cbp-contentslider"><ul><li id="slide1">
  132. <h1>{title}</h1>
  133. <div><div class="cbp-content">
  134. <p>{description}</p>
  135. </div></div></li><li id="slide2">
  136. <h1>{text:profile title}</h1>
  137. <div><div class="cbp-content">
  138. <p>{text:profile}</p>
  139. </div></div></li><li id="slide3">
  140. <h1>contact info</h1>
  141. <div><div class="cbp-content">
  142. <p>
  143. <a href="/ask">
  144. message
  145. </a>
  146. <a href="/submit">
  147. submit
  148. </a>
  149. </p></div></div></li><li id="slide4">
  150. <h1>navigation</h1>
  151. <div><div class="cbp-content">
  152. <p>
  153. {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title} {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title} {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title} {block:iflink4title}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4title} {block:iflink5title}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5title} {block:iflink6title}<a href="{text:link 6 url}">{text:link 6 title}</a>{/block:iflink6title}
  154. </p></div></div></li><li id="slide5">
  155. <h1>Archives</h1>
  156. <div><div class="cbp-content">
  157. <p>
  158. <a href="/archive">
  159. archive
  160. </a>
  161. <a href="https://www.tumblr.com/liked/by/{Name}">likes</a>
  162. </p>
  163. </div></div></li></ul>
  164. <nav>
  165. <a href="#slide1"><span>title</span></a>
  166. <a href="#slide2"><span>profile</span></a>
  167. <a href="#slide3"><span>contact</span></a>
  168. <a href="#slide4"><span>navigate</span></a>
  169. <a href="#slide5"><span>index</span></a>
  170. </nav>
  171. </div></div>
  172. <div id="wrapper">
  173. {block:Posts}
  174. <!-- the area below removes the VIA and SOURCES of posts -->
  175. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  176. <div id="post">
  177. {block:Text}
  178. {block:Title}<h3>{title}</h3>{/block:Title} <div class="body">{body}</div>
  179. {/block:Text}
  180.  
  181. {block:Link}
  182. <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3> {block:Description} <div class="body">{Description}</div> {/block:Description}
  183. {/block:Link}
  184.  
  185. {block:Quote}
  186. <h3>{Quote}</h3> {block:Source} <p style="padding:5px;">&mdash; {Source}</p> {/block:Source}
  187. {/block:Quote}
  188.  
  189. {block:Photo}
  190. {block:IndexPage}{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/> {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {block:IndexPage}{/block:IndexPage}
  191. {/block:Photo}
  192.  
  193. {block:Chat} <div class="body"> {block:Title} {Title} {/block:Title} {block:Lines} {block:Label} <h3>{Label}</h3> {/block:Label} <div class="line"> <li>{Line}</li></div> {/block:Lines} </div>
  194. {/block:Chat}
  195.  
  196. {block:Video} {Video-400} {/block:Video}
  197.  
  198. {block:Photoset} {Photoset-400} {/block:Photoset}
  199.  
  200. {block:Audio} <div style="padding: 10px; background: black; color: white;"> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt} <center>{AudioPlayerBlack} {block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</center> </div>
  201. {/block:Audio}
  202.  
  203. {block:Answer} <h3 style="font-size: 12px;"> {Question} <p align="right" style="margin: 0px;padding:2px;">&mdash; {Asker}</p> </h3> {Answer}
  204. {/block:Answer}
  205.  
  206. {block:IndexPage}
  207. <div class="permalinks">
  208. {block:caption}<div class="caption">{Caption}</div>{/block:caption}
  209. <a href="{Permalink}" title="{Month} {DayofMonth} {12Hour}:{Minutes} {AmPm}">{NoteCount} N</a>
  210. <a href="{ReblogURL}" target="_blank" class="details" style="float: right;" title="reblog">r</a>
  211. <div style="{block:ifnottags}display:none;{/block:ifnottags}">{block:HasTags}<br>T
  212. {block:Tags}<a href="{TagURL}" target="blank">{Tag}</a> {/block:Tags}
  213. {/block:HasTags}</div>
  214. </div>
  215. {/block:IndexPage}
  216.  
  217. {block:PermalinkPage} <div style="padding: 25px;"> {Caption} </div> Posted {TimeAgo} with {NoteCountWithLabel}<br>{block:HasTags}Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes} {/block:PermalinkPage} </div>
  218. {/block:Posts}
  219. {block:ifnotinfinitescroll}
  220. {block:Pagination}<div id="post" style="padding-bottom: 10px; text-align: center; text-transform: uppercase;"> {block:PreviousPage} <a href="{PreviousPage}">past</a> {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage} <a href="{NextPage}">forward</a> {/block:NextPage}</div>{/block:Pagination}{/block:ifnotinfinitescroll}
  221. </div></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement