/********************************************************************************************* Theme Name: Meeta Theme URI: http://www.wpzoom.com/themes/meeta Version: 1.0.2 Author: WPZOOM Author URI: http://www.wpzoom.com/ License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html ********************************************************************************************** WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. ********************************************************************************************** 1. Toolbox CSS ----------------------- All Theme Files 2. Global Styles ---------------------- All Theme Files 3. Header ----------------------------- header.php 4. Homepage -- ------------------------ index.php 5. Single Posts ----------------------- single.php 6. Comments --------------------------- comments.php 7. Sidebar & Widgets ------------------ sidebar.php 8. Footer ---------------------------- footer.php 9. Media Queries --------------------- All Theme Files **********************************************************************************************/ /********************************************************************************************* 1. Toolbox CSS ------------------------- All Theme Files *********************************************************************************************/ /* Reset & General Styling */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; list-style-position: inside; } ul ul, ol ol, ul ol, ol ul { margin: 0; } dd { margin: 0 0 0 40px; } nav ul, nav ol, #mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure, form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } input[type=checkbox], input[type=radio] { box-sizing: border-box; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } th { text-align: left; } tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #E4E4E4; } td { vertical-align: top; } /* Smart clearfix */ .clear, .cleaner { clear: both; height: 0; overflow: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Headings */ h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none; } ::-moz-selection { background: #213446; color: #fff; text-shadow: none; } ::selection { background: #213446; color: #fff; text-shadow: none; } img::-moz-selection { background: transparent; } img::selection { background: transparent; } /* Navigation */ div.navigation { text-align:center; margin: 0 0 10px; font-size: 12px; } div.navigation a { font-weight: normal; padding:0 10px; line-height: 50px; } div.navigation span.current { padding: 0 10px; color:#18629D; font-weight:bold; } div.navigation span.pages { margin-right: 10px; display: none; } div.navigation .alignleft, div.navigation .alignright { margin: 0; } .floatleft { float: left; } .floatright { float: right; } /* Forms */ input[type="text"],input[type="password"] { border: 1px solid #e3e3e3; color: #564B4B; font-weight: normal; padding: 7px 6px; margin:0 0 10px;} textarea { border: 1px solid #e3e3e3; color: #564B4B; font-weight: normal; padding: 7px 6px; margin: 0 0 10px;} input[type="submit"],input[type="reset"] { background-color: #418cd8; color: #fff; border: none; font-size: 12px; padding: 7px 10px 8px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,0.2); margin: 0 0 0 7px; position: relative; cursor:pointer; border:1px solid #2974c0; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; } input[type="submit"]:hover,input[type="reset"]:hover { background-color: #3580cc; } input[type="submit"]:active,input[type="reset"]:active { background-color: #2970b9; } label { font-weight:bold;} /********************************************************************************************* 2. Global Styles *********************************************************************************************/ body { font-family:Arial, Helvetica, sans-serif; background: #ebebeb; line-height:1.5; font-size:13px; color:#555758; margin:0; padding:0; } /* Links */ a { color: #317cc8; text-decoration:none; } a:hover { color:#0867c7; text-decoration:underline;} a:focus { outline: none; } a:hover, a:active { outline: none; } p { margin: 0 0 15px; padding: 0; } .wrap { margin: 0 auto; width: 1060px; } .wide { margin-top: 60px; background: #fff; border: 1px solid #dadada; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); } /********************************************************************************************* 3. Header ------------------------- header.php *********************************************************************************************/ #header { background: #213446; } #logo { float: left; margin: 3px 0 5px 25px; } #logo h1 { line-height:1.3; } #logo h1 a { coloR:#fff; font-size:16px; font-weight:bold; } #logo h1 a:hover { color:#DBDFE1; } #navbar { float: right; margin: 5px 16px 5px 30px; color:#fff; } .breadcrumbs { float: left; font-size: 12px; color: #6D7A81; display: block; margin: 0 7px 9px 0; } .breadcrumbs h1 { color:#6D7A81; font-size:12px; } /* Dropdown menu */ .dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; } .dropdown { line-height: 1.0; } .dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ } .dropdown ul li { width: 100%; } .dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .dropdown li { float:left; display:inline; position: relative; } .dropdown a { position: relative; } .dropdown li:hover ul, .dropdown li.sfHover ul { left: 0; top:33px; /* match top ul list item height */ z-index: 99; } ul.dropdown li:hover li ul, ul.dropdown li.sfHover li ul { top: -999em; } ul.dropdown li li:hover ul, ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: 0; } ul.dropdown li li:hover li ul, ul.dropdown li li.sfHover li ul { top: -999em; } ul.dropdown li li li:hover ul, ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; } .dropdown { float:left; } .dropdown a { padding: 8px 10px; margin:0 5px 0 0; text-decoration:none; line-height:1.5; font-size: 13px; color: #fff; display:block; } .dropdown a:hover { color:#DBDFE1; } .dropdown ul { text-align: left; margin: 0; background:#213446; border-top:none; z-index:999; padding:5px 0; } .dropdown ul ul { top:0; padding:0 0 5px; } .dropdown .current_page_item a, .dropdown .current-cat a, .dropdown .current-menu-item a, .dropdown .current_page_item a, .dropdown .current-cat a, .dropdown .current-menu-item a { outline:0; color: #fff; font-weight:bold; } .dropdown .current_page_item ul a, .dropdown .current-cat ul a, .dropdown .current-menu-item ul a, .dropdown .current_page_item ul a, .dropdown .current-cat ul a, .dropdown .current-menu-item ul a { outline:0; font-weight:normal; color:#c0c0c0; } .dropdown li ul li { color:#fff; float:left; margin:0; padding:0; } .dropdown li ul li a { color:#fff; margin:0; padding:7px 10px; font-size:11px; } .dropdown li:hover a { color:#DBDFE1; } .dropdown li:hover ul a { color:#fff; } .dropdown li ul a:hover { color:#DBDFE1; } .dropdown a.sf-with-ul { min-width:1px; } /********************************************************************************************* 4. Homepage ------------------------- index.php *********************************************************************************************/ #main { background: #fff; border-right: 1px solid #ebebeb; float: left; width: 699px; padding-top:30px; } #main .post { margin: 0 0 35px; } #main .post-content { padding: 0 30px 0 29px; margin:0 0 20px; } .post h2.title, .post h1.title { margin: 0 0 4px; line-height:1.3; } .post h2.title a, .post h1.title a { color: #3f4247; font-size: 28px; letter-spacing:-1px; } .post h2.title a:hover, .post h1.title a:hover { color:#000; } /********************************************************************************************* 5. Single Posts Styling --------------------------------- single.php, page.php *********************************************************************************************/ .galleria-container { margin-bottom: 20px; } .entry { line-height: 1.7; overflow:hidden; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-bottom: 12px; line-height:1.3; font-weight:bold; } .entry p, .entry li { margin-bottom: 14px; } .entry img { margin-bottom:10px; } .entry img.alignnone, .entry img.aligncenter, .entry img.alignleft, .entry img.alignright { margin-bottom: 10px; max-width: 640px; width:auto; height:auto; } .entry ul, .entry ol { margin: 0 0 14px 14px; } .entry li ul, .entry li ol { margin-bottom: 0; } .entry li { list-style-position: inside; } .entry ul li { list-style-type: square; } .entry ol li { list-style-type: decimal; } .entry blockquote { font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px; border-left: solid 5px #ddd; padding: 15px; margin: 10px; } /* [gallery] shortcode */ .entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; } .entry .gallery { clear: both; margin: auto; text-align: center; } /* Images align */ .entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; } .alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; } /* Caption for Images */ .entry .wp-caption { max-width: 100% !important; text-align:center; } .entry .wp-caption img { background:none; margin:0; max-width:100%; width:auto; height:auto; } .entry .wp-caption-text { color:#A7A3A3; font:11px/22px Arial, Helvetica, sans-serif; margin:0; padding:4px 0 0; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } img.wp-smiley { border: none; padding: 0; } .thumbnails { clear: both; float: left; font-size: 11px; line-height: 1.6em; margin: 10px 0 20px 15px; padding: 10px 10px 5px; } .thumbnails img { height: 100px; margin: 5px 15px 10px; width: 100px; } /* Meta for single posts */ .post-meta { padding: 0 30px; border-bottom: 1px solid #ebebeb; text-transform: uppercase; } .post-meta a { color: #878585; text-decoration: none; } .post-meta a:hover { color: #2394E4; } .post-meta span { float: left; margin: 0 0 0 16px; padding: 0 16px 0 0; color: #c9c9c9; font-size: 10px; border-right: 1px solid #ebebeb; } .post-meta span.tw_btn { margin:0; padding:0 0 3px; width:95px; } .post-meta span.fb_btn { padding:0; border:none;} .post-meta .comments { margin: 3px 0 0 16px; padding: 0 16px 3px 20px; color: #c9c9c9; font-size: 10px; float:right; font-weight: bold; text-transform: uppercase; background: url("images/comments.png") no-repeat left 3px; border:none; } .top-meta { color: #bcbcbc; font-size: 10px; text-transform: uppercase; } .top-meta span { float:left; margin:0 5px 10px 0; } /* Read more button */ .post-meta .readmore { border: 0; border-left: 1px solid #e6e6e6; padding: 2px 0 10px 12px; float: right; margin:0; } .post-meta .readmore a { background: url("images/readmore.png") no-repeat left center; display: block; line-height: 15px; padding-left: 20px; } /* Author Bio */ .post .post_author { background:#F7F7F7; padding:14px 30px; font-size:12px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .post .post_author img { float:left; margin:0 10px 7px 0; } .post .post_author span { font-weight:bold; font-size:14px; display:block; margin-bottom:5px; } /* Sharing buttons */ .share_btn { margin:10px 0 0; } .share_btn span { float:left; } .share_btn h4 { margin:2px 5px 0 0; font-size: 11px; font-weight: bold; float:left;} /* Tags */ .single .tags_list { font-size: 11px; font-weight: bold;} .single .tags_list a { border: 1px solid #e7e7e7; padding: 2px 3px; color: #838383; -moz-border-radius: 3px; border-radius: 3px; margin-right: 5px; font-weight: normal; line-height: 2.5; } .single .tags_list a:hover { text-decoration: none; border-color: #838383; } /* Template: Sidebar on the left */ .side-left #main { float: right; border-right: 0; border-left: 1px solid #E7E6E1; } .side-left #sidebar { float: left; } /* Template: Full-width */ .full-width #main { width: 100%; } .full-width .entry, .page .entry { float: none; display: block; padding-right: 0; } .full-width .entry img { max-width: 1000px; } /* Archives */ h3.archive_year { font: bold 20px sans-serif; color:#3f454b; margin-top:0; } #archives .archives_list { border-left:1px dotted #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #808080; width: 90px; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 420px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 70px; display: inline-block; vertical-align: top;} #archives .archives_list .comments span { background: url("images/comments.png") no-repeat 0 2px; padding-left: 20px; } #archives .archives_list .comments a { background: url("images/comments.png") no-repeat 0 2px; padding-left: 20px; color: #808080; font-size: 11px; } #archives .archives_list .comments a:hover { text-decoration: none; } /********************************************************************************************* 6. Comments ------------------------- comments.php *********************************************************************************************/ #comments { clear: both; padding:0 30px 0 29px; } #comments h3 { color:#373737; margin:0 0 15px; font-weight:bold; } #comments .navigation { padding: 0 0 18px 0; } h3#reply-title { font-size: 20px; margin: 18px 0; color:#373737;} .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px solid #F0F0F0; font-size:12px; line-height: 1.7; margin: 0 0 24px 0; padding: 0 0 0 76px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author { margin-bottom:3px; } .comment-author cite { font-weight: bold; font-style:normal; font-size:14px; } .comment-author .says { display:none; } .comment-meta { font-size: 12px; margin: 0; float: right; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #333; } .reply { font-size: 12px; padding: 0 0 24px 0; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #dedede; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } .comment-notes { display:none; } /* Comments form */ #respond { margin: 24px 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } .commentlist #respond { clear: both; display: block; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required_lab { color: #FF6565; font-weight: bold; float: right; } #respond label { color: #6A6A6A; font-size: 12px;} #respond input { margin: 0 0 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #respond textarea { width: 96%; height: 145px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; display:none; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { text-align:left; margin-top:10px; } #respond .form_fields { float: left; width: 36%; margin-right: 5%; } #respond .form_fields p { margin-bottom:7px; } #respond .form_fields input { width:100%; } #respond .comment-form-comment { width: 80%; float: left; } #respond .form_fields input, #respond textarea { clear: both; display: block; font-size: 13px; padding: 8px 6px; margin: 3px 0 0; } /********************************************************************************************* 7. Sidebar & Widgets ------------------------- sidebar.php *********************************************************************************************/ #sidebar { float: right; width: 360px; overflow:hidden; padding-top: 30px; border-left: 1px solid #ebebeb; margin-left:-1px; } #sidebar .widget { border-bottom:1px solid #ebebeb; margin:0 0 20px; padding:0 30px 20px; } #sidebar div:last-child { border-bottom:0 none; } .widget h3.title { color: #3f4247; margin: 0; font-family: Arial, Helvetica, sans-serif; margin:0 0 15px; font-size: 18px; font-weight: bold; } .widget ul { clear: both; line-height: 1.7; } .widget ul li { list-style-type: none; } .widget ul ul { border-top: none; margin: 0; padding: 0; } .widget ul ul li { border: none; } .widget select {width:100%;} .widget #cat, .widget select { border: 1px solid #cdcfd4; color: #333333; display: inline; float: left; line-height: 1.5; padding: 3px; width: 100%; margin:0 0 14px; font-size:12px; } .widget_tag_cloud a {line-height:1.3em; font-weight:normal; font-weight:normal; margin-right:7px; } .side_ad { margin: 10px;} /* Widget: Recent Comments */ .recent-comments-list .avatar { margin-right: 12px; float: left;} .recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #F0F0F0; } .recent-comments-list li a { font-weight:bold; } .recent-comments-list li:last-child { border-bottom: 0; } /* Widget: Recent Posts */ .widget .feature-posts-list a { font-weight:bold;} .widget .feature-posts-list br {display: none;} .widget .feature-posts-list img {margin: 4px 12px 10px 0;float: left;} .widget .feature-posts-list small { color:#999; display: block; margin: 0 0 3px; } .widget .feature-posts-list .post-excerpt { display: block;} .widget .feature-posts-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #F0F0F0; } .widget .feature-posts-list li:last-child { border-bottom: 0; } /* Flickr widget */ .widget .flickr_badge_image {margin-right: 10px; margin-bottom: 12px; float: left; } .widget .flickr_badge_image img { width: 64px; height: 64px; } #footer .widget .flickr_badge_image img { width: 63px; height: 63px; } /* Twitter widget */ .widget .twitter-list li { border-bottom: 1px solid #F0F0F0; padding: 0 0 7px; margin: 0 0 7px; } .widget .twitter-list li a { font-weight: nold; } .widget .twitter-list .twitter-timestamp { display: block; color: #999; font-size: 11px; font-style: normal; } .widget .follow-user { margin: 0; padding: 5px 0; } /* Social Widget */ .wpzoomSocial {margin:10px 0;} .wpzoomSocial li {float:left; margin:0 0 15px 2px; width:49%;} .wpzoomSocial li img {margin:0 7px 0 0; float:left;} .wpzoomSocial li a { font-weight:bold; font-size:13px;} /* Archive widget */ .widget_archive li { width:48%; float:left; display:block; } /* calendar widget */ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; font-weight:bold; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #E4E4E4; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } /* 125x125 widget */ .widget_wpzoom-125x125-ads li { float:left; margin:0 15px 10px 0;} /********************************************************************************************* 8. Footer ------------------------- footer.php *********************************************************************************************/ #footer { padding:20px 3% 25px 3%; border-top:1px solid #ebebeb; background:#f7f7f7; } #footer .widget { margin:0 0 20px; } #footer .widgetized { border-bottom:1px solid #ebebeb; } #footer div.column { display: block; float: left; margin-right: 4%; width: 22%; } #footer div.column.last { margin-right:0;} .copyright {color: #747e8e;font-size: 11px;min-height:40px;margin: 10px auto 0;} .copyright .left { margin: 10px 0; float: left; } .copyright .right { float: right; margin: 10px 0;} p.wpzoom { display: inline; float: right; line-height: 16px; } p.wpzoom img { display: inline; float: right; padding: 0 0 0 2px; } /********************************************************************************************* 9. Media Queries *********************************************************************************************/ /* Tablet Landscape */ @media screen and (max-width: 1060px) { .wrap { width: 90%; } .wide { margin-top:25px; } #content { width:100%;} #header img { max-width:100%; height:auto; } #main { width:67%; } #sidebar { width:33%; margin-left:-3%;} .entry img { max-width: 100%; height:auto;} /* Template: Full-width */ .full-width #content { width: 100%; } .full-width h1.archive_title { width:100%; } .full-width .entry img { max-width: 100%; } .full-width .entry .wp-caption { max-width:100%; } #footer div.column { margin-right: 2%; width: 48%; } #footer .column .widget { width:100%; } } /* Tabled Portrait */ @media screen and (max-width: 768px) { #main { width:100%; } #sidebar { width:100%; margin:0; border:none; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 640px) { #footer div.column { margin-right: 0; width: 100%; } #footer .column .widget { width:100%; } }