|
|
| (13 intermediate revisions not shown) |
| Line 20: |
Line 20: |
| | position: relative; | | position: relative; |
| | background-color:black; | | background-color:black; |
| | + | text-align:center; |
| | + | } |
| | + | .heading1 { |
| | + | margin: 1px; |
| | + | color: #fff; |
| | + | padding: 3px 10px; |
| | + | cursor: pointer; |
| | + | position: relative; |
| | + | background-color:#8e0023; |
| | + | text-align:center; |
| | } | | } |
| | .content { | | .content { |
| | padding: 5px 10px; | | padding: 5px 10px; |
| - | background-color:#fafafa; | + | background-color:#cfcfcf; |
| | } | | } |
| | p { padding: 5px 0; } | | p { padding: 5px 0; } |
| Line 112: |
Line 122: |
| | position:relative; | | position:relative; |
| | padding-top:100px; | | padding-top:100px; |
| - | font-family:arial;
| + | color:transparent; |
| - | color:gray; | + | font-size:16px; |
| - | font-size:20px; | + | |
| | padding:50px; | | padding:50px; |
| | } | | } |
| Line 130: |
Line 139: |
| | } | | } |
| | | | |
| - | /*=========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> | | </style> |
| | | | |
| Line 248: |
Line 152: |
| | jQuery(this).next(".content").slideToggle(500); | | jQuery(this).next(".content").slideToggle(500); |
| | }); | | }); |
| | + | jQuery(".heading1").click(function() |
| | + | { |
| | + | jQuery(this).next(".content").slideToggle(500); |
| | + | }); |
| | }); | | }); |
| | </script> | | </script> |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| | </head> | | </head> |
"
