1 files changed, 282 insertions, 0 deletions
diff --git a/o3d/samples/interactive_sampler_assets/styles.css b/o3d/samples/interactive_sampler_assets/styles.css
new file mode 100644
index 0000000..18d6645
--- /dev/null
+++ b/o3d/samples/interactive_sampler_assets/styles.css
@@ -0,0 +1,282 @@
+body {
+  font-family: Arial, sans-serif;
+}
+
+#container {
+  width: 100%;
+  margin:0pt auto;
+  max-width:1024px;
+}
+
+tr {
+  vertical-align: top;
+}
+
+div {
+/*  border: 1px solid #999;*/
+}
+
+#header {
+  height: 50px;
+}
+
+/*#footer {
+  width: 100%;
+  
+}*/
+
+#selectSample {
+  width: 30%;
+  display: inline;
+}
+
+#code {
+  width: 70%;
+  display: inline;
+}
+
+.codepress {
+  width:100%;
+  height:550px;
+/*  overflow-x: hidden;*/
+}
+
+#codeContainer {
+  width:80%;
+  height:500px;
+  padding-left: 9px;
+  padding-right: 9px;
+
+}
+
+#selectContainer {
+  width:20%;
+  height:100%;
+  padding-bottom: 3px;
+}
+
+#selectCode {
+  width:100%;
+  height: auto;
+  overflow: auto;
+  overflow-x: hidden;
+  margin-bottom: 3px;
+  margin-top: 20px;
+}
+
+.category {
+  font-size: 85%;
+  font-family: Arial, sans-serif;
+  font-weight: bold;
+  display: block;
+}
+
+.categoryItems {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  list-style-type: none;
+  font-size: 80%;
+  font-family: Arial, sans-serif;
+  padding-left: 0px;
+}
+
+#outputContainer {
+  /*    width: 400px;*/
+  /*    height: 400px;*/
+  /*    width: 70%;*/
+}
+
+#consoleContainer {
+  height: 300px;
+  width: 30%;
+  border: 1px solid #999;
+}
+
+iframe {
+/*  overflow-x: hidden;*/
+}
+
+.contentTable {
+  width: 100%;
+  height: 100%;
+}
+
+#header {
+  margin: 0px;
+  display: inline;
+}
+
+.bluehr {
+  background-color:transparent;
+  border:0pt none;
+  float:left;
+  font-size:1.5em;
+  font-weight:bold;
+  line-height:1.3em;
+  margin:0pt;
+  padding:0pt 0pt 0pt 0.3em;
+}
+
+h2 {
+  border-bottom:1px solid #CCCCCC;
+  font-size:1.3em;
+  margin-bottom:0pt;
+  font-family:Helvetica,Arial,sans-serif;
+}
+
+.bluediv {
+  background-color:#E5ECF9;
+  border-top:1px solid #3366CC;
+  font-size:1em;
+  margin:0pt;
+  padding:0.1em 0pt;
+  white-space:nowrap;
+  width:100%;
+}
+
+li.selected {
+  padding:0.2em 0pt 0.2em 15px;
+  background-color:#E5ECF9;
+  color:#000000;
+  position:relative;
+  text-decoration:none;
+  z-index:2;
+  list-style-image:none;
+  list-style-position:outside;
+  list-style-type:none;
+  margin:0pt;
+  vertical-align:middle;
+  line-height:100%;
+  cursor: default;
+}
+
+li {
+  padding-left: 15px;
+  cursor: pointer;
+  text-decoration: underline;
+  color: blue;
+}
+
+img.expand, img.collapse {
+  border:medium none;
+  height:inherit;
+  margin-bottom: 4px;
+  margin-right: 5px;
+  padding:0pt;
+  position:relative;
+  width:9px;
+  background-image:url(interactive_sampler_assets/images/sprites.gif);
+  vertical-align:middle;
+  cursor: pointer;
+}
+
+img.collapse {
+  background-position: -28px -310px; /* The empty Plus */
+}
+
+img.collapse:hover {
+  background-position:-28px -508px; /* The filled Plus */
+}
+
+img.expand {
+  background-position: -28px -246px; /* The empty Plus */
+}
+
+img.expand:hover {
+  background-position:-28px -444px; /* The filled Plus */
+}
+
+/*.separator {
+  height: 100%;
+  background:#E5ECF9 none repeat scroll 0% 0%;
+  border-color:-moz-use-text-color #FFFFFF;
+  border-style:1px solid;
+  border-width:medium 2px;
+  cursor:pointer;
+  left:-5px;
+  overflow:hidden;
+/*  position:absolute;*/
+/*  top:0pt;
+  margin-top: 63px;
+  width:4px;
+}*/
+
+#gc-footer-img {
+  background-image:url(interactive_sampler_assets/images/sprites.gif);
+  background-position:-28px -28px;
+  display:inline;
+  float:left;
+  height:53px;
+  margin:12px 0pt;
+  width:143px;
+}
+
+#gc-footer .text {
+  margin:0pt 0pt 0pt 170px;
+  padding:30px 0pt;
+  text-align:center;
+}
+
+#gc-footer {
+  color:#666666;
+  margin:0pt;
+  width:100%;
+}
+
+td.footer {
+  padding-top: 60px;
+}
+
+#googleLogoTD {
+  text-align:right; 
+  vertical-align:middle;
+  padding-right: 7px;
+}
+
+#tab_bar {
+  margin-top:20px;
+  cursor: pointer;
+}
+
+#button_bar {
+  text-align: right;
+}
+
+.roundedcornr_box {
+  float:left;
+  margin: 0px 4px;
+}
+
+.db_top div {
+  background: url(interactive_sampler_assets/images/db_tl.png) no-repeat top left;
+}
+.db_top {
+  background: #92c1f0 url(interactive_sampler_assets/images/db_tr.png) no-repeat top right;
+}
+
+.lb_top div {
+  background: url(interactive_sampler_assets/images/lb_tl.png) no-repeat top left;
+}
+
+.lb_top {
+  background: #D0E4F6 url(interactive_sampler_assets/images/lb_tr.png) no-repeat top right;
+}
+
+.db_top div, .db_top, 
+.lb_top div, .lb_top {
+  height: 5px;
+  font-size: 1px;
+}
+.lb_roundedcornr_content,
+.db_roundedcornr_content { 
+  padding: 0px 10px; 
+  font-size: 80%;
+}
+
+.lb_roundedcornr_content {
+  background-color: #D0E4F6;    
+}
+
+.db_roundedcornr_content {
+  background-color: #92c1f0;
+}