|
|
(4 intermediate revisions not shown) |
Line 7: |
Line 7: |
| | | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> |
- | <script>
| |
- | $(document).ready(function()
| |
- | {
| |
- | $('#menubar').mouseover(function(){
| |
- | $('#menubar').stop().animate({top:"0px"},500);
| |
- | });
| |
- | $('#menubar').mouseleave(function(){
| |
- | $('#menubar').stop().animate({top:"-20px"},500);
| |
- | });
| |
- | $('#menubar.right-menu').mouseover(function(){
| |
- | $('#menubar.right-menu').stop().animate({top:"0px"},500);
| |
- | });
| |
- | $('#menubar.right-menu').mouseleave(function(){
| |
- | $('#menubar.right-menu').stop().animate({top:"-20px"},500);
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function(){
| |
- | $("ul.first > li").hover(function(){
| |
- | $(this).find("ul").stop().fadeToggle(10);
| |
- | });
| |
- | });
| |
- | </script>
| |
| | | |
| | | |
Line 47: |
Line 22: |
| | | |
| <style type="text/css"> | | <style type="text/css"> |
- | body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;}
| |
- | #menubar
| |
- | {background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
| |
- | #menubar ul li a
| |
- | { color:#8D1919;}
| |
- | #menubar.right-menu
| |
- | {background-color:#EEECEC;opacity:0.8;top:-4px;width:240px;height:23px;position:absolute;top:-20px;}
| |
- | .right-menu li a
| |
- | {color:#8D1919;background-color:#EEECEC;}
| |
- | #p-logo
| |
- | {visibility:hidden;}
| |
- | .firstHeading
| |
- | {visibility:hidden;}
| |
- | #globalWrapper
| |
- | {position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;}
| |
- | #content
| |
- | {width: 1000px;border:none;background-color:#494042;padding:0px;margin-top:0px;line-height: 1.5em;color: black;}
| |
- | #top-section
| |
- | {height:2px;border:none;background-color:#494042;}
| |
- | #catlinks
| |
- | {border-color:#494042;background-color:#494042;}
| |
- | #footer-box
| |
- | {display:none}
| |
- | #kepala
| |
- | {position:absolute;top:15px;background-color:#F0A5BE;height:121px;width:100%;}
| |
| | | |
| #Slideshow | | #Slideshow |
Line 83: |
Line 33: |
| | | |
| | | |
- | #bar
| |
- | {position:absolute;top:720px;background-color:#494042;height:121px;width:100%;}
| |
- | table.curvedEdges { border:10px solid #f4dfc0 ;-webkit-border-radius:10px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;border-radius:13px; }
| |
| | | |
- | #copyright
| |
- | {position:absolute;left:300px;top:200px;}
| |
- |
| |
- | .menu ul,li
| |
- | {
| |
- | margin:0;
| |
- | padding:0;
| |
- | list-style:none;
| |
- | width:100%;
| |
- | }
| |
- | ul.first>li
| |
- | {
| |
- | float:left;
| |
- | width:16.66%;
| |
- | }
| |
- | ul.first>li>a:link,ul.first>li>a:visited
| |
- | {
| |
- | display:block;
| |
- | font-weight:bold;
| |
- | color:#494042;
| |
- | background-color:#35bb91;
| |
- | text-align:center;
| |
- | padding:3%;
| |
- | text-decoration:none;
| |
- | text-transform:uppercase;
| |
- | }
| |
- |
| |
- | ul.first>li>a:hover,ul.first>li>a:active
| |
- | {
| |
- | background-color:#e32e51;
| |
- | }
| |
- |
| |
- | ul.first>li>ul
| |
- | {
| |
- | display:none;
| |
- | width:100%;
| |
- | }
| |
- |
| |
- | ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited
| |
- | {
| |
- | display:block;
| |
- | font-weight:bold;
| |
- | color:#494042;
| |
- | background-color:#8ff5d5;
| |
- | text-align:center;
| |
- | padding:3%;
| |
- | text-decoration:none;
| |
- | text-transform:uppercase;
| |
- | }
| |
- |
| |
- | ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
| |
- | {
| |
- | background-color:#f87790;
| |
- | }
| |
- | .menu
| |
- | {
| |
- | position:absolute;
| |
- | left:0px;
| |
- | top:141px;
| |
- | width:100%;
| |
- | }
| |
| | | |
| | | |