API tools faq
paste
stardating

Winter Garden (Lucy's Layout)

stardating
Nov 22nd, 2014
185
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.64 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. LAYOUT: WINTER GARDEN (LUCY'S LAYOUT)
  4. MAKER: STARDATING
  5. BASE: FARAHMIR
  6. RESOURCES: THEWISEPOTATO
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!-- Default Variables -->
  20.  
  21. <meta name="color:Background" content="#F0F0F0"/>
  22. <meta name="color:Tooltip Background" content="#77AAAA"/>
  23. <meta name="color:Text" content="#AAAAAA"/>
  24. <meta name="color:Link" content="#444444"/>
  25. <meta name="color:Link Hover" content="#77AAAA"/>
  26.  
  27. <meta name="color:Scrollbar" content="#006075">
  28. <meta name="color:Scrollbarbg" content="#F0F0F0">
  29.  
  30. <meta name="image:Sidebar Image" content=""/>
  31. <meta name="color:Sidebar Title" content="#77AAAA"/>
  32. <meta name="color:Sidebar Link" content="#000000"/>
  33. <meta name="color:Sidebar Link Hover" content="#AAAAAA"/>
  34.  
  35. <meta name="color:Entry Title" content="#77AAAAA"/>
  36.  
  37. <meta name="color:Scroll Up Background" content="#77AAAA"/>
  38. <meta name="color:Scroll Up Text" content="#C0C0C0"/>
  39.  
  40. <meta name="color:Permalink" content="#000000"/>
  41. <meta name="color:Permalink Hover" content="#AAAAAA"/>
  42. <meta name="color:Tag" content="#000000"/>
  43. <meta name="color:Tag Hover" content="#AAAAAA"/>
  44.  
  45. <meta name="color:Blockquote" content="#000000"/>
  46. <meta name="color:Blockquote Border" content="#77AAAA"/>
  47.  
  48. <meta name="text:Link 1 URL" content="" />
  49. <meta name="text:Link 1" content="" />
  50. <meta name="text:Link 2 URL" content="" />
  51. <meta name="text:Link 2" content="" />
  52. <meta name="text:Link 3 URL" content="" />
  53. <meta name="text:Link 3" content="" />
  54. <meta name="text:Link 4 URL" content="" />
  55. <meta name="text:Link 4" content="" />
  56. <meta name="text:Link 5 URL" content="" />
  57. <meta name="text:Link 5" content="" />
  58.  
  59. <!-- jquery for tooltips -->
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62.  
  63. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64.  
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("a[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:30,
  71. tip_fade_speed:300,
  72. attribute:"title"
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <!-- jquery for scroll up feature -->
  79.  
  80. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
  81.  
  82. <script type="text/javascript">
  83. $(document).ready(function(){
  84. $(".menu").click(function(){
  85. $(".down").toggleClass("up");
  86. });
  87. });
  88. </script>
  89.  
  90. <!-- CSS -->
  91.  
  92. <style type="text/css">
  93.  
  94. #s-m-t-tooltip {position: absolute;
  95. margin-top: 15px;
  96. padding: 5px;
  97. z-index: 9999;
  98. background: {color:Tooltip Background};
  99. color: #FFFFFF;
  100. text-transform: uppercase;}
  101.  
  102. /*scrollbar */
  103.  
  104. ::-webkit-scrollbar {width: 8px;}
  105.  
  106. ::-webkit-scrollbar-track {background-color:{color:Scrollbarbg};}
  107.  
  108. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  109.  
  110. ::-webkit-scrollbar:horizontal {height:8px;}
  111.  
  112. ::selection {background: {color:Scrollbar};}
  113.  
  114. ::-moz-selection {background: {color:Scrollbar};}
  115.  
  116. /*scroll up feature*/
  117.  
  118. .down {height: 0px;
  119. -webkit-transition: all 0.6s;
  120. -moz-transition: all 0.3s;
  121. -ms-transition: all 0.6s;
  122. -o-transition: all 0.6s;
  123. transition: all 0.6s;}
  124.  
  125. .up {height: 150px;
  126. padding-left: 10px;
  127. padding-right: 10px;
  128. z-index: 10000000000;
  129. -webkit-transition: all 0.6s;
  130. -moz-transition: all 0.3s;
  131. -ms-transition: all 0.6s;
  132. -o-transition: all 0.6s;
  133. transition: all 0.6s;}
  134.  
  135. #nav {width: 100%;
  136. z-index: 10;
  137. left: 0;
  138. bottom: 0;
  139. position: fixed;
  140. background-color:{color:Scroll Up Background};
  141. padding: 0px}
  142.  
  143. #cont {font-size: 11px;
  144. color:{color:Scroll Up Text};
  145. font-family: Arial;
  146. padding: 15px 10px 25px 0px;
  147. margin: 10px auto;
  148. width: 90%;
  149. max-height: 130px;
  150. overflow: scroll;}
  151.  
  152. .menu:hover {cursor: pointer;}
  153.  
  154. /*basics*/
  155.  
  156. body {background: {color:Background};
  157. color:{color:Text};
  158. font-family: arial;
  159. font-size: 11px;
  160. text-align: justify;
  161. margin: 0;
  162. line-height: 16px;}
  163.  
  164. a, a:link {color:{color:Link};
  165. text-decoration: none;}
  166.  
  167. a:hover {text-decoration:underline;
  168. color:{color:Link Hover};}
  169.  
  170. blockquote, blockquote blockquote {color:{color:Blockquote};
  171. padding: 0px 5px 0px 5px;
  172. margin-left: 10px;
  173. border-left: 1px solid {color:Blockquote Border};}
  174.  
  175. .caption {color:{color:Blockquote};
  176. font-size: 12px;
  177. font-style: normal;}
  178.  
  179. img {opacity: 1;
  180. border: none;
  181. text-decoration: none}
  182.  
  183. small {font-size: 9px;}
  184.  
  185. big {font-size: 12px;}
  186.  
  187. b, strong {color:{color:Bold};}
  188.  
  189. i, em {color:{color:Italic};}
  190.  
  191. /*sidebar*/
  192.  
  193. #sidebar {text-align: left;
  194. position: fixed;
  195. margin-left: -225px;
  196. margin-top: 100px;
  197. width: 125px;}
  198.  
  199. #sidebarimg {margin-bottom: 20px}
  200.  
  201. #sidebarimg img {width: 125px}
  202.  
  203. #sidetitle {font-size: 18px;
  204. font-weight: bold;
  205. color:{color:Sidebar Title};}
  206.  
  207. #links {line-height: 16px;
  208. text-transform: lowercase;
  209. color:{color:Sidebar Link};}
  210.  
  211. #links a {margin-right: 5px;
  212. display: inline-block;
  213. margin-bottom: 5px;
  214. color:{color:Sidebar Link Hover};}
  215.  
  216. #description {margin: 20px 0;}
  217.  
  218. /*pagination*/
  219.  
  220. #pagination {margin: 50px 0px 50px 0px;
  221. text-transform: lowercase;
  222. font-weight: bold;}
  223.  
  224. #pagination a {padding: 5px;}
  225.  
  226. /*container*/
  227.  
  228. #con {left: 50%;
  229. margin-left: -250px;
  230. position: absolute;}
  231.  
  232. /*posts*/
  233.  
  234. #entries {width: 500px;}
  235.  
  236. #posts {width: 500px;
  237. margin-top: 100px;
  238. {block: IndexPage}
  239. margin-bottom: 75px;
  240. {/block: IndexPage}
  241. {block: PermalinkPage}
  242. margin-bottom: 50px;
  243. {/block: PermalinkPage}}
  244.  
  245. #title {font-size: 12px;
  246. line-height: 18px;
  247. font-weight: bold;
  248. margin-bottom: 10px;
  249. text-transform: uppercase;
  250. text-align: left;
  251. color:{color:Entry Title};}
  252.  
  253. #posts img {max-width: 500px;}
  254.  
  255. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  256.  
  257. #caption {width: 100%;}
  258.  
  259. /*quote*/
  260.  
  261. #titlequote {text-align: left;
  262. font-size: 14px;
  263. line-height: 18px;
  264. font-weight: bold;}
  265.  
  266. #source {margin-top: 15px;
  267. margin-left: 15px;}
  268.  
  269. /*audio*/
  270.  
  271. .player {width: 25px;
  272. height: 25px;
  273. overflow:hidden;
  274. position: absolute;
  275. background: white;}
  276.  
  277. .audioinfo {margin-left: 50px;}
  278.  
  279. /*asks*/
  280.  
  281. .q {margin-bottom: 10px;}
  282.  
  283. .as {font-weight: bold;}
  284.  
  285. .a {margin-top: 10px;}
  286.  
  287. /*chat*/
  288.  
  289. .chat ol {padding: 0;
  290. list-style: none;}
  291. .line {padding: 5px 0;}
  292.  
  293. .label {font-weight: bold;}
  294.  
  295. /*permalink and notes*/
  296.  
  297. #permalink, #permalink a {margin-top: 15px;
  298. margin-right: 10px;
  299. font-size: 9px;
  300. text-transform: uppercase;
  301. color:{color:Permalink};}
  302.  
  303. #permalink a:hover {color:{color:Permalink Hover};}
  304.  
  305. .tags {word-break: break-all;
  306. font-size: 9px;
  307. color:{color:Tag};}
  308.  
  309. .tags:hover {color:{color:Tag Hover};}
  310.  
  311. .pagenotes {{block: IndexPage}
  312. display: none!important;
  313. {/block: IndexPage}
  314. width: 400px;
  315. text-align: left;}
  316.  
  317. .pagenotes img {display: none!important;}
  318.  
  319. .pagenotes li {list-style-type: none;
  320. padding: 5px 0px;
  321. text-align: left;
  322. margin: 0 0 0 -40px;}
  323.  
  324. </style>
  325.  
  326. </head>
  327.  
  328. <body>
  329.  
  330. <div class="down" id="nav">
  331. <div id="cont">
  332. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ullamcorper magna quis urna lacinia faucibus posuere sit amet neque. Etiam dignissim diam eu varius consectetur. Curabitur arcu magna, volutpat ut lorem in, laoreet lacinia lectus. Cras dapibus eu ligula at fermentum. Vivamus commodo, ligula vel ultrices malesuada, nibh tortor pellentesque dui, ac egestas ante risus ac massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer vel dictum augue. In auctor est velit, ut vestibulum ipsum pellentesque vitae. Aenean lacinia dictum odio, ac luctus lacus aliquam sed. Maecenas aliquet ipsum in dictum efficitur. Nam neque ligula, consectetur in diam vitae, tincidunt congue sem. Praesent vitae auctor mauris. Cras suscipit purus quis ex efficitur pulvinar in sit amet elit. Quisque a tellus in quam auctor consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean rutrum odio at aliquet ultricies. Integer ac tempor nulla. Aenean a mauris orci. Cras cursus rhoncus eros a egestas. Sed luctus velit nec ornare porta. Donec sed consequat velit. Maecenas a laoreet lorem. Vestibulum ut elit quis arcu pulvinar ultrices. Maecenas vel facilisis ipsum. Pellentesque luctus gravida orci, pretium ullamcorper diam ornare et. Pellentesque dapibus et dui eget lobortis. Integer velit ligula, imperdiet vitae convallis eu, vehicula et odio. Donec tincidunt justo sit amet pellentesque euismod. Vestibulum convallis nisl vitae lacus fermentum, vel fringilla urna lobortis. Sed tincidunt nulla et ex mollis, et aliquam lorem pharetra. Donec scelerisque leo justo, ac pharetra tortor ullamcorper ut. Nulla a ligula et erat maximus gravida non in dolor. Nulla euismod purus in venenatis viverra. Nullam vulputate metus vitae nulla efficitur rhoncus. Quisque bibendum sodales auctor. Nunc vel lorem fermentum, viverra justo et, euismod nunc. Etiam aliquet velit purus, nec convallis tortor finibus vitae. Nam fringilla volutpat blandit. Pellentesque pharetra dui ex, eget pulvinar quam viverra et. Nulla erat velit, eleifend sit amet vestibulum sed, tempus et ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam erat volutpat. Cras vulputate, sapien pharetra auctor placerat, eros sapien tincidunt leo, vel semper metus nibh eu massa. Fusce tellus erat, auctor tristique venenatis sit amet, aliquet luctus ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas ipsum erat, eleifend vel ornare et, scelerisque a massa. Praesent finibus at turpis ac hendrerit. Sed efficitur porta justo in scelerisque. Nullam fermentum interdum neque, egestas condimentum sapien sodales in. Proin tempus eros ut mi egestas rutrum. Integer ipsum felis, finibus vel ipsum nec, fringilla tincidunt erat. Nullam suscipit lectus non varius ullamcorper. Sed auctor urna egestas orci venenatis, vehicula venenatis elit porta. Nunc pellentesque pretium vulputate. Nunc faucibus sem a blandit venenatis. Ut at velit turpis. Ut et tortor ornare, hendrerit magna sit amet, commodo augue. Aliquam congue nunc quis fermentum vehicula. Suspendisse et lectus id elit pharetra facilisis quis sit amet nulla. Vestibulum ac dignissim mi. Donec luctus risus et elementum elementum. Quisque vestibulum urna vitae urna volutpat, commodo pulvinar sem viverra. Praesent vel dignissim lacus.<br /><br />
  333. </div>
  334. </div>
  335.  
  336. <div id="con">
  337.  
  338. <div id="sidebar">
  339. <div id="sidebarimg"><img src="{image:Sidebar Image}"></div>
  340. <div id="sidetitle">{Title}</div>
  341. <div id="description">{Description}</div>
  342. <div id="links">
  343. <a href="/">home</a>
  344. <a href="/ask">ask</a>
  345. <a class="menu">more</a>
  346. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  347. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  348. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  349. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 4}</a>{/block:ifLink1}
  350. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 5}</a>{/block:ifLink2}
  351. </div>
  352.  
  353. </div>
  354.  
  355. <div id="entries">
  356.  
  357. {block:Posts}
  358. <div id="posts">
  359.  
  360. {block:Quote}
  361.  
  362. <div id="titlequote">“{Quote}”</div>
  363. {block:Source}<div id="source">&mdash;{Source}</div>{/block:Source}
  364. {/block:Quote}
  365.  
  366. {block:Text}
  367.  
  368. {block:Title}
  369. <div id="title">{Title}</div>{/block:Title}
  370. {Body}
  371. {/block:Text}
  372.  
  373. {block:Link}
  374. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  375. {/block:Link}
  376.  
  377. {block:Chat}
  378. {block:Title}
  379. <h1>{Title}</h1>
  380. {/block:Title}
  381. <div class="chat">
  382. <ol>{block:Lines}
  383. <li class="line {Alt}">
  384. {block:Label}
  385. <span class="label">
  386. {Label}</span>
  387. {/block:Label}{Line}</li>
  388. {/block:Lines}
  389. </ol></div>
  390. {/block:Chat}
  391.  
  392. {block:Photo}
  393. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  394. {/block:Photo}
  395.  
  396. {block:Photoset}
  397. {Photoset-500}
  398. {/block:Photoset}
  399.  
  400. {block:Video}
  401. {Video-500}
  402. {/block:Video}
  403.  
  404. {block:Audio}
  405. <div class="player">{AudioPlayerWhite}</div>
  406. <div class="audioinfo">
  407. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  408. </div>
  409. {/block:Audio}
  410.  
  411. {block:Answer}
  412. <div class="q">
  413. <div class="as">{Asker} said: </div>
  414. {Question}</div>
  415. <div class="a">{Answer}</div>
  416. {/block:Answer}
  417.  
  418. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  419.  
  420. {block:Date}
  421. <div id="permalink">
  422. <a href="{Permalink}" >{ShortMonth} {DayOfMonthWithZero}, {Year} {12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  423. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  424. </div>
  425. {/block:Date}
  426.  
  427. </div>
  428.  
  429. {block:PostNotes}
  430. <div class="pagenotes">
  431. {PostNotes}
  432. </div>
  433. {/block:PostNotes}
  434.  
  435. {/block:Posts}
  436.  
  437. {block:Pagination}
  438. <div id="pagination">
  439. {block:PreviousPage}
  440. <a href="{PreviousPage}">&larr; previous</a>
  441. {/block:PreviousPage}
  442.  
  443. {block:JumpPagination length="5"}
  444. {block:CurrentPage}
  445. <span class="current_page">{PageNumber}</span>
  446. {/block:CurrentPage}
  447.  
  448. {block:JumpPage}
  449. <a class="jump_page" href="{URL}">{PageNumber}</a>
  450. {/block:JumpPage}
  451. {/block:JumpPagination}
  452.  
  453. {block:NextPage}
  454. <a href="{NextPage}">next &rarr;</a>
  455. {/block:NextPage}
  456. </div>
  457. {/block:Pagination}
  458.  
  459. </div>
  460.  
  461. </div>
  462.  
  463. {block:ContentSource}
  464. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  465. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  466. {/block:SourceLogo}
  467. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  468. {/block:ContentSource}
  469.  
  470. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!