<data:blog.pageTitle/> <data:blog.pageName/> ~ <data:blog.title/> */ /* GENERAL STYLES */ /* Hide top navbar */ #navbar-iframe { height:0px; visibility:hidden; display:none } body { font: $bodyfont; background-color: $bgcolor; color: $textcolor; } a { color: $linkcolor; } a:hover { color: $hoverlinkcolor; } a:visited { color: #666; } blockquote { background-color: #d4f7f7; border-left: 10px solid #86e8e8; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #86e8e8; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } .clear { clear:both; } .clearfix:after { clear:both;content:'.'; display:block; visibility:hidden; height:0; } .clearfix { display:inline-block; } * html .clearfix { height:1%; } .clearfix { display:block; } /* HEADER */ #header-wrapper { background-position: center center; background-size: 100% auto; background-repeat: no-repeat; height: 12.5rem; } #header-wrapper h1, #header-wrapper h1 a { letter-spacing: 0.025em; color: $pagetitlecolor; font-weight: bold; } #header-wrapper .Image {display: none;} #header-inner { text-align: center; } #header-inner a img { margin: 0 auto; max-width: 90%; height: auto; } p.description { color: $descriptioncolor; } #secondary-menu a { color: #212529; font-size:1.5em; margin-right: 0.25em; } #btemplates-dropdown-2 .fa { color: #43e8d8; } #btemplates-main-menu { font-weight: bold; } #btemplates-main-menu .btemplates-dropdown { width:100%; } #btemplates-main-menu nav{ background: #fff; } #btemplates-main-menu .nav-item a { color: #ff0030; } #btemplates-main-menu .nav-item > a { color: #111; } #btemplates-main-menu .nav-item > a:hover { color: #555; } #btemplates-search h2 { } #btemplates-search input[type="text"] { padding: 0.5rem; } #btemplates-search input[type="submit"] { background-color: #43e8d8; border: 0; border-radius: 0.25rem; padding: 0.5rem 2rem; color: #fff; font-weight: bold; } #slider h2 { display: none; } #btemplates-posts-slider a { color: #fff; } #btemplates-posts-slider h5 { font-size: 2.25rem; } #btemplates-dropdown-2 ul { margin-right: auto; } #btemplates-dropdown-2 .nav-item > a { color: #fff; } #btemplates-dropdown-2 .nav-item > a:hover { color: rgba(255,255,255,.75); } #btemplates-social a.nav-link{ padding: .5rem .7rem; } #btemplates-social a.nav-link:hover { opacity: 0.8; } #btemplates-dropdown-1 a { color: #c41d1d; } #btemplates-dropdown-1 a:hover { color: #D8815F; } nav.navbar h2 { display: none; } #btemplates-icons-menu .LinkList { text-align: center; } #btemplates-icons-menu .LinkList h2 { display: none; } #btemplates-icons-menu .LinkList ul { list-style: none; } #btemplates-icons-menu .LinkList li { display: inline; margin-right: 2.5rem; text-align: center; font-size: 90%; display: inline-block; } #btemplates-icons-menu .LinkList li a { color: #ff0030; } #btemplates-icons-menu .LinkList li a .menu-icon { display: block; } #btemplates-icons-menu .LinkList li a:hover .menu-icon { opacity: 0.8; } #btemplates-icons-menu .LinkList li a img { width: 55px; height: 55px; } #btemplates-icons-menu .LinkList li a span { } #btemplates-icons-menu .widget h2 { display: none; } #btemplates-icons-menu .widget, #btemplates-popular-posts .widget { margin-bottom: 2rem; } #btemplates-popular-posts .PopularPosts { display: none; } body#layout #btemplates-popular-posts .PopularPosts { display: block !important; } #btemplates-popular-posts .PopularPosts h2 { display: block; text-align: center; } #btemplates-popular-posts .PopularPosts img { padding-right: 0 !important; } #btemplates-popular-posts .PopularPosts .widget-item-control { margin-top: 0; } #bt-labels h2 { text-align: center; } .btemplates-tags { text-align: center; } .btemplates-tags a.bt-tag { color: #ff0030; text-align: center; display: inline-block; margin: 0 1rem 1rem 0; } .btemplates-tags a:hover img { opacity: 0.8; } .btemplates-tags a img { border: 2px solid #333; transform: scale(1); transition: all 0.3s ease; } .btemplates-tags a:hover img, .btemplates-tags a:focus img { transform: scale(1.1); } /* CONTENT WRAPPER */ #btemplates-first-post { display: none; } body#layout #btemplates-first-post { display: block; } #btemplates-first-post-c h2 { display: none; } #btemplates-first-post-c .widget { margin-bottom: 2rem; } #btemplates-main-content { margin-top: -1.5rem; background-color: #fff; padding: 15px; } .breadcrumb { background-color: #d4f7f7; } .post-title a { color: $titlecolor; } .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } .post-header-line-1 a { color: #ff0030; } .post-body ul{list-style-type:circle;list-style-position:inside;padding:0 0 0 0.25em;} .post-body ol{list-style-type:decimal;list-style-position:inside;padding:0 0 0 0.25em;} .post-body a { text-decoration: underline; } .post code{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk9YSbHEU-wVBYQMgQI6z-stPG7bUUvz59Q3zGqzJNSf8J_dXZKcF2vKTTlPTHuoCfOqq4wG6ueyXq5yOdfchfpO4a4wnQumUNd_Dqt0L2xSU3kma1jeW7tghKYFC_8lBzxPuGuYmXDlFU/s0/code.png) no-repeat 0 5px;padding:0 35px 0 0;display:block;min-height:35px;padding:0 0 0 30px; } .post table { border-color:#CDCDCD;border-style:solid;border-width:1px 0;width:100%;text-align:center; } .post table td,.post table th { border-bottom:1px solid #EFEFEF;padding:5px 15px 5px 0; } .post img { max-width: 100%; } .bt-post-share-buttons a { text-align: center; } .bt-post-share-buttons a i { width: 1.5em; } .post-author, .Profile .profile-name-link { font-family: 'Great Vibes', cursive; } #btemplates-author-box { box-shadow: 0 0 50px .1px rgba(0,0,0,0.07); box-sizing: border-box; border-radius: 7px; padding: 1rem; margin: 1rem 0 1.75rem; } #btemplates-author-box img.rounded-circle{ width: 75px; height: 75px; } #btemplates-author-box a[rel="author"]{ font-weight: bold; margin-bottom: 0.75rem; display: block; } #related-post { margin-top: 1.5rem; width: 100%; } #related-post h3 { margin-bottom: 1.5rem; } #related-post .btemplates-post{ width: 100%; clear: both; padding-bottom: 1.25rem; } #related-post .bt-post-thumbnail{ width: 30%; height: 50px; overflow: hidden; float: left; padding-right: 1rem; } #related-post .bt-post-thumbnail img{ width: 100%; height: 100%; object-fit: cover; } #related-post .bt-post-title a{ color: #ff0030; } #related-post .bt-post-content{ display: none; } #related-post .bt-post-date{ font-size: 80%; color: #999; } #blog-pager { margin-bottom: 1.5rem; } #blog-pager .btemplates-post:first-child::before { content: '< Newer post'; } #blog-pager .btemplates-post:last-child::before { content: 'Older post >'; } #blog-pager .bt-post-thumbnail img { max-height: 200px; object-fit: cover; } #blog-pager .bt-post-title { font-size: 1.5em; } #blog-pager a { color: #212529; } #blog-pager .bt-post-content { display:none; } #blog-pager .bt-post-date { display: none; color: #999; } .home-link::before { content: '\00a0\f015'; font-family: fontAwesome; } .blog-pager-older-link::after { content: '\00a0\f105'; font-family: fontAwesome; } .blog-pager-newer-link::before { content: '\f104\00a0'; font-family: fontAwesome; } .status-msg-wrap { width: 100%; margin: 0 auto 2em; font-size: 125%; } .status-msg-border { border: 0; } /* SIDEBAR */ #sidebar-wrapper .widget { margin-bottom: 1em; } #sidebar-wrapper .widget h2, #footers .widget h2 { padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px solid #dee2e6 !important; } #sidebar-wrapper h2 { } #sidebar-wrapper ul { padding: 0; } #sidebar-wrapper li { list-style-position: inside; } #sidebar-wrapper .Profile li { list-style: none; } #sidebar-wrapper .widget { } #sidebar-wrapper .widget-content { } #sidebar .widget, #footers .widget { margin-bottom: 2.5em; } #sidebar .FollowByEmail, #footers .FollowByEmail { border: solid 1px #67eaca; padding: 1em; background-color: #3bccce; color:#fff; } #sidebar .FollowByEmail .bt-widget-description, #footers .FollowByEmail .bt-widget-description{ color:#fff; } #sidebar input[type=text] { height: 26px; font-size: 13px; border: 1px inset; } #sidebar input[type=submit] { background-color: #43e8d8; border-radius: 2px; height: 26px; color: #fff; border: 0; cursor: pointer; } #sidebar .FollowByEmail input[type=submit], #footers .FollowByEmail input[type=submit] { background-color: #111; } #sidebar .PopularPosts ul , #footers .PopularPosts ul { padding: 0; } #sidebar .PopularPosts li, #footers .PopularPosts li { list-style: none; } #sidebar .PopularPosts .item-thumbnail, #footers .PopularPosts .item-thumbnail { width:75px; float:left; } #sidebar .PopularPosts .item-thumbnail img, #footers .PopularPosts .item-thumbnail img { width:75px; } #sidebar .PopularPosts .item-title, #footers .PopularPosts .item-title { font-size:0.9em; } #sidebar .PopularPosts .item-snippet, #footers .PopularPosts .item-snippet { display: none; } #sidebar .Label ul, #footers .Label ul { padding: 0 1.25em; } .cloud-label-widget-content { color: #fff; } .cloud-label-widget-content .label-size { background-color: #13a5a5; margin: 0.05rem; padding: 0.2rem; border-radius: 5px; display: inline-block; } .cloud-label-widget-content a { color: #fff; } #sidebar-icons a { color: #666; text-decoration:none; } .Profile .widget-content { text-align:center; } .Profile .profile-name-link { background-image: none !important; font-size: 1.1em; } .Profile > div:nth-child(2) > a:nth-child(1) img { display:block; float:none; margin: 0.5em auto; } .Profile .profile-link{ font-size: 80%; } #sidebar .btemplates-post, #footers .btemplates-post { clear: both; margin-bottom:1em; } #sidebar .bt-post-thumbnail, #footers .bt-post-thumbnail { margin:0 0.5em 1em 0; float:left; } #sidebar .bt-post-title, #footers .bt-post-title { } #sidebar .bt-post-content, #footers .bt-post-content { display:none; } #sidebar .bt-post-date, #footers .bt-post-date { color: #999; } #footers .fa, #sidebar .fa { background-color: #efefef; color: #fff; font-size: 1.75rem; width: 2.5rem; height: 2.5rem; border-radius: 50% !important; vertical-align: middle; margin: 0 1rem 0.5rem 0; float: left; } #footers .fa:hover, #sidebar .fa:hover { opacity: 0.75; } #footers .fa.fa-500px, #sidebar .fa.fa-500px { background-color: #0099e5; } #footers .fa.fa-adn, #sidebar .fa.fa-adn { background-color: #4a484c; } #footers .fa.fa-amazon, #sidebar .fa.fa-amazon { background-color: #ff9900; } #footers .fa.fa-android, #sidebar .fa.fa-android { background-color: #a4c639; } #footers .fa.fa-angellist, #sidebar .fa.fa-angellist { background-color: #000; } #footers .fa.fa-apple, #sidebar .fa.fa-apple { background-color: #979797; } #footers .fa.fa-behance, #sidebar .fa.fa-behance { background-color: #1769ff; } #footers .fa.fa-behance-square, #sidebar .fa.fa-behance-square { background-color: #1769ff; } #footers .fa.fa-bitbucket, #sidebar .fa.fa-bitbucket { background-color: #205081; } #footers .fa.fa-bitbucket-square, #sidebar .fa.fa-bitbucket-square { background-color: #205081; } #footers .fa.fa-bitcoin, #sidebar .fa.fa-bitcoin { background-color: #ee9209; } #footers .fa.fa-black-tie, #sidebar .fa.fa-black-tie { background-color: #222; } #footers .fa.fa-btc, #sidebar .fa.fa-btc { background-color: #ee9209; } #footers .fa.fa-buysellads, #sidebar .fa.fa-buysellads { background-color: #c90100; } #footers .fa.fa-cc-amex, #sidebar .fa.fa-cc-amex { background-color: #007bc1; } #footers .fa.fa-cc-diners-club, #sidebar .fa.fa-cc-diners-club { background-color: #004a97; } #footers .fa.fa-cc-discover, #sidebar .fa.fa-cc-discover { background-color: #f68121; } #footers .fa.fa-cc-jcb, #sidebar .fa.fa-cc-jcb { background-color: #003a8f; } #footers .fa.fa-cc-mastercard, #sidebar .fa.fa-cc-mastercard { background-color: #0a3a82; } #footers .fa.fa-cc-paypal, #sidebar .fa.fa-cc-paypal { background-color: #253b80; } #footers .fa.fa-cc-stripe, #sidebar .fa.fa-cc-stripe { background-color: #00afe1; } #footers .fa.fa-cc-visa, #sidebar .fa.fa-cc-visa { background-color: #0157a2; } #footers .fa.fa-chrome, #sidebar .fa.fa-chrome { background-color: #4587f3; } #footers .fa.fa-codepen, #sidebar .fa.fa-codepen { background-color: #000; } #footers .fa.fa-connectdevelop, #sidebar .fa.fa-connectdevelop { background-color: #391448; } #footers .fa.fa-contao, #sidebar .fa.fa-contao { background-color: #eb8623; } #footers .fa.fa-creative-commons, #sidebar .fa.fa-creative-commons { background-color: #231f20; } #footers .fa.fa-css3, #sidebar .fa.fa-css3 { background-color: #1680c0; } #footers .fa.fa-dashcube, #sidebar .fa.fa-dashcube { background-color: #7f7f7f; } #footers .fa.fa-delicious, #sidebar .fa.fa-delicious { background-color: #3399ff; } #footers .fa.fa-deviantart, #sidebar .fa.fa-deviantart { background-color: #4e6252; } #footers .fa.fa-digg, #sidebar .fa.fa-digg { background-color: #000; } #footers .fa.fa-dribbble, #sidebar .fa.fa-dribbble { background-color: #444444; } #footers .fa.fa-dropbox, #sidebar .fa.fa-dropbox { background-color: #007ee5; } #footers .fa.fa-drupal, #sidebar .fa.fa-drupal { background-color: #0077c0; } #footers .fa.fa-empire, #sidebar .fa.fa-empire { background-color: #000; } #footers .fa.fa-expeditedssl, #sidebar .fa.fa-expeditedssl { background-color: #343433; } #footers .fa.fa-facebook, #sidebar .fa.fa-facebook { background-color: #3b5998; } #footers .fa.fa-facebook-official, #sidebar .fa.fa-facebook-official { background-color: #3b5998; } #footers .fa.fa-facebook-square, #sidebar .fa.fa-facebook-square { background-color: #3b5998; } #footers .fa.fa-firefox, #sidebar .fa.fa-firefox { background-color: #e66000; } #footers .fa.fa-flickr, #sidebar .fa.fa-flickr { background-color: #ff0084; } #footers .fa.fa-fonticons, #sidebar .fa.fa-fonticons { background-color: #1c1e29; } #footers .fa.fa-forumbee, #sidebar .fa.fa-forumbee { background-color: #83ad13; } #footers .fa.fa-foursquare, #sidebar .fa.fa-foursquare { background-color: #0072b1; } #footers .fa.fa-ge, #sidebar .fa.fa-ge { background-color: #000; } #footers .fa.fa-get-pocket, #sidebar .fa.fa-get-pocket { background-color: #d3505a; } #footers .fa.fa-gg, #sidebar .fa.fa-gg { background-color: #000; } #footers .fa.fa-gg-circle, #sidebar .fa.fa-gg-circle { background-color: #000; } #footers .fa.fa-git, #sidebar .fa.fa-git { background-color: #333; } #footers .fa.fa-git-square, #sidebar .fa.fa-git-square { background-color: #333; } #footers .fa.fa-github, #sidebar .fa.fa-github { background-color: #333; } #footers .fa.fa-github-alt, #sidebar .fa.fa-github-alt { background-color: #333; } #footers .fa.fa-github-square, #sidebar .fa.fa-github-square { background-color: #333; } #footers .fa.fa-gittip, #sidebar .fa.fa-gittip { background-color: #663300; } #footers .fa.fa-google, #sidebar .fa.fa-google { background-color: #4285f4; } #footers .fa.fa-google-plus, #sidebar .fa.fa-google-plus { background-color: #dd4b39; } #footers .fa.fa-google-plus-square, #sidebar .fa.fa-google-plus-square { background-color: #dd4b39; } #footers .fa.fa-google-wallet, #sidebar .fa.fa-google-wallet { background-color: #4285f4; } #footers .fa.fa-hacker-news, #sidebar .fa.fa-hacker-news { background-color: #ff6600; } #footers .fa.fa-houzz, #sidebar .fa.fa-houzz { background-color: #7ac142; } #footers .fa.fa-html5, #sidebar .fa.fa-html5 { background-color: #e34f26; } #footers .fa.fa-instagram, #sidebar .fa.fa-instagram { background-color: #3f729b; } #footers .fa.fa-internet-explorer, #sidebar .fa.fa-internet-explorer { background-color: #1ebbee; } #footers .fa.fa-ioxhost, #sidebar .fa.fa-ioxhost { background-color: #faa729; } #footers .fa.fa-joomla, #sidebar .fa.fa-joomla { background-color: #142849; } #footers .fa.fa-jsfiddle, #sidebar .fa.fa-jsfiddle { background-color: #4679bd; } #footers .fa.fa-lastfm, #sidebar .fa.fa-lastfm { background-color: #c3000d; } #footers .fa.fa-lastfm-square, #sidebar .fa.fa-lastfm-square { background-color: #c3000d; } #footers .fa.fa-leanpub, #sidebar .fa.fa-leanpub { background-color: #0c0c0c; } #footers .fa.fa-linkedin, #sidebar .fa.fa-linkedin { background-color: #0976b4; } #footers .fa.fa-linkedin-square, #sidebar .fa.fa-linkedin-square { background-color: #0976b4; } #footers .fa.fa-linux, #sidebar .fa.fa-linux { background-color: #333333; } #footers .fa.fa-maxcdn, #sidebar .fa.fa-maxcdn { background-color: #ff6600; } #footers .fa.fa-meanpath, #sidebar .fa.fa-meanpath { background-color: #538ed7; } #footers .fa.fa-medium, #sidebar .fa.fa-medium { background-color: #000; } #footers .fa.fa-odnoklassniki, #sidebar .fa.fa-odnoklassniki { background-color: #ed812b; } #footers .fa.fa-odnoklassniki-square, #sidebar .fa.fa-odnoklassniki-square { background-color: #ed812b; } #footers .fa.fa-opencart, #sidebar .fa.fa-opencart { background-color: #2ac2ef; } #footers .fa.fa-openid, #sidebar .fa.fa-openid { background-color: #f78c40; } #footers .fa.fa-opera, #sidebar .fa.fa-opera { background-color: #cc0f16; } #footers .fa.fa-optin-monster, #sidebar .fa.fa-optin-monster { background-color: #83c11f; } #footers .fa.fa-pagelines, #sidebar .fa.fa-pagelines { background-color: #000; } #footers .fa.fa-paypal, #sidebar .fa.fa-paypal { background-color: #253b80; } #footers .fa.fa-pied-piper, #sidebar .fa.fa-pied-piper { background-color: #2f9f46; } #footers .fa.fa-pied-piper-alt, #sidebar .fa.fa-pied-piper-alt { background-color: #2f9f46; } #footers .fa.fa-pied-piper-square, #sidebar .fa.fa-pied-piper-square { background-color: #2f9f46; } #footers .fa.fa-pinterest, #sidebar .fa.fa-pinterest { background-color: #cc2127; } #footers .fa.fa-pinterest-p, #sidebar .fa.fa-pinterest-p { background-color: #cc2127; } #footers .fa.fa-pinterest-square, #sidebar .fa.fa-pinterest-square { background-color: #cc2127; } #footers .fa.fa-qq, #sidebar .fa.fa-qq { background-color: #000; } #footers .fa.fa-ra, #sidebar .fa.fa-ra { background-color: #000; } #footers .fa.fa-rebel, #sidebar .fa.fa-rebel { background-color: #000; } #footers .fa.fa-reddit, #sidebar .fa.fa-reddit { background-color: #ff4500; } #footers .fa.fa-reddit-square, #sidebar .fa.fa-reddit-square { background-color: #ff4500; } #footers .fa.fa-renren, #sidebar .fa.fa-renren { background-color: #005eac; } #footers .fa.fa-safari, #sidebar .fa.fa-safari { background-color: #1b88ca; } #footers .fa.fa-sellsy, #sidebar .fa.fa-sellsy { background-color: #1f78b9; } #footers .fa.fa-share-alt, #sidebar .fa.fa-share-alt { background-color: #01bf01; } #footers .fa.fa-share-alt-square, #sidebar .fa.fa-share-alt-square { background-color: #01bf01; } #footers .fa.fa-shirtsinbulk, #sidebar .fa.fa-shirtsinbulk { background-color: #dd3a26; } #footers .fa.fa-simplybuilt, #sidebar .fa.fa-simplybuilt { background-color: #000; } #footers .fa.fa-skyatlas, #sidebar .fa.fa-skyatlas { background-color: #00adbb; } #footers .fa.fa-skype, #sidebar .fa.fa-skype { background-color: #00aff0; } #footers .fa.fa-slack, #sidebar .fa.fa-slack { background-color: #0f7965; } #footers .fa.fa-slideshare, #sidebar .fa.fa-slideshare { background-color: #e98325; } #footers .fa.fa-soundcloud, #sidebar .fa.fa-soundcloud { background-color: #f80; } #footers .fa.fa-spotify, #sidebar .fa.fa-spotify { background-color: #7ab800; } #footers .fa.fa-stack-exchange, #sidebar .fa.fa-stack-exchange { background-color: #000; } #footers .fa.fa-stack-overflow, #sidebar .fa.fa-stack-overflow { background-color: #fe7a15; } #footers .fa.fa-steam, #sidebar .fa.fa-steam { background-color: #0b0b0b; } #footers .fa.fa-steam-square, #sidebar .fa.fa-steam-square { background-color: #0b0b0b; } #footers .fa.fa-stumbleupon, #sidebar .fa.fa-stumbleupon { background-color: #eb4924; } #footers .fa.fa-stumbleupon-circle, #sidebar .fa.fa-stumbleupon-circle { background-color: #eb4924; } #footers .fa.fa-tencent-weibo, #sidebar .fa.fa-tencent-weibo { background-color: #74af2c; } #footers .fa.fa-trello, #sidebar .fa.fa-trello { background-color: #256a92; } #footers .fa.fa-tripadvisor, #sidebar .fa.fa-tripadvisor { background-color: #589442; } #footers .fa.fa-tumblr, #sidebar .fa.fa-tumblr { background-color: #35465c; } #footers .fa.fa-tumblr-square, #sidebar .fa.fa-tumblr-square { background-color: #35465c; } #footers .fa.fa-twitch, #sidebar .fa.fa-twitch { background-color: #6441a5; } #footers .fa.fa-twitter, #sidebar .fa.fa-twitter { background-color: #55acee; } #footers .fa.fa-twitter-square, #sidebar .fa.fa-twitter-square { background-color: #55acee; } #footers .fa.fa-viacoin, #sidebar .fa.fa-viacoin { background-color: #333; } #footers .fa.fa-vimeo, #sidebar .fa.fa-vimeo { background-color: #1ab7ea; } #footers .fa.fa-vimeo-square, #sidebar .fa.fa-vimeo-square { background-color: #1ab7ea; } #footers .fa.fa-vine, #sidebar .fa.fa-vine { background-color: #00b488; } #footers .fa.fa-vk, #sidebar .fa.fa-vk { background-color: #45668e; } #footers .fa.fa-wechat, #sidebar .fa.fa-wechat { background-color: #93d034; } #footers .fa.fa-weibo, #sidebar .fa.fa-weibo { background-color: #e71d34; } #footers .fa.fa-weixin, #sidebar .fa.fa-weixin { background-color: #93d034; } #footers .fa.fa-wikipedia-w, #sidebar .fa.fa-wikipedia-w { background-color: #000; } #footers .fa.fa-windows, #sidebar .fa.fa-windows { background-color: #00bcf2; } #footers .fa.fa-wordpress, #sidebar .fa.fa-wordpress { background-color: #21759b; } #footers .fa.fa-xing, #sidebar .fa.fa-xing { background-color: #026466; } #footers .fa.fa-xing-square, #sidebar .fa.fa-xing-square { background-color: #026466; } #footers .fa.fa-y-combinator, #sidebar .fa.fa-y-combinator { background-color: #f0652f; } #footers .fa.fa-yc, #sidebar .fa.fa-yc { background-color: #f0652f; } #footers .fa.fa-yahoo, #sidebar .fa.fa-yahoo { background-color: #400191; } #footers .fa.fa-yelp, #sidebar .fa.fa-yelp { background-color: #af0606; } #footers .fa.fa-youtube, #sidebar .fa.fa-youtube { background-color: #e52d27; } #footers .fa.fa-youtube-play, #sidebar .fa.fa-youtube-play { background-color: #e52d27; } #footers .fa.fa-youtube-square, #sidebar .fa.fa-youtube-square { background-color: #e52d27; } .btemplates-comment { clear: both; } .bt-comment-avatar { } .bt-comment-avatar img { width: 50px; height: 50px; margin: 0 0.5em 1em 0; } .bt-comment-author { } .bt-comment-content { font-size: 0.8rem; } .Label li { clear:both; margin-bottom: 0.5em; list-style: none; } .Label li::before { content: '\f101'; font-family: fontAwesome; } .Label span[dir='ltr'] { width: 1.5em; height: 1.5em; } .ContactForm input, .ContactForm textarea { max-width: 100%; } .ContactForm input[type='button'] { width: 100%; background-color: #43e8d8; color: #fff; background-image: none; border: 0; } .ContactForm form span { color: #43e8d8; } .Feed li { clear:both; margin-bottom: 0.5em; list-style: none; } .Feed li::before { content: '\f101 '; font-family: fontAwesome; } .Feed .item-date { color: #999; } .bt-comment-date a { font-size: 0.8rem; float: right; color: #999; } .Image img { max-width: 100%; } /* Gadgets panel */ body#layout .widget .editlink { background-color: #999; color: #000; } body#layout .add_widget { padding: 0; } body#layout #bt-labels, body#layout #btemplates-search { display: none; } body#layout #btemplates-dropdown-2 nav { float: left; width: 49%; } body#layout #btemplates-dropdown-2 #btemplates-social { float: right; width: 49%; } body#layout #btemplates-main-menu { clear: both; } body#layout #header-wrapper { height: auto; } body#layout #btemplates-main-content { margin-top: auto; } body#layout #content-wrapper { float: left; width: 68%; } body#layout #sidebar-wrapper { float: right; width: 30%; } body#layout #footers .section { width: 30%; float:left; } body#layout #btemplates-dropdown-2 { } body#layout #btemplates-dropdown-2::before { content: "Template documentation at: https://btemplates.com/blog/maya-template/"; } body#layout #LinkList67::before { content: "Here you can add info like email, phone number or location:"; } body#layout #LinkList68::before { content: "Add your social networks here. Your links will be changed for icons automatically:"; } body#layout #LinkList78::before { content: "Main menu with dropdown items support:"; } body#layout #Header1::before { content: "Edit blog title/logo and description here:"; } body#layout #Image98::before { content: "You can change the header background image here:"; } body#layout #LinkList63::before { content: "Delete/edit menu with icons. 20 Icons available, please check documentation:"; } body#layout #HTML98::before { content: "List of posts. Check documentation to add your own content:"; } body#layout #footers::after { content: "Thank you for using Maya template by BTemplates.com"; } body#layout #content-wrapper { margin: 0px; } body#layout #btemplates-icons-menu .PopularPosts { display: block !important; } body#layout #header-wrapper .Image {display: block;} body#layout #footer-wrapper .links, body#layout #search { display:none; } /* FOOTER */ #footers { background-color: #3bccce; } #footers h2, #footers .bt-post-date, #footers .bt-comment-date a { color: #fff; } #footer-wrapper a { color: #43e8d8; } #footers .section img, #sidebar-wrapper img { max-width: 100%; object-fit: cover; } #footers .widget-item-control .quickedit, #btemplates-dropdown-2 .widget-item-control .quickedit { opacity: 1; } #footer-menu h2 { display: none; } #footer-menu ul { margin: 0; padding: 0; } #footer-menu li { display: inline; padding-right: 1rem; } #footer-menu li:last-child { padding-right: 0; } /* COMMENTS */ #comments { margin-bottom: 1.5rem; } #top-ra { margin-bottom: 2em; } #top-ra > .comment { border: 1px solid #dee2e6; margin: 0 0 1em; padding: 1em; } .comment-author { } .comments .comments-content .datetime { margin-left: 0px; display: block; } .comments .comments-content .datetime a{ color: #999; font-size:0.9em; } a.comment-reply { display: inline !important; background-color: #3bccce; color: #fff; } .comment-form { max-width:100% !important; } p.comment-footer { text-align:center; } dd.comment-footer, dd.comment-body { margin:0; } .bt-widget-description { color: #888; } #main-wrapper .FollowByEmail { background-color: #f8f9fa; padding: 2em; } #main-wrapper .FollowByEmail h2 { border-bottom: 1px solid #666; padding-bottom: 1em; margin-bottom: 1em; font-size: 1.75em; text-align: center; } #main-wrapper .FollowByEmail .bt-widget-description { text-align: center; } #main-wrapper .FollowByEmail input[type=text] { height: 3em; padding: 1em; font-size: 0.9em; } #main-wrapper .FollowByEmail input[type=submit] { height: 3em; padding: 1em; font-size: 0.9em; padding: 0; font-weight: bold; background-color: #43e8d8; } /* Portfolio */ .btemplates-portfolio {} #portfolio-footer { text-align: center; width: 100%; } #portfolio-footer h2 { text-align: center; font-size:2.5rem; } .btemplates-portfolio h3 { font-size: 1.25rem; } .btemplates-portfolio .item { position: relative; width: 100%; display: block; overflow: hidden; z-index: 0; cursor: pointer; } .btemplates-portfolio .item:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: #000; opacity: 0; z-index: 1; transition: all 0.3s ease; } .btemplates-portfolio .item:hover:after, .btemplates-portfolio .item:focus:after { opacity: .8; } .btemplates-portfolio .item:hover .item-title, .btemplates-portfolio .item:focus .item-title { opacity: 1; top: 0; } .btemplates-portfolio .item:hover img, .btemplates-portfolio .item:focus img { transform: scale(1.3); } .btemplates-portfolio .item img { transform: scale(1); z-index: -1; max-width: 100%; height: auto; transition: all 0.6s ease; padding-right: 0em !important; } .btemplates-portfolio .item-title { position: absolute; top: -100px; left: 0; right: 0; padding: 1em; opacity: 0; z-index: 2; transition: all 0.6s ease; color: #fff; text-align: center; } .btemplates-portfolio .item-title a { color: #fff; } .btemplates-portfolio .item-title a:hover { color: #43e8d8; } .btemplates-portfolio .item-title span { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: rgba(255, 255, 255, 0.8); } .btemplates-portfolio .item-title h3 a { color: #fff; } /* 404 Error page */ #btemplates-404 h4 { font-size:2.5em; } #btemplates-404 p { margin-bottom: 2em; } #btemplates-404 img { margin-bottom: 2em; max-width: 100%; } #btemplates-error-404 h2 { text-align: center; } @keyframes heartbeat { 0% { transform: scale( .75 ); } 20% { transform: scale( 1 ); } 40% { transform: scale( .75 ); } 60% { transform: scale( 1 ); } 80% { transform: scale( .75 ); } 100% { transform: scale( .75 ); } } #thanks-for-keeping-this .fa-heart:hover { animation: heartbeat 1s infinite; } #back-top { position: fixed; right: 20px; bottom: 0; z-index: 1041; width: 40px; height: 40px; background: 0 0; text-indent: 0; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; color: #e8e8e8; font-size: 32px; line-height: 26px; padding: 4px 0 0; text-align: center; border-radius: 5px 5px 0 0; display: none; background-color: #323232; } /* Navigation */ #blog-pager-newer-link {float: left;} #blog-pager-older-link {float: right;} #blog-pager {text-align: center; } .introjs-donebutton { color: green !important; font-weight: bold !important; background-color: #fff !important; background-image: none !important; } ]]>