Kamis, 29 Mei 2014

iya aya waelah

Original

paste saja diatas </head> atau </style>
button{
cursor:pointer;
}
button, input {
  line-height: normal;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type=&quot;search&quot;] {
  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 &quot;Roboto_Regular&quot;,&quot;Roboto&quot;,&quot;Roboto

Regular&quot;,&quot;Franklin Gothic Medium&quot;,&quot;Franklin Gothic Book&quot;,&quot;Lucida Sans&quot;,&quot;Lucida Sans

Unicode&quot;,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:&quot;&quot;;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: &#39;Oswald&#39;, 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&gt;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&gt;ul{top:100%;left:0}
.no-js #site-nav li li:hover&gt;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>

6 komentar:

  1. Balasan
    1. .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&gt;ul{top:100%;left:0}
      .no-js #site-nav li li:hover&gt;ul{top:0;left:100%}

      Hapus
  2. Balasan
    1. Resize fungstion:

      <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>

      Hapus

Tautan (link) hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan konversi dibawah.
Untuk menyisipkan gambar, gunakan kode [img]URL GAMBAR[/img]
Untuk menyisipkan judul, gunakan tag <b rel="h4">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA DI SINI...</strong>
Untuk menciptakan efek huruf miring gunakan tag <em>TEKS ANDA DI SINI...</em>

Terimakasih . . .