*/ /* GENERAL */ :root { --header-font: $(blog.title.font); --header-text-color: #f9838c; --header-hover-text-color: #ee434f; --secondary-background-color: #f5989f; --terceary-background-color: #ffded9; --main-link-color: #df5c8b; --footer-text-color: #ec8282; --gray: #a2a2a2; } body { font-family: $(body.text.font); color: $(body.text.color); background-color: $(body.background.color); } blockquote:before, code:before { font-size: 80px; font-family: $(blog.title.font); display: table-cell; padding: 1rem 1rem 0 0; vertical-align: middle; } blockquote:before { content: '"'; } code:before { content: '<>'; } blockquote p, code span { padding: 1rem; display: table-cell; text-align: left; vertical-align: middle; font-size: 1.25rem; } blockquote p { border-left: 1px solid #000; } code span { border-left: 1px solid var(--header-text-color); } .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-body a { color: $(posts.link.color); } #sidebar a { color: $(sidebar.link.color); } .post-content a:hover { background: linear-gradient(90deg,#ff8a00,$(body.link.color)); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; text-shadow: none; text-decoration: underline; text-decoration-color: #ccc; } /* HEADER */ #header { text-align: center; } #header img { max-width: 100%; } .navbar-dark .navbar-nav .nav-link { color: $(tabs.text.color) !important; opacity: 0.8; font: $(tabs.text.font); } .navbar-brand { font-family: $(blog.title.font); } .dropdown-submenu { position: relative; } #topMenu h3 { display: none; } .dropdown-submenu>a:after { content: "\f0da"; border: none; font-family: 'FontAwesome'; vertical-align: middle; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; padding-left: 0.5rem; margin-top: 0px; margin-left: 0px; } .modal-backdrop { z-index: 500; } @media (min-width: 991px) { .dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } } #header-wrapper { background-color: $(header.background.color); } #header h1, #header h2 { padding-bottom: 8px; font-family: $(blog.title.font); font-size: 3.75em; margin-bottom: -0.75rem; color: $(blog.title.color); overflow: hidden; background: linear-gradient(to right, var(--header-hover-text-color), var(--header-hover-text-color) 50%, $(blog.title.color) 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: 100%; transition: background-position 275ms ease; display: inline-block; } #header h1:hover, #header h2:hover { background-position: 0 100%; text-decoration: none; } #header h1 a:hover { text-decoration-color: var(--header-hover-text-color); } .site-description, #header p { font: $(blog.description.font); color: $(blog.description.color); opacity: 0.75; } #header-2 { margin-bottom: 3rem; } #first-post { display: none; } /* SLIDER */ #slider h3 { display: none; } #slider h5 { font-weight: 600; } #slider .widget-content { text-align: center; } #slider .carousel-caption { background-color: rgba(17, 17, 17, 0.5); padding: 1rem; } #slider .carousel-caption a { color: #fff; } #btemplates-posts-slider { border: 1px solid #eee; } #btemplates-posts-slider .carousel-item img { object-fit: cover; max-height: 550px; } /* MAIN */ #posts { background-color: $(posts.background.color); font: $(posts.text.font); color: $(posts.text.color); } #main, #posts, #sidebar { overflow: hidden; } .post-filter-message { margin-bottom: 3rem; text-align: center; font-size: 1.5rem; text-transform: uppercase; border-bottom: 1px solid #eee; } .message-container { } .message-container span { font-weight: 600; text-decoration: underline; text-decoration-color: $(body.link.color); } .post { margin-bottom: 3rem; } .post-title { position: relative; } .post-title a { color: $(posts.title.color); font: $(posts.title.font); } .post-title a:hover { text-decoration: none; } .post-title a:after { position: absolute; content: ''; background-color: var( --gray ); height: 1px; bottom: 0; left: 51%; right: 51%; transition-property: left, right; transition-duration: 0.25s; transition-timing-function: ease-out; } .post-title a:hover:after { left: 0; right: 0; } .post-timestamp a { font-size: 80%; color: #999; } .post-header-line-1 > div { display: inline-block; color: var(--gray); } .post-header-line-1 .post-labels { margin: 0 0.5rem; } .post-header-line-1 .post-labels a { margin-right: 0.25rem; } .post-header-line-1 .post-labels a { padding: 0.25rem; border: 1px solid var(--gray); color: var(--gray); transition-property: color, border-color; transition-duration: 0.2s; transition-timing-function: ease; } .post-header-line-1 .post-labels a:hover { color: var(--dark); border-color: var(--dark); text-decoration: none; } .post-header-line-1 .post-author a { color: var(--gray); } .post-thumbnail { position: relative; margin-bottom: 1rem; min-height: 3rem; } .post-thumbnail .post-author { position: absolute; right: 0; bottom: 0; background-color: #fff; padding: 0.5rem; } .post-thumbnail .post-author a { color: #212529; } .post-thumbnail img, .post-thumbnail svg { width: 100%; height: auto; } .post-thumbnail .post-tags { position: absolute; left: 0.5rem; top: 0.75rem; } .post-thumbnail .post-tags a { padding: 0.25rem; margin-right: 0.25rem; background-color: var( --header-text-color ); color: var(--light); font-size: 80%; font-weight: bold; transition: background-color 0.5s ease-out; } .post-thumbnail .post-tags a:hover { background-color: var(--dark); text-decoration: none; } .post-author span { font-family: $(blog.title.font); } .post-body { line-height: 1.7; } .post-body p:first-child:first-letter, blockquote p:first-child:first-letter { color: #999; float: left; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: $(blog.title.font); } .post-body ol { counter-reset: numero; list-style: none; padding: 0; } .post-body ol li:before { color: var(--gray); counter-increment: numero; content: counter(numero) ". "; } .post-body ul { list-style: none; padding: 0; } .post-body ul li:before { content: "\f105"; font-family: FontAwesome; color: var(--gray); padding-right: 0.5rem; } .post-body img { max-width: 100%; height: auto; } .post .posts-list-tag { } .post .posts-list-tag li { list-style: none; border-bottom: 1px solid #efefef; line-height: 3; transition: background-color 0.5s; } .post .posts-list-tag li:before { content: '' !important; padding: 0; } .post .posts-list-tag li:hover { background-color: #eee; } .post .posts-list-tag li a { text-decoration: none; display: block; transition: color 0.5s; } .post-body table { border-color:#CDCDCD; border-style:solid; border-width:1px 0; width:100%; text-align:center; } .post-body table td, .post-body table th { border-bottom:1px solid #EFEFEF; padding:5px 15px 5px 0; } .post-body tr:nth-child(2n) { background-color: var(--light); } .post-footer { border-width: 1px 0; border-color: #eee; border-style: solid; padding: 0.5rem; text-align: center; } .post-footer a { color: $(posts.icons.color); } .post-footer a:hover { color: var(--dark); } .post-footer > div::after { content: ''; position: absolute; left: 0; width: 100%; height: 100%; background-color: transparent; transform: skew(-25deg); z-index: -1; } .read-more a { background-color: var(--gray); color: var(--light); padding: 0.5rem 1rem; transition: background-color 0.5s ease; } .read-more a i { transition: transform 0.25s ease-out; } .read-more a:hover { background-color: var(--dark); text-decoration: none; color: var(--light); } .read-more a:hover i { transform: translateX(4px); } .post-share a { margin: 0 0.2rem; } .post-share a i { transition: transform 0.25s ease-in-out; } .post-share a:hover i { transform: rotate(-15deg); } .author-profile { padding: 1.5rem 0 3rem; } .author-image { float: left; margin-right: 1rem; } .author-image img, .author-image svg { width: 150px; height: 150px; } .author-name { font-family: $(blog.title.font); font-size: 2rem; } .author-name a { color: var(--dark); } .author-desc { color: #666; font-size: 0.9rem; } .blog-pager { padding: 0; clear: both; } #post-navigation { padding: 0; margin: 0 0 3rem 0; } #post-navigation a { color: var(--gray) !important; font-size: 0.8rem; } .nav-post-thumb img, .nav-post-thumb svg { width: 125px; height: 75px; object-fit: cover; } .nav-post-info { height: 75px; padding: 0 0.5rem; } #next-post .nav-post-thumb { float: left; } #previous-post .nav-post-thumb { float: right; } #related-posts { overflow: hidden; margin-bottom: 2rem; } #related-posts h5 { position: relative; font-size: 0.8rem; } #related-posts h5:after { background-color: var(--gray); position: absolute; content: ''; height: 1px; width: 100%; top: 50%; transform: translateY(-50%); margin-left: 10px; } .related-post-thumb { width: 100%; height: 140px; overflow: hidden; float: none; } .related-post-thumb img, .related-post-thumb svg { width: 100%; height: 100%; object-fit: cover; transition: all 1.5s cubic-bezier(0, 0, .3, 1); } .related-post-info { text-align: center; font-size: 0.8rem; color: var(--gray); } .related-post-title { font-size: 0.9rem; text-align: center; } .related-post-title a { color: var(--dark); } #comments { margin-bottom: 2rem; } #comments h3, .comment-form h4 { margin-bottom: 1rem; border-bottom: 1px solid var(--gray); padding-bottom: 1rem; } ol#top-ra, ol.thread-chrome { margin: 0; padding: 0; list-style: none; } .comment { margin-bottom: 1rem; } .comment-block { min-height: 110px; position: relative; margin-bottom: 0.5rem; } .comment a.comment-reply { position: absolute; right: 0; bottom: -20px; padding: 0.1rem; font-size: 0.8rem; color: var(--gray); } .comment a.comment-reply:hover { color: $(body.link.color); text-decoration: none; border-color: $(body.link.color); } .comment-replies { margin-left: 20px; } .comment .avatar-image-container { width: 100px; height:100px; float: left; margin-right: 1rem; } .thread-count, #comments .loadmore, .comment-actions .item-control { display: none; } .comment-content, .comment-header { margin-left: 120px; } .comment-header cite { font-weight: bold; } .comment-header cite a { color: $(body.link.color); } .comment .datetime a { font-size: 0.8rem; color: var(--gray); } #comments span.blog-author { color: var(--gray); } #top-continue a { color: var(--gray); } .comment-body { } .blog-feeds { display: none; } /* SIDEBAR */ #sidebar { background-color: $(sidebar.background.color); } #sidebar .widget { margin-bottom: 2rem; } .bt-widget-description { color: var( --gray ); font-size: 85%; text-align: center; } #sidebar h3 { background-color: var( --dark ); color: $(widget.title.color); font: $(widget.title.font); padding: 0.5rem; text-align: center; } .search-form input[type="text"] { border-width: 0 0 1px; } .search-form input[type="text"]:focus { border-width: 0 0 1px; box-shadow: none; } .search-form button { border-width: 0 0 1px; border-color: #ced4da; } .search-form button i { transition: transform 0.5s ease; } .search-form:hover button i { transform: rotate(90deg); } .search-form button:hover { background-color: transparent; border-color: #ced4da; color: inherit; } .search-form button:focus { box-shadow: none; } .search-form button:active { box-shadow: none !important; background-color: transparent !important; color: var(--header-hover-text-color) !important; border-color: #ced4da !important; } .Label ul:not(.btemplates-tags) { list-style: none !important; padding: 0 !important; } .Label ul:not(.btemplates-tags) li:before { content: '\f292'; font-family: FontAwesome; padding-right: 0.5rem; color: $(sidebar.link.color); } ul.btemplates-tags { padding: 0 !important; list-style: none !important; font-size: 80%; } ul.btemplates-tags li:before { content: ''; } ul.btemplates-tags li a { text-align: center; display: block; padding: 2rem; background-color: #999; margin-bottom: 0.5rem; object-fit: cover; background-repeat: no-repeat; background-size: cover; cursor: pointer; position: relative; z-index: 0; font-size: 1rem; } ul.btemplates-tags li a:after { position: absolute; content: ''; background-color: #fff; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.3; z-index: 1; transition: opacity 0.5s ease; } ul.btemplates-tags li a:hover:after { opacity: 0; } ul.btemplates-tags li a:hover { text-decoration: none; } ul.btemplates-tags li a span { background-color: #fff; padding: 0.5rem; color: #000; opacity: 0.80; transition-property: color, background-color; transition-timing-function: ease-in; transition-duration: 0.2s; z-index: 3; position: relative; } ul.btemplates-tags li a:hover span { background-color: var( --header-text-color ); color: #fff; text-decoration: none; } .PopularPosts { padding: 0; font-size: 80%; } .PopularPosts a { margin-bottom: 0.5rem; border-bottom: 1px solid #eee; padding: 0.1rem 0.1rem 0.5rem; display: block; transition: background-color 0.5s ease; } .PopularPosts a:hover .popular-thumbnail { transform: rotate(-2deg); } .PopularPosts a .popular-post-description { transition: color 0.5s ease; } .PopularPosts a:hover .popular-post-description { color: var(--dark) !important; } .PopularPosts a:hover { text-decoration: none; background-color: var(--terceary-background-color); } .popular-thumbnail { float: left; width: 65px; margin-right: 0.25rem; transition: transform 0.5s; } .PopularPosts .info { min-height: 65px; } .popular-thumbnail img { width: 65px; height: 65px; object-fit: cover; } .popular-post-title { font-weight: 600; } .popular-post-description { color: var( --gray ) } .Profile .widget-content { text-align: center; } img.profile-img { width: 125px !important; height: 125px; margin: 0 auto 0.5rem; transition: transform 0.5s ease; } img.profile-img:hover { transform: rotate(-5deg); } .profile-data a.profile-link { font-size: 1.5rem; font-weight: bold; font-family: $(blog.title.font); color: var(--dark) !important; } .profile-info > a.profile-link { font-size: 0.9rem; } .profile-textblock { font-size: 0.85rem; } .Profile ul { text-align: left; } .Profile li a { padding: 0 0.5em 0 0.3em; } .Profile li:before { content: '\f2bd'; font-family: fontAwesome; } .Profile li { list-style: none; } .lt-comment { margin-bottom: 0.5rem; min-height: 51px; display: block; } .lt-comment-avatar { width: 50px; height: 50px; float: left; transition: transform 0.5s ease; } .lt-comment:hover .lt-comment-avatar { transform: rotate(-15deg); } .lt-comment-content { background: #ccc; position: relative; padding: 0.5rem; margin: 0 0 0 65px; font-size: 75%; } .lt-comment-content:after { content: ''; position: absolute; display: block; top: 30%; right: 100%; margin-top: -10px; width: 0; height: 0; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #ccc; } .lt-comment-author { font-family: $(blog.title.font); font-weight: bold; } .cloud-label-widget-content a { background-color: var(--terceary-background-color); color: var(--dark) !important; margin: 0.1rem; padding: 0.3rem; display: inline-block; font-weight: lighter; transition: transform 0.5s ease-out; } .cloud-label-widget-content a:hover { transform: rotate(-2deg); } /* FOOTER */ #footer { padding: 1.5rem 0; } #footer a { color: var(--footer-text-color); } #footer .widget { margin-bottom: 2rem; } #footer h3 { font-size: 1.5rem; border-bottom: 1px dotted #fff; padding: 0 0 0.5rem; margin: 0 0 0.5rem; } #footer ul, #sidebar ul { padding: 0 0 0 1rem; list-style: square; } #footer .popular-post-description { color: var(--light); } #footer .search-form input[type="text"] { background-color: var(--dark); } #footer .lt-comment a, #footer .lt-comment { color: var(--dark); } #footer .lt-comment-content:after { border-right-color: var(--terceary-background-color); } #footer .lt-comment-content { background-color: var(--terceary-background-color); } #bottom { background-color: #111; color: var(--light); padding: 0.5rem 0; font-size: 0.9rem; } #bottom a { color: #cfa2fb; } #bottom p { margin-bottom: 0; } #bottom .heart { color: transparent; transition: color 0.5s ease-in; } #bottom p:hover .heart { color: darkred; } .social ul { padding: 0 !important; } .social a { display: inline-block; } .social .fa { background-color: var(--gray); color: #fff; font-size: 1.75rem; width: 2.5rem; height: 2.5rem; vertical-align: middle; margin: 0 0.1rem 0.1rem 0; float: left; transition: background-color 0.1s ease-in; } .social .fa.hover { } .social .fa.fa-500px:hover { background-color: #0099e5; } .social .fa.fa-adn:hover { background-color: #4a484c; } .social .fa.fa-amazon:hover { background-color: #ff9900; } .social .fa.fa-android:hover { background-color: #a4c639; } .social .fa.fa-angellist:hover { background-color: #000; } .social .fa.fa-apple:hover { background-color: #979797; } .social .fa.fa-behance:hover { background-color: #1769ff; } .social .fa.fa-behance-square:hover { background-color: #1769ff; } .social .fa.fa-bitbucket:hover { background-color: #205081; } .social .fa.fa-bitbucket-square:hover { background-color: #205081; } .social .fa.fa-bitcoin:hover { background-color: #ee9209; } .social .fa.fa-black-tie:hover { background-color: #222; } .social .fa.fa-btc:hover { background-color: #ee9209; } .social .fa.fa-buysellads:hover { background-color: #c90100; } .social .fa.fa-cc-amex:hover { background-color: #007bc1; } .social .fa.fa-cc-diners-club:hover { background-color: #004a97; } .social .fa.fa-cc-discover:hover { background-color: #f68121; } .social .fa.fa-cc-jcb:hover { background-color: #003a8f; } .social .fa.fa-cc-mastercard:hover { background-color: #0a3a82; } .social .fa.fa-cc-paypal:hover { background-color: #253b80; } .social .fa.fa-cc-stripe:hover { background-color: #00afe1; } .social .fa.fa-cc-visa:hover { background-color: #0157a2; } .social .fa.fa-chrome:hover { background-color: #4587f3; } .social .fa.fa-codepen:hover { background-color: #000; } .social .fa.fa-connectdevelop:hover { background-color: #391448; } .social .fa.fa-contao:hover { background-color: #eb8623; } .social .fa.fa-creative-commons:hover { background-color: #231f20; } .social .fa.fa-css3:hover { background-color: #1680c0; } .social .fa.fa-dashcube:hover { background-color: #7f7f7f; } .social .fa.fa-delicious:hover { background-color: #3399ff; } .social .fa.fa-deviantart:hover { background-color: #4e6252; } .social .fa.fa-digg:hover { background-color: #000; } .social .fa.fa-dribbble:hover { background-color: #444444; } .social .fa.fa-dropbox:hover { background-color: #007ee5; } .social .fa.fa-drupal:hover { background-color: #0077c0; } .social .fa.fa-empire:hover { background-color: #000; } .social .fa.fa-expeditedssl:hover { background-color: #343433; } .social .fa.fa-facebook:hover { background-color: #3b5998; } .social .fa.fa-etsy:hover { background-color: #F45700; } .social .fa.fa-facebook-official:hover { background-color: #3b5998; } .social .fa.fa-facebook-square:hover { background-color: #3b5998; } .social .fa.fa-firefox:hover { background-color: #e66000; } .social .fa.fa-flickr:hover { background-color: #ff0084; } .social .fa.fa-fonticons:hover { background-color: #1c1e29; } .social .fa.fa-forumbee:hover { background-color: #83ad13; } .social .fa.fa-foursquare:hover { background-color: #0072b1; } .social .fa.fa-ge:hover { background-color: #000; } .social .fa.fa-get-pocket:hover { background-color: #d3505a; } .social .fa.fa-gg:hover { background-color: #000; } .social .fa.fa-gg-circle:hover { background-color: #000; } .social .fa.fa-git:hover { background-color: #333; } .social .fa.fa-git-square:hover { background-color: #333; } .social .fa.fa-github:hover { background-color: #333; } .social .fa.fa-github-alt:hover { background-color: #333; } .social .fa.fa-github-square:hover { background-color: #333; } .social .fa.fa-gittip:hover { background-color: #663300; } .social .fa.fa-google:hover { background-color: #4285f4; } .social .fa.fa-google-plus:hover { background-color: #dd4b39; } .social .fa.fa-google-plus-square:hover { background-color: #dd4b39; } .social .fa.fa-google-wallet:hover { background-color: #4285f4; } .social .fa.fa-hacker-news:hover { background-color: #ff6600; } .social .fa.fa-houzz:hover { background-color: #7ac142; } .social .fa.fa-html5:hover { background-color: #e34f26; } .social .fa.fa-instagram:hover { background-color: #3f729b; } .social .fa.fa-internet-explorer:hover { background-color: #1ebbee; } .social .fa.fa-ioxhost:hover { background-color: #faa729; } .social .fa.fa-joomla:hover { background-color: #142849; } .social .fa.fa-jsfiddle:hover { background-color: #4679bd; } .social .fa.fa-lastfm:hover { background-color: #c3000d; } .social .fa.fa-lastfm-square:hover { background-color: #c3000d; } .social .fa.fa-leanpub:hover { background-color: #0c0c0c; } .social .fa.fa-linkedin:hover { background-color: #0976b4; } .social .fa.fa-linkedin-square:hover { background-color: #0976b4; } .social .fa.fa-linux:hover { background-color: #333333; } .social .fa.fa-maxcdn:hover { background-color: #ff6600; } .social .fa.fa-meanpath:hover { background-color: #538ed7; } .social .fa.fa-medium:hover { background-color: #000; } .social .fa.fa-odnoklassniki:hover { background-color: #ed812b; } .social .fa.fa-odnoklassniki-square:hover { background-color: #ed812b; } .social .fa.fa-opencart:hover { background-color: #2ac2ef; } .social .fa.fa-openid:hover { background-color: #f78c40; } .social .fa.fa-opera:hover { background-color: #cc0f16; } .social .fa.fa-optin-monster:hover { background-color: #83c11f; } .social .fa.fa-pagelines:hover { background-color: #000; } .social .fa.fa-paypal:hover { background-color: #253b80; } .social .fa.fa-pied-piper:hover { background-color: #2f9f46; } .social .fa.fa-pied-piper-alt:hover { background-color: #2f9f46; } .social .fa.fa-pied-piper-square:hover { background-color: #2f9f46; } .social .fa.fa-pinterest:hover { background-color: #cc2127; } .social .fa.fa-pinterest-p:hover { background-color: #cc2127; } .social .fa.fa-pinterest-square:hover { background-color: #cc2127; } .social .fa.fa-qq:hover { background-color: #000; } .social .fa.fa-ra:hover { background-color: #000; } .social .fa.fa-rebel:hover { background-color: #000; } .social .fa.fa-reddit:hover { background-color: #ff4500; } .social .fa.fa-reddit-square:hover { background-color: #ff4500; } .social .fa.fa-renren:hover { background-color: #005eac; } .social .fa.fa-safari:hover { background-color: #1b88ca; } .social .fa.fa-sellsy:hover { background-color: #1f78b9; } .social .fa.fa-share-alt:hover { background-color: #01bf01; } .social .fa.fa-share-alt-square:hover { background-color: #01bf01; } .social .fa.fa-shirtsinbulk:hover { background-color: #dd3a26; } .social .fa.fa-simplybuilt:hover { background-color: #000; } .social .fa.fa-skyatlas:hover { background-color: #00adbb; } .social .fa.fa-skype:hover { background-color: #00aff0; } .social .fa.fa-slack:hover { background-color: #0f7965; } .social .fa.fa-slideshare:hover { background-color: #e98325; } .social .fa.fa-soundcloud:hover { background-color: #f80; } .social .fa.fa-spotify:hover { background-color: #7ab800; } .social .fa.fa-stack-exchange:hover { background-color: #000; } .social .fa.fa-stack-overflow:hover { background-color: #fe7a15; } .social .fa.fa-steam:hover { background-color: #0b0b0b; } .social .fa.fa-steam-square:hover { background-color: #0b0b0b; } .social .fa.fa-stumbleupon:hover { background-color: #eb4924; } .social .fa.fa-stumbleupon-circle:hover { background-color: #eb4924; } .social .fa.fa-tencent-weibo:hover { background-color: #74af2c; } .social .fa.fa-trello:hover { background-color: #256a92; } .social .fa.fa-tripadvisor:hover { background-color: #589442; } .social .fa.fa-tumblr:hover { background-color: #35465c; } .social .fa.fa-tumblr-square:hover { background-color: #35465c; } .social .fa.fa-twitch:hover { background-color: #6441a5; } .social .fa.fa-twitter:hover { background-color: #55acee; } .social .fa.fa-twitter-square:hover { background-color: #55acee; } .social .fa.fa-viacoin:hover { background-color: #333; } .social .fa.fa-vimeo:hover { background-color: #1ab7ea; } .social .fa.fa-vimeo-square:hover { background-color: #1ab7ea; } .social .fa.fa-vine:hover { background-color: #00b488; } .social .fa.fa-vk:hover { background-color: #45668e; } .social .fa.fa-wechat:hover { background-color: #93d034; } .social .fa.fa-weibo:hover { background-color: #e71d34; } .social .fa.fa-weixin:hover { background-color: #93d034; } .social .fa.fa-wikipedia-w:hover { background-color: #000; } .social .fa.fa-windows:hover { background-color: #00bcf2; } .social .fa.fa-wordpress:hover { background-color: #21759b; } .social .fa.fa-xing:hover { background-color: #026466; } .social .fa.fa-xing-square:hover { background-color: #026466; } .social .fa.fa-y-combinator:hover { background-color: #f0652f; } .social .fa.fa-yc:hover { background-color: #f0652f; } .social .fa.fa-yahoo:hover { background-color: #400191; } .social .fa.fa-yelp:hover { background-color: #af0606; } .social .fa.fa-youtube:hover { background-color: #e52d27; } .social .fa.fa-youtube-play:hover { background-color: #e52d27; } .social .fa.fa-youtube-square:hover { background-color: #e52d27; } #footer-menu h3 { 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; } #back-top { position: fixed; right: 20px; bottom: 20px; z-index: 1041; width: 40px; height: 40px; text-indent: 0; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; color: #111; font-size: 32px; line-height: 26px; padding: 4px 0 0; text-align: center; display: none; border:1px solid #111; background-color: #fff; } #back-top .fa { transition: translateY 0.3s linear; } #back-top:hover .fa { transform: translateY(-4px); } #btemplates-error-404 { overflow: hidden; text-align: center; } #btemplates-error-404 h3 { font-size: 2.5rem; } #btemplates-error-404 .widget { margin-bottom: 3rem; } #btemplates-error-404 img { max-width: 100%; height: auto; } #blog-pager { margin-bottom: 2rem; display: inline-block; } .post #blog-pager { margin: 0 !important; display: inherit; } #blog-pager a { color: $(body.link.color); } .blog-pager-newer-link {float: left;} .blog-pager-older-link {float: right;} #blog-pager {text-align: center; } .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; } .post .home-link, .post .blog-pager-older-link, .post .blog-pager-newer-link { display: none; } #this-year { font-style: normal; } #settings {display: none;} .introjs-tooltiptext a{ color: #007bff; } .introjs-donebutton { color: green !important; font-weight: bold !important; background-color: #fff !important; background-image: none !important; } /* MOBILE FIRST */ @media (min-width: 576px) { .post-footer > div::after { border-right: 1px solid #eee; } .comment-replies { margin-left: 120px; } } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } ]]>