|
|
Line 93: |
Line 93: |
| } | | } |
| | | |
- | #vtab0
| |
- | {
| |
- | width:20%;
| |
- | float:left;
| |
- | }
| |
- |
| |
- | #vtab0 li
| |
- | {
| |
- | list-style:none;
| |
- | background-color: #a5a5a5;
| |
- | border:1px dotted #3b3b3b;
| |
- | font-family: "Trebuchet MS", Times;
| |
- | font-weight:bold;
| |
- | font-size: 1em;
| |
- | color: #ffffff;
| |
- | }
| |
- |
| |
- | #vtab0 li:hover
| |
- | {
| |
- | background-color: #3b3b3b;
| |
- | }
| |
- |
| |
- | #tabContent
| |
- | {
| |
- | float:left;
| |
- | width:78%;
| |
- | margin: 1% 1%;
| |
- | font-family: "Trebuchet MS", Times;
| |
- | font-style: bold;
| |
- | font-size: 1em;
| |
- | color: #000000;
| |
- | }
| |
- |
| |
- | .vtInfo
| |
- | {
| |
- | display:none;
| |
- | height:98%;
| |
- | overflow: auto;
| |
- | }
| |
- |
| |
- | /* #leftcolumn
| |
- | {
| |
- | float: left;
| |
- | width: 12em;
| |
- | background-color: #3b3b3b;
| |
- | margin: 2em;
| |
- | padding: 2em;
| |
- | text-align: left;
| |
- | font-family: "Trebuchet MS", Times;
| |
- | font-style: bold;
| |
- | font-size: 1em;
| |
- | color: #fff200;
| |
- | border: 0;
| |
- | } */
| |
- |
| |
- | .llink1 A:link {text-decoration: none; color: #bfbfbf; font-size: 1em;}
| |
- | .llink1 A:visited {text-decoration: none; color: #bfbfbf; font-size: 1em;}
| |
- | .llink1 A:hover {text-decoration: none; color: #fff200; font-size: 1em;}
| |
- | .llink1 A:active {text-decoration: none; font-size: 1em;}
| |
- |
| |
- | /* #rightcolumn
| |
- | {
| |
- | float: right;
| |
- | width: 40em;
| |
- | background-color: #ffffff;
| |
- | margin: 4em;
| |
- | padding: 3em;
| |
- | color: #000000;
| |
- | border: 1px solid #3b3b3b;;
| |
- | } */
| |
| | | |
| #highlightb | | #highlightb |
Line 192: |
Line 122: |
| | | |
| </style> | | </style> |
- |
| |
- | <script type="text/javascript">
| |
- |
| |
- | $(document).ready( function(){
| |
- | // load group photo on page load
| |
- | $('#vtab1').show();
| |
- |
| |
- |
| |
- | });
| |
- |
| |
- | function showTab(IDS)
| |
- | {
| |
- | var tabs = document.getElementById('tabContent').getElementsByTagName('div');
| |
- | var tabs = getElementsByClass('vtInfo',document.getElementById('tabContent'),'div');
| |
- |
| |
- | for (var i=0; i<tabs.length; i++) { tabs[i].style.display = 'none'; }
| |
- | document.getElementById(IDS).style.display = 'block';
| |
- | }
| |
- |
| |
- | function getElementsByClass(searchClass,node,tag)
| |
- | {
| |
- | var classElements = new Array();
| |
- | if ( node == null )
| |
- | node = document;
| |
- | if ( tag == null )
| |
- | tag = '*';
| |
- | var els = node.getElementsByTagName(tag);
| |
- | var elsLen = els.length;
| |
- | var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
| |
- | for (i = 0, j = 0; i < elsLen; i++) {
| |
- | if ( pattern.test(els[i].className) ) {
| |
- | classElements[j] = els[i];
| |
- | j++;
| |
- | }
| |
- | }
| |
- | return classElements;
| |
- | }
| |
- |
| |
- | </script>
| |
| | | |
| </head> | | </head> |