API tools faq
paste
Advertisement
t-offee

Dottie Theme (OLD)

t-offee
Apr 21st, 2013
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.95 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------------
  2.  
  3.  
  4. /// dottie theme by ally
  5.  
  6. © 2014 stahrfruits.tumblr.com
  7.  
  8.  
  9. -------------------------------------------------------------------------->
  10. <!DOCTYPE html>
  11. <html>
  12. <head>
  13. <meta name="color:Background" content="#ffffff" />
  14. <meta name="color:Body links" content="#615151" />
  15. <meta name="color:Body text" content="#1d1818" />
  16. <meta name="color:Masthead background" content="#aaaaaa" />
  17. <meta name="color:Masthead links" content="#000000" />
  18. <meta name="color:Masthead text" content="#ffffff" />
  19. <meta name="color:Post color" content="#feffe6" />
  20. <meta name="color:Text highlight" content="#d83e3e" />
  21. <meta name="font:Body" content='Georgia,serif'/>
  22. <meta name="if:Infinite scroll" content="1"/>
  23. <meta name="if:Masthead search" content="1"/>
  24. <meta name="if:Masthead portrait" content="1"/>
  25. <meta name="text:Font size" content='0.8em'/>
  26. <meta name="text:Google Analytics ID" content=''/>
  27. <meta name="image:Masthead" content="" />
  28. <meta name="image:Background" content="" />
  29. <meta name="text:Post margin" content='10px'/>
  30. <meta name="text:Post width" content='38%'/>
  31. <meta name="text:Google Web Font name" content='Petit Formal Script'/>
  32. <link href='http://fonts.googleapis.com/css?family={text:Google Web Font name}' rel='stylesheet' type='text/css'>
  33.  
  34. {block:Description}
  35. <meta name="description" content="{MetaDescription}" />
  36. {/block:Description}
  37. <meta charset="utf-8">
  38. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  39. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  43. <style type="text/css">
  44. /*Basic styles*/
  45. ::-moz-selection {
  46. background: {color:Text highlight};
  47. color: #fff;
  48. }
  49. ::selection {
  50. background: {color:Text highlight};
  51. color: #fff;
  52. }
  53. #content {
  54. margin: 2%;
  55. width: 64%;
  56. float: right;
  57. }
  58. body {
  59.  
  60. background: {color:Background} url('{image:Background}');
  61. color: {color:Body text};
  62. font-family: '{text:Google Web Font name}';
  63. font-size: {text:Font size};
  64. margin: 0;
  65. padding: 0;
  66. }
  67. a {
  68. color: {color:Body links};
  69. text-decoration: none;
  70. }
  71. blockquote {
  72. background: rgba(0, 0, 0, 0.2);
  73. border-left: 10px solid rgba(0, 0, 0, 0.2);
  74. margin: 0;
  75. padding: 2%;
  76. }
  77. iframe, img, embed, object, video {
  78. max-width: 100%;
  79. }
  80. img {
  81. height: auto;
  82. width: auto;
  83. }
  84. /*Masthead/Sidebar*/
  85. #masthead {
  86. background: {color:Masthead background} url('{image:Masthead}');
  87. padding: 3%;
  88. color: {color:Masthead text};
  89. width: 20%;
  90. float: left;
  91. margin: 3%;
  92. }
  93. #masthead a {
  94. color: {color:Masthead links};
  95. }
  96. nav li {
  97. display: inline;
  98. }
  99. /*Article*/
  100. article {
  101. background: {color:Post color};
  102. margin: {text:Post margin};
  103. padding: 3%;
  104. width: {text:Post width};
  105. }
  106. .chat span {
  107. float: left;
  108. margin-right: 1%;
  109. }
  110. /*Metadata*/
  111. .metadata {
  112. display: inline-block;
  113. width: 100%;
  114. }
  115. .notecount {
  116. float: right;
  117. }
  118. .reblogged {
  119. float: right;
  120. margin: 3% 0;
  121. width: 100%;
  122. }
  123. /*Tags and notes*/
  124. #tags, nav ul, .chat ul {
  125. list-style: none;
  126. list-style-image: none;
  127. margin: 0;
  128. padding: 0;
  129. }
  130. #tags li {
  131. float: left;
  132. margin-right: 1%;
  133. }
  134. .notes {
  135. clear: both;
  136. padding: 0;
  137. }
  138.  
  139. .nine{
  140. bottom:5px;
  141. right:5px;
  142. font-size:11px;
  143. z-index:4;
  144. position:fixed;
  145. font-family: "petit formal script";
  146. padding:0px;
  147. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  148. }
  149. .nine:hover{
  150. bottom:15px;
  151. font-family: "petit formal script";
  152. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  153. }
  154. .nine .linkk{opacity:0;
  155. bottom:5px;
  156. right:7px;
  157. font-family: "petit formal script";
  158. font-size:11px;
  159. z-index:4;
  160. position:fixed;
  161. padding:0px;
  162. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  163. }
  164. .nine:hover .linkk{
  165. opacity:0.9;
  166. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  167. }
  168.  
  169.  
  170. </style>
  171. </head>
  172. <body>
  173.  
  174.  
  175. <!--Sidebar/masthead-->
  176. <header id="masthead">
  177. <!--Details: portrait (optional), title and description-->
  178. <center><div id="header">
  179. {block:IfMastheadPortrait}
  180. <img src="{PortraitURL-128}"/>
  181. {/block:IfMastheadPortrait}
  182.  
  183. <h1><a href="/" title="{lang:Home}">{Title}</a></h1></center>
  184. {block:Description}
  185. <p>{Description}</p>
  186. {block:Description}
  187. </div>
  188. <!--Navigation-->
  189. <nav>
  190. <ul>
  191. {block:Pages}
  192. <li> <a href="{URL}">{Label} ♡ </a></li>
  193. {/block:Pages}
  194. {/block:HasPages}<br>
  195. {block:SubmissionsEnabled}
  196. <li> <a href="/submit">{SubmitLabel}</a></li>
  197. {/block:SubmissionsEnabled}
  198. {block:AskEnabled}
  199. <li> <a href="/ask"> ♡ {AskLabel}</a></li>
  200. {/block:AskEnabled}
  201. <li> <a href="http://c-innamonbun.tumblr.com/"> ♡ Credit</a></li>
  202. </ul>
  203. </nav>
  204. <!--Search form (optional)-->
  205. {block:IfMastheadSearch}
  206. <form action="/search" method="get">
  207. <input type="text" name="q" value="{SearchQuery}"/>
  208. <input type="submit" value="{lang:Search}"/>
  209. </form>
  210. {/block:IfMastheadSearch}
  211. </header>
  212. <!--Content holder-->
  213. <div id="content">
  214. {block:Posts}
  215. <article>
  216. <!--Metadata: date, note count-->
  217. <header class="metadata">
  218. {block:Date} <a href="{Permalink}"> <time>{DayOfMonth} {Month} {Year}</time> </a> {/block:Date}
  219.  
  220. {block:NoteCount} <a class="notecount" href="{Permalink}#notes">{NoteCountWithLabel}</a> {/block:NoteCount}
  221. </header>
  222. <!--Unique code for each post type-->
  223. {block:Text}
  224. <div class="text">
  225. {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  226. {Body}
  227. {/block:Text}
  228.  
  229. {block:Photo}
  230. <div class="photo">
  231. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  232. {block:Caption}{Caption}{/block:Caption}
  233. {/block:Photo}
  234.  
  235. {block:Photoset}
  236. <div class="photoset">
  237. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  238. {block:PermalinkPage}{Photoset-700}{/block:PermalinkPage}
  239. {block:Caption}{Caption}{/block:Caption}
  240. {/block:Photoset}
  241.  
  242. {block:Quote}
  243. <div class="quote">
  244. <blockquote>{Quote}</blockquote>
  245. {block:Source}<cite> {Source} </cite>{/block:Source}
  246. {/block:Quote}
  247.  
  248. {block:Link}
  249. <div class="link">
  250. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  251. {block:Description}{Description}{/block:Description}
  252. {/block:Link}
  253.  
  254. {block:Chat}
  255. <div class="chat">
  256. <ul>
  257. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  258. </ul>
  259. {/block:Chat}
  260.  
  261. {block:Audio}
  262. <div class="audio">
  263. {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
  264. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div>
  265. <div class="player">{AudioPlayerBlack}</div>
  266. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  267. {block:Caption}{Caption}{/block:Caption}
  268. {/block:Audio}
  269.  
  270. {block:Video}
  271. <div class="video">
  272. <div class="video-player">{Video-500}</div>
  273. {block:Caption}{Caption}{/block:Caption}
  274. {/block:Video}
  275.  
  276. {block:Answer}
  277. <div class="answer">
  278. <h1 class="title">{Question}</h1>
  279. <div class="user"><img src="{AskerPortraitURL-96}"/><p>{Asker}</p></div>
  280. {Answer}
  281. {/block:Answer}
  282. </div>
  283. <footer class="details">
  284. {block:ContentSource}
  285. <div class="reblogged">
  286. <!--Content source-->
  287. <a href="{SourceURL}">{lang:Source}:{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  288. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}</a>
  289. </div>
  290. {/block:ContentSource}
  291. {block:Permalink}
  292. <!--Tags and notes on displayed on permalink pages-->
  293. {block:HasTags}
  294. <ul id="tags">
  295. {block:Tags}<li> <a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
  296. </ul>
  297. {/block:HasTags}
  298. {block:PostNotes}
  299. <div id="notes">
  300. {PostNotes}
  301. </div>
  302. {/block:PostNotes}
  303. {/block:Permalink}
  304. </footer>
  305. </article>
  306. {/block:Posts}
  307. <!--Close of article-->
  308. </div>
  309. <!--Pagination: previous/next page links-->
  310. {block:Pagination}
  311. <div class="pagination">
  312. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  313. {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
  314. </div>
  315. {/block:Pagination}
  316. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  317. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  318. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  319. {block:IfInfiniteScroll}
  320. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  321. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  322. <!--
  323. http://buildthemes.tumblr.com/code/base-sidebar
  324. -->
  325. {/block:IfInfiniteScroll}
  326. <!--Code for infinite scroll and grid layout-->
  327. <script>
  328. (function() {
  329. var $tumblelog = $('#content');
  330. {block:IfInfiniteScroll}
  331. $tumblelog.infinitescroll({
  332. navSelector : ".pagination",
  333. nextSelector : ".pagination a:first",
  334. itemSelector : "article",
  335. bufferPx : 50,
  336. done : "",
  337. loading: {
  338. img : "",
  339. msgText: ""
  340. },
  341. },
  342. function( newElements ) {
  343. var $newElems = $( newElements ).css({ opacity: 0 });
  344. $newElems.imagesLoaded(function(){
  345. $newElems.animate({ opacity: 1 });
  346. $tumblelog.masonry( 'appended', $newElems);
  347. });
  348. }
  349. );
  350. {/block:IfInfiniteScroll}
  351. $tumblelog.imagesLoaded( function(){
  352. $tumblelog.masonry({
  353. columnWidth: function( containerWidth ) {
  354. return containerWidth / 100;
  355. }
  356. });
  357. });
  358. })();
  359. </script>
  360. <!--For users adding Google Analytics ID-->
  361. <script>
  362. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  363. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  364. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  365. s.parentNode.insertBefore(g,s)}(document,'script'));
  366. </script>
  367. </body>
  368.  
  369. <div class="nine"><a href="http://c-innamonbun.tumblr.com">theme credits</a><br><div class="linkk"><a href="http://c-innamonbun.tumblr.com">c-innamonbun</a></div>
  370.  
  371. </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!