stole16
TRANSCRIPT
<!DOCTYPE html>
<meta charset="utf-8">
<title><h1>Stock Chart</h1></title>
<h1> Stock Chart </h1>
<p><p><span style="font-size: 18px;">1. ...basement: :combo;18<br />
2. ...canteen_office: :hairdo scales</span></p>
<ol>
<li>...basement: :steel draws;18-<a
href="//site-312714.mozfiles.com/files/312714/Another_One_Bites_The_
Dust.mp3">Another_One_Bites_The_Dust.mp3</a> </li>
<li>...canteen_office: :desksales</li>
</ol>
</p>
<h2>Floor MONITOR</h2>
<!DOCTYPE html><html><head> <link rel="stylesheet" type="text/css"
class="__meteor-css__"
href="/7a4b9a0e535cdf8c954d5d546eb856a568a3fe11.css?
meteor_css_resource=true"><title>Wekan</title><meta name="viewport"
content="maximum-scale=1.0,width=device-width,initial-scale=
1.0,user-scalable=0"><link rel="shortcut icon" href="/wekan-
favicon.png"></head><body><script type="text/inject-data">%7B%
22fast-render-data%22%3A%7B%22collectionData%22%3A%7B%7D%2C%
22subscriptions%22%3A%7B%22boards%22%3A%7B%22%5B%5D%22%3Atrue%7D%7D%
7D%7D</script><script
type="text/javascript">__meteor_runtime_config__ =
JSON.parse(decodeURIComponent("%7B%22meteorRelease%22%3A%22METEOR%
401.3.5.1%22%2C%22meteorEnv%22%3A%7B%22NODE_ENV%22%3A%22production%
22%2C%22TEST_METADATA%22%3A%22%7B%7D%22%7D%2C%22PUBLIC_SETTINGS%22%
3A%7B%22sandstorm%22%3Atrue%7D%2C%22ROOT_URL%22%3A%22http%3A%2F%
2F127.0.0.1%3A4000%22%2C%22ROOT_URL_PATH_PREFIX%22%3A%22%22%2C%
22appId%22%3A%22dvyihgykyzec6y1dpg%22%2C%22SANDSTORM%22%3Atrue%2C%
22accountsConfigCalled%22%3Atrue%2C%22autoupdateVersion%22%3A%
2267288c01ab936b6355b338c66ed47e9270c9c4b5%22%2C%
22autoupdateVersionRefreshable%22%3A%
22795cc80ed236e1cdd1b822122fa8fbd4b0ec742c%22%2C%
22autoupdateVersionCordova%22%3A%22none%22%7D"));</script> <script
type="text/javascript"
src="/dc653b80b01d9daf41e810175e81b2fb4cc4519c.js?
meteor_js_resource=true"></script></body></html>
taps:<img alt="wiz"
src="http://www.capitaltwins.com/fairy/images/SHOPEN3/Computers066.p
ng" style="width: 87px; height: 92px;" />princess's</p>
<!DOCTYPE html>
<html>
<head>
<style>
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 40%;
border-radius: 5px;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
img {
border-radius: 5px 5px 0 0;
}
.container {
padding: 2px 16px;
}
</style>
</head>
<body>
<h2>ORDERS</h2>
<div class="card">
<img src="//site-312714.mozfiles.com/files/312714/CROSSES.jpg">
<div class="container">
<h4><b>Office Job</b></h4>
<p>Melting Pack</p>
</div>
</div>
</body>
</html>
<a href="https://twitter.com/share" class="twitter-share-button"
data-via="ScraptonFC" data-size="large">Tweet</a>
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<!-- CSS -->
<style>
.myTableText {
width: 100%;
border-collapse: collapse;
background-color: #98FB98;
}
.myTableText td,
.myTableText th {
border: 2px solid #47ae32;
padding: 5px;
}
.myTableText th {
font: bold 18px/1.1em Arial, Helvetica, sans-serif;
text-shadow: 1px 1px 4px black;
letter-spacing: 0.1em;
background-color: #47ae32;
color:#98FB98;
}
.myTableText td {
font: normal 14px/1.5em Goudy, Georgia, serif;
color: #47ae32;
}
.myTableText td a:link {
color: #006400;
text-decoration: none;
}
.myTableText td a:visited {
color: #006400;
}
.myTableText td a:hover {
color: #FF4500;
text-decoration: underline;
}
.myTableText td a:active {
color: #FF0000;
}
</style>
</head>
<body>
<!-- HTML -->
<table class="myTableText">
<tr>
<th> 1 bleavin</th><th>2 BADGER</th>
</tr>
<tr>
<td>Smart City table.. SMART DOCUMENTS<br>
<a href="/css/">CSS</a></td>
<td>And think ahead<a href="/css/css3/"</a></td>
</tr>
<tr>
<td>Or push in<a href="/html/">HTML</a></td>
<td>And Dance <a href="/sql/tutorial/">SQL</a></td>
</tr>
</table>
</body>
</html>
<marquee behavior="alternate"><i>LEVER 7(A*)</I>.</marquee>
<P> notes.. Prizes - TEA SET </p><br>
<!DOCTYPE html>
<html>
<head>
<style>
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
</style>
</head>
<body>
<h2>Hoverable Dropdown</h2>
<p>Move the mouse over the button to open the dropdown menu.</p>
<div class="dropdown">
<button class="dropbtn">Dropdown</button>
<div class="dropdown-content">
<a href="http://htmlpad.org/rworldoffice/">Link 1</a>
<a href="http://htmlpad.org/manageressCLUB">Link 2</a>
<a href="http://htmlpad.org/webisode">Link 3</a>
</div>
</div><br>
<br>
<br>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
.container {
position: relative;
width: 50%;
}
.image {
display: block;
width: 100%;
height: auto;
}
.overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #008CBA;
overflow: hidden;
width: 0;
height: 100%;
transition: .5s ease;
}
.container:hover .overlay {
width: 100%;
}
.text {
white-space: nowrap;
color: white;
font-size: 20px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
</style>
</head>
<body>
<h2>Nicely Set</h2>
<p>hoping for rides home</p>
<div class="container">
<img src="//site-312714.mozfiles.com/files/312714/CARDS_2.jpg">
<div class="overlay">
<div class="text">Hello World</div>
</div>
</div>
</body>
</html>
<br>
<br>
<!DOCTYPE html>
<html>
<head>
<style scoped="scoped" type="text/css"><!--
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0
rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.modal-body {padding: 2px 16px;}
.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
--></style>
<h2>Office Ware</h2>
<h3><!-- Trigger/Open The Modal --> <button id="myBtn">Open
Modal</button> <!-- The Modal --></h3>
<div id="myModal" class="modal"><!-- Modal content -->
<div class="modal-content">
<div class="modal-header"><span class="close">×</span>
<h2>Bakers Suites - over take</h2>
</div>
<div class="modal-body">
<p>Second Stage; next</p>
<p>extra play... loop hole</p>
</div>
<div class="modal-footer">
<h3>TEAZE</h3>
</div>
</div>
</div>
<h3>
<script type="text/javascript">// Get the modal
var modal = document.getElementById('myModal');
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}</script>
</p>
<p> 2nd, <I>Note</I>: :8 - Robs <span style="margin-left:50em">
space!\SPACEBAR\</span></p>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<textarea name="comments" id="comments"
style="width:120px;height:120px;padding:2%;font-
size:1.2em;background-color:gold;">
<pre>
No space
One space
Six spaces
One tab
Two tabs
</pre
</textarea>
<input type="print" value="SubmitCAKE.fri"><input type="print"
value="greens"><input type="print" value="slippers">
<br><input type="print" value="plums">
<input type="print" value="cylinders">
<input type="print" value="Assistants">
<p>a,<marquee behavior="slide" direction="right">2, PR%melon%
\</marquee></p>
<p>1,<span style="color: rgb(0, 0, 128);"><span style="font-size:
18px;"><span style="font-size: 22px;">Snow shoval</span></span>
</span></p>
</p>
</form>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<textarea name="comments" id="comments"
style="width:96%;height:90px;padding:2%;font-size:1.2em;background-
color:yellowgreen;">
Hey... say something! FULL EAGLE ( baker )
\Spacebar\
</textarea>
<input type="print" value="plums">
</form>
<script type="text/javascript" src="<your installation
path>/ckeditor/ckeditor_4.4.1_full/ckeditor.js"></script>
<textarea class="ckeditor" id="myEditor" name="myEditor" cols="35"
rows="20"> Today - tidy up
load superiors
open all closets
wipe out with rag
and assemble under yeh gutter to
even poke out yeh little nice smiles infront
2, after the 1st, orders seen
meet me
you know the sequence
- tapes. load 1 -
- extras
-spares
. have a taxi deliver me early.
when everyones ready
there'll be no more time to delay
get yeh rump in gears
expect more news like this
winching up cloud
</textarea>
<script type="text/javascript">
//<![CDATA[ CKEDITOR.replace( 'myEditor',
{ Today - tidy up
fullPage : true, Today - tidy up
uiColor : '#efe8ce' }); //]]>
</script
<!-- HTML -->
<table class="myTableText">
<tr>
<th>Header 1</th><th>Header 2</th>
</tr>
<tr>
<td>Try <a href="/css/">CSS</a></td>
<td>And <a href="/css/css3/">CSS 3</a></td>
</tr>
<tr>
<td>Or <a href="/html/">HTML</a></td>
<td>Or <a href="/html/">HTML</a></td>
</tr>
</table>
</body>
</html>