Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class='clearfix' id='inner-header'>
<div id='site-heading'>
<div id='site-title'>
<div class='headersec section' id='headersec'><div class='widget Header' data-version='1' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h3 class='title'>
<a href='https://www.nguoilamxaydung.com/'>Người Làm Xây Dựng</a>
</h3>
</div>
<h2>Người làm xây dựng, blog chia sẽ các kiến thức về kiến trúc, mẫu thiết kế, nội thất, xu hướng thiết kế, nhà vườn, phong cách thiết kế, phong thủy. Chúng tôi hy vọng rằng với những chủ đề này sẽ giúp bạn có thêm những ý tưởng mới.</h2>
</div>
</div></div>
</div>
</div>
<form action='https://www.nguoilamxaydung.com/search/' class='searchform' id='searchform' method='get' role='search'>
<div>
<label class='screen-reader-text' for='s'>Search for:</label>
<input id='s' name='q' type='text' value=''/>
<input id='searchsubmit' type='submit' value='Search'/>
</div>
</form>
</div>
<div class='navmenuwrap' id='access'>
<div class='clearfix' id='inner-nav'>
<h3 class='assistive-text section-heading'>Main menu</h3>
<div class='skip-link screen-reader-text'><a href='#content' title='Skip to content'>Skip to content</a></div>
<div class='menu mobi-menu'>
<div class='nbttopmenutop section' id='nbttopmenutop'><div class='widget PageList' data-version='1' id='PageList8'>
<div class='widget-content'>
<ul id='pbtmenusectop'>
<li><a href='https://www.nguoilamxaydung.com/'>Trang chủ</a></li>
<li><a href='https://nlxy.blogspot.com/search/label/Ki%E1%BA%BFn%20Tr%C3%BAc'>Kiến Trúc</a></li>
<li><a href='https://nlxy.blogspot.com/search/label/M%E1%BA%ABu%20Thi%E1%BA%BFt%20K%E1%BA%BF'>Mẫu Thiết Kế</a></li>
<li><a href='https://nlxy.blogspot.com/search/label/N%E1%BB%99i%20Th%E1%BA%A5t'>Nội Thất</a></li>
<li><a href='https://nlxy.blogspot.com/search/label/Xu%20H%C6%B0%E1%BB%9Bng%20Thi%E1%BA%BFt%20K%E1%BA%BF'>Xu Hướng Thiết Kế</a></li>
<li><a href='https://www.nguoilamxaydung.com/search/label/Nh%C3%A0%20V%C6%B0%E1%BB%9Dn'>Nhà Vườn</a></li>
<li><a href='https://www.nguoilamxaydung.com/search/label/Phong%20Th%E1%BB%A7y'>Phong Thủy</a></li>
<li><a href='https://www.nguoilamxaydung.com/search/label/Blog'>Blog</a></li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' onclick='return _WidgetManager._PopupConfig(document.getElementById("PageList8"));' rel='nofollow' target='configPageList8' title='Chỉnh sửa'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div>
</div>
</div>
</div><!-- #access -->
</header><!-- #branding -->
<div id='container'>
<div class='clearfix' id='content'>
<div class='col620 clearfix' id='main' role='main'>
<div class='mainblogsec section' id='mainblogsec'><div class='widget Blog' data-version='1' id='Blog1'>
<div class='blog-posts hfeed'>
<!--Can't find substitution for tag [defaultAdStart]-->

          <div class="date-outer">
        
<h2 class='date-header'><span>Thứ Bảy, 22 tháng 5, 2021</span></h2>

          <div class="date-posts">
        
<div class='post-outer'>
<article class='post hentry clearfix'>
<a name='8335254997017421363'></a>
<div class='content-wrapbpost'>
<div class='post-bwrap'>
<header class='entry-header'>
<h1 class='post-title entry-title'>
<a href='https://www.nguoilamxaydung.com/2021/05/mach-nho-mau-thiet-ke-biet-thu-co-ien.html'>Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội</a>
</h1>
</header>
<div class='post-header-line-1'></div>
<div class='post-body entry-content post_content'>
<p>&nbsp;Biệt thự cổ điển châu Âu từ lâu đã được giới thượng lưu vô cùng yêu mến. Bởi vẻ đẹp nhẹ nhàng, thanh lịch, kiêu sa mà không hề tạo cảm giác nặng nề khi quan sát. Hôm nay, chúng tôi đã chọn mẫu biệt thự cổ điển châu Âu tại hà nội cao 3 tầng để giới thiệu tới bạn đọc.</p><h2 style="text-align: left;"><span style="color: #274e13;">Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu</span></h2><div class="separator" style="clear: both;">Quan sát góc nghiêng của mẫu thiết kế nhà đẹp tại hà nội, bạn sẽ phải choáng ngợp trước vẻ đẹp kiêu sa và đầy quyền quý. Là sự phối hợp nhịp nhàng giữa các hình khối, màu sắc cùng hoa văn trang trí, mang tới một mẫu biệt thự đẹp say đắm lòng người.</div><div class="separator" style="clear: both; text-align: left;"></div><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-lf8gHO5Oc_s/YKi-4vsEOEI/AAAAAAAAC60/PhyKUQ6OMYU90uuZZv4_dVcKaNKMMKkmgCNcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" data-original-height="505" data-original-width="685" height="472" src="https://lh3.googleusercontent.com/-lf8gHO5Oc_s/YKi-4vsEOEI/AAAAAAAAC60/PhyKUQ6OMYU90uuZZv4_dVcKaNKMMKkmgCNcBGAsYHQ/w640-h472/image.png" title="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" width="640" /></a></div><p>Sàn nhà được nâng cao so với mặt đường, phải thiết kế bậc thang để dẫn lên sảnh chính. Bao quanh chân tường và 2 bên bậc thang được trồng thêm các cụm cây xanh, vừa điểm thêm màu sắc cho căn nhà, lại tạo sự gần gũi với thiên nhiên.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-9qC84jsurWo/YKi_Y75ENDI/AAAAAAAAC68/aktTPHp3RmQpKDAQA3Jlf4RFmkePZYubQCNcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" data-original-height="505" data-original-width="682" height="474" src="https://lh3.googleusercontent.com/-9qC84jsurWo/YKi_Y75ENDI/AAAAAAAAC68/aktTPHp3RmQpKDAQA3Jlf4RFmkePZYubQCNcBGAsYHQ/w640-h474/image.png" title="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" width="640" /></a></div><p></p><p>Các trụ cột vuông đặt tại các góc nhà được điểm xuyết hoa văn tại chân và đầu cột đầy tinh xảo. Với các trụ cột tròn tại sảnh hiên và ban công được đắp phù điêu tại đầu cột. Thân cột là các đường chỉ kẻ dọc lõm, thiết kế cân xứng mang lại dáng vẻ trang nghiêm và bề thế cho mẫu biệt thự tại hà nội.</p><p>Đặc trưng của phong cách cổ điển là hoa văn được trang trí tỉ mỉ theo một quy luật nhưng không hề tạo sự khó chịu cho người xem. Phù điêu được đắp nổi rất tỉ mỉ tại vòm mái , vòm cửa, cửa sổ mái, mang tới mẫu biệt thự 3 tầng đẹp nguy nga, nâng cao vị thế của gia chủ.</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-FnZ8UPy6oSU/YKi_l_1rhQI/AAAAAAAAC7A/sgHzvXG8j3w2_SqtrI0HMFfjcRk7qfgDwCNcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" data-original-height="505" data-original-width="690" height="468" src="https://lh3.googleusercontent.com/-FnZ8UPy6oSU/YKi_l_1rhQI/AAAAAAAAC7A/sgHzvXG8j3w2_SqtrI0HMFfjcRk7qfgDwCNcBGAsYHQ/w640-h468/image.png" title="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" width="640" /></a></div><br />Biệt thự cổ điển đẹp 3 tầng tại Hà Nội sở hữu 2 mặt tiền nên đã tạo thuận lợi cho bố trí hệ cửa khoa học. Đảm bảo được ánh sáng tự nhiên cho các phòng công năng ở phía trong. Ngoài cửa sổ hình chữ nhật, còn cách điệu thêm cửa vòm, uốn cong mềm mại. Ban công cùng sân thượng thoáng rộng, lan can được ghép bởi các con tiện màu trắng đầy tinh tế.<p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-nTAqr4EozqU/YKi_vjJtXmI/AAAAAAAAC7I/1upX1AmLc-cuQZkxTl37Asx9Bzn6RpMuQCNcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" data-original-height="477" data-original-width="681" height="448" src="https://lh3.googleusercontent.com/-nTAqr4EozqU/YKi_vjJtXmI/AAAAAAAAC7I/1upX1AmLc-cuQZkxTl37Asx9Bzn6RpMuQCNcBGAsYHQ/w640-h448/image.png" title="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" width="640" /></a></div><p></p><p>Phong cách châu Âu được khắc họa đậm nét qua hệ mái vòm và mái mansard, khiến người xem liên tưởng tới các tòa lâu đài đẹp nguy nga của vua chúa. Đồng thời góp phần nâng cao độ bề thế cho công trình biệt thự cổ điển 3 tầng.</p><h2 style="text-align: left;"><span style="color: #274e13;">Thiết kế nội thất biệt thự cổ điển châu Âu tại Hà Nội</span></h2><p>Kiến trúc ngoại thất đẹp nguy nga là thế nhưng bạn sẽ bất ngờ hơn khi chiêm ngưỡng không gian nội thất mẫu biệt thự cổ điển 3 tầng tại hà nội này.</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-3dyQsdEiks0/YKi_7bxffaI/AAAAAAAAC7Q/qI-Z2_vZO-UqitiaC26nwncAUsjd4HvogCNcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" data-original-height="485" data-original-width="687" height="452" src="https://lh3.googleusercontent.com/-3dyQsdEiks0/YKi_7bxffaI/AAAAAAAAC7Q/qI-Z2_vZO-UqitiaC26nwncAUsjd4HvogCNcBGAsYHQ/w640-h452/image.png" title="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" width="640" /></a></div><br />Sự sang trọng, đẳng cấp bao trùm toàn bộ phòng khách. Điểm nhấn đầu tiên nằm ở chính bộ sofa với những đường may ngay ngắn cùng họa tiết uốn lượn. Gạch lát nền màu vàng ánh kim khiến ta liên tưởng tới phòng khách của hoàng gia. Trần thạch cao với thiết kế cách điệu, đèn chùm mang tới sự ấm cúng cho căn phòng.<p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-xrTPDKIcmf8/YKjABme0EFI/AAAAAAAAC7Y/2xep2Ody-8UPC3kl_iN9GfkR-eQ4dHRPwCNcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" data-original-height="507" data-original-width="695" height="466" src="https://lh3.googleusercontent.com/-xrTPDKIcmf8/YKjABme0EFI/AAAAAAAAC7Y/2xep2Ody-8UPC3kl_iN9GfkR-eQ4dHRPwCNcBGAsYHQ/w640-h466/image.png" title="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" width="640" /></a></div><br />Bộ giường ngủ mang đậm chất cổ điển đầy êm ái, giúp chủ nhân của nó có được những giấc ngon và sâu hơn. Đèn chùm, đèn ngủ để bàn, đèn treo tường cũng được bố trí hợp lý. Không chỉ đảm bảo độ sáng mà còn làm tăng sự sang trọng cho căn phòng.<p></p><div><div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-zZ8kNIh7-Xw/YKjAML1GNDI/AAAAAAAAC7g/J_JsmpBy2gcWOIX-yw5tUcKDToKxMQ1ewCNcBGAsYHQ/image.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" data-original-height="426" data-original-width="687" height="396" src="https://lh3.googleusercontent.com/-zZ8kNIh7-Xw/YKjAML1GNDI/AAAAAAAAC7g/J_JsmpBy2gcWOIX-yw5tUcKDToKxMQ1ewCNcBGAsYHQ/w640-h396/image.png" title="Mách nhỏ mẫu thiết kế biệt thự cổ điển châu Âu tại Hà Nội" width="640" /></a></div><div style="text-align: center;">Phòng tắm &#8211; Mẫu biệt thự cổ điển châu Âu tại Hà Nội&#8203;</div><div style="text-align: center;"><br /></div><div>Chắc hẳn thiết kế biệt thự cổ điển châu Âu tại Hà Nội này đã mang tới cho bạn những phút giây huy hoàng như trong tòa lâu đài lộng lẫy. Nếu bạn cũng đang ấp ủ một dự định sở hữu một mẫu biệt thự đẹp nguy nga như vậy.&nbsp;</div></div><div><br /></div><div><h4 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #444444; font-family: &quot;Droid Sans&quot;, Arial, Helvetica, sans-serif; font-size: 1.05em; margin: 0px 0px 22px; outline: 0px; padding: 0px; vertical-align: baseline;">Xem thêm các bài viết khác:</h4><p style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #444444; font-family: &quot;Droid Serif&quot;, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1em; margin: 0px; orphans: 4; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-size: medium; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">-&nbsp;<a href="https://www.nguoilamxaydung.com/2021/05/xu-huong-thiet-ke-can-ho-chung-cu-phong.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: black; font-size: 16px; margin: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;">Xu hướng thiết kế căn hộ chung cư đa phong cách</a></span></p><p style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #444444; font-family: &quot;Droid Serif&quot;, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1em; margin: 0px; orphans: 4; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-size: medium; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.nguoilamxaydung.com/2021/04/thiet-ke-toi-gian-nha-thoang-mat-.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: black; font-size: 16px; margin: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;"><br /></a>-&nbsp;<a href="https://www.nguoilamxaydung.com/2021/05/thiet-ke-kien-truc-hien-ai-469m2-voi.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #0d7857; font-size: 16px; margin: 0px; outline: none; padding: 0px; text-decoration-line: none; vertical-align: baseline;">Thiết kế kiến trúc hiện đại 469m2 với thiết kế không gian đẹp lạ ở Yên Nghĩa</a></span></p><p style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #444444; font-family: &quot;Droid Serif&quot;, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1em; margin: 0px; orphans: 4; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-size: medium; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.nguoilamxaydung.com/2021/04/chiem-nguong-mau-thiet-ke-biet-thu-co.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #0d7857; font-size: 16px; margin: 0px; outline: none; padding: 0px; text-decoration-line: none; vertical-align: baseline;"><br /></a>-&nbsp;<a href="https://www.nguoilamxaydung.com/2021/05/mau-nha-biet-thu-long-lay-giau-vuon-cay.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: black; font-size: 16px; margin: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;">Mẫu nhà biệt thự lộng lẫy ẩn giấu vườn cây xanh giữa lòng Sài Gòn</a></span></p><p style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #444444; font-family: &quot;Droid Serif&quot;, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1em; margin: 0px; orphans: 4; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-size: medium; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.nguoilamxaydung.com/2021/04/nhung-mau-thiet-ke-noi-that-chung-cu-ep.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: black; font-size: 16px; margin: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;"><br /></a>-&nbsp;<a href="https://www.nguoilamxaydung.com/2021/05/mau-thiet-ke-biet-thu-co-ien-theo-phong.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #0d7857; font-size: 16px; margin: 0px; outline: none; padding: 0px; text-decoration-line: none; vertical-align: baseline;">Mẫu thiết kế biệt thự cổ điển theo phong cách hoàng gia</a></span></p><p style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #444444; font-family: &quot;Droid Serif&quot;, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1em; margin: 0px; orphans: 4; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-size: medium; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="https://www.nguoilamxaydung.com/2021/04/nha-biet-thu-ep-232m2-luon-thoang-mat.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #0d7857; font-size: 16px; margin: 0px; outline: none; padding: 0px; text-decoration-line: none; vertical-align: baseline;"><br /></a>-&nbsp;<a href="https://www.nguoilamxaydung.com/2021/05/chia-se-mau-noi-that-chung-cu-tuyet-ep.html" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: black; font-size: 16px; margin: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;">Chia sẽ mẫu nội thất chung cư tuyệt đẹp cho bạn trẻ</a></span></p></div>
<div style='clear:both;'></div>
<div class='post-share-buttons'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4729492935134676659&postID=8335254997017421363&target=email' target='_blank' title='Gửi email bài đăng này'><span class='share-button-link-text'>Gửi email bài đăng này</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4729492935134676659&postID=8335254997017421363&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4729492935134676659&postID=8335254997017421363&target=twitter' target='_blank' title='Chia sẻ lên Twitter'><span class='share-button-link-text'>Chia sẻ lên Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4729492935134676659&postID=8335254997017421363&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Chia sẻ lên Facebook'><span class='share-button-link-text'>Chia sẻ lên Facebook</span></a>
</div>
<span class='reaction-buttons'>
</span>
<div style='clear: both;'></div>
</div>
</div>
<div class='clearfix shadowfix'></div>
</div>
</article>
<div style='clear: both;'></div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://www.nguoilamxaydung.com/2021/05/mau-biet-thu-ep-hien-ai-so-huu-giai.html' id='Blog1_blog-pager-older-link' title='Bài đăng Cũ hơn'>Bài đăng Cũ hơn</a>
</span>
<a class='home-link' href='https://www.nguoilamxaydung.com/'>Trang chủ</a>
</div>
<div class='clear'></div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>
0
nhận xét:
        
