Advertisement
milandolly

theme edit

Apr 9th, 2015
362
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.04 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  13.  
  14. <!--
  15. Sleep Wave 2.0
  16. Created by http://aiurare.tumblr.com
  17. 2011
  18. -->
  19.  
  20. <meta name="color:Text" content="#333333"/>
  21. <meta name="color:Links" content="#000000"/>
  22. <meta name="color:Accent" content="#0EEDC1"/>
  23. <meta name="text:Font Size" content="12"/>
  24. <meta name="text:Post Gaps" content="25"/>
  25. <meta name="font:Body" content="Helvetica"/>
  26. <meta name="if:Faded Images On Hover" content="0"/>
  27. <meta name="if:Show Captions" content="0"/>
  28. <meta name="if:Smaller Posts" content="0"/>
  29.  
  30. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/53unaru/yGsljir92/stylesheet.css" />
  31.  
  32. <style type="text/css">
  33.  
  34. body {
  35. font-size: {text:Font Size}px;
  36. font-family: {font:Body};
  37. color: {color:Text};
  38. text-align:justify;
  39. height:100%;
  40. }
  41.  
  42. body {
  43. background:#F50;
  44. transition:all 400ms ease-in;
  45. }
  46.  
  47. .scrolling {
  48. background:#FF0;
  49. transition:all 400ms ease-in;
  50.  
  51.  
  52.  
  53. }
  54. table tr {
  55. vertical-align: top;
  56.  
  57. }
  58. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  59. display:none;}
  60.  
  61. iframe#tumblr_controls {
  62. position:fixed !important;
  63.  
  64. }
  65. a {
  66. text-decoration:none;
  67. color:{color:Links};
  68. border-bottom:0px
  69. solid {color:Accent};
  70.  
  71. }
  72. a img {
  73. border:none;
  74.  
  75. }
  76. {block:IfFadedImagesOnHover}
  77. img{
  78. opacity:1;-moz-transition: 0.3s ease-in;
  79. -webkit-transition: 0.3s ease-in;
  80. -o-transition: 0.3s ease-in;transition: 0.3s ease-in;
  81.  
  82. }
  83. {block:IndexPage}img:hover{opacity:0.5;-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in;-o-transition: 0.3s ease-in;transition: 0.3s ease-in;}{/block:IndexPage}{/block:IfFadedImagesOnHover}
  84.  
  85. {block:IfNotSmallerPosts}
  86. .post {max-width:800px;min-width:250px; margin:0px {text:Post Gaps}px 0px 0px;}
  87. .post img {max-width:800px; min-width:100px; height:500px;}
  88. {/block:IfNotSmallerPosts}
  89. {block:IfSmallerPosts}
  90. .post {max-width:500px;min-width:200px; margin:0px {text:Post Gaps}px 0px 0px; max-height:350px;}
  91. .post img {max-width:500px; min-width:250px;{block:IndexPage}height:350px;{/block:IndexPage}}
  92. {/block:IfSmallerPosts}
  93. #posts {margin-top:180px;}
  94. {block:IfNotSmallerPosts}
  95. div.video embed,
  96. div.post div.video object { width:600px !important; height:485px !important;
  97. }
  98. {/block:IfNotSmallerPosts}
  99. {block:IfSmallerPosts}
  100. div.video embed,
  101. div.post div.video object { width:500px !important; height:335px !important;
  102. }
  103. {/block:IfSmallerPosts}
  104. ::-webkit-scrollbar-thumb:vertical {
  105. background-color:#fff;
  106. height:10px;
  107. }
  108.  
  109.  
  110. ::-webkit-scrollbar-thumb:horizontal {
  111. background-color:#ddd;
  112. height:10px;
  113. }
  114. ::-webkit-scrollbar {
  115. height:10px;
  116. width:10px;
  117. background-color:#000;
  118. }
  119. .post ul { list-style-type:none; margin:0px; padding:0px;
  120. }
  121. .permalink{
  122. margin-top:10px;
  123. font-size:11px;
  124. font-style:italic;
  125. }
  126. #header h3{
  127. font-weight:normal;
  128. font-size:12px;
  129. text-transform:uppercase;
  130. color:#999;
  131. margin-top:-5px;
  132. margin-left:10px;
  133. margin-bottom:-3px;
  134. }
  135. #site-info, .menu{
  136. display:inline;
  137. float:left;}
  138. #site-info, .menu{
  139. display:inline;
  140. float:left;
  141. }
  142. .menu{
  143. list-style:none;
  144. padding:0;
  145. margin:20px 0 0 40px;
  146. }
  147. .menu li{
  148. -webkit-text-stroke: 1px transparent;
  149. display:inline;
  150. float:left;
  151. font-size:22px;
  152. text-transform:uppercase;
  153. margin-left:40px;
  154. position:relative;
  155. }
  156. .menu li:first-child{margin-left:0;}
  157. .menu li a{
  158. text-decoration:none;
  159. color:#999;
  160. border-bottom:0px solid #FFF;
  161. }
  162. .menu li a:hover, .menu li.current-menu-item a{
  163. color:fff;
  164. border-bottom:2px solid {color:Accent};
  165. text-shadow:2px 2px 1px rgba(0,0,0,0.13);
  166. -moz-text-shadow:2px 2px 1px rgba(0,0,0,0.13);
  167. }
  168. .menu li ul{
  169. margin:0;
  170. position:absolute;
  171. top:25px;
  172. left:-10px;
  173. width:150px;
  174. background:#fff;
  175. padding:10px;
  176. z-index:20;
  177. display:none;
  178. -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
  179. -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
  180. box-shadow:1px 1px 3px rgba(0,0,0,0.2);
  181. }
  182. .menu li:hover ul{
  183. display:block;
  184. }
  185. .menu li ul li a{
  186. font-size:12px;
  187. font-family:verdana, sans-serif;
  188. }
  189. .menu li ul li{
  190. display:block;
  191. clear:both;
  192. margin:0 0 10px 0;
  193. line-height:12px;
  194. }
  195. menu li a, #header h1 a, .navigation a{
  196. -webkit-transition: all 200ms linear; /*safari and chrome */
  197. -moz-transition: all 200ms linear; /* firefox */
  198. -o-transition: all 200ms linear; /* opera */
  199. transition: all 200ms linear;
  200. }.navigation{
  201. margin-left:10px;
  202. overflow:hidden;
  203.  
  204.  
  205. }
  206. .navigation a{
  207. background:#fff;
  208. border:1px solid rgba(0,0,0,0.1);
  209. border-radius:10px;
  210. padding:5px 10px;
  211. display:inline-block;
  212. text-decoration:none;
  213. }
  214. .navigation a:hover{
  215. background:#5096cb;
  216. color:#FFF;
  217. }
  218. #header h1 a,
  219. .menu li a{
  220. font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif;
  221. }
  222. #header{
  223. left:0px;
  224. {block:PermalinkPage}position:absolute;{/block:PermalinkPage}
  225. {block:IndexPage}position:fixed;{/block:IndexPage}
  226. top:0px;
  227. width:100%;
  228. margin-bottom:30px;
  229. padding:10px 0px 10px 0px;
  230. background:#000;
  231. border-bottom:1px solid rgba(0,0,0,0.15);
  232. }
  233.  
  234.  
  235. #header h1 a{
  236. font-weight:normal;
  237. font-size:58px;
  238. text-transform:uppercase;
  239. letter-spacing:1px;
  240. line-height:24px;
  241. border:none;
  242. display:block;
  243. text-decoration:none;
  244. text-shadow:2px 2px 1px rgba(0,0,0,0.13);
  245. }
  246. #header h1 a:hover{
  247. color:{color:Accent};
  248. }
  249. h2 { font-size: 25px; text-transform:uppercase;font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif;padding:0px; margin:0px;}
  250. h2 a{text-decoration:none;}
  251. .blogtitle{font-size:13px; margin-bottom:30px; font-weight:bold;}
  252. .quote{font-size:25px; line-height:25px; font-style:italic; margin-bottom:10px;}
  253. .footer{margin-top:60px; font-size:9px; color:{color:Text};}
  254. </style>
  255.  
  256. <script src="http://static.tumblr.com/fiton9k/T5Mlg92fv/jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script>
  257.  
  258. <script type="text/javascript" charset="utf-8">
  259. $(function(){
  260. $("#page-wrap").wrapInner("<table><tr>");
  261. $(".post").wrap("<td>");
  262. });
  263. </script>
  264.  
  265. <script src="http://static.tumblr.com/fiton9k/D0Plgbx3t/hscroll.js" type="text/javascript" charset="utf-8"></script>
  266.  
  267.  
  268.  
  269. </head>
  270.  
  271.  
  272. <body>
  273.  
  274.  
  275. <img src="http://static.tumblr.com/wursda0/s6knmi9mm/fbmk.png"height="38px" style="position:fixed; top:19px; right:0px; padding:10px; z-index:999"/>
  276.  
  277. <img src="http://static.tumblr.com/wursda0/cmgnmi28z/giftbox.png"height="45px" style="position:fixed; top:12px; right:50px; padding:10px; z-index:999"/>
  278.  
  279. <img src="http://bestcamera.biz/wp-content/uploads/2014/08/instagram-icon-white.png"height="45px" style="position:fixed; top:15px; right:105px; padding:10px; z-index:999"/>
  280.  
  281. <img src="http://www.notinghom.com/images/icons/twitter.png"height="45px" style="position:fixed; top:15px; right:155px; padding:10px; z-index:999"/>
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288.  
  289. <div id="header">
  290. <div id="site-info">
  291. <h1 id="logo"><a href="/">&nbsp;{Title}</a></h1>
  292. <h3>{block:Description}{Description}{/block:Description}</h3>
  293. </div>
  294. <div class="nav"><ul class="menu">{block:Pagination}<li id="menu-item">{block:PreviousPage}<a href="{PreviousPage}"><font color="{color:Accent}"><</font></a>{/block:PreviousPage}</li>{/block:Pagination}
  295. <li id="menu-item"><a href="">Love</a></li>
  296. <li id="menu-item"><a href="{RSS}">Stare</a></li>
  297. <li id="menu-item"><a href="/ask">Message</a></li>
  298. </li>
  299.  
  300.  
  301. {block:HasPages}<li id="menu-item"><a href="#">Navigation</a>
  302. <ul class="sub-menu">
  303. {block:Pages}<li class="menu-item"><a href="{URL}">{Label}</a></li>{/block:Pages}
  304. </ul>{/block:HasPages}
  305. <li id="menu-item"><a href="http://themesbyrawmoans.tumblr.com">theme</a></li>
  306. {block:Pagination}<li id="menu-item"><h2>{block:NextPage}<a href="{NextPage}"><font color="{color:Accent}">></font></a>{/block:NextPage}</h2></li>{/block:Pagination}
  307. </ul>
  308. </li></div>
  309. </div>
  310.  
  311. <div id="posts">
  312. <div id="page-wrap">
  313. {block:Posts}
  314.  
  315. {block:Text}<div class="post">
  316. {block:Title}<h2><a href="{Permalink}">{Title}</h2></a>
  317. {/block:Title}
  318. {Body}
  319. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>{/block:IndexPage}
  320. </div>
  321. {/block:Text}
  322.  
  323. {block:Photo}
  324. <div class="post">
  325. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  326. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  327. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
  328. {block:IndexPage}</a>{/block:IndexPage}
  329. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  330. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}
  331. {block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowCaptions}{/block:IndexPage}
  332. </div>
  333. {/block:Photo}
  334.  
  335. {block:Quote}<div class="post">
  336. <h2>&#8220;{Quote}&#8221;</h2>
  337. {block:Source}
  338. <div align="right">&#8212; {Source}</div>
  339. {/block:Source}
  340. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>{/block:IndexPage}
  341. </div>
  342. {/block:Quote}
  343.  
  344. {block:Link}<div class="post">
  345. <h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
  346. {block:Description}{Description}{/block:Description}
  347. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>{/block:IndexPage}
  348. </div>
  349. {/block:Link}
  350.  
  351. {block:Chat}<div class="post">
  352. {block:Title}
  353. <h3><a href="{Permalink}">{Title}</a></h3>
  354. {/block:Title}
  355. <ul class="chat">
  356. {block:Lines}
  357. <li class="{Alt} user_{UserNumber}">
  358. {block:Label}
  359. <span class="label">{Label}</span>
  360. {/block:Label}
  361. {Line}
  362. </li>
  363. {/block:Lines}
  364. </ul>
  365. </li>
  366. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>{/block:IndexPage}</div>
  367. {/block:Chat}
  368.  
  369. {block:Video}<div class="post">
  370. <div class="video">
  371. {Video-500}
  372. </div>
  373. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}
  374. {block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowCaptions}{/block:IndexPage}
  375. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>{/block:IndexPage}
  376. </div>
  377. {/block:Video}
  378.  
  379. {block:Audio}<div class="post">
  380. {AudioPlayerBlack}
  381. {block:IndexPage}
  382. {block:Caption}{Caption}{/block:Caption}
  383. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>{/block:IndexPage}
  384. </div>
  385. {/block:Audio}
  386.  
  387. {block:PermalinkPage}<div style="float:right;width:250px;">{block:Caption}{Caption}{/block:Caption}{block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:HasTags}<br>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}
  388.  
  389. {/block:Posts}
  390. </div>
  391. </div>
  392.  
  393. <script>
  394. $(document).on('scrollstart',function(){
  395. $('body').addClass('scrolling');
  396. });
  397.  
  398. $(document).on("scrollstop",function() {
  399. $('body').removeClass('scrolling');
  400. }); </script>
  401.  
  402. </body>
  403.  
  404. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement