Original
paste saja diatas
</head>
atau </style>
button{
cursor:pointer;
}
button, input {
line-height: normal;
}
button[disabled], input[disabled] {
cursor: default;
}
input[type="search"] {
box-sizing: content-box;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.aab_outer-wrapper {
background: #222;
position: relative;
width: 1120px;
overflow: hidden;
min-height: 100%;
margin: 0 auto;
}
.aab_content-wrapper {
height: 100%;
overflow: hidden;
padding: 0 0 0 10px;
word-wrap: break-word;
}
.aab_post-wrapper {
width: 68%;
}
.aab_sidebar-wrapper {
width: 30%;
line-height: normal;
word-wrap: break-word;
background-color: #292929;
}
#navbar-iframe, .status-msg-wrap, feeds, .feed-links, .Attribution, .date-header {
display: none;
}
body{text-align: left;background-color:#B1B1B1;font: normal normal 13px/20px "Roboto_Regular","Roboto","Roboto
Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans
Unicode",Helmet,Freesans,sans-serif;color: #888;}
.nav,.nav ul,.nav ol,.nav li{margin:0;padding:0;list-style:none}
.nav li{display:inline}
.left{float:left}
.right{float:right}
.cl, .cf:after {clear: both;}
.cl{display:block;}
.cf {}
.cf:before, .cf:after {content:"";display: table;}
.of{
overflow:hidden;
}
.y-axis{
overflow-y: scroll;
}
.x-axis{
overflow-x: scroll;
}
.pull-left{float:left}
.pull-right{float:right}
.text-center{text-align:center;}
#aab_site-header {
height: 55px;
border-bottom: 2px solid #222;
background-color: #292929;
padding: 0 20px;
}
#site-nav,#site-nav ul{background-color:#292929;height:45px;color:#888;text-transform:uppercase}
#site-nav{margin-bottom:10px;height:40px;line-height:40px;font-size:15px;font-family: 'Oswald', Tahoma, sans-serif}
#site-nav li{float:left;position:relative}
#site-nav a{display:block;padding:0 15px;color:inherit;white-space:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#site-nav a.home-menu,#site-nav a.home-menu:hover{background-color:#292929;color:white;padding:0 10px;line-height:45px}
#site-nav a:hover,#site-nav li:hover>a{background-color:#111;text-decoration:none;color:white}
#site-nav li ul{height:auto;position:absolute;z-index:999;top:-99999px;left:-99999px;width:170px;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.js #site-nav li ul{top:100%;left:0;display:none}
#site-nav li li{float:none;display:block}
#site-nav li li a{height:30px;line-height:30px;padding:0 10px}
.js #site-nav li li ul{top:0;left:100%}
.no-js #site-nav li:hover>ul{top:100%;left:0}
.no-js #site-nav li li:hover>ul{top:0;left:100%}
#site-nav .search-form{float:right;text-transform:none}
#site-nav .search-form form{margin:0;height:40px;line-height:40px;padding:0 14px}
#site-nav .search-form .text-input{width:150px;border-color:transparent}
.search-form {top: 65px;right: 10px;position: absolute;}
.text-input_search {
width: 190px;
border: 1px solid #ccc;
background-color: white;
padding: 5px 5px;
}
.submit-button{font: inherit;border: 1px solid #444;background: #333;padding: 0;width: 32px;line-height: 28px;text-align: center;color:
#666!important;right: 15px;}
<script type='text/javascript'>
//<![CDATA[
$('.aab_sidebar-wrapper .widget-content').hide();
$('.aab_sidebar-wrapper h2:last').addClass('headactive').next().show();
$('.aab_sidebar-wrapper h2').click(function(){
if($(this).next().is(':hidden') ) {
$('.aab_sidebar-wrapper h2').removeClass('headactive').next().slideUp(900, "easeInOutExpo");
$(this).toggleClass('headactive').next().slideDown(600, "easeInOutExpo");
}
return false;
});
//]]>
</script>
mencoba. =))
BalasHapus.js #site-nav li ul{top:100%;left:0;display:none}
Hapus#site-nav li li{float:none;display:block}
#site-nav li li a{height:30px;line-height:30px;padding:0 10px}
.js #site-nav li li ul{top:0;left:100%}
.no-js #site-nav li:hover>ul{top:100%;left:0}
.no-js #site-nav li li:hover>ul{top:0;left:100%}
</style>
BalasHapusResize fungstion:
Hapus<div id="header"><h1>My Header</h1></div>
<div id="content" style="border: 1px solid black;">My dynamic content</div>
<div id="footer">My footer</div>
<script type="text/javascript">
$(window).resize(function() {
var freeSpace = $(window).height() - ($("#header").height() + $("#footer").height());
$("#content").height(freeSpace);
});
$(window).trigger('resize');
</script>
link
Hapus$(window)
BalasHapus