Advertisement
lilyc1342

Lunar

May 31st, 2014
451
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.06 KB | None | 0 0
  1. <!--
  2. By Solus Themes
  3.  
  4. Rules of the road:
  5. 1. Do not remove the credit
  6. 2. Do not use as a base code
  7. 3. Do not take bits of code
  8. Must like and reblog the theme post before using the theme!
  9. -->
  10.  
  11.  
  12. <html>
  13. <head>
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <!--meta tags-->
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#000000"/>
  24. <meta name="color:Link" content="#000000"/>
  25. <meta name="color:Tags" content="#f0f0f0"/>
  26. <meta name="color:Hover" content="#f2f2f2"/>
  27. <meta name="color:Line" content="#f2f2f2"/>
  28. <meta name="color:Border" content="#ffffff"/>
  29. <meta name="color:Post" content="#ffffff"/>
  30. <meta name="color:Asker" content="#f8f8f8"/>
  31. <meta name="color:description" content="#000000"/>
  32. <meta name="color:Title" content="#000000"/>
  33. <meta name="color:scrollbarbg" content="ffffff"/>
  34.  
  35. <meta name="image:bg" content=""/>
  36. <meta name="image:header" content=""/>
  37. <meta name="if:Show header" content="0" />
  38. <meta name="text:Updates" content="Updates Here" />
  39.  
  40. <meta name="text:Link 1 url" content="" />
  41. <meta name="text:Link 1 Text" content="" />
  42. <meta name="text:Link 2 url" content="" />
  43. <meta name="text:Link 2 Text" content="" />
  44. <meta name="text:Link 3 url" content="" />
  45. <meta name="text:Link 3 Text" content="" />
  46. <meta name="text:Link 4 url" content="" />
  47. <meta name="text:Link 4 Text" content="" />
  48. <meta name="text:Link 5 url" content="" />
  49. <meta name="text:Link 5 Text" content="" />
  50. <meta name="if:Show Link 5" content="1" />
  51.  
  52.  
  53.  
  54. <!---tool tip/hover text--->
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56.  
  57. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  58.  
  59. <script>
  60.  
  61. (function($){
  62.  
  63. $(document).ready(function(){
  64.  
  65. $("a[title]").style_my_tooltips({
  66.  
  67. tip_follows_cursor:true,
  68.  
  69. tip_delay_time:90,
  70.  
  71. tip_fade_speed:600,
  72.  
  73. attribute:"title"
  74.  
  75. });
  76.  
  77. });
  78.  
  79. })(jQuery);
  80.  
  81. </script>
  82. <!--end-->
  83.  
  84. <style type="text/css">
  85.  
  86. /* --- SCROLLBAR ---*/
  87.  
  88. ::-webkit-scrollbar {
  89. width: 5px;height: 5px;
  90. }
  91. ::-webkit-scrollbar-button:start:decrement,
  92. ::-webkit-scrollbar-button:end:increment {
  93. height: 6px;display: block;background-color: {color:white};
  94. }
  95. ::-webkit-scrollbar-track-piece {
  96. background-color: {color:scrollbarbg};
  97. }
  98. ::-webkit-scrollbar-thumb:vertical {
  99. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};
  100. }
  101.  
  102. /* --- BODY ---*/
  103. body {
  104. background:url('{image:bg}')no-repeat center center fixed;
  105. -webkit-background-size: cover;
  106. -moz-background-size: cover;
  107. -o-background-size: cover;
  108. background-size: cover;
  109. background-color:{color:background};
  110. margin: 0px;
  111. color: {color:text};
  112. font-family:times;
  113. font-size:11px;
  114. line-height:100%;
  115. }
  116. img {
  117. border:none;
  118. }
  119. a {
  120. text-decoration:none;
  121. text-align:left;
  122. outline:none;
  123. color:{color:Link};
  124. }
  125.  
  126. blockquote {
  127. padding-left:5px;
  128. border-left:3px solid;
  129. }
  130. blockquote blockquote {
  131. padding-left:5px;
  132. border-left:3px solid;
  133. }
  134. h1 {
  135. font-size:11px;
  136. text-transform:uppercase;
  137. }
  138. /*--Posts!--*/
  139. #entries {
  140. width:500px;
  141. margin:75px auto;
  142. font-size:10px;
  143. padding-top:50px;
  144. }
  145. #post {
  146. width:500px;
  147. padding:5px;
  148. padding-bottom:150px;
  149. padding-top:0px;
  150. }
  151.  
  152. /*--Messages--*/
  153. #asker {
  154. padding:10px;
  155. font-family:times;
  156. letter-spacing:1px;
  157. text-align:left;
  158. font-style:italic;
  159. margin-left:0px;
  160. background-color:{color:Asker};
  161. }
  162. /*--header--*/
  163.  
  164. #header {
  165. width:300px;
  166. opacity:1;
  167. height:100%;
  168. padding:0px 20px 70px 0px;
  169. position:fixed;
  170. left:-275px;
  171. transition-duration: 0.8s;
  172. -moz-transition-duration: 0.8s;
  173. -webkit-transition-duration: 0.8s;
  174. -o-transition-duration: 0.8s;
  175. }
  176. #header:hover {
  177. left:1px;
  178. transition-duration: 0.8s;
  179. -moz-transition-duration: 0.8s;
  180. -webkit-transition-duration: 0.8s;
  181. -o-transition-duration: 0.8s;
  182. }
  183. #header img {
  184. width:200px;
  185. height:125px;
  186. padding-top:20px;
  187. margin-left:35px;
  188.  
  189.  
  190. }
  191. #title {
  192. position:relative;
  193. font-family:times;
  194. line-height:100%;
  195. font-size:22px;
  196. font-weight:90%;
  197. text-transform:lowercase;
  198. width:200px;
  199. margin-top:0px;
  200. padding:0px 10px 0px 0px;
  201. margin-left:20px;
  202. text-align:right;
  203. float:right;
  204. color:{color:Title};
  205. }
  206. #description {
  207. position:relative;
  208. font-family:times;
  209. line-height:100%;
  210. font-size:10px;
  211. font-style:normal;
  212. width:200px;
  213. margin-left:20px;
  214. margin-top:15px;
  215. padding:10px 35px 15px 20px;
  216. border-top:1px solid {color:Link};
  217. text-align:right;
  218. color:{color:description};
  219. float:left;
  220. }
  221. .prada {
  222. float:left;
  223. margin-top:30px;
  224. position:absolute;
  225. width:250px;
  226. border-right:1px solid {color:Link};
  227. height:500px;
  228. }
  229.  
  230. .links {
  231. font-family:times;
  232. font-size:9px;
  233. text-transform:lowercase;
  234. letter-spacing: 1px;
  235. background-color:none;
  236. height:auto;
  237. width:50px;
  238. float:right;
  239. text-align:left;
  240.  
  241. }
  242. .links a{
  243. background-color:{color:Link};
  244. width:4px;
  245. height:4px;
  246. margin-top:0px;
  247. border-radius:50px;
  248. padding: 0px 5px 0px 5px;
  249. transition-duration: 0.8s;
  250. -moz-transition-duration: 0.8s;
  251. -webkit-transition-duration: 0.8s;
  252. -o-transition-duration: 0.8s;
  253. }
  254. .links li {
  255. list-style:none;
  256. line-height:1500%;
  257. padding-left:20px;
  258. margin-top:5px;
  259. padding-right:100px;
  260. }
  261. {block:IfShowLink5} .links li {line-height:1250%; margin-top:-2px;}{/block:IfShowLink5}
  262. .links a:hover{
  263. background-color:{color:Background};
  264.  
  265.  
  266.  
  267. }
  268.  
  269. /*--Info!--*/
  270. #info {
  271. text-align:left;
  272. text-transform:none;
  273. font-size:10px;
  274. padding:0px 5px;
  275. font-style:none;
  276. margin-top:10px;
  277. border-top:1px solid {color:Line};
  278. opacity:0;
  279. transition-duration: 0.8s;
  280. -moz-transition-duration: 0.8s;
  281. -webkit-transition-duration: 0.8s;
  282. -o-transition-duration: 0.8s;
  283. }
  284.  
  285. #post:hover #info {
  286. opacity:1;
  287. transition-duration: 0.8s;
  288. -moz-transition-duration: 0.8s;
  289. -webkit-transition-duration: 0.8s;
  290. -o-transition-duration: 0.8s;
  291. }
  292. /*--Tags!--*/
  293. #tags {
  294. opacity:1;
  295. float:right;
  296. }
  297. #tags a{
  298. padding-left:3px;
  299. transition-duration: 0.8s;
  300. -moz-transition-duration: 0.8s;
  301. -webkit-transition-duration: 0.8s;
  302. -o-transition-duration: 0.8s;
  303. }
  304. #tags a:hover{
  305. color:{color:Hover};
  306. transition-duration: 0.8s;
  307. -moz-transition-duration: 0.8s;
  308. -webkit-transition-duration: 0.8s;
  309. -o-transition-duration: 0.8s;
  310. }
  311. #updates {
  312. border:1px solid {color:Link};
  313. width:50px;
  314. padding:10px;
  315. text-align:center;
  316. float:right;
  317. font-size:10px;
  318. position:static;
  319. margin-top:10px;
  320. margin-left:100px;
  321. margin-right:12px;
  322. opacity:0;
  323. transition-duration: 0.8s;
  324. -moz-transition-duration: 0.8s;
  325. -webkit-transition-duration: 0.8s;
  326. -o-transition-duration: 0.8s;
  327.  
  328. }
  329. .prada:hover #updates {
  330. opacity:1;
  331. }
  332.  
  333. /*--Pagination!--*/
  334.  
  335. #pagination {
  336. text-transform:lowercase;
  337. padding-bottom:100px;
  338. font-size:10px;
  339. padding-top:100px;
  340. padding-left:200px;
  341. padding-right:200px;
  342. width:100px;
  343. }
  344. #pagination a {
  345. text-decoration:none;
  346. padding-bottom:100px;
  347. padding:15px;
  348. color:{color:Links};
  349. transition-duration: 0.8s;
  350. -moz-transition-duration: 0.8s;
  351. -webkit-transition-duration: 0.8s;
  352. -o-transition-duration: 0.8s;
  353.  
  354. }
  355. #pagination a:hover {
  356. color:{color:Background};
  357. transition-duration: 0.8s;
  358. -moz-transition-duration: 0.8s;
  359. -webkit-transition-duration: 0.8s;
  360. -o-transition-duration: 0.8s;
  361.  
  362. }
  363.  
  364. /*---- TOOLTIP (hover text)----*/
  365. #s-m-t-tooltip {
  366.  
  367. max-width:300px;
  368.  
  369. opacity:1;
  370.  
  371. padding:3px 2px 2px 2px;
  372.  
  373. margin:-20px 0px -50px 0px;
  374.  
  375. background-color:none; /* change the background color */
  376.  
  377. border:0.5px solid #5D7B93; /* change the border color */
  378.  
  379. font-family:times; /* change the font */
  380.  
  381. font-size:10px; /* change the font size */
  382.  
  383. letter-spacing:2px; /* change the letter spacing */
  384.  
  385. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  386.  
  387. color:{color:link}; /* change the text color */
  388.  
  389. z-index:1000;
  390.  
  391. }
  392.  
  393. {CustomCSS}
  394.  
  395.  
  396. </style>
  397. </head>
  398.  
  399. <body>
  400.  
  401.  
  402. <div id="header">
  403.  
  404. <div class="prada">
  405.  
  406. {block:IfShowHeader}<img src="{image:header}"/>{/block:IfShowHeader}
  407. <div id="description">
  408. {Description}
  409. </div>
  410. <div id="title"><a href="/">{Title}</a></div>
  411. <div id="updates">{text:Updates}</div>
  412. </div>
  413.  
  414. <div class="links">
  415. <ul>
  416. <li><a title="{text:Link 1 Text}" href="{text:Link 1 url}"></a></li>
  417. <li><a title="{text:Link 2 Text}" href="{text:Link 2 url}"></a></li>
  418. <li><a title="{text:Link 3 Text}" href="{text:Link 3 url}"></a></li>
  419. <li><a title="{text:Link 4 Text}" href="{text:Link 4 url}"></a></li>
  420. {block:IfShowLink5}<li><a title="{text:Link 5 Text}" href="{text:Link 5 url}"></a></li>{/block:IfShowLink5}
  421. </div>
  422. </ul>
  423.  
  424.  
  425.  
  426. </div>
  427.  
  428. <div id="entries">
  429. {block:Posts}<div id="post">
  430.  
  431. {block:Text}
  432. <h1>{block:Title}{Title}{/block:Title}</h1>
  433. {Body}
  434. {/block:Text}
  435.  
  436. {block:Photo}
  437. {LinkOpenTag}
  438. <img src="{PhotoURL-500}">
  439. {LinkCloseTag}
  440. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  441. {/block:Photo}
  442.  
  443. {block:Photoset}
  444. {Photoset-500}
  445. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  446. {/block:Photoset}
  447.  
  448. {block:Quote}<div style="font-size:15px;text-align:center;line-height:110%;">"{Quote}"</div>{/block:Quote}
  449.  
  450. {block:Link}
  451. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  452. {block:Description}{Description}{/block:Description}
  453. {/block:Link}
  454.  
  455. {block:Chat}
  456. {block:Title}<h1>{Title}</h1>{/block:Title}
  457. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label}
  458. {Line}<br>{/block:Lines}
  459. {/block:Chat}
  460.  
  461. {block:Audio}
  462. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />
  463. {/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  464. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  465. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  466. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  467. {/block:Audio}
  468.  
  469. {block:Video}
  470. {Video-500}
  471. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  472. {/block:Video}
  473.  
  474. {block:Answer}
  475. <div id="asker">
  476. <span style="font-family:modern;font-size:10px;font-style:italic;">{Asker}: </span>{Question}</div><left><font face="modern"><div style="margin-left:5px">{Answer}</div></font>
  477. {/block:Answer}
  478.  
  479. <div id="info">
  480. <br><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> {block:PermalinkPage} {block:ContentSource}<a href="{SourceURL}"><a href="{SourceURL}"> creator</a>{/block:ContentSource} {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank">via</a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:PermalinkPage}
  481. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  482.  
  483. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  484.  
  485.  
  486. {/block:Posts}
  487. <div id="pagination">
  488. {block:Pagination}
  489. {block:PreviousPage}
  490. <a href="{PreviousPage}">Back</a>
  491. {/block:PreviousPage}
  492. {block:NextPage}
  493. <a href="{NextPage}">Forth</a>
  494. {/block:NextPage}
  495. {/block:Pagination}
  496. </div>
  497. </div>
  498.  
  499. </div>
  500. </div>
  501.  
  502.  
  503. </p>
  504. <!--
  505. THEME MAKER CREDIT: DO NOT DELETE
  506. -->
  507.  
  508. <div style="position:fixed;bottom:10px; right:10px; font-size:8px; letter-spacing:1px; font-family:modern;"><a title="solus themes"href="http://boromihrs.tumblr.com/"> ◐</a></center></div>
  509. </body>
  510. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement