Advertisement
solarre

världshav

Feb 6th, 2016
3,908
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.17 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.  
  3. <!--
  4.  
  5. världshav by solarre
  6.  
  7. -keep credit intact
  8. -don't steal any code
  9. -don't use as a basecode/claim as your own
  10.  
  11. credits:
  12. soundcloud player & video resizing script: shythemes
  13.  
  14. -->
  15.  
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Container" content="#ffffff"/>
  27. <meta name="color:Title" content="#000000"/>
  28. <meta name="color:Text" content="#bbbbbb"/>
  29. <meta name="color:Link" content="#aaaaaa"/>
  30. <meta name="color:Hover" content="#b3b3b3"/>
  31. <meta name="color:Line" content="#f2f2f2"/>
  32. <meta name="color:Tooltip" content="#777777"/>
  33. <meta name="color:Scrollbar" content="#eeeeee"/>
  34.  
  35. <meta name="image:Sidebar" content="">
  36.  
  37. <meta name="if:Fade In Posts" content="1"/>
  38. <meta name="if:White Lightbox" content="0"/>
  39. <meta name="if:Small Cursor" content="1"/>
  40.  
  41. <meta name="select:Post Size" content="250" title="250px"/>
  42. <meta name="select:Post Size" content="300" title="300px"/>
  43. <meta name="select:Post Size" content="350" title="350px"/>
  44. <meta name="select:Post Size" content="400" title="400px"/>
  45.  
  46. <meta name="text:Blog Title" content="">
  47. <meta name="text:linkA" content="">
  48. <meta name="text:linkA url" content="/">
  49. <meta name="text:linkB" content="">
  50. <meta name="text:linkB url" content="/">
  51. <meta name="text:linkC" content="">
  52. <meta name="text:linkC url" content="/">
  53. <meta name="text:linkD" content="">
  54. <meta name="text:linkD url" content="/">
  55. <meta name="text:linkE" content="">
  56. <meta name="text:linkE url" content="/"/>
  57.  
  58. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  59. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  60. <script>
  61. (function($){
  62. $(document).ready(function(){
  63. $("[title]").style_my_tooltips({
  64. tip_follows_cursor:true,
  65. tip_delay_time:1,
  66. tip_fade_speed:100,
  67. attribute:"title"
  68. });
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73.  
  74. <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700|EB+Garamond' rel='stylesheet' type='text/css'>
  75. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  76. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  78. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  79.  
  80. <script type="text/javascript">
  81. $(document).ready(function() {
  82. $('#contain').scroll(function() {
  83. if ($('#contain').scrollTop() > 200) {
  84. $( ".menu" ).fadeIn();
  85.  
  86. } else {
  87. console.log('there');
  88. $( ".menu" ).fadeOut();
  89. }
  90. });
  91. });
  92. </script>
  93.  
  94. <style type="text/css">
  95.  
  96. ::-webkit-scrollbar {width:6px; height:auto; background:{color:container};}
  97. ::-webkit-scrollbar-corner {background:transparent;}
  98. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; width:4px; border:1px solid {color:container};}
  99. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};height:6px !important;}
  100. ::-webkit-scrollbar-increment {width:6px; height:6px; background-color:#fff;}
  101.  
  102. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  103. position:fixed;
  104. white-space:nowrap;
  105. -webkit-filter: invert(100%);
  106. -moz-filter: invert(100%);
  107. -o-filter: invert(100%);
  108. -ms-filter: invert(100%);
  109. filter: invert(100%);
  110. opacity:.5;transition: .8s ease-in-out;
  111. -webkit-transition: .8s ease-in-out;
  112. -moz-transition: .8s ease-in-out;
  113. -o-transition: .8s ease-in-out;
  114. }
  115.  
  116. #s-m-t-tooltip {
  117. max-width:300px;
  118. padding: 5px 8px;
  119. margin:10px;
  120. background-color:{color:container};
  121. font-size:8px;
  122. letter-spacing:1px;
  123. text-transform:uppercase;
  124. color:{color:tooltip};
  125. border:1px solid {color:line};
  126. border-radius:2px;
  127. z-index:100000000000000000000000000000000000000000;
  128. transition:0.5s ease-in-out;
  129. -webkit-transition:0.5s ease-in-out;
  130. -moz-transition:0.5s ease-in-out;
  131. -ms-transition:0.5s ease-in-out;
  132. -o-transition:0.5s ease-in-out;
  133. }
  134.  
  135. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  136. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  137. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  138.  
  139. .fade-in {
  140. opacity:0;
  141. -webkit-animation:fadeIn ease-in 1;
  142. -moz-animation:fadeIn ease-in 1;
  143. animation:fadeIn ease-in 1;
  144. -webkit-animation-fill-mode:forwards;
  145. -moz-animation-fill-mode:forwards;
  146. animation-fill-mode:forwards;
  147. -webkit-animation-duration:1s;
  148. -moz-animation-duration:1s; animation-duration:1s; }
  149.  
  150. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  151.  
  152. ::selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  153. ::-o-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  154. ::-moz-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  155.  
  156. {block:ifWhiteLightbox}
  157. #vignette, .vignette{opacity:0!important;}.lightbox-caption {color:#000;}
  158. #tumblr_lightbox,.tmblr-lightbox{background:rgba(255,255,255,0.7)!important;}
  159. #tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:0px!important;}
  160. {/block:ifWhiteLightbox}
  161.  
  162. {block:ifSmallCursor}
  163.  
  164. *, body, img { cursor:url(http://static.tumblr.com/vmteopo/yYInjhg6e/small_black_cursor.png), auto;}
  165.  
  166. a, a:hover, a:active {cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; }
  167.  
  168. {/block:ifSmallCursor}
  169.  
  170. body {
  171. background:{color:background};
  172. margin:0px;
  173. height:100%;
  174. width:100%;
  175. color:{color:text};
  176. font:10px calibri;
  177. line-height:15px;
  178. -moz-font-smoothing:subpixel-antialiased;
  179. -webkit-font-smoothing:subpixel-antialiased;
  180. font-smoothing:subpixel-antialiased;
  181. }
  182.  
  183. a {
  184. text-decoration:none;
  185. color:{color:link};
  186. -moz-outline-style:none;
  187. transition:0.5s ease-in-out;
  188. -webkit-transition:0.5s ease-in-out;
  189. -moz-transition:0.5s ease-in-out;
  190. -ms-transition:0.5s ease-in-out;
  191. -o-transition:0.5s ease-in-out;
  192. }
  193.  
  194. a:hover {color:{color:hover};}
  195. img {border:none;max-width:100%;height:auto;}
  196. img a {border:none;} a img {border:none;}
  197. h1 {font:italic 10px times;text-transform:uppercase;}
  198. h2 {font:italic 15px calibri;line-height:110%; color:#333;text-align:center;}
  199. ol {line-height:123%;}
  200. blockquote {padding-left:5px;border-left:1px solid {color:line};margin-right:0;margin-left:20px;}
  201. blockquote blockquote {padding-left:5px;border-left:1px solid {color:line};margin-right:0;}
  202. ul {list-style-type:none;}
  203. ul li {position:relative;padding-left:20px;margin-left:-10px;}
  204. ul li:before {
  205. content:'';
  206. position:absolute;
  207. display:block;
  208. top:5px;
  209. left:0;
  210. width:15px;
  211. height:1px;
  212. border-top:1px solid #ececec;
  213. }
  214.  
  215. pre {
  216. padding:3px 5px;
  217. text-transform:uppercase;
  218. white-space: pre-wrap;
  219. white-space: -moz-pre-wrap;
  220. white-space: -pre-wrap;
  221. white-space: -o-pre-wrap;
  222. word-wrap: break-word;
  223. }
  224.  
  225. #cc {width:650px;margin:0 auto;}
  226. #contain {
  227. height:calc(100% - 200px);
  228. position:fixed;
  229. border:1px solid {color:line};
  230. background:{color:container};
  231. width:650px;
  232. margin:100px auto;
  233. overflow-y:scroll;
  234. }
  235.  
  236. #header {
  237. width:230px;
  238. margin:70px auto;
  239. opacity:1;
  240. padding:5px;
  241. z-index:2;
  242. }
  243.  
  244. #sidebarimg {
  245. background:{color:container} url('{image:sidebar}') no-repeat center;
  246. background-size:cover;
  247. height:20px;
  248. width:20px;
  249. margin:50% auto 0;
  250. border-radius:100%;
  251. }
  252.  
  253. .menu {
  254. height:calc(100% - 198px);
  255. top:101px;
  256. width:50px;
  257. border-right:1px solid {color:line};
  258. position:fixed;
  259. text-align:center;
  260. display:none;
  261. }
  262.  
  263. .menulinks {height:auto;position:fixed;padding:0 10px;width:30px;bottom:110px;} .menulinks a {display:block;margin:15px 0;}
  264.  
  265. #title {
  266. margin-top:10px;
  267. font:25px 'EB Garamond', times;
  268. width:220px;
  269. padding:5px;
  270. text-align:center;
  271. line-height:130%;
  272. }
  273.  
  274. #title a {color:{color:title};}
  275.  
  276. #desc {
  277. margin-top:-10px;
  278. font-size:10px;
  279. text-align:center;
  280. line-height:125%;
  281. letter-spacing:0.5px;
  282. text-transform:uppercase;
  283. width:210px;
  284. height:auto;
  285. padding:10px;
  286. color:{color:title};
  287. }
  288.  
  289. .links {
  290. height:auto;
  291. max-height:50px;
  292. width:auto;
  293. margin-top:10px;
  294. margin-bottom:-15px;
  295. padding:10px auto;
  296. word-spacing:1em;
  297. text-align:center;
  298. font-size:11px;
  299. text-transform:none;
  300. }
  301.  
  302. .links a {display:inline-block;}
  303. .links a:hover {color:{color:Hover};text-decoration:underline;}
  304.  
  305. .pagi{
  306. font-size:8px;
  307. text-align:center;
  308. padding:5px 10px;
  309. width:330px;
  310. margin:30px auto 50px;
  311. letter-spacing:0px;
  312. z-index:99;
  313. }
  314.  
  315. .jump_page {height:10px;width:20px;padding:5px;}
  316. .current_page {height:10px;width:20px;padding:3px 5px;text-decoration:underline;}
  317.  
  318. #all {
  319. padding:10px 50px;
  320. width:calc({select:Post Size}px + 20px);
  321. z-index:2;
  322. margin:0 auto;
  323. letter-spacing:0.5px;
  324. }
  325.  
  326. .posts:first-child {margin-top:10px;}
  327.  
  328. .posts {
  329. width:{select:Post Size}px;
  330. padding:0 10px;
  331. margin-top:100px;
  332. -ms-word-break: break-all;
  333. word-break: break-all;
  334. word-break: break-word;
  335. -webkit-hyphens: auto;
  336. -moz-hyphens: auto;
  337. -ms-hyphens: auto;
  338. hyphens: auto;
  339. transition:0.5s ease-in-out;
  340. -webkit-transition:0.5s ease-in-out;
  341. -moz-transition:0.5s ease-in-out;
  342. -ms-transition:0.5s ease-in-out;
  343. -o-transition:0.5s ease-in-out;
  344. }
  345.  
  346. .caption {width:{select:Post Size}px;padding-top:5px;}
  347. .caption a {padding-bottom:1px;border-bottom:1px solid {color:link};}
  348. .caption a:hover { border-bottom:1px solid {color:hover};}
  349.  
  350. .posts:hover .dets {opacity:1;}
  351. .dets {
  352. margin-top:10px;
  353. font-size:8px;
  354. opacity:0;
  355. text-transform:uppercase;
  356. height:auto;
  357. width:100%;
  358. padding-top:5px;
  359. text-align:center;
  360. display: inline-block;
  361. border-bottom:none;
  362. vertical-align: middle;
  363. -webkit-transform: translateZ(0);
  364. transform: translateZ(0);
  365. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  366. -webkit-backface-visibility: hidden;
  367. backface-visibility: hidden;
  368. -moz-osx-font-smoothing: grayscale;
  369. position: relative;
  370. overflow: hidden;
  371. transition:0.5s ease-in-out;
  372. -webkit-transition:0.5s ease-in-out;
  373. -moz-transition:0.5s ease-in-out;
  374. -ms-transition:0.5s ease-in-out;
  375. -o-transition:0.5s ease-in-out;
  376. }
  377.  
  378. .dets:before {
  379. content: "";
  380. position: absolute;
  381. z-index: -1;
  382. left: 50%;
  383. right: 50%;
  384. top: 0px;
  385. background:{color:line};
  386. height: 1px;
  387. -webkit-transition-property: left, right;
  388. transition-property: left, right;
  389. -webkit-transition-duration: 0.65s;
  390. transition-duration: 0.65s;
  391. -webkit-transition-timing-function: ease-out;
  392. transition-timing-function: ease-out;
  393. }
  394. .posts:hover .dets:before, .posts:hover .dets:before, .posts:active .dets:before {left:0;right:0;}
  395.  
  396. .det {margin-top:10px; padding:5px;border-top:1px solid {color:line};font-size:8.5px;} .det a {display:inline-block;}
  397.  
  398. .tags {opacity:0.9;width:auto;display:inline-block;}
  399. .tags a {display:inline-block;padding:0 2px;}
  400.  
  401. .question {
  402. padding:10px;
  403. letter-spacing:1px;
  404. text-align:center;
  405. color:{color:text};
  406. border-bottom:1px solid #f5f5f5;
  407. text-transform:uppercase;
  408. font-size:10px;
  409. }
  410.  
  411. .akport {
  412. width:auto;
  413. text-align:center;
  414. height:12px;
  415. padding:5px 0;
  416. color:#444;
  417. opacity:1;
  418. z-index:3;
  419. letter-spacing:1px;
  420. }
  421.  
  422. .akport a {text-decoration:none;border:none;}
  423.  
  424. .tumblr_audio_player {width:100%;margin-top:12px;}
  425.  
  426. .player {
  427. width:50px;
  428. height:50px;
  429. padding:10px;
  430. overflow:hidden;
  431. background:#fff;
  432. margin:0px 0 0px 0;
  433. display:block;
  434. float:left;
  435. }
  436.  
  437. .audioinfo {
  438. color:#888;
  439. margin:10px 0 10px 75px;
  440. display:block;
  441. padding:25px 25px;
  442. height:20px;
  443. text-align:left;
  444. font-size:10px;
  445. line-height:110%;
  446. width:calc({select:Post Size}px - 125px);
  447. background:#fff;
  448. }
  449.  
  450. .source {
  451. color:#aaa;
  452. text-transform:uppercase;
  453. font-size:9px;
  454. padding:5px 10px;
  455. text-align:center;
  456. }
  457.  
  458. .source:before {
  459. content:"";
  460. display:block;
  461. height:1px;
  462. width:20px;
  463. margin:-10px auto 2px;
  464. border-top:2px solid #f7f7f7;
  465. }
  466.  
  467. .chat li {list-style:none;line-height:115%;}
  468. .line.odd {border-left:1px solid {color:line};padding:3px 5px;}
  469. .line.even {border-left:1px solid transparent;padding:3px 5px;}
  470. .webs {font:italic 12px times;padding-top:10px;text-align:center;}
  471. .webs a {border-bottom:none;}
  472.  
  473. #notes {
  474. width:{select:Post Size}px;
  475. max-height:150px;
  476. padding:5px 0;
  477. margin:0px auto auto;
  478. overflow-y:scroll;
  479. overflow-x:hidden;
  480. text-align:left;
  481. font-size:9px;
  482. line-height:125%;
  483. }
  484.  
  485. #notes img {display:none;}
  486. #notes ol, #notes li {list-style:none;line-height:125%;}
  487.  
  488. #credit, #credit a {
  489. position:fixed;
  490. bottom:20px;
  491. right:25px;
  492. color:{color:text};
  493. font:normal normal 12px calibri;
  494. text-decoration:none;
  495. }
  496.  
  497. {CustomCSS}</style></head>
  498. <body>
  499. <div id="cc"><div id="contain">
  500.  
  501.  
  502. <div id="header">
  503. <div id="title"><a href="/">{text:Blog Title}</a></div>
  504. <div id="desc">{Description}
  505. <div class="links">
  506. {block:iflinkA}<a href="{text:linkA url}">{text:linkA}</a>{/block:iflinkA}
  507. {block:iflinkB}<a href="{text:linkB url}">{text:linkB}</a>{/block:iflinkB}
  508. {block:iflinkC}<a href="{text:linkC url}">{text:linkC}</a>{/block:iflinkC}
  509. {block:iflinkD}<a href="{text:linkD url}">{text:linkD}</a>{/block:iflinkD}
  510. {block:iflinkE}<a href="{text:linkE url}">{text:linkE}</a>{/block:iflinkE}
  511. </div></div>
  512. </div>
  513.  
  514. <div class="menu">
  515. <div id="sidebarimg"></div>
  516. <div class="menulinks">
  517. {block:iflinkA}<a href="{text:linkA url}" title="{text:linkA}"><i class="fa fa-home"></i></a>{/block:iflinkA}
  518. {block:iflinkB}<a href="{text:linkB url}" title="{text:linkB}"><i class="fa fa-comment"></i></a>{/block:iflinkB}
  519. {block:iflinkC}<a href="{text:linkC url}" title="{text:linkC}"><i class="fa fa-bars"></i>{/block:iflinkC}
  520. {block:iflinkD}<a href="{text:linkD url}" title="{text:linkD}"><i class="fa fa-pagelines"></i></a>{/block:iflinkD}
  521. {block:iflinkE}<a href="{text:linkE url}" title="{text:linkE}"><i class="fa fa-paper-plane"></i></a>{/block:iflinkE}
  522. </div></div>
  523.  
  524. <div id="all" {block:ifFadeInPosts} class="box fade-in one" {/block:ifFadeInPosts}>
  525. {block:Posts}<div class="posts">
  526.  
  527. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="caption" style="padding-top:0">{Body}</div>{/block:Text}
  528.  
  529. {block:Photo}<center><img src="{PhotoURL-HighRes}"></center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  530.  
  531. {block:Link}<div class="webs"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  532.  
  533. {block:Photoset}{LinkOpenTag}{Photoset}{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  534.  
  535. {block:Quote}<h2>{Quote}</h2><div class="source">{Source}</div>{/block:Quote}
  536.  
  537. {block:Audio}
  538. <div class="player">{AudioPlayerWhite}</div>
  539. <div class="audioinfo">
  540. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div>
  541. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  542.  
  543. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  544.  
  545. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  546.  
  547. {block:Answer}<div class="question"><img src="{AskerPortraitURL-16}" style="border-radius:100%"><div class="akport">{Asker} asked</div>{Question}</div><div class="caption">{Answer}</div>{/block:Answer}
  548.  
  549. <div class="dets">{block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}{block:NoteCount}&emsp;<a href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}{block:RebloggedFrom}&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}
  550. {block:PermalinkPage}{block:HasTags}<br>&emsp;<i>— filed under:</i> {block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}</div>
  551. {/block:PermalinkPage}
  552.  
  553. </div></div>
  554. {/block:Posts}
  555. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  556. {/block:Posts}
  557. </div>
  558.  
  559. {block:Pagination}<div class="pagi">
  560. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&emsp;{/block:PreviousPage}
  561. {block:JumpPagination length="3"}
  562. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&emsp;{/block:CurrentPage}
  563. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&emsp;{/block:JumpPage}
  564. {/block:JumpPagination}
  565. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  566. </div>{/block:Pagination}</div>
  567.  
  568. </div>
  569.  
  570. <div id="credit"><a href="http://solarre.tumblr.com" title="solarre">☼</a></div>
  571.  
  572.  
  573. </div>
  574. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  575. <script>
  576. $(document).ready(function(){
  577. var color = '{color:hover}';
  578. $('.soundcloud_audio_player').each(function(){
  579. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  580. });
  581. });
  582. </script>
  583.  
  584. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement