API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 28th, 2017
68
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.72 KB | None | 0 0
raw download clone embed print report
  1. javascript
  2.  
  3. state1:
  4.  
  5.  
  6.  
  7. menu
  8.  
  9.  
  10. <html>
  11.  
  12. <head>
  13.  
  14. <title></title>
  15.  
  16. <!-- Meta Tags -->
  17. <meta name="color:Font" content="#333"/>
  18. <meta name="font:List" content="arial"/>
  19. <meta name="color:Link" content="#111"/>
  20. <meta name="color:LinkAfter" content="#fabbbb"/>
  21. <meta name="font:Body" content="verdana"/>
  22. <meta name="font:Titles" content="garamond"/>
  23. <meta name="image:Background Image" content=""/>
  24. <meta name="image:Transparency" content=""/>
  25. <meta name="image:HR" content=""/>
  26. <meta name="image:Pixel" content=""/>
  27. <!-- End Meta Tags {font:Body} -->
  28.  
  29. <style type="text/css">
  30. body{
  31. font-family: tahoma;
  32. color: dark brown;
  33. font-size: 9px;
  34. cursor: ;
  35. background-color:;
  36. }
  37.  
  38. a{
  39. text-decoration:none;
  40. border-bottom: 1px dashed ;
  41. color: beige;
  42. }
  43.  
  44. a:hover{
  45. cursor:;
  46. }
  47.  
  48. b{
  49. color: ;
  50. }
  51.  
  52. i {
  53. color: ;
  54. }
  55.  
  56. div #header{
  57. }
  58.  
  59. div #sidebarshell{
  60. width:300px;
  61. position:absolute;
  62. left: 80px;
  63. top:500px;
  64. background-color:brown;
  65. opacity:0.5;
  66. border-radius:20px;
  67. }
  68.  
  69. div #mainshell{
  70. width: 500px;
  71. position: absolute;
  72. top: 390px;
  73. left: 410px;
  74. background-color:#fff;
  75. background-image:;
  76. background-position: fixed right bottom;}
  77.  
  78. div #sidebarinner{
  79. position:relative;
  80. width:100%;
  81. box-sizing;
  82. border:1px dashed darkbrown;
  83. }
  84.  
  85. div .mainposts{
  86. position:relative;
  87. display:block;
  88. width:100%;
  89. }
  90.  
  91. #sidebarmenu li{
  92. width:95%;
  93. margin:0px auto;
  94. border-bottom:1px solid beige;
  95. }
  96.  
  97. #sidebarmenu li a{
  98. color:#fff;
  99. transition:padding-left 2s, color 2s;
  100. padding-left:20px;
  101. }
  102.  
  103. sidebarmenu li a:hover{
  104. padding-left:40px;
  105. color:dark brown;
  106. }
  107.  
  108. #topdescription
  109. color:beige;
  110. margin:5px;
  111. text-transform:uppercase;
  112. font-family:times;
  113. font-size:7px;}
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122. a,a:visited{
  123. text-decoration:none;
  124. cursor:normal;
  125. }
  126.  
  127. blockquote{
  128. padding:0 0 0 20px;
  129. border-left:5px solid #ddd;
  130. margin:4px 15px 4px 15px;
  131. }
  132.  
  133. .posttitle{
  134. font-size:1.5em;
  135. font-family:{font:Titles};
  136. }
  137.  
  138. p.odd{background-color:#ddd;margin:0px;line-height:20px;display:list-item;list-style:none;}
  139. p.even{background-color:#eee;margin:0px;line-height:20px;display:list-item;list-style:none;}
  140.  
  141. .quotesource{text-align:right;}
  142.  
  143. div.audioinfo{margin:0;padding:0;text-align:center;}
  144. div.audioinfo img{width:100%;}
  145. div.audioinfo p{display:list-item;list-style:none;margin:0;}
  146.  
  147.  
  148. div.photopost{margin:0px;padding:0;text-align:center;}
  149. div.photopost img{width:100%;}
  150. div.notmediapost{margin:0;padding:10px;}
  151.  
  152. ul.menu{list-style-type:none;padding:0;margin:0;text-align:left;}
  153. ul.menu li{text-transform:uppercase;font-family:{font:List},sans-serif;font-size:9px;letter-spacing:-0.5px;transition:background 1s;transition:padding-left 1s;padding:3px;margin:5px auto;padding-left:3px;background-color:#fff;}
  154. /*ul.menu li:nth-child(4n){background-color:#f3eac8;}
  155. ul.menu li:nth-child(4n+1){background-color:#cef0f5;}
  156. ul.menu li:nth-child(4n+2){background-color:#f8d2c5;}
  157. ul.menu li:nth-child(4n+3){background-color:#cbf2c4;}*/
  158. ul.menu li:hover{background-color:#fff;padding-left:20px;}
  159. iframe,.photopost img{display: block;}
  160.  
  161. .posts{position:absolute;top:0px;right:260px;width:700px;overflow:none;z-index:2;}
  162.  
  163. .rebloglike{position:absolute;margin:0;padding:0;position:absolute;z-index:3;visibility:visible;border-bottom:1px solid #bbb;background-color:#fff;width:20px;height:20px;opacity:0;transition:opacity 1.5s;}
  164. .postreblog{right:0px;border-bottom-left-radius:50px;border-left:1px solid #bbb;padding:5px 5px 10px 10px;}
  165. .postlike{left:0px;border-bottom-right-radius:50px;border-right:1px solid #bbb;padding:5px 10px 10px 5px;}
  166. .postshell:hover .rebloglike{opacity:1.0;}
  167.  
  168. /*.postshell:hover .postlike{visibility:visible;}*/
  169. .postshell{margin:0;margin-bottom:15px;margin-top:15px;padding:0;position:relative;}
  170. .postcontent{display:table-cell;background-color:#fff;width:500px;text-align:justify;border:1px solid #bbb;position:relative;vertical-align:center;}
  171.  
  172. .postinfo{font-size:7pt;font-family:tahoma;text-transform:lowercase;display:table-cell;width:200px;vertical-align:top;}
  173. .postinfo div{display:table-cell;visibility:hidden;width:100%;max-width:150px;border-radius:10px;border:1px solid gray;box-shadow:2px 2px 2px gray;background-color:#fff;padding:5px 10px 10px 10px;}
  174. .postshell:hover .postinfo div{visibility:visible;}
  175.  
  176. .postinfo ul{list-style-type:none;margin:0;padding:0;}
  177. .postinfo li{list-style-type:none;margin:0;padding:0;}
  178. .postinfo li li{list-style-type:none;display:inline-block;margin-left:10px;}
  179. /*.postshell .postinfo .postinfoinside{
  180. background-color:#fff;
  181. border-radius:15px;
  182. border:1px solid #bbb;
  183. font-family{font:Body};
  184. width:100%;
  185. margin-left:10px;
  186. visibility:hidden;
  187. }
  188. .postshell:hover .postinfo .postinfoinside{visibility:visible;}*/
  189.  
  190.  
  191. </style>
  192. </head>
  193.  
  194. <body>
  195.  
  196.  
  197.  
  198.  
  199. <div class="postinfo">
  200. <div>
  201. <ul>
  202. <li>⌚ {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}, {24Hour}:{Minutes}{AmPm}</li>
  203. <li>{block:NoteCount}★ {NoteCount} {/block:NoteCount}(<a href="{Permalink}">permalink</a>)</li>
  204. {block:RebloggedFrom}
  205. <br>
  206. <li><strong>from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  207. <li><strong>original:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a></li>
  208. {block:ContentSource}<li><strong>source:</strong> <a href="{SourceURL}">{SourceTitle}</a></li>{/block:ContentSource}
  209. {/block:RebloggedFrom}
  210. {block:HasTags}<br>
  211. <li><ul class="tags">{block:Tags}<li><a href="{TagURLChrono}">#{Tag}</a></li>{/block:Tags}</ul></li>{/block:HasTags}
  212. </ul>
  213. </div>
  214. </div>
  215.  
  216.  
  217.  
  218. <div class="postcontent">
  219.  
  220. <div class="postlike rebloglike">{LikeButton color="grey" size="20"}</div>
  221. <div class="postreblog rebloglike">{ReblogButton color="grey" size="20"}</div>
  222.  
  223. <!--JUST HELPING: {block:PermalinkPage}{/block:PermalinkPage}-->
  224.  
  225. {block:PermalinkPage}<div class="notmediapost">{/block:PermalinkPage}
  226.  
  227. {block:Text}
  228. {block:IndexPage}<div class="notmediapost">{/block:IndexPage}
  229. {block:Title}<h3 class="posttitle">{Title}</h3>{/block:Title}
  230. <p>{Body}</p>
  231. {block:IndexPage}</div>{/block:IndexPage}
  232. {/block:Text}
  233.  
  234. {block:Photo}
  235. {block:IndexPage}<div class="photopost">{/block:IndexPage}
  236. {block:LinkURL}{LinkOpenTag}{/block:LinkURL}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:LinkURL}{LinkCloseTag}{/block:LinkURL}
  237. {block:PermalinkPage}{block:Caption}<p>{Caption}</p>{/block:Caption}
  238. {block:Exif}<p>(Taken{block:Camera} with a {Camera}{/block:Camera}{block:Aperture} {Aperture}{/block:Aperture}{block:Exposure} {Exposure}{/block:Exposure} {block:FocalLength} {FocalLength}{/block:FocalLength}.)</p>{/block:Exif}{/block:PermalinkPage}
  239. {block:IndexPage}</div>{/block:IndexPage}
  240. {/block:Photo}
  241.  
  242. {block:Photoset}
  243. {block:IndexPage}<div class="photopost">{/block:IndexPage}
  244. {Photoset-500}
  245. {block:PermalinkPage}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  246. {block:IndexPage}</div>{/block:IndexPage}
  247. {/block:Photoset}
  248.  
  249. {block:Quote}
  250. {block:IndexPage}<div class="notmediapost">{/block:IndexPage}
  251. <blockquote{block:IndexPage} class="posttitle"{/block:IndexPage}>{Quote}</blockquote>
  252. {block:PermalinkPage}{block:Source}<p class="quotesource">- {Source}</p>{/block:Source}{/block:PermalinkPage}
  253. {block:IndexPage}</div>{/block:IndexPage}
  254. {/block:Quote}
  255.  
  256. {block:Link}
  257. {block:IndexPage}<div class="notmediapost">{/block:IndexPage}
  258. <p class="posttitle"><a href="{URL}" {Target}>{Name}</a></p>
  259. {block:PermalinkPage}{block:Description}<blockquote>{Description}</blockquote>{/block:Description}{block:Host}<p class="quotesource">Host: {Host}</p>{/block:Host}{/block:PermalinkPage}
  260. {block:IndexPage}</div>{/block:IndexPage}
  261. {/block:Link}
  262.  
  263. {block:Chat}
  264. {block:IndexPage}<div class="notmediapost">{/block:IndexPage}
  265. {block:Title}<h3 class="posttitle">{Title}</h3>{/block:Title}
  266. {block:Lines}
  267. <p class="{Alt}">{block:Label}{Label} {/block:Label}{Line}</p>
  268. {/block:Lines}
  269. {block:IndexPage}</div>{/block:IndexPage}
  270. {/block:Chat}
  271.  
  272. {block:Audio}
  273. {block:PermalinkPage}
  274. <div class="audioinfo">
  275. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  276. </div>
  277. {/block:PermalinkPage}
  278. {AudioEmbed-500}
  279. {block:PermalinkPage}{block:Caption}<p>{Caption}</p>{/block:Caption}
  280. <div class="audioinfo">
  281. {block:TrackName}<p><strong>Title:</strong> {TrackName}</p>{/block:TrackName}
  282. {block:Artist}<p><strong>Artist:</strong> {Artist}</p>{/block:Artist}
  283. {block:Album}<p><strong>Album:</strong> {Album}</p>{/block:Album}
  284. </div>
  285. <p class="quotesource">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount} {block:ExternalAudio}(<a href="{ExternalAudioURL}">DOWNLOAD</a>){/block:ExternalAudio}</p>
  286. {/block:PermalinkPage}
  287. {/block:Audio}
  288.  
  289. {block:Video}
  290. {VideoEmbed-500}
  291. {block:PermalinkPage}{block:Caption}<p>{Caption}</p>{/block:Caption}
  292. <p class="quotesource">{PlayCountWithLabel}</p>
  293. {/block:PermalinkPage}
  294. {/block:Video}
  295.  
  296. {block:Answer}
  297. {block:IndexPage}<div class="notmediapost">{/block:IndexPage}
  298. <p class="posttitle"><strong>{Asker}</strong> asked: {Question}</p>
  299. <p><strong>{Answerer}</strong>: {Answer}</p>
  300. {block:IndexPage}</div>{/block:IndexPage}
  301. {/block:Answer}
  302.  
  303. {block:PermalinkPage}</div>{/block:PermalinkPage}
  304.  
  305. </div>
  306.  
  307.  
  308.  
  309. </div>
  310.  
  311. <!-- Can't fix it <hr style="width:500px;border:none;height:20px;margin:0px;background-image:url('{image:HR}');background-repeat:repeat;display:block;right:0px;"> -->
  312. {/block:Posts}
  313.  
  314.  
  315. {block:PostNotes}
  316. <div class="postshell">
  317. <div class="postcontent">
  318. {PostNotes-16}
  319. </div>
  320. </div>
  321. {/block:PostNotes}
  322.  
  323.  
  324. </div>
  325.  
  326. <div class="sidebar" id="sidebar">
  327.  
  328. <div style="position:relative;top:0px;left:0px;margin:0px;width:100%;background-color:#eee;border-bottom:1px solid #000;height:24px;padding:1px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; display:inline-block;vertical-align:bottom;">
  329. <img src="{Favicon}" width="16px" height="16px"> <div style="width:110px;display:inline-block;overflow:hidden;background-color:#ccc;">{BlogURL}</div>
  330. <div class="button" onclick="document.getElementById('sidebar').style.height = '18px';document.getElementById('sidebar').style.position = 'fixed';document.getElementById('sidebar').style.overflow = 'hidden'; document.getElementById('sidebar').style.top = 'auto'; document.getElementById('sidebar').style.right = '0px'; document.getElementById('sidebar').style.bottom = '0px';"> _ </div> <!-- <button onclick="document.getElementById('sidebar').style.width = '100%';document.getElementById('sidebar').style.height = '100%';document.getElementById('sidebar').style.position = 'absolute';"> □ </button> --> <div class="button" onclick=""> □ </div> <div class="button" onclick="document.getElementById('sidebar').style.visibility = 'hidden';"> x </div>
  331. </div>
  332.  
  333. <h1>{Title}</h1>
  334.  
  335.  
  336. <ul class="">
  337. <li><a href="{BlogURL}">Main </a></li>
  338. <li><a href="{BlogURL}ask">Ask</a></li>
  339. <li><a href="http://www.notloli.com.br/">Domain</a></li>
  340. </ul>
  341. <p class="description"><font>{Description}</font></p>
  342.  
  343. <p class="pagination">{block:Pagination}<p align="center">{block:PreviousPage}<a href="{PreviousPage}">⇠</a>{/block:PreviousPage} {CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">⇢</a>{/block:NextPage}</p>
  344. {/block:Pagination}</p>
  345.  
  346. <p align="center"><embed quality="high" style="width:56px; visibility:visible; height:13px; margin:0px auto;" type="application/x-shockwave-flash" height="56" width="13" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://www.hypster.com/flash/player.swf?id=5239682:6984241:0&autoplay=false" FlashVars="color_bg=0xffffff&color_border=0x9A0000&color_box=0x9A0000&color_songbg=0xffffff&color_song_clicked=0xcfc0f0&color_Title=0x000000&color_btns=0xb0b0b0&color_title=0x000000" /></p>
  347.  
  348.  
  349.  
  350. </div>
  351.  
  352.  
  353. <div class="transparency">
  354. <img src="{image:Transparency}"/>
  355. </div>
  356.  
  357. </body>
  358.  
  359. </html>
  360.  
  361.  
  362. <!--
  363. {block:PermalinkPage} {/block:PermalinkPage}
  364. {block:IndexPage} {/block:IndexPage}
  365.  
  366.  
  367. </body>
  368.  
  369. </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!