Flashy XM Test







  



a:link { color:rgb(0,0,0); }

a:hover { color:rgb(255,0,0); }

.headercontainer {   width:32.75%; float:left; margin:0px 0.875% 0px 0px; }

.headercontainer_map {   width:32.75% float:left; }

.headercontainer_video {   width:100%; float:left; }

.headercontainer_statuslog {   width:66.375%; float:left; }

.fluidcontainer {   width:100%; border: 2px solid black; float:left; margin:0px 0.875% 0px 0px; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.fluidcontainer_map {   width:32.75%; border: 2px solid black; float:left; margin:0px 0px 0px 0px; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.fluidcontainer_youtubeandstatuslog {   width:100%; max-height:242px; }

.fluidWrapper {   position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; width:100%; height:100%; }

.fluidWrapper iframe {   position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fluidWrapper img {   position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

h3 {   font-size:145%; font-family: 'Arvo', serif; letter-spacing:1px; margin-bottom:-3px; }

h4 {   font-size:120%; font-family: 'Arvo', serif; margin-bottom:-2px; }

.youtube {   width:100%; border: 2px solid black; float:left; margin-right:0.875%; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.statuslog {   width:100%; border: 2px solid black; float:left; max-height:244px; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.taskboard {   height:350px; width:100%; border:2px solid black; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.controlpanel {   border:2px solid black; height:354px; width:100%; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25); box-shadow: 2px 2px 3px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

Flashy XM Tutorial 

Systems Engineering Breakdown Diagram 

 <a href="javascript: void(0)" onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Aj7WbjRT9mlmdGFGMVluOF83ak9HNHVvTEg5UU42S3c#gid=1',  'windowname2',   'width=800, \   height=600, \   directories=no, \   location=no, \   menubar=no, \   resizable=no, \   scrollbars=1, \   status=no, \   toolbar=no');   return false;" title="Flash Mob Map">Flash Mob Map</a> <div class="fluidcontainer_map"> <a href="javascript: void(0)" onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Aj7WbjRT9mlmdGFGMVluOF83ak9HNHVvTEg5UU42S3c#gid=1',  'windowname2',   'width=800, \   height=600, \   directories=no, \   location=no, \   menubar=no, \   resizable=no, \   scrollbars=1, \   status=no, \   toolbar=no');   return false;" title="Systems Engineering Breakdown Diagram (SEBD)"><img src="https://docs.google.com/spreadsheet/oimg?key=0Aj7WbjRT9mlmdGFGMVluOF83ak9HNHVvTEg5UU42S3c&oid=2&zx=z41rgv36ee80" /></a> <br style="clear:both" />

<div class="fluidcontainer_youtubeandstatuslog">

<a href="javascript: void(0)" onclick="window.open('http://www.youtube.com/user/marcinose',  'windowname2',   'width=700, \   height=800, \   directories=no, \   location=no, \   menubar=no, \   resizable=no, \   scrollbars=1, \   status=no, \   toolbar=no');   return false;" title="Video Log">Video Log</a> <iframe width="420" height="242" src="http://www.youtube.com/embed/videoseries?list=UUjvBN1r7UXXqmIbx_u7bIAw&amp;hl=en_US" frameborder="0" allowfullscreen>

<div class="headercontainer_statuslog"> <a href="javascript: void(0)" onclick="window.open('https://docs.google.com/spreadsheet/viewform?formkey=dHpCS2dnRkNuUzBpMUlyekI2NGR4Nnc6MQ#gid=1',  'windowname2',   'width=650, \   height=450, \   directories=no, \   location=no, \   menubar=no, \   resizable=no, \   scrollbars=1, \   status=no, \   toolbar=no');   return false;" title="Enter Completed Tasks Into the Status Log">Status Log</a> <iframe width='100%' height='240' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0Aj7WbjRT9mlmdHpCS2dnRkNuUzBpMUlyekI2NGR4Nnc&output=html&widget=true'>

<br style="clear:both" />

<h4 style="text-align:left; width:99.8%; float:right;"> <a href="javascript: void(0)" onclick="window.open('http://scrumy.com/ose_organization',  'windowname2',   'width=1100, \   height=600, \   directories=no, \   location=no, \   menubar=no, \   resizable=no, \   scrollbars=1, \   status=no, \   toolbar=no');   return false;" title="Task Board">Task Board</a> <iframe frameborder="0" class="taskboard" src="http://scrumy.com/ose_organization">

<h4 style="text-align:left; width:99.8%;"> <a href="javascript: void(0)" onclick="window.open('https://docs.google.com/spreadsheet/pub?key=0Av4ZjQn4DHJHdFZzQTFCb2RCYUhYWDlnb1NEUjBOcUE&output=html&widget=true',  'windowname2',   'width=1100, \   height=600, \   directories=no, \   location=no, \   menubar=no, \   resizable=no, \   scrollbars=1, \   status=no, \   toolbar=no');   return false;" title="Control Panel">Control Panel</a>

<iframe width='100%' height='350' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0Av4ZjQn4DHJHdFZzQTFCb2RCYUhYWDlnb1NEUjBOcUE&output=html&widget=true'>