</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>

</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
<a name='links'></a><h4><!--Can't find substitution for tag [post.backlinksLabel]--></h4>
<p class='comment-footer'>
<a class='comment-link' href='' id='Blog1_backlinks-create-link' target='_blank'><!--Can't find substitution for tag [post.createLinkLabel]--></a>
</p>
</div>
</div>
</div>
</div>

        </div></div>
      
<!--Can't find substitution for tag [adEnd]-->
</div>
<div style='clear: both;'></div>
</div><div class='widget HTML' data-version='1' id='HTML88'>
<h2 class='title'>Ads block</h2>
<div class='widget-content'>
<div class="d-flex justify-content-center"><img src="//3.bp.blogspot.com/-9ytRH_q5x6M/VmQXH-c5HiI/AAAAAAAAIqE/F0Flg9iHwKA/s000/728x90.jpg" alt="Banner 728x90px" width="728" height="auto" style="max-width: 100%"/></div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML88"));' rel='nofollow' target='configHTML88' title='Chỉnh sửa'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
</div>
<!-- end #main -->
<div class='widget-area col300' id='sidebar' role='complementary'>
<div class='clearfix' id='social-media'>
<a class='infosource-fb' href='#' title='#'>Facebook</a>
<a class='infosource-tw' href='#' title='#'>Twitter</a>
<a class='infosource-gp' href='#' title='#'>Google+</a>
<a class='infosource-pi' href='#' title='#'>Pinterest</a>
<a class='infosource-li' href='#' title='#'>LinkedIn</a>
<a class='infosource-rs' href='https://www.nguoilamxaydung.com/feeds/posts/default' title='#'>RSS</a>
</div>
<div class='sidebartop section' id='sidebartop'><div class='widget LinkList' data-version='1' id='LinkList63'>
<h2>Menu based on Icons</h2>
<div class='widget-content'>
<ul>
<li><a href='#bt-home'>Home</a></li>
<li><a href='https://www.nguoilamxaydung.com/p/gioi-thieu.html'>Giới Thiệu</a></li>
<li><a href='https://www.nguoilamxaydung.com/p/1-top-mau-thiet-ke-noi-that-2021.html'>Top mẫu thiết kế nội thất</a></li>
<li><a href='https://www.nguoilamxaydung.com/p/xu-huong-thiet-ke-phong-khach.html'>Xu Hướng Thiết Kế Phòng Khách</a></li>
<li><a href='https://www.nguoilamxaydung.com/p/xu-huong-thiet-ke-noi-that-phong-ngu-ep.html'>Xu hướng thiết kế nội thất phòng ngủ đẹp 2021</a></li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' onclick='return _WidgetManager._PopupConfig(document.getElementById("LinkList63"));' rel='nofollow' target='configLinkList63' title='Chỉnh sửa'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget Label' data-version='1' id='Label2'>
<h2>Categories</h2>
<div class='widget-content cloud-label-widget-content'>
<span class='label-size label-size-3'>
<a dir='ltr' href='https://www.nguoilamxaydung.com/search/label/Blog'>Blog</a>
</span>
<span class='label-size label-size-4'>
<a dir='ltr' href='https://www.nguoilamxaydung.com/search/label/Ki%E1%BA%BFn%20Tr%C3%BAc'>Kiến Trúc</a>
</span>
<span class='label-size label-size-5'>
<a dir='ltr' href='https://www.nguoilamxaydung.com/search/label/M%E1%BA%ABu%20Thi%E1%BA%BFt%20K%E1%BA%BF'>Mẫu Thiết Kế</a>
</span>
<span class='label-size label-size-1'>
<a dir='ltr' href='https://www.nguoilamxaydung.com/search/label/Nh%C3%A0%20V%C6%B0%E1%BB%9Dn'>Nhà Vườn</a>
</span>
<span class='label-size label-size-3'>
<a dir='ltr' href='https://www.nguoilamxaydung.com/search/label/N%E1%BB%99i%20Th%E1%BA%A5t'>Nội Thất</a>
</span>
<span class='label-size label-size-1'>
<a dir='ltr' href='https://www.nguoilamxaydung.com/search/label/Phong%20Th%E1%BB%A7y'>Phong Thủy</a>
</span>
<span class='label-size label-size-3'>
<a dir='ltr' href='https://www.nguoilamxaydung.com/search/label/Xu%20H%C6%B0%E1%BB%9Bng%20Thi%E1%BA%BFt%20K%E1%BA%BF'>Xu Hướng Thiết Kế</a>
</span>
</div>
</div>
<div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
<h2>Popular Posts</h2>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-thumbnail-only'>
<div class='item-thumbnail'>
<a href='https://www.nguoilamxaydung.com/2021/04/mau-thiet-ke-noi-that-van-phong-chuyen.html' target='_blank'>
<img alt='' border='0' height='72' src='https://lh3.googleusercontent.com/-IZECi912cgI/YHk741sSG1I/AAAAAAAACiE/lM_Cavu6fc4UcD5JKQ56oCMJ1ijzBrk9ACNcBGAsYHQ/s72-w640-c-h460/image.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='https://www.nguoilamxaydung.com/2021/04/mau-thiet-ke-noi-that-van-phong-chuyen.html'>Mẫu thiết kế nội thất văn phòng chuyên nghiệp, hiện đại</a></div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-thumbnail-only'>
<div class='item-thumbnail'>
<a href='https://www.nguoilamxaydung.com/2021/04/nhung-mau-thiet-ke-noi-that-chung-cu-ep.html' target='_blank'>
<img alt='' border='0' height='72' src='https://lh3.googleusercontent.com/-soQTv1R-114/YHaj-0XwVEI/AAAAAAAACeQ/vPEGH86v4mcxJYkt3RQDIl8tg3HYPCnZQCNcBGAsYHQ/s72-w640-c-h424/image.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='https://www.nguoilamxaydung.com/2021/04/nhung-mau-thiet-ke-noi-that-chung-cu-ep.html'>Những mẫu thiết kế nội thất chung cư đẹp lung linh 2021</a></div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-thumbnail-only'>
<div class='item-thumbnail'>
<a href='https://www.nguoilamxaydung.com/2021/04/chiem-nguong-mau-thiet-ke-biet-thu-co.html' target='_blank'>
<img alt='' border='0' height='72' src='https://lh3.googleusercontent.com/-r4PtreheAXU/YHjyw89bj5I/AAAAAAAACgE/48tl79rbU9AQw1CoDCdeWx7oqLDHfZWnwCNcBGAsYHQ/s72-w640-c-h515/image.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='https://www.nguoilamxaydung.com/2021/04/chiem-nguong-mau-thiet-ke-biet-thu-co.html'>Chiêm ngưỡng mẫu thiết kế biệt thự cổ điển 3 tầng diện tích sàn 7x13m</a></div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-thumbnail-only'>
<div class='item-thumbnail'>
<a href='https://www.nguoilamxaydung.com/2021/04/10-loai-cay-trong-phong-thuy-tao-khong.html' target='_blank'>
<img alt='' border='0' height='72' src='https://lh3.googleusercontent.com/-fxDEGEbBmVg/YHqTFNGdADI/AAAAAAAACi8/ujvDtZBd0xECuTJfqz3PEQfbDyv7ntfZQCNcBGAsYHQ/s72-w392-c-h400/image.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='https://www.nguoilamxaydung.com/2021/04/10-loai-cay-trong-phong-thuy-tao-khong.html'> 10 loại cây trồng phong thủy tạo không gian trong văn phòng</a></div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-thumbnail-only'>
<div class='item-thumbnail'>
<a href='https://www.nguoilamxaydung.com/2021/04/nha-biet-thu-ep-232m2-luon-thoang-mat.html' target='_blank'>
<img alt='' border='0' height='72' src='https://1.bp.blogspot.com/-MW4z4zCIoO8/YHaigOL3TOI/AAAAAAAACeA/sSrfxwBTdMIUwzXyBsMOxvKiBSxRpy76ACNcBGAsYHQ/s72-w400-c-h266/e3b0d4bbdea87f89dc13474312c0055.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='https://www.nguoilamxaydung.com/2021/04/nha-biet-thu-ep-232m2-luon-thoang-mat.html'>Nhà biệt thự đẹp 232m2 luôn thoáng mát nhờ thiết kế vườn trong</a></div>
</div>
<div style='clear: both;'></div>
</li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' onclick='return _WidgetManager._PopupConfig(document.getElementById("PopularPosts1"));' rel='nofollow' target='configPopularPosts1' title='Chỉnh sửa'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div>
<div class='widget LinkList' data-version='1' id='LinkList67'>
<h2>Top Links Menu</h2>
<div class='widget-content'>
<ul>
<li><a href='https://hykenhsi.com/vi'>Hykenhsi</a></li>
<li><a href='https://hongmen.com.vn/'>Cổng xếp Hongmen</a></li>
<li><a href='https://www.doandanghoahuuthien.com/'>Dâng Hoa Hữu Thiện</a></li>
<li><a href='https://gastuchau.vn/'>Shell Tú Châu</a></li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' onclick='return _WidgetManager._PopupConfig(document.getElementById("LinkList67"));' rel='nofollow' target='configLinkList67' title='Chỉnh sửa'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget Image' data-version='1' id='Image89'>
<h2>Section Background</h2>
<div class='widget-content'>
<img alt='Section Background' height='1065' id='Image89_img' src='//1.bp.blogspot.com/-Ak4o42F3078/XrlABdN4FjI/AAAAAAAAJgE/1kOAqK5CeoMpTB4nEk3yKEv8wXkxI52hACK4BGAYYCw/s1600/media-learning.jpg' width='1600'/>
<br/>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' onclick='return _WidgetManager._PopupConfig(document.getElementById("Image89"));' rel='nofollow' target='configImage89' title='Chỉnh sửa'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget Navbar' data-version='1' id='Navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
      gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
        if (gapi.iframes && gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d4729492935134676659\x26blogName\x3dNg%C6%B0%E1%BB%9Di+L%C3%A0m+X%C3%A2y+D%E1%BB%B1ng\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dBLUE\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://www.nguoilamxaydung.com/search\x26blogLocale\x3dvi\x26v\x3d2\x26homepageUrl\x3dhttps://www.nguoilamxaydung.com/\x26targetPostID\x3d8335254997017421363\x26blogPostOrPageUrl\x3dhttps://www.nguoilamxaydung.com/2021/05/mach-nho-mau-thiet-ke-biet-thu-co-ien.html\x26vt\x3d-7957279856098171764',
              where: document.getElementById("navbar-iframe-container"),
              id: "navbar-iframe"
          });
        }
      });
    </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div><div class='widget Stats' data-version='1' id='Stats1'>
