|
|
(2 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| <head> | | <head> |
- | <title>Team:Cornell - Experimental Style Template</title> | + | <title>Team:Georgia State University</title> |
| + | |
| + | <link href="http://dl.dropbox.com/u/23122618/styles.css" rel="stylesheet" type="text/css"> |
| + | |
| + | |
| + | |
| + | <div id='cssmenu'> |
| + | <ul> |
| + | <li class='active '><a href='index.html'><span>Home</span></a></li> |
| + | <li class='has-sub '><a href='#'><span>Our Team</span></a> |
| + | <ul> |
| + | <li class='has-sub '><a href='#'><span>Product 1</span></a> |
| + | <ul> |
| + | <li><a href='#'><span>Sub Item</span></a></li> |
| + | <li><a href='#'><span>Sub Item</span></a></li> |
| + | </ul> |
| + | </li> |
| + | <li class='has-sub '><a href='#'><span>Product 2</span></a> |
| + | <ul> |
| + | <li><a href='#'><span>Sub Item</span></a></li> |
| + | <li><a href='#'><span>Sub Item</span></a></li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li><a href='#'><span>About</span></a></li> |
| + | <li><a href='#'><span>Contact</span></a></li> |
| + | </ul> |
| + | </div> |
| + | |
| + | |
| | | |
| | | |
Line 27: |
Line 57: |
| } | | } |
| p { padding: 5px 0; } | | p { padding: 5px 0; } |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | /*============the following section is hacking the original wiki template============*/
| |
- |
| |
- | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #top-section {
| |
- | border: none;
| |
- | height: 0px;
| |
- | }
| |
- |
| |
- | #content {
| |
- | border: none;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- |
| |
- | #menubar > ul > li:last-child {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #menubar { //resizes menu bar
| |
- | width: auto;
| |
- | }
| |
- |
| |
- | /*hacks menubar links to do cool things*/
| |
- | #menubar a:link {color:transparent;}
| |
- | #menubar a:visited {color:transparent;}
| |
- | #menubar a:hover {color:black;}
| |
- | #menubar a:active {color:gray;}
| |
- |
| |
- |
| |
- | #top-section { /*section with the buttons and search bar - might be bad to remove*/
| |
- | border: 0px transparent solid;
| |
- | position:absolute;
| |
- | left:140px;
| |
- | /*display:none;*/
| |
- | }
| |
- |
| |
- | #menubar { /*main menubar settings*/
| |
- | background-color: transparent;
| |
- | }
| |
- | #menubar ul li a { /*menubar subcategory items*/
| |
- | color: black;
| |
- | }
| |
- |
| |
- | .right-menu li a {
| |
- | color: black;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | /*============End original wiki mods============*/
| |
- |
| |
- | .mainBox{
| |
- | position: absolute;
| |
- | top: 375px;
| |
- | left: 210px;
| |
- | width:700px;
| |
- | height:300px;
| |
- | text-align:center;
| |
- | }
| |
- |
| |
- |
| |
- | .mainBox td{
| |
- | align:center;
| |
- | height:130px;
| |
- | padding:10px; /*between border & content&*/
| |
- | border:solid #E0E0E0 1px;
| |
- | }
| |
- | .mainBox td.profpic{
| |
- | width:150px;
| |
- | padding:0px; /*between border & content&*/
| |
- | }
| |
- |
| |
- |
| |
- | p.filler
| |
- | {
| |
- | position:relative;
| |
- | padding-top:100px;
| |
- | font-family:arial;
| |
- | color:gray;
| |
- | font-size:20px;
| |
- | padding:50px;
| |
- | }
| |
- |
| |
- | body
| |
- | {
| |
- | background-color:transparent;
| |
- | margin:0;
| |
- | padding:0;
| |
- | }
| |
- |
| |
- | table,td
| |
- | {
| |
- | border:0px;
| |
- | }
| |
- |
| |
- | /*=========Start side nav bar code==============*/
| |
- | .sideNavBar
| |
- | {
| |
- | position:absolute;
| |
- | top:320px;
| |
- | left:0px;
| |
- | background-color:white;
| |
- | margin:0;
| |
- | padding:0;
| |
- | border:0px;
| |
- | }
| |
- |
| |
- | .sideNavBar ul li
| |
- | {
| |
- | list-style:none;
| |
- | margin:0;
| |
- | padding:0;
| |
- | }
| |
- |
| |
- | .sideNavBar a{
| |
- | font-family: Verdana, Century Gothic, Tahoma, sans-serif;
| |
- | font-size:20px;
| |
- | /*font-weight:600;*/
| |
- | padding-top:15px;
| |
- | padding-left:30px;
| |
- | text-decoration:none;
| |
- | background-color:white;
| |
- | display:block;
| |
- | width:170px;
| |
- | height:45px;
| |
- | }
| |
- |
| |
- | .sideNavBar a:link {
| |
- | border-width:1px 1px 1px 3px;
| |
- | border-style:none none none solid;
| |
- | border-color:white;
| |
- | color: gray;
| |
- |
| |
- | }
| |
- |
| |
- | .sideNavBar a:visited {
| |
- | border-width:1px 1px 1px 3px;
| |
- | border-style:none none none solid;
| |
- | border-color:white;
| |
- | color: gray;
| |
- | }
| |
- |
| |
- | .sideNavBar a:hover { /*cool button*/
| |
- | border-width:1px 1px 1px 3px;
| |
- | border-style: none none none solid;
| |
- | border-color:#660000 #660000 #660000 #660000;
| |
- | color: gold;
| |
- | }
| |
- | .sideNavBar a:active {
| |
- | border-width:1px 1px 1px 3px;
| |
- | border-style: none none none solid;
| |
- | border-color:#660000 #660000 #660000 #660000;
| |
- | color: gold;
| |
- | }
| |
- |
| |
- | .sideNavBar a.current{ /*force black for current button*/
| |
- | color: black;
| |
- | }
| |
- |
| |
- | .sideNavBar a.current:hover{ /*allow for gold to still happen for current button*/
| |
- | color: #660000;
| |
- | }
| |
- |
| |
- | /*=============End side nav bar code=================*/
| |
- |
| |
- | /*=============Start top nav bar code===============*/
| |
- | .insideTopBar {
| |
- | position:absolute;
| |
- | top:300px;
| |
- | left:230px;
| |
- | background-color:white;
| |
- |
| |
- | }
| |
- | .insideTopBar ul{
| |
- | padding:0;
| |
- | margin:0;
| |
- | list-style:none;
| |
- | }
| |
- | .insideTopBar ul li{
| |
- | float:right;
| |
- | padding-left:7px;
| |
- | margin:0px;
| |
- |
| |
- | }
| |
- |
| |
- | .insideTopBar a{
| |
- |
| |
- | display:block;
| |
- | background-color:white;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | .insideTopBar img{
| |
- | opacity:0.4;
| |
- | filter:alpha(opacity=40); /* For IE8 and earlier */
| |
- | }
| |
- | .insideTopBar img:hover{
| |
- | opacity:1.0;
| |
- | filter:alpha(opacity=100); /* For IE8 and earlier */
| |
- | }
| |
- |
| |
- | /*=============End top nav bar code=================*/
| |
- | </style>
| |
- |
| |
- |
| |
- | <script type="text/javascript">
| |
- | jQuery(document).ready(function() {
| |
- | jQuery(".content").hide();
| |
- | //toggle the componenet with class msg_body
| |
- | jQuery(".heading").click(function()
| |
- | {
| |
- | jQuery(this).next(".content").slideToggle(500);
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
- |
| |
- |
| |
| | | |
| | | |