Code cho

Những đoạn code dùng cho trang nhà của Ftvh - Vũ trụ trong tầm tay.

   Bài bộ ảnh
@media only screen and (min-width:500px) {
.sidebar-wrapper {display:none;}
#main-wrapper {width:100%;}
img {max-width:1040px;width:100%;}
.post-outer {margin-top:-40px;}
@media only screen and (max-width:500px) {
div.menumob div#main {background:transparent;}
#main {padding:0;}
.sidebar-wrapper .widget {background:#999;}
.sidebar-wrapper .widget h2 span {background-color: #999;}
} {color:#909090;}
.item .post, .static_page .post-body, body, #main {
border: none;background: #333;}
.item .post-body, .static_page .post-body {background:#333;color:#a9a9a9;}
.breadcrumbs span a, .sa-title, .sa-title strong, h4.related-headline, h3.related-title a {color: #fff;}
.item .post-title, .static_page .post-title {color: #cd3e30;} {background:#666;}
.cmm-tabs.simplyTab {background:#999;}
.item .post-body img {width:100%;}

   Bài video

   YouTube 100% width
<div style="margin: 0px auto; max-width: 1600px; padding: 5px;">
<div style="height: 0px; overflow: hidden; padding-bottom: 56.25%; position: relative;">
<iframe allowfullscreen="" frameborder="0" height="900" src="" style="height: 100%; left: 0px; max-height: 900px; max-width: 1600px; position: absolute; text-align: center; top: 0px; width: 100%;" width="1600"></iframe>
<div style="text-align: center;">

<div style="text-align: center;">
<a href="">Xem video trên YouTube</a></div>

   Vimeo 100% width
(bỏ một hàng)
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
<div class="embed-container">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="" webkitallowfullscreen=""></iframe></div>
<div style="text-align: center;">
<a href="" target="_blank">Xem video trên Vimeo</a></div>

   Lịch thiên văn width rộng
@media (min-width: 1200px){
.container {
    width: 1150px;
@media (min-width: 768px){
.col-sm-9 {
  width: 75%!important;}
.col-sm-3 {
    width: 25%!important;}