HALOFA

- - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /* FRAMEWORK */ .section, .widget { margin: 0 0 0 0; } .navbar, .blog-feeds, .feed-links, #backlinks-container { display:none; } strong,b{font-weight:bold; } cite,em,i{font-style:italic; } a:link{color:$(link.color);text-decoration:none;outline:none;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s; } a:visited{color:$(link.visited.color);text-decoration:none; } a:hover{color:$(link.hover.color);text-decoration:none; } a img{border:none;border-width:0;outline:none; } abbr,acronym{border-bottom:1px dotted;cursor:help; } sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%; } sub{top:.4em;}small{font-size:86%; } kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px; } mark{background-color:#ffce00;color:black; } p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0; } hr{height:1px;border:none;background-color:#666; } /* heading */ h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em; } h1{font-size:200% } h2{font-size:180% } h3{font-size:160% } h4{font-size:140% } h5{font-size:120% } h6{font-size:100% } /* list */ ol,ul,dl{margin:.5em 0em .5em 3em } ol{list-style:decimal outside } ul{list-style:disc outside } li{margin:.5em 0 } dt{font-weight:bold } dd{margin:0 0 .5em 2em } /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline; } textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } /* code blockquote */ pre,code{font-family:"Courier New",Courier,Monospace;color:inherit; } pre{white-space:pre;word-wrap:normal;overflow:auto; } blockquote{background:#f8f8f8;margin-left:2em;margin-right:2em;border-left:4px solid #ccc;padding:1em 1em;font-style:italic; } /* table */ .post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top; } .post-body table.tr-caption-container {border:1px solid #e5e5e5; } .post-body th{font-weight:bold; } .post-body table[border="1"] caption{border:none;font-style:italic; } .post-body table{background:#f6f6f6; } .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5; } .post-body th{background:#eee; } .post-body table.tr-caption-container td {background:#f6f6f6;border:none;padding:8px; } .post-body img {max-width:100%;height:auto; } .post-body img, .post-body table.tr-caption-container {max-width:100%;height:auto; } .post-body .separator img {max-width:92%;height:auto; } .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important; } img { max-width:100%; height:auto; border:0; } table { max-width:100%; } .clear { clear:both; } .clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } body { background:$(body.background); margin:0 0 0 0; padding:0 0 0 0; color:$(body.text.color); font:$(body.font); text-align:left; } /* WRAPPER */ #wrapper { background:$(wrapper.background.color); max-width:764px; margin:0 auto; padding:0; box-shadow:0px 0px 5px rgba(30, 30, 30, 0.08); } /* HEADER WRAPPER */ #header-wrapper { background:$(header.background.color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWFe4bbFmMMJwTVr0Jbuz_R5PnhWJ2MJRcv_tC1p-IcW0ajdp1toTtsCdC99dJKcZlKN9u4p9AcTuL3RDfOqDK7JEKUhgz3VJd8W00P3h_0R6TZMV5KtFoQ1pa_8SPc0VccFmOTANU9ZBg/s1600/line.png) repeat-x top center; margin:0 auto; padding:17px 18px 12px; overflow:hidden; color:$(header.text.color); border-bottom:1px solid $(header.border.color); } #header-wrapper a img, .banner728-top a img { display:block; } .header { float:left; max-width:250px; width:100%; margin:0 0; } .header img { max-width:250px; height:auto; } .header h1.title,.header p.title { font:$(header.font); margin:0 0 0 0 } .header .description { color:$(description.text.color); margin:0.5em 0 0; padding:0px 0px 0px 0px; } .header a { color:$(header.text.color); } .header a:hover { color:$(link.color); } .banner468-header { float:right; max-width:468px; width:100%; margin:0 0; } /* MENU NAVIGATION */ #nav { font:$(navigation.menu.font); background:$(menu.background.color); border-top: 1px solid $(menu.border.top.color); border-bottom:1px solid $(menu.border.bottom.color); margin:0 auto; padding:0 0; text-transform:uppercase; display:inline-block; max-width:764px; width:100%; } #nav ul#menu { float:left; margin:0px 0px 0px 18px; padding:0px 0px; height:34px; } #nav li { margin:0px 0px; padding:0px 0px; float:left; display:inline; list-style:none; position:relative; } #nav li > a { display:block; padding:0 10px; margin:3px 0; line-height:28px; text-decoration:none; color:$(menu.navigation.text.color); } #nav li li > a { display:block; padding:0 10px; margin:0 0; line-height:24px; text-decoration:none; color:$(menu.navigation.text.color); } #nav li:hover > a, #nav a:hover { background-color:$(menu.navigation.hover.color); } #nav li ul { background:#555; margin:0 0; width:170px; height:auto; position:absolute; top:31px; left:0px; z-index:10; display:none; } #nav li li { display:block; float:none; } #nav li:hover > ul { display:block; } #nav li ul ul { left:100%; top:0px; } #search-form { float:right; margin:0 18px 0 0; font-weight:bold; } #search-form input#search-box[type="text"] { background:$(input.background.color); float:left; height:26px; line-height:26px; margin:4px 0; padding:0 10px; width:100px; color:$(input.color); border:none; } #search-form input#search-button[type="submit"] { float:right; background:$(button.background.color); color:$(button.color); height:26px; line-height:26px; margin:4px 0; padding:0 7px; border:none; } #search-form input#search-button[type="submit"]:hover{ background:#222; cursor:pointer } #search-form input#search-box[type="text"]:focus { background:#eee; outline:none; } .banner728-top, .banner728-bottom { padding:0 18px; } .banner728-top h2, .banner728-bottom h2{ display:none; } .banner728-top .widget-content { margin:6px 0 0; max-width:728px; overflow:hidden; } .banner728-bottom .widget-content { margin:6px 0; max-width:728px; overflow:hidden; } /* CONTENT WRAPPER */ #content-wrapper { position:relative; margin:0 auto; padding:0 18px; overflow:hidden; word-wrap:break-word; } /* POST WRAPPER */ #post-wrapper { float:left; width:100%; margin:12px -160px 12px 0 } .post-container { margin:0 172px 0 0; max-width:100%; } .breadcrumbs { font-size:11px; color:#666; padding:0 0 5px; margin:0 0 12px; border-bottom:1px dotted #ddd; } .post-label-block { margin:0 0 8px; font-weight:bold; text-transform:uppercase; font-size:11px; } .post-label-block .label-block { background:$(post.label.background.color); color:$(post.label.color); display:inline-block; padding:2px 3px; margin:0 0 2px; } .post-label-block .date-block { background:$(post.date.background.color); color:$(post.date.color); display:inline-block; padding:2px 3px; margin:0 0 2px; } .post-label-block .profile-block { background:$(post.profile.background.color); color:$(post.profile.color); display:inline-block; padding:2px 3px; margin:0 0 2px; } .post-label-block .label-block:hover, .post-label-block .date-block:hover { background:#333; } .post-label-block abbr { border-bottom:none; } .post { border-bottom:1px dotted #ddd; margin:0 0 12px; padding:0 0 7px; overflow:hidden; } .post-body { line-height: 1.4; } h2.post-title, h1.post-title { font:$(post.title.font); } h1.post-title { margin-bottom:15px; } h2.post-title a, h1.post-title a, h2.post-title, h1.post-title { color:$(post.title.color); } h2.post-title a:hover, h1.post-title a:hover { color:$(link.color); } .img-thumbnail { background:$(post.thumbnail.background.color); float:left; width:74px; height:74px; margin:0 10px 5px 0; padding:8px; border:1px solid $(post.thumbnail.border.background.color); } .img-thumbnail img { width:74px; height:74px; } .post-author { color:#999; font-style:italic; margin:15px 0 0; font-size:11px; font-weight:bold; } .post-author a { color:#999; } .post-author a:hover { border-bottom:1px dotted #ddd; } #blog-pager { margin:0 0; clear:both !important; padding:3px 3px; text-transform:uppercase; font-size:11px; font-weight:bold; } #blog-pager-newer-link a { background:#89C237; float:left; display:block; padding:2px 3px; color:#fff; } #blog-pager-older-link a { background:#89C237; float:right; display:block; padding:2px 3px; color:#fff; } a.home-link { background:#89C237; display:inline-block; padding:2px 3px; color:#fff; } #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover { background-color:#333; color:#fff; } /* SIDEBAR WRAPPER */ #sidebar-wrapper { float:right; width:160px; margin:12px 0; } .sidebar-container { margin:0 0; } .sidebar h2 { font:$(widget.title.font); background:$(widget.title.background.color); color:$(widget.title.text.color); margin:0 0 10px 0; padding:4px 8px; text-transform:uppercase; border-top: 1px solid $(sidebar.title.border.top.color); border-bottom:1px solid $(sidebar.title.border.bottom.color); } .sidebar .widget { padding:0 0 10px; } .sidebar ul, .sidebar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .sidebar li { margin:0 0 0 0; padding:3px 0; border-bottom:1px dotted #ddd } /* label */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size{ display:block; float:left; background:#89C237; margin:0 3px 3px 0; color:#eee; font-size:11px; text-transform:uppercase; font-weight:bold; } .label-size a,.label-size span{ display:inline-block; color:#fff; padding:2px 3px; } .label-size:hover{ background:#333333 } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; } .label-size { line-height:1.2 } /* popular post */ .PopularPosts .item-thumbnail{ margin:0 6px 6px 0; display:inline; padding:6px; border:1px solid #e5e5e5; } .PopularPosts .item-thumbnail a img{ height:40px; width:40px; display:block; margin:0; padding:0; } .PopularPosts .widget-content ul li{ padding:6px 0px !important; border-bottom:1px dotted #e2e2e2; } .PopularPosts .item-title{ font-weight:bold; } .PopularPosts .item-snippet { font-size:10px; color:#666; } .profile-img { display:inline; opaciry:10; margin:0 6px 3px 0; } /* ==== Related Post Widget Start ==== */ .related-post { margin:15px 0px 0px; border:1px solid #e5e5e5; padding:10px; background:#f6f6f6; } .related-post h4 { font-size:14px; margin:0 0 .5em; text-transform:uppercase; } .related-post-style-2 { margin:0 0 0 0 !important; padding:0 0 0 0 !important; list-style:none; } .related-post-style-2 li { margin:0 0 0 0; padding:0 0 0 0; } .related-post-style-2 li { padding:5px 0 !important; border-top:1px solid #eee; overflow:hidden; } .related-post-style-2 li:first-child {border-top:none} .related-post-style-2 .related-post-item-thumbnail { width:40px; height:40px; max-width:none; max-height:none; background:#fff; border: 1px solid #e5e5e5; padding:6px; float:left; margin:2px 8px 0 0; } .related-post-style-2 .related-post-item-title { font:bold 14px Arial, sans-serif; } .related-post-style-2 .related-post-item-summary { display:block; overflow:hidden; font-size:11px; } .related-post-style-2 .related-post-item-more {} /* share buttons */ .share-buttons-box { height: 67px; margin:20px 0 0; overflow:hidden; } .share-buttons { margin:0 0; height:67px; float:left; } .share-buttons .share { float:left; margin-right:10px; display:inline-block; } /* facebook comments */ .fbbox-comments { box-sizing: border-box; -moz-box-sizing: border-box; background:#f6f6f6; border:1px solid #e5e5e5; margin: 0 0 20px; } .fb-comments{width: 100% !important;} .fb-comments iframe[style]{width: 100% !important;} .fb-like-box{width: 100% !important;} .fb-like-box iframe[style]{width: 100% !important;} .fb-comments span{width: 100% !important;} .fb-comments iframe span[style]{width: 100% !important;} .fb-like-box span{width: 100% !important;} .fb-like-box iframe span[style]{width: 100% !important; } /* FOOTER WRAPPER */ #footer-wrapper { background:$(footer.background.color); margin:0 auto; padding:12px 18px; overflow:hidden; color:$(footer.color); font:$(footer.font); border-top:1px solid $(footer.border.color); } .footer-left { float:left; } .footer-right { float:right; } #footer-wrapper a { color:$(footer.color); } #footer-wrapper a:hover { color:$(link.color); } .tinynav { background:#fff; display:none; margin:4px 0 4px 18px; padding:6px; border:none; } .tinynav option { padding:0 4px; } @media only screen and (max-width:768px){ .header, .banner468-header { float:none; max-width:100%; } .header { margin:0 0 12px; } } @media only screen and (max-width:640px){ .tinynav { display: inline-block; } #menu { display:none; } } @media only screen and (max-width:480px){ #header-wrapper { padding:17px 10px 12px; } .header, .banner468-header { text-align:center; } #content-wrapper, .banner728-top, .banner728-bottom { padding:0 10px; } #post-wrapper, #sidebar-wrapper { width:100%; max-width:100%; float:none; margin:12px 0 12px 0; } .post-container { margin:0 0 0 0; } #nav ul#menu { margin:0px 0px 0px 10px; } #search-form { margin:0 10px 0 0; } #footer-wrapper { padding:12px 10px; text-align:center; } .footer-left, .footer-right { float:none; } .tinynav { margin:3px 0 3px 10px; } .comment .comment-thread.inline-thread .comment { margin: 0 0 0 0 !important; } .related-post { padding:8px; } .comments .comments-content { padding:0 8px !important; } .comments .comments-content .comment-thread ol { margin:8px 0 !important; } } @media screen and (max-width:320px){ .img-thumbnail { width:70px; height:70px; margin:0 6px 3px 0; } .img-thumbnail img { width:70px; height:70px; } #search-form input#search-box[type="text"] { width:80px; } } /* VIEWPORT */ @-wekit-viewport{width:device-width;max-zoom:1;min-zoom:1} @-moz-viewport{width:device-width;max-zoom:1;min-zoom:1} @-ms-viewport{width:device-width;max-zoom:1;min-zoom:1} @-o-viewport{width:device-width;max-zoom:1;min-zoom:1} @viewport{width:device-width;max-zoom:1;min-zoom:1} ]]> - - - -

- - - - -