<h2>Tổng số lượt xem trang</h2>
<div class='widget-content'>
<div id='Stats1_content' style='display: none;'>
<span class='counter-wrapper graph-counter-wrapper' id='Stats1_totalCount'>
</span>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' onclick='return _WidgetManager._PopupConfig(document.getElementById("Stats1"));' rel='nofollow' target='configStats1' title='Chỉnh sửa'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div>
</div>
<div class='widget Image' data-version='1' id='Image98'>
<h2>Header Background</h2>
<div class='widget-content'>
<img alt='Header Background' height='718' id='Image98_img' src='//3.bp.blogspot.com/-m6RHE7Xjf8I/XS4bl-87OHI/AAAAAAAABOc/hos9vOwUAjcdV5N8pAlmzBGmngL7g4iwwCK4BGAYYCw/s1600/education-header-2.png' width='1600'/>
<br/>
<span class='caption'>Header Background Image. Ideal width 1600px with.</span>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' onclick='return _WidgetManager._PopupConfig(document.getElementById("Image98"));' rel='nofollow' target='configImage98' title='Chỉnh sửa'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget PageList' data-version='1' id='PageList1'>
<h2>Top menu</h2>
<div class='widget-content'>
<ul>
<li>
<a href='https://www.nguoilamxaydung.com/'>Trang chủ</a>
</li>
<li>
<a href='https://nlxy.blogspot.com/search/label/Ki%E1%BA%BFn%20Tr%C3%BAc'>Kiến Trúc</a>
</li>
<li>
<a href='https://nlxy.blogspot.com/search/label/M%E1%BA%ABu%20Thi%E1%BA%BFt%20K%E1%BA%BF'>Mẫu Thiết Kế</a>
</li>
<li>
<a href='https://nlxy.blogspot.com/search/label/N%E1%BB%99i%20Th%E1%BA%A5t'>Nội Thất</a>
</li>
<li>
<a href='https://nlxy.blogspot.com/search/label/Xu%20H%C6%B0%E1%BB%9Bng%20Thi%E1%BA%BFt%20K%E1%BA%BF'>Xu Hướng Thiết Kế</a>
</li>
<li>
<a href='https://www.nguoilamxaydung.com/search/label/Nh%C3%A0%20V%C6%B0%E1%BB%9Dn'>Nhà Vườn</a>
</li>
<li>
<a href='https://www.nguoilamxaydung.com/search/label/Phong%20Th%E1%BB%A7y'>Phong Thủy</a>
</li>
<li>
<a href='https://www.nguoilamxaydung.com/search/label/Blog'>Blog</a>
</li>
</ul>
<div class='clear'></div>
              
            
!

CSS

              
                body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #headerbwrap {height:auto;}
