Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/matomo-org/matomo.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'libs/bower_components/jScrollPane/invisibles.html')
-rw-r--r--libs/bower_components/jScrollPane/invisibles.html523
1 files changed, 0 insertions, 523 deletions
diff --git a/libs/bower_components/jScrollPane/invisibles.html b/libs/bower_components/jScrollPane/invisibles.html
deleted file mode 100644
index 33eabf6e00..0000000000
--- a/libs/bower_components/jScrollPane/invisibles.html
+++ /dev/null
@@ -1,523 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
-<html>
- <head>
-
- <title>jScrollPane demo showing jScrollPane working on elements which are initially display:none</title>
-
- <!-- styles specific to demo site -->
- <link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
- <!-- styles needed by jScrollPane - include in your own sites -->
- <link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
-
- <style type="text/css" id="page-css">
- /* Styles specific to this particular page */
- ul.tabs
- {
- margin: 0 0 .5em;
- padding: 0;
- overflow: hidden;
- }
- ul.tabs li
- {
- list-style: none;
- float: left;
- margin: 0 1em 0 0;
- }
- ul.tabs li a
- {
- color: #fff;
- padding: 3px 5px;
- display: block;
- float: left;
- background: #8B8B9F;
-
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- }
- ul.tabs li a.active
- {
- background: #50506D;
- }
- .scroll-pane
- {
- width: 100%;
- height: 200px;
- overflow: auto;
- }
- .horizontal-only
- {
- height: auto;
- max-height: 200px;
- }
- </style>
-
- <!-- latest jQuery direct from google's CDN -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <!-- the mousewheel plugin -->
- <script type="text/javascript" src="script/jquery.mousewheel.js"></script>
- <!-- the jScrollPane script -->
- <script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
- <!-- scripts specific to this demo site -->
- <script type="text/javascript" src="script/demo.js"></script>
-
- <script type="text/javascript" id="sourcecode">
- $(function()
- {
- // Create the "tabs"
- $('.tabs').each(
- function()
- {
- var currentTab, ul = $(this);
- $(this).find('a').each(
- function(i)
- {
- var a = $(this).bind(
- 'click',
- function()
- {
- if (currentTab) {
- ul.find('a.active').removeClass('active');
- $(currentTab).hide();
- }
- currentTab = $(this).addClass('active')
- .attr('href');
- $(currentTab).show().jScrollPane();
- return false;
- }
- );
- $(a.attr('href')).hide();
- }
- );
- }
- );
- });
- </script>
- </head>
- <body>
- <div id="top-nav">
- <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
- <ul>
- <li><a href="index.html">Home</a></li>
- <li><a href="index.html#examples">Examples</a></li>
- <li><a href="index.html#themes">Themes</a></li>
- <li><a href="index.html#usage">How to use</a></li>
- <li><a href="faqs.html">FAQs</a></li>
- <li><a href="known_issues.html">Known issues</a></li>
- <li><a href="index.html#support">Support</a></li>
- <li><a href="index.html#download">Download</a></li>
- </ul>
- </div>
- <div id="container">
- <h1>jScrollPane - demo showing jScrollPane working on elements which are initially display: none</h1>
- <p>
- This demo shows that jScrollPane works correctly on elements who are initially set to <strong>display:
- none</strong>. When the element is first shown you simply have to (re)initialise the scrollpane (or you
- could even use <a href="settings.html#autoReinitialise">autoReinitialise</a> if you like) and its width
- and height will be calculated correctly.
- </p>
- <p>
- Note that the majority of the custom javascript and CSS on this page is just to create basic "tabs"
- functionality where you can switch between different content on the page by clicking links. You don't
- need to do anything special for jScrollPane to work in this situation.
- </p>
-
- <h2>Vertical only</h2>
- <ul class="tabs">
- <li><a href="#pane1">Pane 1</a></li>
- <li><a href="#pane2">Pane 2</a></li>
- <li><a href="#pane3">Pane 3</a></li>
- </ul>
- <div class="scroll-pane" id="pane1">
- <p>
- <strong>ONE</strong> amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
- eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
- mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
- consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
- bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
- semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
- quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
- eu lacus semper viverra.
- </p>
- <p>
- Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
- lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
- faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
- Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
- tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
- Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
- est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
- volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
- libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
- sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
- pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
- habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
- </p>
- <p>
- Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
- eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
- dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
- amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
- est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
- dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
- varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
- feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
- congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
- id mollis nisi. Donec fermentum vehicula porta.
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
- sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
- commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
- ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
- Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
- eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
- luctus, metus
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
- amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- </p>
- </div>
- <div class="scroll-pane" id="pane2">
- <p>
- <strong>TWO</strong> amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
- eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
- mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
- consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
- bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
- semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
- quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
- eu lacus semper viverra.
- </p>
- <p>
- Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
- lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
- faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
- Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
- tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
- Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
- est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
- volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
- libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
- sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
- pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
- habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
- </p>
- <p>
- Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
- eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
- dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
- amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
- est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
- dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
- varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
- feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
- congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
- id mollis nisi. Donec fermentum vehicula porta.
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
- sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
- commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
- ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
- Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
- eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
- luctus, metus
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
- amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- </p>
- </div>
- <div class="scroll-pane" id="pane3">
- <p>
- <strong>THREE</strong> amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
- eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
- mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
- consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
- bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
- semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
- quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
- eu lacus semper viverra.
- </p>
- <p>
- Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
- lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
- faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
- Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
- tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
- Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
- est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
- volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
- libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
- sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
- pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
- habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
- </p>
- <p>
- Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
- eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
- dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
- amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
- est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
- dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
- varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
- feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
- congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
- id mollis nisi. Donec fermentum vehicula porta.
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
- sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
- commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
- ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
- Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
- eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
- luctus, metus
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
- amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- </p>
- </div>
- <h2>Horizontal only</h2>
- <ul class="tabs">
- <li><a href="#pane4">Pane 4</a></li>
- <li><a href="#pane5">Pane 5</a></li>
- <li><a href="#pane6">Pane 6</a></li>
- </ul>
- <div class="scroll-pane horizontal-only" id="pane4">
- <p style="width: 1000px;">
- <strong>FOUR</strong>, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
- eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
- mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
- consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
- bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
- semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
- quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
- eu lacus semper viverra.
- </p>
- </div>
- <div class="scroll-pane horizontal-only" id="pane5">
- <p style="width: 1000px;">
- <strong>FIVE</strong>, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
- eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
- mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
- consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
- bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
- semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
- quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
- eu lacus semper viverra.
- </p>
- </div>
- <div class="scroll-pane horizontal-only" id="pane6">
- <p style="width: 1000px;">
- <strong>SIX</strong>, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
- eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
- mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
- consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
- bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
- semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
- quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
- eu lacus semper viverra.
- </p>
- </div>
- <h2>Both</h2>
- <ul class="tabs">
- <li><a href="#pane7">Pane 7</a></li>
- <li><a href="#pane8">Pane 8</a></li>
- <li><a href="#pane9">Pane 9</a></li>
- </ul>
- <div class="scroll-pane" id="pane7">
- <p style="width: 1000px">
- <strong>SEVEN</strong>, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
- eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
- mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
- consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
- bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
- semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
- quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
- eu lacus semper viverra.
- </p>
- <p>
- Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
- lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
- faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
- Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
- tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
- Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
- est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
- volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
- libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
- sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
- pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
- habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
- </p>
- <p>
- Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
- eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
- dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
- amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
- est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
- dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
- varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
- feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
- congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
- id mollis nisi. Donec fermentum vehicula porta.
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
- sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
- commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
- ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
- Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
- eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
- luctus, metus
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
- amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- </p>
- </div>
- <div class="scroll-pane" id="pane8">
- <p style="width: 1000px">
- <strong>EIGHT</strong>, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
- eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
- mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
- consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
- bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
- semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
- quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
- eu lacus semper viverra.
- </p>
- <p>
- Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
- lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
- faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
- Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
- tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
- Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
- est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
- volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
- libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
- sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
- pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
- habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
- </p>
- <p>
- Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
- eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
- dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
- amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
- est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
- dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
- varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
- feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
- congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
- id mollis nisi. Donec fermentum vehicula porta.
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
- sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
- commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
- ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
- Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
- eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
- luctus, metus
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
- amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- </p>
- </div>
- <div class="scroll-pane" id="pane9">
- <p style="width: 1000px">
- <strong>NINE</strong>, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
- eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
- mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
- consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
- bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
- semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
- quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
- eu lacus semper viverra.
- </p>
- <p>
- Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
- lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
- faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
- Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
- tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
- Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
- est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
- volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
- libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
- sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
- pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
- habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
- </p>
- <p>
- Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
- eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
- dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
- amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
- est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
- dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
- varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
- feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
- congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
- id mollis nisi. Donec fermentum vehicula porta.
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
- sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
- commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
- ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
- Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
- eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
- luctus, metus
- </p>
- <p>
- Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
- amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
- </p>
- </div>
- <h2>Page javascript</h2>
- <div id="sourcecode-display">
- <p>The contents of this div will be replaced by the javascript added to this page</p>
- </div>
- <h2>Page CSS</h2>
- <div id="css-display">
- <p>The contents of this div will be replaced by the CSS added to this page</p>
- </div>
- </div>
- </body>
-</html> \ No newline at end of file