body#layout .headerbwrap2 {height:auto;}
body#layout #blogtitle {min-height:120px;}
body#layout #content {}
body#layout #social-media {display:none;}
/* Variable definitions
====================
*/
/* Use this with templates/template-twocol.html */
.section, .widget {
margin:0;
padding:0;
}
/******************************************************************
RESET STYLES
******************************************************************/
/* general reset */
html, body, div, span, object, embed, ruby, output, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html {
overflow-y: scroll;
}
/* html 5 reset */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
/* ul & li resets */
ol, ul {
list-style: none;
}
/* blockquote reset */
blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
/* link style resets */
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
a:hover,
a:active {
outline: none;
}
/* table resets */
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
td img {
vertical-align: top;
}
/* type & header styles */
body {
font-size: 13px;
line-height: 1.5em;
font-family: Verdana, Geneva, sans-serif;
}
p {
hyphenate: auto;
hyphenate-before: 2;
hyphenate-after: 3;
hyphenate-lines: 3;
orphans: 4;
}
select,
input,
textarea,
button {
font: 99% sans-serif;
}
body,
select,
input,
textarea {
color: #444;
}
small,
.small {
font-size: 0.75em;
letter-spacing: .05em;
font-style: italic;
line-height: 1.75em;
}
strong,
th,
.strong {
font-weight: bold;
}
em,
.em {
font-style: italic;
}
ins,
.ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark,
.mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del,
.del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor:help;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
/* code & pre box resets */
pre {
padding: 15px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
}
/* form & input resets */
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
margin: 1.5em;
}
input,
select {
vertical-align:middle;
}
textarea {
overflow: auto;
}
.ie6 legend,
.ie7 legend {
margin-left: -7px;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
label,
input[type=button],
input[type=submit],
button {
cursor: pointer;
}
button,
input,
select,
textarea {
margin: 0;
}
/* vaidation */
input:valid,
textarea:valid {  }
input:invalid,
textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color: #f0dddd;
}
button {
width: auto;
overflow: visible;
}
/* image resets */
.ie7 img,
.iem7 img {
-ms-interpolation-mode: bicubic;
}
/* hidden elements */
.hidden {
display: none;
visibility: hidden;
}
.visuallyhidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
/* added from 320&Up Project */
div,
input,
textarea  {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
}
/* clearfixes */
.clearfix:after,
.menu ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
clear: both;
}
/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/
/* floats */
.left {
float: left;
}
.right {
float: right;
}
/* text alignment */
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
/* highlighting search term on search page */
mark,
.search-term {
background: #EBE16F;
}
/* alerts & notices */
.help,
.info,
.error,
.success {
margin: 10px;
padding: 10px;
border: 1px solid #cecece;
}
.help {
border-color: #E0C618;
background: #EBE16F;
}
.info {
border-color: #92cae4;
background: #d5edf8;
}
.error {
border-color: #fbc2c4;
background: #fbe3e4;
}
.success {
border-color: #c6d880;
background: #e6efc2;
}
/******************************************************************
mobi css
******************************************************************/
.mobile-date-outer {
outline: none;
width: calc(100% - 20px);
border: none;
border-bottom: 1px solid #e5e5e5;
padding: 0 0 20px;
margin: 0 10px 20px;
}
.mobile-index-title {
line-height: 1.4;
font-size: 16px;
}
.mobile-image {
float: left;
position: relative;
overflow: hidden;
width: 100%;
height: 170px;
}
.mobi-menu {
position: relative;
text-align: center;
}
.menu-icon{
background: url(https://1.bp.blogspot.com/-_R7ekcMrOtQ/YHEaUzG4rgI/AAAAAAAACbY/aOIBPZM5v-IDjgi1n8YKtWL7WWHJZfsygCNcBGAsYHQ/s120/icon-menu.png) no-repeat center center ;
}
/******************************************************************
GENERAL STYLES
******************************************************************/
body {
-webkit-text-size-adjust : 100%; /* font size on apple devices */
-ms-text-size-adjust : 100%;  /* font size on windows devices */
}
/******************************************************************
LINK STYLES
******************************************************************/
a, a:visited {
color: #1a90db;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a:active {}
a:link {
-webkit-tap-highlight-color: #f01d4f;
}
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a {
text-decoration: none;
}
h1, .h1 {
font-size: 2.2em;
line-height: 1em;
}
h2, .h2 {
font-size: 1.5em;
line-height: 1.1em;
}
h3, .h3 {
font-size: 1.2em;
line-height: 1em;
}
h4, .h4 {
font-size: 1.05em;
}
h5, .h5 {
font-size: 0.846em;
line-height: 2.09em;
text-transform: uppercase;
letter-spacing: 2px;
}
/******************************************************************
HEADER STYLES
******************************************************************/
header[role=banner] {}
#site-title {}
/******************************************************************
NAVIGATION STYLES
******************************************************************/
div.menu {}
div.menu ul { }
div.menu ul li {
list-style-type: none;
float: left;
}
div.menu ul li a {
display: block;
text-decoration: none;
}
div.menu ul li:last-child a {}
div.menu ul li a:hover {}
div.menu ul li.current-menu-item a,
div.menu ul li.current_page_item a {}
div.menu ul li ul.sub-menu,
div.menu ul li ul.children {
position: absolute;
left: -9999em;
z-index: 9999;
width: 200px;
word-wrap: break-word;
}
div.menu ul li ul li a {}
div.menu ul li ul li a:hover {}
div.menu ul li ul li:last-child a {}
div.menu ul li:hover ul {
left: auto;
}
div.menu ul li ul li ul.sub-menu,
div.menu ul li ul li ul.children {
left: -9999em;
position: absolute;
margin-left: 200px;
top: auto;
margin-top: -30px;
}
div.menu ul li ul li:hover ul.sub-menu,
div.menu ul li ul li:hover ul.children {
left: auto;
}
.widget_nav_menu ul li {
float:none
}
.widget_nav_menu ul li ul.sub-menu,
.widget_nav_menu ul li ul.children {
position: relative;
left: auto;
z-index: 9999;
width: auto;
word-wrap: break-word;
margin-left: 1em;
margin-top: 0.5em;
}
.widget_nav_menu ul li ul.sub-menu a,
.widget_nav_menu ul li ul.children a {}
.widget_nav_menu ul li ul li ul.sub-menu,
.widget_nav_menu ul li ul li ul.children {
left: auto;
position: relative;
margin-left:1em;
margin-top: 0.5em;
top: auto;
word-wrap: break-word;
}
/******************************************************************
POST STYLES
******************************************************************/
#content {}
#main {}
article[id*=post-] {
padding: 2.2em 30px;
word-wrap: break-word;
}
/* archive title */
.archive_title {
padding: 0 20px;
margin: 1.1em 0 0.75em;
}
/* post meta information */
.entry-meta,
.category-archive-meta {
font-size: .75em;
letter-spacing: .05em;
font-style: italic;
line-height: 1.75em;
color: #999;
margin: 0.875em 0;
}
.entry-summary {
font-size: 0.9em
}
.post_content {
word-wrap: break-word;
margin-bottom: 2.5em;
}
/* typographical styles */
.post_content p {
margin: 0 0 1.5em 0;
}
.post_content p:last-child {
margin-bottom: 0;
}
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6,
.post_content address {
margin: 0 0 22px 0;
}
.post_content ul,
.post_content ol,
.post_content table,
.post_content dl {
margin: 1.5em 0;
}
.post_content table {
width: 100%;
}
.post_content table th {
border-bottom: 2px solid #848484;
text-align: left;
}
.post_content table td {
border-bottom: 1px solid #d0d0d0;
padding: 5px;
}
.post_content ul,
.post_content ol {
list-style-position: outside;
line-height: 1.5;
margin-left: 2.2em;
margin-right: 2.2em;
}
.post_content li {
margin-bottom: 0.75em;
}
.post_content ul li {
list-style-type: disc;
}
.post_content ol li {
list-style-type: decimal;
}
.post_content blockquote {
font-style: italic;
line-height: 1.6em;
margin: 1.5em 2.2em;
}
.post_content blockquote:before {
font-family: Georgia, serif;
font-size: 2.75em;
text-indent: -.8em;
margin-top: .1em;
float: left;
opacity: .3;
}
.post_content dl {
margin: 1.75em 0 1.75em;
}
.post_content dt {
font-style: italic;
margin-top: 1.25em;
font-size: 1.13em;
font-weight: 700;
border-bottom: 1px solid #999;
}
.post_content dd {
font-style: italic;
font-size: .85em;
margin-top: 1em;
line-height: 1.6em;
}
.post_content video,
.post_content object,
.post_content embed,
.post_content iframe {
display: block;
margin: 1.5em 0;
max-width: 100%;
}
/* image alignment & styles */
.post_content img {
margin: 0 0 1.5em 0;
max-width: 100%;
height: auto;
}
.alignleft,
img.alignleft,
img[align=left] {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright,
img.alignright,
img[align=right] {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter,
img[align=center] {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.alignnone,
img.alignnone {} /* i'm unsure of this style */
article[id*=post-] footer {
clear: both;
margin: 1.5em 0 0;
}
/******************************************************************
SIDEBAR STYLES
******************************************************************/
#sidebar {
float: right;
}
.widget {
/*margin: 2.2em 0;*/
word-wrap: break-word;
}
.widget li,
.widget_nav_menu li {
/*line-height: 1.5em;
margin-bottom: 0.75em;*/
}
.widget-title {
margin-bottom: 0.75em;
}
/******************************************************************
FOOTER STYLES
******************************************************************/
footer[role=contentinfo] {}
.footer-links {
float: left;
}
/* bottom nav links */
.footer-links ul.menu {
margin-top: 0;
}
.footer-links ul li {
list-style-type: none;
float: left;
font-size: 0.9em;
}
.footer-links ul li a {
margin-right: 10px;
text-decoration: underline;
}
.footer-links ul li:last-child a {
margin-right: 0;
}
.footer-links ul li a:hover,
.footer-links ul li.current-menu-item a,
.footer-links ul li.current_page_item a {}
.footer-links ul li ul.sub-menu {
display: none;
} /* you shouldn't have that many links in the footer anyway ;P */
.attribution {
float: right;
color: #999;
font-size: 0.9em;
}
/******************************************************************
PRINT STYLES
******************************************************************/
@media print {
* {
background: transparent !important;
color: #444 !important;
text-shadow: none !important;
}
a, a:visited {
color: #444 !important;
text-decoration: underline;
}
a:after {
content: " (" attr(href) ")";
}
abbr:after {
content: " (" attr(title) ")";
}
.ir a:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3{
page-break-after: avoid;
}
}
/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/
body {
font-family: Droid Sans, Arial, Helvetica, sans-serif;
}
#container {
width: 96%;
margin: 0 auto;
padding: 0 2%;
max-width: 1044px; /* remove or edit to adjust width */
}
/* layout options ( all have margins right & left of 1%) */
.col60 {
width: 6.333%;
} /* width 60px / grid_1 */
.col140 {
width: 14.667%;
} /* width 140px / grid_2 */
.col220 {
width: 23.0%;
} /* width 220px / grid_3 */
.col300 {
width: 31.333%;
} /* width 300px / grid_4 */
.col380 {
width: 39.667%;
} /* width 380px / grid_5 */
.col480 {
width: 48.0%;
} /* width 480px / grid_6 */
.col540 {
width: 56.333%;
} /* width 540px / grid_7 */
.col620 {
width: 64.667%;
} /* width 620px / grid_8 */
.col700 {
width: 73.0%;
} /* width 700px / grid_9 */
.col780 {
width: 81.333%;
} /* width 780px / grid_10 */
.col860 {
width: 89.667%;
} /* width 860px / grid_11 */
.col940 {
width: 98.0%;
} /* width 940px / grid_12 */
/* layout & column defaults */
.col60,
.col140,
.col220,
.col300,
.col380,
.col480,
.col540,
.col620,
.col700,
.col780,
.col860,
.col940 {
display: inline;
float: left;
margin-left: 1%;
margin-right: 1%;
position: relative;
}
/* default styles & fixes */
#main {
margin-left: 0;
} /* fixes alignment (defaulted at col620) */
#sidebar {
margin-right: 0;
} /* fixes alignment (defaulted at col300) */
/******************************************************************
LINK STYLES
******************************************************************/
a, a:visited {
color: #0d7857;
}
a:hover {}
a:active {} /* on click */
a:link {
-webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */
}
/******************************************************************
TEXT SELECTION STYLES
******************************************************************/
/* Safari, Chrome, iPhones, iPads */
::-webkit-selection {
background: #6fc2f6;
color: #fff;
text-shadow : none;
}
/* Firefox */
::-moz-selection {
background: #6fc2f6;
color: #fff;
text-shadow : none;
}
/* The Rest of em */
::selection {
background: #6fc2f6;
color: #fff;
text-shadow : none;
}
/******************************************************************
HEADLINES & TITLES
******************************************************************/
h1, .h1 {}
h2, .h2 {}
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {}
/******************************************************************
HEADER SYTLES
******************************************************************/
header[role=banner] {
background: #201a16;
}
header[role=banner] #inner-header,
header[role=banner] #inner-nav {
position: relative;
width: 96%;
margin: 0 auto;
padding: 0 2%;
max-width: 1044px; /* remove or edit to adjust width */
}
#site-heading {
min-height: 35px;
padding-top: 15px;
padding-bottom: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#site-title {
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
font-size: 32px;
text-transform: uppercase;
margin-bottom: 0;
margin-right: 300px;
font-size: 2.2em;
line-height: 1em;
}
#site-title h1 {font-size: 1.1em;color: #fff;}
#site-title h2 {font-size: 0.5em;color: #eee;}
#site-title a {
color: #fff;
text-decoration: none;
}
#site-description {
font-size: 1.2em;
margin-right: 300px;
color: gold;
}
header[role=banner] #searchform {
position: absolute;
right: 2%;
top: 15px;
overflow: hidden;
}
header[role=banner] #searchform input[type=submit] {
float: left;
width: 40px;
height: 30px;
background: url(//3.bp.blogspot.com/-06ZFnbHqqK8/VtUyyPCbWRI/AAAAAAAAC00/uhiNsdoHi98/s000/icon-search.png) no-repeat center center;
box-shadow: 1px 1px #145a3f inset, -1px -1px #145a3f inset;
border: 0;
padding: 5px 15px;
outline: none;
color: #fff;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
text-indent: -9999px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
header[role=banner] #searchform label {
display: none;
}
header[role=banner] #s {
float: left;
height: 30px;
font-size: 1.1em;
background: #fff;
padding: 4px 7px;
border: 0;
box-shadow: 5px 5px 10px #c0c0c0 inset;
min-width: 230px;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#headerimg {
width: 100%;
margin-bottom: 20px;
}
#headerimg img {
width: 100%;
height: auto;
border: 10px solid #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.entry-header {
background: url(//3.bp.blogspot.com/-D4wC84NZGDA/VtUyyeZvhxI/AAAAAAAAC04/M8k47pzGyGc/s000/heading.jpg) repeat-x left bottom;
padding: 10px 24px;
border-bottom: 2px solid #e7e3e3;
}
.entry-title {
font-family: "Droid Serif", Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 400;
}
.entry-title a {
color: #000;
}
.entry-title a:hover {
color: #0d7857;
}
body.page .entry-title,
body.single .entry-title,
.not-found .entry-title {
font-size: 2.2em
}
.page-header {
position: relative;
margin-left: 180px;
margin-bottom: 40px;
background: url(//2.bp.blogspot.com/-xBgRdAShX2Y/VtUyytyIf2I/AAAAAAAAC08/E3INrWDJc5g/s000/meta.jpg) repeat-x #2e231d;
box-shadow: 1px 1px #6a594b inset, -1px -1px #6a594b inset;
border: 1px solid #342a24;
}
.page-title {
display: inline-block;
height: 37px;
margin-left: 6px;
margin-top: 5px;
margin-bottom: 5px;
background: url(//4.bp.blogspot.com/-fuic9ow1ZKE/VtUyzA-cmJI/AAAAAAAAC1A/rrg7iFHnZJ8/s000/title.png) no-repeat right top;
color: #fff;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 37px;
padding: 0 25px 0 15px;
text-transform: uppercase;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-shadow: -1px -1px #000;
border-left: 1px solid #04261b;
}
.page-title a {
color: #fff0b6;
}
/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
.navmenuwrap {
background: url(//4.bp.blogspot.com/-_JvZ5hf77IQ/VtUyzcFTVaI/AAAAAAAAC1E/A14PXgjPMKo/s000/nav.jpg) repeat-x #2e241d;
border-bottom: 1px solid #000;
box-shadow: 0 2px 2px #a3a09d;
margin-bottom: 40px;
}
.navmenuwrap div.menu {
}
.navmenuwrap ul.menu {
display: block;
}
.navmenuwrap .menu ul li {}
.navmenuwrap .menu ul li a,
.navmenuwrap .menu #menu-icon {
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
padding: 10px 20px;
color: #fff0b6;
}
.navmenuwrap .menu > ul > li:first-child a,
.navmenuwrap .menu #menu-icon {
padding-left: 2px;
}
.navmenuwrap .menu #menu-icon {
cursor: pointer;
display: none;
}
.navmenuwrap .menu > ul li a:hover {
color: #fff;
}
.navmenuwrap .menu ul li:first-child a {
}
.navmenuwrap .menu ul li.current-menu-item a,
.nav ul li.current_page_item a,
.navmenuwrap .menu ul li.current_page_item a {
}
.navmenuwrap .menu ul.sub-menu li.current-menu-item a,
.nav ul.sub-menu li.current_page_item a,
.navmenuwrap .menu ul.sub-menu li.current_page_item a,
.navmenuwrap .menu ul  li.current-page-parent ul.sub-menu li a,
.navmenuwrap .menu ul  li.current-menu-item ul.sub-menu li a,
.navmenuwrap .menu ul  li.current_page_parent ul.children li a,
.navmenuwrap .menu ul  li.current_page_item ul.children li a,
.nav ul li.current_page_item ul.sub-menu li a,
.navmenuwrap .menu ul li.current_page_item ul.sub-menu li a {
background: none;
}
.navmenuwrap .menu ul.sub-menu li.current-menu-item a:hover,
.nav ul.sub-menu li.current_page_item a:hover,
.navmenuwrap .menu ul.sub-menu li.current_page_item a:hover,
.navmenuwrap .menu ul li.current-page-parent ul.sub-menu li a:hover,
.navmenuwrap .menu ul li.current-menu-item ul.sub-menu li a:hover,
.navmenuwrap .menu ul li.current_page_parent ul.children li a:hover,
.navmenuwrap .menu ul li.current_page_item ul.children li a:hover,
.nav ul li.current_page_item ul.sub-menu li a:hover,
.navmenuwrap .menu ul li.current_page_item ul.sub-menu li a:hover {
background: #f5f5f5;
}
.navmenuwrap .menu ul li ul.sub-menu,
.navmenuwrap .menu ul li ul.children {
background: #fafafa;
box-shadow: 1px 1px 3px #aaa;
}
.navmenuwrap .menu ul li ul.sub-menu li,
.navmenuwrap .menu ul li ul.children li {
border-bottom: 1px solid #f0f0f0;
width: 200px;
}
.navmenuwrap .menu ul li ul.sub-menu li a,
.navmenuwrap .menu ul li ul.children li a {
}
.navmenuwrap .menu ul li ul.sub-menu li:first-child,
.navmenuwrap .menu ul li ul.children li:first-child {
}
.navmenuwrap .menu ul li ul.sub-menu li:first-child a,
.navmenuwrap .menu ul li ul.children li:first-child a {
}
.navmenuwrap .menu ul li ul li a {
color: #555;
text-shadow: 0px 0px;
}
.navmenuwrap .menu ul li ul li a:hover {
background: #f5f5f5;
color: #555;
}
.navmenuwrap .menu ul li ul li:last-child a {}
.navmenuwrap .menu ul li:hover ul {}
.navmenuwrap .menu ul li ul li ul.sub-menu,
.navmenuwrap .menu ul li ul li ul.children {
margin-top: -41px;
}
.navmenuwrap .menu ul li ul li:hover ul.sub-menu,
.navmenuwrap .menu ul li ul li:hover ul.children {
}
/******************************************************************
DATE STYLES
******************************************************************/
.post-meta-style {
position: relative;
float: left;
width: 150px;
padding: 10px 15px;
padding-top: 50px;
background: url(//2.bp.blogspot.com/-xBgRdAShX2Y/VtUyytyIf2I/AAAAAAAAC08/E3INrWDJc5g/s000/meta.jpg) repeat-x #2e231d;
box-shadow: 1px 1px #6a594b inset, -1px -1px #6a594b inset;
border: 1px solid #342a24;
color: #fff;
font-family: "Droid Sans Mono", Arial, Helvetica, sans-serif;
font-size: 11px;
word-wrap: break-word;
margin-top: 15px;
}
.post-meta-style p {
margin: 0;
border-bottom: 1px solid #000;
border-top: 1px solid #69584a;
padding: 5px 0;
letter-spacing: -1px;
}
.post-meta-style p.post-author-style {
padding-top: 0;
border-top: 0;
}
.post-meta-style > p:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.post-meta-style p a {
color: #fff0b6;
text-decoration: none;
}
.post-meta-style p a .white {
color: #fff;
}
.post-date-style {
width: 160px;
height: 40px;
position: absolute;
top: 8px;
left: 8px;
background: url(//1.bp.blogspot.com/-VFiBptX1Kt4/VtUyz2jYZzI/AAAAAAAAC1I/wOvF37mMm7U/s000/date.png) no-repeat;
color: #fff;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
font-size: 20px;
text-transform: uppercase;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 8px 0 0 15px;
text-shadow: -1px -1px #000;
}
.post-date-style a {
color: #fff;
text-decoration: none;
}
.post-date-style a:hover {
color: #fff0b6;
}
/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/
#content {
padding-bottom: 1px;
}
#main {
/* adds bg to post area */
}
#main.col620 {
width: 70.667%;
margin-right: 0;
}
#main #searchform {
margin-bottom: 1.5em;
}
body.page-template-full-width-php #main,
body.page-template-full-width-page-php #main {}
body.attachment #main {}
article[id*=post-] {
position: relative;
margin-bottom: 35px;
padding: 0;
}
body.page article[id*=post-],
body.error404 article[id*=post-] {
background: #fff;
border: 2px solid #e7e3e3;
}
body.page article[id*=post-]:after,
body.error404 article[id*=post-]:after,
.page-header:after,
#respond:after {
content: "";
position: absolute;
left: 0;
bottom: 0px;
height: 12px;
width: 100%;
background: url(//1.bp.blogspot.com/-k_vzRoj4buU/VtUy0P_mBII/AAAAAAAAC1M/t1TFndsw7mg/s000/shadow.png) no-repeat center bottom;
background-size: 100% 12px;
}
.page-header:after,
#respond:after  {
bottom: -13px;
}
.content-wrapbpost {
margin-left: 180px;
}
.post-bwrap {
background: #fff;
border: 2px solid #e7e3e3;
}
.shadowfix {
height: 12px;
background: url(//1.bp.blogspot.com/-k_vzRoj4buU/VtUy0P_mBII/AAAAAAAAC1M/t1TFndsw7mg/s000/shadow.png) no-repeat center bottom;
background-size: 100% 12px;
margin-bottom: 15px;
}
article[id=post-not-found] h1 {}
/* want to style individual post classes? Booya! */
.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */
/* post meta */
.entry-meta {
margin: 0;
}
.meta time {}
/* post content */
.post_content {
overflow: hidden;
padding: 20px 24px;
margin-bottom: 0;
line-height: 1.6;
}
.post_content ul,
.post_content ol,
.post_content table,
.post_content dl {}
.post_content ul,
.post_content ol {}
.post_content li {}
.post_content ul li {}
.post_content ol li {}
.post_content blockquote {}
.post_content blockquote:before {} /* this adds the quote before the blockquote */
.post_content dl {}
.post_content dt {}
.post_content dd {}
.post_content img {}
.post_content video {}
.post_content object {}
article[id*=post-] footer {
background: #f3f3f3;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 7px 10px 5px 10px;
margin-top:0;
border-top: 2px solid #e7e3e3;
}
article[id*=post-] footer a {}
.edit-link {
}
/******************************************************************
GALLERY STYLES
******************************************************************/
.post_content dt {
margin-top: 0;
}
.post_content dl {
margin: 0 0 10px;
}
.post_content img {
margin-bottom: 5px;
}
.post_content dd {
margin-top: 1px;
}
/******************************************************************
PAGE LINK STYLES
******************************************************************/
#image-navigation,
#nav-above,
#nav-below {
display: block;
overflow: hidden;
margin: -10px 0 30px 180px;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
}
body.page #nav-above,
body.page #nav-below {
margin-left: 0;
}
/******************************************************************
SOCIAL MEDIA BUTTONS STYLES
******************************************************************/
#social-media {
text-align: center;
}
#social-media a {
width: 30px;
height: 30px;
float: left;
display: block;
margin-right: 4%;
margin-bottom: 25px;
text-indent: -9999px;
outline: none;
box-shadow: 1px 1px #1e744b inset, -1px -1px #1e744b inset;
border: 1px solid #04261b;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#social-media a:last-child {
margin-right: 0;
}
#social-media a.infosource-fb {
background: url(//4.bp.blogspot.com/-WcKL1-0aeBU/VtUy0aBELhI/AAAAAAAAC1Q/c-AftkMrxGY/s000/icon-fb.png) no-repeat center center;
}
#social-media a.infosource-tw {
background: url(//1.bp.blogspot.com/-3qgt9lFityk/VtUy0mixIqI/AAAAAAAAC1U/WoPk6429iyM/s000/icon-tw.png) no-repeat center center;
}
#social-media a.infosource-gp {
background: url(//3.bp.blogspot.com/-tDv9EgHVzvM/VtUy03ngrWI/AAAAAAAAC1Y/ARRNNXeUdz8/s000/icon-gp.png) no-repeat center center;
}
#social-media a.infosource-pi {
background: url(//2.bp.blogspot.com/-1d22iDDHPwk/VtUy1H0wQFI/AAAAAAAAC1c/J-CaNpxK0b0/s000/icon-pi.png) no-repeat center center;
}
#social-media a.infosource-li {
background: url(//3.bp.blogspot.com/-nbSVjF--sAo/VtUy1Zz2CTI/AAAAAAAAC1g/X8o5VqKu4Uw/s000/icon-li.png) no-repeat center center;
}
#social-media a.infosource-rs {
background: url(//3.bp.blogspot.com/-bDIfp5KoxPM/VtUy1cQZ02I/AAAAAAAAC1k/dzoZ2d9s7gg/s000/icon-rs.png) no-repeat center center;
}
/******************************************************************
SIDEBARS & ASIDES
******************************************************************/
#sidebar {
}
#sidebar.col300 {
width: 26.333%;
margin-left: 0;
margin-right: 0;
}
#sidebar .widget {
margin: 0 0 20px 0;
background: url(//4.bp.blogspot.com/-Zyjo1zmOxGg/VtUy1gLGIcI/AAAAAAAAC1o/Mtg5PULenLU/s000/liner.png) repeat-x left bottom;
font-size: 13px !important;
line-height: 1.5;
}
#sidebar .widget-content {
padding:5px 0px;
}
#sidebar .widget a {
text-decoration: none;
color: #444;
}
#sidebar .widget a:hover {
text-decoration: underline;
}
#sidebar .widget li,
#meta.widget aside a {
background: url(//4.bp.blogspot.com/-Zyjo1zmOxGg/VtUy1gLGIcI/AAAAAAAAC1o/Mtg5PULenLU/s000/liner.png) repeat-x left top;
margin-bottom: 0;
padding: 8px;
}
#sidebar .widget ul li:first-child {
background: none;
}
#sidebar .widget ul.sub-menu li:first-child {
background: url(//4.bp.blogspot.com/-Zyjo1zmOxGg/VtUy1gLGIcI/AAAAAAAAC1o/Mtg5PULenLU/s000/liner.png) repeat-x left top;
}
#sidebar .widget ul li:last-child {
}
#sidebar .widget li a {}
#sidebar .widget-title {
background: url(//4.bp.blogspot.com/-uETxcj4JGfY/VtUy2VNl2hI/AAAAAAAAC1s/mSUAI3ld7J4/s000/liner2.png) repeat-x left bottom;
padding: 10px 0;
margin-bottom: 0;
font-family: "Droid Serif", Arial, Helvetica, sans-serif;
color: #0d7857;
text-shadow: 1px 1px #fff;
}
#sidebar .widget h2 {
background: url(//4.bp.blogspot.com/-uETxcj4JGfY/VtUy2VNl2hI/AAAAAAAAC1s/mSUAI3ld7J4/s000/liner2.png) repeat-x left bottom;
padding: 10px 0;
margin-bottom: 0;
font-family: "Droid Serif", Arial, Helvetica, sans-serif;
color: #0d7857;
text-shadow: 1px 1px #fff;
}
/* search widget */
.widget #searchform {
padding: 15px 8px 20px 8px;
}
.widget_search {}
.widget_search #s {
width: 60%;
}
.screen-reader-text {}
/* text widget */
.textwidget { padding: 15px 8px 20px 8px; }
.widget_text {}
.textwidget p {}
/******************************************************************
IMAGE STYLES
******************************************************************/
.post_content img { margin-top: .75em }
.left img,
img.left,
img.alignleft {
margin-right: 1.5em;
margin-bottom: 1em;
margin-top: .75em;
}
.right img,
img.right,
img.alignright {
margin-left: 1.5em;
margin-bottom: 1em;
margin-top: .75em;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
/* Notices */
.post .notice {
background: #eee;
display: block;
padding: 1em;
}
/* Image Attachments */
.entry-attachment {
display: block;
margin: 0 auto;
text-align: center;
}
.imgthumb {
width: 100%;
max-height: 250px;
overflow: hidden;
border-bottom: 2px solid #E7E3E3;
}
.imgthumb img {
height: auto;
width: auto;
min-width: 100%;
}
/******************************************************************
FOOTER STYLES
******************************************************************/
footer[role=contentinfo] {
padding: 1.2em 0;
background: url(//4.bp.blogspot.com/-S7Bv5ZykTWQ/VtUy2kUUV3I/AAAAAAAAC1w/Y1alL36u-Os/s000/foo.jpg) repeat-x #201a16;
height: 50px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 1;
}
.attribution {
float: none;
text-align: center;
}
#site-generator {
color: #fff;
text-align: center;
font-family: "Rokkitt" ,Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
#site-generator a {
text-decoration: none;
color: #fff0b6;
}
#site-generator a:hover {
text-decoration: underline;
}
#site-generator .sep {
padding: 0 10px;
}
/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.yellow {
color: #fff0b6;
}
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
Developed by: Andy Clarke & the 320 & Up Extension
URL: http://stuffandnonsense.co.uk/projects/320andup/
******************************************************************/
@media screen and (max-width: 800px) {
#site-title {
margin-right: 0;
}
#site-description {
margin-right: 0;
}
#access, div.menu {
position: relative;
}
div.menu ul li {
list-style-type: none;
float: none;
}
.navmenuwrap ul.menu, div.menu ul {
background: #f5f5f5;
position: absolute;
top: 41px;
z-index: 9999;
display: none;
box-shadow: 1px 1px 1px #000;
}
.navmenuwrap .menu #menu-icon {
display: block;
width: 120px;
height: 100px;
font-size: 1.5em;
}
header[role=banner] #searchform  {
}
.menu ul li:hover ul {
left: -9999em;
}
header[role=banner] #s {
font-size: 1em;
padding: 4px 5px;
min-width: 150px;
}
.navmenuwrap .menu ul li {
border-bottom: 1px solid #eaeaea;
}
.navmenuwrap .menu ul li a  {
color: #555;
background: none;
border-radius: 0;
box-shadow: none;
}
.navmenuwrap .menu > ul > li:first-child a {
padding-left: 20px;
}
.navmenuwrap .menu > ul li a:hover {
color: #444;
}
.navmenuwrap .menu ul li a:hover,
.navmenuwrap .menu ul li.current-menu-item a,
.nav ul li.current_page_item a,
.navmenuwrap .menu ul li.current_page_item a {
background: #f2f2f2;
}
.navmenuwrap ul.sub-menu li,
.navmenuwrap ul.children li {
display: none;
}
#main.col620 {
width: 100%;
display: block;
}
#sidebar.col300 {
float: none;
display: block;
width: 100%;
clear: both;
}
.widget {
margin: 1.5em 30px 0.02em 20px;
}
}
@media screen and (min-width: 800px) {
.navmenuwrap ul.menu,
div.menu ul {
display:block !important;
}
}
@media screen and (max-width: 960px) and (min-width: 801px) {
#social-media a {
margin-right: 3%;
}
}
/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/
@media print { }
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.main .widget {
margin: 0 0 5px;
padding: 0 0 2px;
}
.main .Blog {
border-bottom-width: 0;
}
#header .description {
color:#ffffff;
font-size:14px;
text-shadow:0px 1px 0px #000000;
}
/* Comments----------------------------------------------- */
#comments {
padding:10px;
margin-bottom:20px;
background: #fff;
border: 2px solid #E7E3E3;
}
#comments h4 {
font-size:22px;
margin-bottom:10px;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
padding:5px;
}
.feed-links {
clear: both;
}
.comment-form {
max-width: 600px;
}
#navbar-iframe {
height: 0;
visibility: hidden;
display: none;
}
.PopularPosts .widget-content ul li {
padding:6px 0px;
}
.reaction-buttons table{
border:none;
margin-bottom:5px;
}
.reaction-buttons table, .reaction-buttons td{
border:none !important;
}
.pbtthumbimg {
float:left;
margin:0 10px 5px 0 !important;
padding:4px;
border:1px solid #eee;
background:#fff;
width:200px;
height:150px;
}
.pbtthumbimgmobi {
margin:0 10px 5px 0 !important;
padding:4px;
border:1px solid #eee;
background:#fff;
width:100%;
height:150px;
}
.more-link {
background: #f3f3f3;
font-family: "Rokkitt", Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding:  4px 7px 2px 7px;
color: #0d7857;
margin-right: -7px;
}
.more-link:hover {
background: #eaeaea;
}
.more-link{
text-decoration: none;
padding: 5px 10px;
margin: 0;
}
              
            
!

JS

              
                document.getElementsByTagName("h1")[0].style.fontSize = "6vw";
              
            
!
999px

Console