<data:blog.title/> <data:blog.pageName/> | <data:blog.title/> Archive for <data:blog.pageName/> <data:blog.pageName/> <data:blog.title/> - <data:blog.pageName/> Page Not Found <data:blog.pageTitle/> - All Post Search Query For : <data:blog.searchQuery/> | <data:blog.title/> */ /* ------------ RESET -------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { 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; } body .navbar, .icon-action, .widget-item-control, .feed-links, #skiplinks, #Attribution1 { display: none!important } *, .header-wrapper .description, .section, .widget, .widget .post-body ul, .widget ul, .crosscol .PageList li, .Header h1, .footer .PageList li, .widget li, .BlogArchive #ArchiveList ul.flat li { margin: 0; padding: 0; outline: none } /* ------------ Body Framework-------------*/ body { font: $(post.font.type); color:$(post.font.color); letter-spacing: 0em; background: $(body.background); padding: 0; } a:link { text-decoration: none; color: $(link.color); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } a:visited { text-decoration: none; color: $(link.visited.color); } a:hover { text-decoration: none; color: $(link.hover.color); } strong,b { font-weight:bold; } cite,em,i { font-style:italic; } a img { border:none; } abbr, acronym { border-bottom:1px dotted; cursor:help; } sup, sub { vertical-align:baseline; position:relative; top:-.3em; font-size:86%; } sub { top:.3em; } 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; } pre, code { font-family:"Courier New",Courier,Monospace; color:#726A5C; } pre { white-space:pre; word-wrap:normal; overflow:auto; } /* ------------------- main-wrapper -------------------- */ #main-wrapper { margin: 0 auto; padding: 20px 0 0; text-align: left; } #main-wrapper-bg { width: 100%; background:transparent; float: left; } #content-wrapper { overflow: hidden; background:transparent; margin-bottom: 0; padding: 35px 20px 0px 0px; } #sidebar-right-wrapper { float: right; text-align: left; padding-top: 36px; } #main, #nivo-outer { padding: 0 20px 20px 0; } #nivo-outer h2 { display: none; } /* ------------------- Top Nav ------------------------*/ #topnav-wrapper { text-align: center; width: 100%; height: 50px; position: relative; padding-top: 15px; } #topnav-inner { position: relative; height: 50px; margin: 0 auto; } #top-social h2 { display: none; } #top-social{ float:left; width:45%; } .social-box-top { width: 270px; height: 40px; padding-top: 9px; text-align: left; } .share-box, .social-box-top, .social-box { text-decoration: none !important; outline: none !important; } .social-item-top { display: inline-block; margin-right: 5px; padding: 5px 7px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; border: 1px solid transparent; } .social-item-top:hover { border: 1px solid $(search.color); } .social-icon-top { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); display: inline-block; width: 19px; height: 19px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .social-item-top:hover .social-icon-top { opacity: 1; } /* ---------------------- Featured Item --------------------------*/ #featured-wrapper { max-width: 100%; text-align: center; line-height: 0; margin-bottom: 40px; } #featured-wrapper-title{ max-width: 100%; font: $(widgettitle.font.type); letter-spacing: 0.02em; color:$(widgettitle.font.color) !important; background-color:$(widgettitle.bg.color); margin: 10px; padding: 5px 0px 5px 1%; text-align: center; } #featured-wrapper h2{ position: absolute; z-index: 888; color: #FFF; background: #000; display: block; height: 20px; margin: auto; padding: 10px; top: 0; bottom: 0; left: 0; right: 0; width: 80%; line-height: 1.4; opacity: 0; -webkit-transition: all 0.7s ease 0 s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #featured-wrapper .Image { display:inline-block; width:32%; height:auto; margin: 0px 1% 0px 0px; line-height: 0; } #featured-wrapper .Image:hover h2 { opacity:1; -webkit-transform: translate3d(0, 50px, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, -95%, 0); } #featured-wrapper .Image:last-child { margin:0; } #featured-wrapper .Image a { display: block; max-width:100%; height:auto; } #featured-wrapper .Image a img { max-width:100%; height:auto; margin-top: -1px; } /* ---------------------- Search Nav --------------------------*/ .searchbox { width: 100%; position: relative; z-index: 1; float: right; padding-top: 0; margin-right:0; margin-left:0; margin-bottom: 30px; } #search { text-align: center; float: right; position: relative; width: 100%; } #search input[type="text"] { height: 32px; background-color:transparent; color: $(search.color); font: $(search.font); width: 92%; padding: 0 3%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.7s ease 0 s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; border: 1px solid $(search.color); } #search input[type="text"]:focus { background-color:transparent; color:$(search.hovercolor) !important; text-shadow: none !important; outline: none; border: 1px solid $(search.hovercolor); } #search input#searchbox-button { background-color:$(search.color); height: 24px; width: 24px; position: absolute; top: 5px; right: 7px; z-index: 99; background-image: url('https://lh3.googleusercontent.com/-h8r8vJfd7J8/VUt2As6RPaI/AAAAAAAACbU/gbcVPD4tehU/s2048/Search-2.png'); background-repeat: no-repeat; background-position: center; background-size: 12px auto; border: none; float: right; cursor: pointer; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } #search input#searchbox-button:hover { background-color: $(search.hovercolor); } /* ------------------------- Main Nav ------------------------------*/ .activin { color: $(mainnav.font.hovercolor) !important; } #mainnav-wrapper.off-canvas { top:-90px !important; } #mainnav-wrapper.fixed { top:0 !important; position:fixed !important; background:$(body.background.color); } #mainnav-wrapper { border-top: 10px solid $(mainnav.border); border-bottom: 1px solid #ABABAB; font: $(mainnav.font); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0; text-align: center; width: 100%; position: relative; left: 0; top: 0; z-index:888; } #mainnav-inner { margin: 0px auto; text-align: center; padding:7px 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #mainnav-inner.fixed1 { padding: 7px 0 7px; !important; } #mainnav-inner h2 { display: none !important; } #mainnav-inner .nav { text-align: center; display: inline; margin: 0 auto; list-style: none; } #mainnav-inner li { position: relative; display: inline-block; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainnav-inner ul li a { color:$(mainnav.font.color); z-index: 888; min-width: 120px; display: inline-block; margin-right: -4px; position: relative; padding: 1.3em 1.3em; } #mainnav-inner ul li a:after { content:""; position:absolute; right:0; top:0; width:1px; height:100%; } #mainnav-inner ul li:hover a { color:$(mainnav.font.hovercolor); } #mainnav-inner ul li ul { z-index: 888; padding-top: 2em; padding-bottom: 2em; position: absolute; top: 3.8em; margin-top: -2em; left: 0; min-width: 160px; padding-right: 2em; } #mainnav-inner ul li:hover ul { border-bottom: 0px !important; } #mainnav-inner ul li ul.fallback { display: none; } #mainnav-inner ul li:hover ul.fallback { display: block; } #mainnav-inner ul li ul li { background-position: 3em center; background-repeat: no-repeat; background-size: 8px 8px; background-color:$(mainnav.border); display: block; border-right:1px solid $(mainnav.border); border-left:1px solid $(mainnav.border); border-top:0px solid $(mainnav.border); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #mainnav-inner ul li ul li:after { position: absolute; bottom: 0; left: 0; height: 0; width: 100%; background-color:$(mainnav.border); display: block; content: ''; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #mainnav-inner ul li ul li:hover:after { height: 0px; } #mainnav-inner ul li ul li:last-child { border-bottom:2px solid $(mainnav.border); background-position: 3em 1.45em; padding-bottom:1em; } #mainnav-inner ul li ul li:last-child:hover { background-position: 2.7em 1.3em; } #mainnav-inner ul li ul li:hover { background-size: 14px 14px; background-position: 2.7em center; } #mainnav-inner ul li ul li a { color:$(mainnav.font.childcolor) !important; text-transform: Capitalize; letter-spacing: 0; padding: 1em 1em 1em 2em; text-align: left; } #mainnav-inner ul li ul li a:after { content:""; width:0; height:100%; position:absolute; right:0; top:0; background-color:$(mainnav.font.hovercolor); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #mainnav-inner ul li ul li:hover a { color:$(mainnav.font.hovercolor) !important; } #mainnav-inner ul li ul li:hover a:after { width:8px; } .mainnav-wrapper-fixed { position:fixed !important; top:0 !important; background-color:$(body.background) !important; } .selectnav { display: none; } /* -------------------------- Header ------------------------------*/ #header-wrapper { width: 100%; background-color:$(outerheader.background.color); margin: 0 auto; padding: 0; background-image:none; background-position: center -30px; background-repeat:no-repeat; border-bottom: 1px solid #ABABAB; } #header-inner { position: relative; width: 100%; max-width: 100% !important; height:220px; background-position: center center !important; background-repeat:no-repeat; overflow:hidden; } .titlewrapper .title, .titlewrapper .title a { font: $(header.font.type); letter-spacing:0.02em; text-align: center !important; vertical-align: middle; height: 160px; line-height: 200px; color:$(header.font.color) !important; } .titlewrapper .title a:hover { color:$(header.font.hovercolor)!important; } .titlewrapper h3.title { line-height: 170px; } #header-inner a img { display: block; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; max-width: 100%; height: auto !important; } .descriptionwrapper{ font: $(description.font.type); color: $(description.font.color); letter-spacing: 0.06em; text-align:center; margin:-20px auto 0; } /* ----------------- Post-Main-Header --------------------- */ .post-main-header { position: relative; text-align: center; background-image:none;; background-position:-50px; background-repeat:no-repeat; } .left-post-main-header { float:left; width:100px; height: 100px; margin-bottom: 10px; } .right-post-main-header { float: left; width: 70%; } .dateblock { font: $(postdate.font.type); text-transform: uppercase; letter-spacing: 0; padding: 0; width:75px; height:75px; margin: 0px 0 0.5em; background: $(postdate.bg.color); color:$(postdate.font.color); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position:relative; } .month { position: absolute; bottom: 20px; font-size: 100%; left: 0; right: 0; margin: auto; } .day { position: absolute; top: 15px; font-size: 250%; left: 0; right: 0; margin: auto; } .years { display:none; } .post-title { font: $(posttitle.font.type); letter-spacing:0; text-align: left; } h3.post-title, h3.post-title a { padding: 1em 1em 0.5em 0; color:$(posttitle.font.color); transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; } h1.post-title, h1.post-title a { padding: 1em 1em 0.5em 0; color: $(posttitle.font.color); transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; } h3.post-title a:hover { color:$(posttitle.font.hovercolor); } .index-post-subtitle { text-align: left; letter-spacing: 0; } .index-subtitle-separator { margin: 0px 0.3em; color: #ddd; } .post-labels { display:inline-block; font: $(post.font.type); color:$(post.font.color); padding:0; margin:0 text-align: left; font-size:90%; line-spacing:0; } .post-author { display:inline-block; font: $(post.font.type); color:$(post.font.color); text-align: left; margin: 0; font-size:90%; line-spacing:0; } /* -----------------Read More Button-------------------- */ .index-post-footer { font:$(postfooter.font.type); color:$(postfooter.font.color); margin: 20px 0 70px; overflow: hidden; } .rm-wrap { position: relative; text-align: center; margin: 22px 0 0; float:right; } .rmlink a { border: 1px solid $(postfooter.con.border); font:$(postfooter.font.type) !important; color:$(postfooter.font.color) !important; background-color:$(postfooter.con.bg); max-width: 240px; display: block; padding: 0.5em 2.1em 0.55em; margin: 0px auto !important; text-align: center; letter-spacing:0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .rmlink a:hover { color:$(link.color) !important; border: 1px solid $(link.color); } .rmlink { text-align: center; overflow: hidden; } /* ------------------- breadcrumbs ------------------------ */ .breadcrumbs { font: $(post.font.type); color:$(post.font.color); padding: 0; text-transform: none; margin: 13px 0 20px 0; letter-spacing: 0; font-size:90%; } .breadcrumbs span a:link, .breadcrumbs span a:visited { color:$(link.color); } .breadcrumbs span a:hover { color: $(link.hover.color); } .status-msg-wrap { margin: 30px auto !important; width: 100% !important; font-size: 100% !important; } /* ------------------- Posts-Body ------------------------ */ .post-body div:first-child:first-letter { float: left; font-size: 350% !important; font-weight: bold; margin: 0.2em 0.2em 0em 0em; height:.7em; line-height:.85em; } .post { margin: 0; padding-bottom: 0; } .jump-link { display:none !important; } /* For item page*/ .post-item { letter-spacing: 0em; font: $(post.font.type); color:$(post.font.color); line-height:23px; overflow:hidden; } .post-item .separator a { display: block; } /* For Homepage*/ .post-home { text-align: center; } .home-post-sum { text-align: justify; letter-spacing: 0.00em; font: $(post.font.type); color:$(post.font.color); line-height:23px; } .home-img-wrap { padding:10px 0; display:block; opacity:1; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; text-align:center; } .home-img-wrap:hover { opacity:1; } .post-body { position: relative; } .post-item h2 { font-size: 160%; font-weight: bold; } .post-item h3 { font-size: 130%; font-weight: bold; } .post-item h4 { font-size: 105%; font-weight: bold; } .post-body a { max-width: 100% !important; height: auto !important; } .post-body img { max-width: 100%; height: auto; } .post-body ul { list-style: square outside !important; padding: 10px 10px 10px 40px !important; line-height:24px !important; } .post-body ol { list-style: decimal outside !important; padding: 10px 10px 10px 40px !important; line-height:24px !important; } div.pinit-wrapper { z-index:887 !important; height: 40px; width: 40px; margin: 10px 0 0 10px; } .post blockquote { margin: 20px; font-style:italic; background-color:#ECF1F2; background-image: url('https://lh6.googleusercontent.com/-ibrn0R958X4/VMMcWu6UvNI/AAAAAAAACF8/2XzobEQDX-g/s20/quote20.png'); background-repeat: no-repeat; background-position: 10px 10px; background-size: 20px 20px; padding: 30px 20px 20px 30px; border:1px dotted #31484C; line-height: 1.8em !important; overflow:auto; } /* ------------------- Posts-Signature ------------------------ */ #cus-post-sign { width:100%; height:auto; margin: 30px 0 30px; display:none; } #cus-post-sign h2 { display:none; } #cus-post-sign img { max-width:100%; height:auto; } /* ------------------- Share Button -------------------------- */ .index-share-box { margin-top: 20px; position: relative; float: left; width: 40%; } .index-share_judul { float:left; margin: auto; padding: 1em 0; margin-right: 10px; } .index-share-content { padding: 0.8em 0; } a.index-share-inner { transform:translate3d(0px, 0px, 0px); -webkit-backface-visibility:hidden; display: inline-block; margin-right:5px; width: 20px; height: 22px; padding: 0; -webkit-transition: all 0.7s ease 0 s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; background-repeat:no-repeat; background-position:center; background-size:80%; } .index-facebook { background-image:url("https://lh3.googleusercontent.com/-QkMTm25j5PM/VToBlseBEyI/AAAAAAAACVs/eHSYqgK37UM/s22/share-facebook.png"); position:relative; } .index-pinrest { background-image:url("https://lh3.googleusercontent.com/-Q3KdQV8QQAw/VToBmhBA0AI/AAAAAAAACV4/ouiiTrr1cQU/s22/share-pinrest.png"); } .index-twitter { background-image:url("https://lh3.googleusercontent.com/-4S61H24txx0/VToBmwM-BXI/AAAAAAAACWA/rM6e0aF2LuE/s22/share-twitter.png"); } .index-bloglovin { background-image:url("https://lh3.googleusercontent.com/-MrBNV5HXMJI/VaY_I0oixOI/AAAAAAAAAyI/S0qGWJPZJX4/s22-Ic42/share-linkedin3.png"); } .index-google { background-image:url("https://lh3.googleusercontent.com/-l3GQxI8H7DI/VToBljI2ZiI/AAAAAAAACVk/bGzIuzCSfMs/s22/share-google.png"); } /* -------------------- Sidebar ------------------------ */ #sidebar-right, #sidebar-left{ padding: 0 0 0 40px !important; } #sidebar-right h2 { font: $(widgettitle.font.type); color: $(widgettitle.font.color); background: $(widgettitle.bg.color); text-transform: none; letter-spacing:0; text-align: center; padding: 5px;; border-bottom:2px solid $(widgettitle.border.color); } #sidebar-right h2:before, #sidebar-left h2:before { content: ""; display: inline-block; position: absolute; border-top: 0px solid; width: 100%; top: 0; right: 0; left: 0; margin: auto; } #sidebar-right h2:after, #sidebar-left h2:after { content: ""; display: inline-block; position: absolute; border-bottom: 0; width: 100%; bottom: 0; right: 0; left: 0; margin: auto; } #sidebar-right div.widget-content, #sidebar-left div.widget-content { font:$(widgetcontent.font.type); color: $(widgetcontent.font.color); letter-spacing: 0.00em; margin: 0 auto; text-align: center; margin-bottom: 30px; margin-top: 20px; padding-left:0; padding-right:0; } #sidebar-right .Image div.widget-content img { width: 100%; max-width:100%; height:auto; margin: 0 auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* ---------------------------Author Profile---------------------------- */ #Image1 h2 { } #Image1 div.widget-content { position: relative; padding-left: 0; padding-right: 0; width: 90%; height: auto; overflow: hidden; margin: 20px auto 0; } #image1-wrap { width: 100%; height: auto; background: transparent; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius: 100%; margin:0; } .Image img#Image1_img { width: 100%; max-width:100%: height:auto; margin: 0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } img#Image1_img:hover { } #Image1 div.widget-content span.caption { display: none; } #sidebar-right #Text1 { } #sidebar-right #Text1 h2 { font-size: 105%; background: transparent; color: $(widgetcontent.font.color); border:none; display:none; } #Text1 h2:before, #Text1 h2:after { display: none; } #Text1 div.widget-content { text-align:center; padding: 0; letter-spacing: 0.01em; line-height: 1.4; margin-top: 15px; } /* ------------------ Social Media Follow 1 --------------------- */ #HTML2 .widget-content { margin-bottom:30px !important; } #HTML2 h2 { display: none; } .social-box { width: 100%; margin: -10px auto 0; background-image:none; background-size: 98%; background-position: -5px center; padding: 10px 0 7px; background-color:transparent; } .social-item { max-height: 65px !important; width: 18% !important; margin-right: -4px; display: inline-block; border: 0px solid #fff; height: auto; border-top-left-radius: 25px; border-top-right-radius: 25px; text-align: center; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .social-icon { margin: 4px; width: 30px; height: 30px; display: inline-block; border: 0px solid #ccc; border-radius: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .social-item:hover .social-icon { background: #fff; font-weight: bold; } .social-title { color: #8795A3; display: none; margin: 5px; letter-spacing: 0.01em; } /* --------------------------EMAIL------------------------------ */ #FollowByEmail1 .widget-content { margin-top:25px !important; } #FollowByEmail1 h2:before, #FollowByEmail1 h2:after { width: 0; } .FollowByEmail { width: 100%; padding: 0 0px 0 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 auto; } .FollowByEmail .follow-by-email-inner .follow-by-email-address { float: right; color: $(search.color); width: 92%; height: 30px; font:$(search.font) !important; border: none; background: transparent; padding: 0 0 0 7%; border: 1px solid $(search.color); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus { border: 1px solid #6198A7; } .FollowByEmail .follow-by-email-inner .follow-by-email-submit { float: right; width: 50px; margin-left: 3px; padding: 0; border: 0; color:$(search.font.color); background-color:$(search.color); font:$(search.font) !important; height: 32px; z-index: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .follow-by-email-inner .follow-by-email-submit:hover { background: $(search.hovercolor); color: $(search.font.color); } /* -------------------------- LABEL ---------------------------- */ #Label1 div.widget-content { margin-top: 1em; } #Label1 li span { font-weight: bold; } #Label1 li a, #Label1 li a:link, #Label1 li span { text-align: left; display: block; padding: 0.5em 10px; margin: 0 auto; background:transparent; -webkit-transition: all 0.7s ease 0 s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; color:$(link.color) !important; border-right:3px solid transparent; } #Label1 li a:hover { background-color:#ecf1f2; display: block; border-right:3px solid $(link.hover.color); color:$(link.hover.color) !important; } /* ------------------ Popular Post ------------------------ */ .PopularPosts h2 { margin-bottom: 20px; } .PopularPosts .widget-content { padding-right: 0 !important; padding-left: 0 !important; } .PopularPosts .item-title { padding-bottom: 0.5em !important; } .PopularPosts li { margin-bottom: -10px; } .PopularPosts .item-thumbnail { float: left; } .popular-posts ul li img { width: 60px; height: 60px; padding: 0; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; margin: 2px 3px 2px -2px; } .popular-posts ul li img:hover { -moz-transform: scale(1.05) rotate(25deg); -webkit-transform: scale(1.05) rotate(25deg); -o-transform: scale(1.05) rotate(25deg); -ms-transform: scale(1.05) rotate(25deg); transform: scale(1.05) rotate(25deg); } .popular-post-isi { position: relative; min-height: 60px; padding: 1.3em 1em 1.6em; background: transparent; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 75px; margin-bottom: 5px; text-align: left; } .popular-post-isi:after, .popular-post-isi:before { top: 100%; border: medium solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; } .popular-post-isi:before { border-right-color: #ddd; border-width: 10px; top: 20px; left: -21px; } .popular-post-isi:after { border-right-color:$(body.background.color); border-width: 9px; top: 21px; left: -18px; } .item-title a { color:$(link.color) !important; line-height: 1.1em; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .item-title a:hover { color:$(link.hover.color) !important; } .item-snippet { color:$(widgetcontent.font.type) !important; line-height: 1.3em; } /* ------------------------------ RECENT POST -------------------------------- */ #dte_recent-post { font-size: 100%; margin: 0 auto; padding: 0; min-height: 100px; text-align: left; background: url('https://lh5.googleusercontent.com/-NGlnX4sx4NY/VLIjfyNbyDI/AAAAAAAACCs/PftIirrYIgI/s16/loading.gif') no-repeat 50% 50%; background-color:$(body.background.color); } #dte_recent-post span.cm { display: none; } #dte_recent-post li:first-child { list-style: none; margin: 0; padding: 7px; border-top: 0; padding-bottom: 0 !important; padding-top:0 !important; } #dte_recent-post li:last-child { border-bottom: 1px solid #ddd; } #dte_recent-post li:first-child a img { float: none; width: 100% !important; height: auto !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #dte_recent-post li:first-child a.title { margin: 10px 5px 5px 5px; } #dte_recent-post li:first-child .isinya { margin: 0.5em 0px 0px; padding: 5px; } #dte_recent-post li:first-child .foot { margin: -1em 5px 0; padding-bottom: 2em; } #dte_recent-post li { list-style: none; margin: 0 5px; padding: 20px 0 10px 0 !important; background-color:$(body.background.color); border-top: 1px solid #ddd; } #dte_recent-post .isinya { margin: 0.5em 0 0 80px; font-size: 90%; min-height: 46px; line-height: 1.3em; } #dte_recent-post li a img { float: left; height: 70px !important; width: 70px !important; margin: 0.2em 10px 0 0; padding: 0; border: 0; background: none; outline: none; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #dte_recent-post li a.title { display: block; text-decoration: none; } #dte_recent-post li span.foot { clear: both; display: block; color:$(link.color); margin-top: 7px; font-size: 85% !important; } /* -------------------- Blog Archieve ------------------------- */ #BlogArchive1 div.widget-content { margin-left: 30px; } /* ------------------- Pinrest Board Styling ------------------------ */ #pinterest-gallery { overflow: hidden; margin: auto; width: 216px !important; list-style: none; } #pinterest-gallery li { float: left; width: 100px; height: 100px; background-size: cover; margin: 3px; padding: 0; border:0; position:relative; } .pinterest-link { display: block; height: 100%; } span.pinfil { background:#fff; width:100%; height:100%; display:block !important; opacity:0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } span.pintit { font-size: 11px !important; color: #FFF !important; position: absolute; z-index: 99999; bottom: 0; background: none repeat scroll 0% 0% #000; left: 0px; width: 90%; text-align: center; line-height: 1.5em; padding:5%; display:none; } /* Internet Explorer correction */ #pinterest-gallery li a { color: transparent; line-height: 1px; font-size: 0px; } /* ------------------- Share Button -------------------------- */ .share-box { margin-top: 20px; position: relative; border-top: 1px solid #CCC; } .share_judul { display: block; padding: 1em 0px; text-align: left; letter-spacing: 0.02em; margin: 30px auto 0px; text-transform: uppercase; font:$(widgetcontent.font.type); color:$(widgetcontent.font.color); } .share-content { text-align: left; } a.share-inner { text-transform: none !important; display: inline-block; padding: 1em 1.7em; -webkit-transition: all 0.7s ease 0 s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; color:#3b3b3b !important; margin-right: -4px; } .share_title { font:$(widgetcontent.font.type); color:$(widgetcontent.font.color); letter-spacing: 0; margin-top: 5px; font-size: 80%; text-align: center; -webkit-transition: all 0.7s ease 0 s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .share-content a.share-inner:hover { background: #F3F3F3; } .share-content a.share-inner:hover .share_title{ color:$(link.color) !important; } /* ---------------------- RELATED POST -------------------------- */ .related-post { font:$(widgetcontent.font.type); color:$(widgetcontent.font.color); color: #48464A; letter-spacing: 0em; margin: 2em auto 0px; } .related-post h4 { letter-spacing: 0; margin: 50px 0px 5px !important; text-transform: uppercase; } .related-post a { margin: 0 0 0.5em; display: inline-block; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .related-post a:hover { } .related-post-style-2, .related-post-style-2 li { margin: 0; padding: 0; list-style: none; } .related-post-style-2 li { padding: 1em 0; margin: 1.5em 1em !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: 70px; height: 70px; max-width: none; max-height: none; background-color: transparent; border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius: 500px; padding: 0; float: left; margin: 2px 16px 0 0; } .related-post-style-2 .related-post-item-summary { display: block; overflow: hidden; line-height: 1.2; letter-spacing: 0; } .related-post-item-more { display:none !important; } /* --------------------------- Blog Pager --------------------------- */ .blog-pager { padding: 5px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #ECF1F2; } .blog-pager a { background: $(postdate.bg.color); color:$(postdate.font.color) !important; opacity:0.7; } .blog-pager a:hover { color:$(link.color) !important; } .blog-pager-newer-link, .blog-pager-older-link, .home-link { padding: 5px 5px 5px 5px; display: block; width: 100px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* ---------------------------------- COMMENT SECTION --------------------------------- */ #comments h6, div#comments.comments h6 { background-color:#ecf1f2; padding: 1em; font: $(comment.font.type); color: $(comment.font.color); text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 3.5em 0 2em 0; } h5#comment-post-message { display: none; } .comments { font: $(comment.font.type); color: $(comment.font.color); } .comments .comments-content { text-align: left; } #comments-block { margin: 1em 0 1.5em; line-height: 1.6em; } #comments-block .comment-author { margin: .5em 0; } #comments-block .comment-body { margin: .25em 0 0; } #comments-block .comment-footer { margin: -.25em 0 2em; line-height: 1.4em; letter-spacing:0; } #comments-block .comment-body p { margin: 0 0 .75em; } .deleted-comment { font-style: italic; color: gray; } .comments .comments-content .comment, .comments .comments-content .comment:first-child, .comments .comments-content .comment:last-child { padding: 0; margin: 0; position: relative; } .comments .comments-content .comment-replies { margin-left: 20px; margin-top: 5px; } .comments .comments-content .inline-thread li.comment div.comment-block, .comments .comments-content .inline-thread li.comment div.comment-block:first-child, .comments .comments-content .inline-thread li.comment div.comment-block:last-child { padding: 5px; border: 1px solid $(comment.border.color); } .comments .comments-content .inline-thread { padding: 0; } .comments .comments-content .comment-thread.inline-thread ol { padding-top: 0px; } .comments .comments-content .comment-thread.inline-thread ol > div:first-child { border-left: 1px solid $(comment.border.color); padding: 10px; } .comments .comments-content .inline-thread li.comment div.comment-block::before { content: ""; position: absolute; width: 11px; height: 1px; background-color: $(comment.border.color); display: block; left: -12px; top: 12px; } .comments .comments-content .inline-thread li.comment div.comment-block:last-child { margin-bottom: 0; } .comments .comments-content .inline-thread li.comment div.comment-block:last-child::after { content: ""; height: 100%; width: 5px; display: block; background-color: $(comment.border.color); position: absolute; top: 13px; left: -13px; } .comments .thread-toggle.thread-expanded { position: relative; } .comments .thread-toggle.thread-expanded::after { /* hor line next to reply */ content: ""; display: block; width: 1px; height: 50px; position: absolute; background: $(comment.border.color); top: -25px; left: 0; } #comments h6#comment-post-message { border-bottom: 0; background-color: transparent; } .comment-form { max-width: 100%; } /* Blog Admin Icon */ .comments .comments-content .icon.blog-author { display: block; background-image: url('https://lh6.googleusercontent.com/-EJDx_t02CK4/VKstWHhW-rI/AAAAAAAAB4M/me7cxUjvEi8/s128/blog-admin-no-shadow-2.png'); background-position: center; -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35); display: block; position: absolute; right: 28px; top: -4px; width: 95px; height: 23px !important; overflow: hidden; } .comments .comments-content .inline-thread .icon.blog-author { top: -2px; right: 65px; } /* Avatar */ .comments .avatar-image-container { width: 48px; height: 48px; max-width: 48px; max-height: 48px; padding: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-right: 5px; margin-top: 27px; margin-left: 8px; position: relative; z-index: 2; top: 9px; left: 14px; } .comments .avatar-image-container img { max-width: 100%; height: 100%; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .comments .inline-thread .avatar-image-container { width: 40px; height: 40px; position: relative; top: -5px; left: 6px; } /* Reply Button */ .comment-actions { position: absolute; bottom: 20px; right: 110px; z-index: 2; } .comments .comment .comment-actions a { letter-spacing: 0em; background:#ffffff; font-size: 85%; color:#747474 !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0.4em 1.5em; border: 1px solid $(comment.border.color); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comments .comment .comment-actions a:hover { color:#44B0B6 !important; text-decoration: none; background-color: #ffffff; border: 1px solid #44B0B6; } .comments .comment .comment-actions a:active { top: 0; background-color: #2f5bb7; } .comments .continue a { font-size: 90%; font-weight: normal !important; background:#ffffff; color:#747474 !important; border: 1px solid $(comment.border.color); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0.4em 1.5em; text-align: center; width: 80px; margin-top: -20px; margin-bottom: 50px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comments .thread-count a { margin-top: -5px; border: 0px solid !important; } .comment-thread > div > a { margin: 0 auto !important; margin-top: 8px; width: 60% !important; padding: 0.7em !important; } /* Delete Icon */ .comments .comments-content .comment .inline-thread .comment-actions { position: absolute; right: 165px; bottom: 40px; } .comments .comment .comment-actions .item-control { position: absolute; left: 80px; top: 0; } /* Comment Header */ .comments .comments-content .comment-header { margin-top: 40px; margin-left: 83px; padding-bottom: 5px; border-bottom: 0px solid $(comment.border.color); margin-bottom: 10px; } .comments .comments-content .inline-thread .comment-header { margin-top: 20px; padding-bottom: 5px; margin-left: 60px; text-align: left; } /* Author and Date */ .comments .comments-content .user a:link, .comments .comments-content .user a:visited, .comments .comments-content .user { display: block; padding-left: 0; font: $(comment.font.type); color: $(comment.font.color) !important; letter-spacing: 0 !important; margin-bottom: 3px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comments .comments-content .datetime a:link, .comments .comments-content .datetime a:visited { color: $(comment.font.color) !important; font-size: 80% !important; display: inline-block; margin-left: -4px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .comments .comments-content .datetime a:hover, .comments .comments-content .user a:hover { color:#44B0B6 !important; } /* comment-content */ .comments .comments-content .comment-content { margin-left: 85px; text-align: left; line-height: 1.6em; margin-top: 18px; margin-bottom: 40px; margin-right: 50px; } .comments .comments-content .inline-thread .comment-content { margin-left: 59px; text-align: left; line-height: 1.6em; } /* comment-block */ .comments .comment-block { position: relative; margin-left: 0; min-height: 130px; border: 1px solid $(comment.border.color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #ffffff; margin: 0px 0px 25px 0px; } .comments .inline-thread .comment-block { border: 0px; margin-left: 0; padding: 0; border: 0; min-height: initial; background: #ffffff; } .comments .comments-content .comment:hover .comment-block { border: 1px solid $(comment.border.color); } /*---------------------------- EMOTICON SECTION ----------------------------------*/ #skyelf-comment-form { border: 1px solid #ECF1F2; background: #ECF1F2; border-radius: 7px; margin-bottom: 10px; } #skyelf-emoticon-wrapper { position: relative; background: #fff; border: 1px solid #ECF1F2; padding: 10px; line-height: 1.6em; color: $(comment.font.color); margin-top: 10px; font-size: 90%; border-radius: 2px; margin: 10px 10px 30px 10px; } #em-title { margin: 10px; } #em-des { margin: 10px 10px 80px; } #em-btn-wrap { position: relative; font-size: 80%; } #em-btn-dum { cursor: pointer; position: absolute; z-index: 9; top: -60px; left: 10px; padding: 5px 10px; background: rgba(244, 80, 80, 1); margin: 0px; border: 1px solid rgba(237, 48, 48, 1); color: #fff; border-radius: 3px; } #em-btn { margin: 0px; cursor: pointer; padding: 5px 10px; z-index: 99 !important; position: absolute; left: 10px; top: -60px; background: #509EF4; border: 1px solid #3079ED; color: #fff; border-radius: 3px; } .closes { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #skyelf-emoticon { margin: 30px 10px; height: auto; overflow: hidden; display:none; } .em-item { display: inline-block; width: 45px; margin-bottom: 10px; margin-right: 15px; } #skyelf-emoticon-wrapper img { width: auto; opacity: 0.9; -moz-opacity: 0.0; filter: alpha(opacity=90); } img.smiley { margin: 0 8px; vertical-align: middle !important; } #skyelf-emoticon-wrapper span { display:block; letter-spacing: 0em; margin-left: 0.3em; } .em-key { font-weight: bold; font-size: 120%; } #skyelf-emoticon-wrapper:after, #skyelf-emoticon-wrapper:before { top: 100%; border: medium solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; } #skyelf-emoticon-wrapper:before { border-top-color: #ECF1F2; border-width: 15px; left: 15%; margin-left: -35px; } #skyelf-emoticon-wrapper:after { border-top-color: #fff; border-width: 13px; left: 15%; margin-left: -33px; } /* ----------------------- FOOTER ---------------------------- */ #footerblock1 { background-color:$(footer.background.color); height: 70px; padding-top: 40px; font:$(footer.font.type); letter-spacing: 0.01em; color:$(footer.font.color); } .back-to-top { text-align: center; text-transform: uppercase; margin: 0 auto; max-width: 210px; font-size: 13px; } .skyelf { text-align: center; margin: 0 auto; margin-bottom: 10px; color:$(footer.font.color); } .totop-arrow { display: block; position: fixed; right: 25px; bottom: 30px; z-index: 999999; } .totop-arrow a { border: 3px solid #595959; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; text-align: center; display: block; width: 45px; height: 45px; background-image: url('https://lh4.googleusercontent.com/-S5FUKQsoRns/VMMcSiyS96I/AAAAAAAACFI/tPa4KDaPhUk/s22/backtotop22.png'); background-repeat: no-repeat; background-position: center 9px; font-size: 10px; text-transform: uppercase; color: #595959; } .totop-arrow a span { position: relative; top: 26px; } /* --------------------------------------------- Responsive ------------------------------------------------ */ /* VIEWPORT */ @-wekit-viewport { width:device-width; max-zoom:2; min-zoom:0.5 } @-moz-viewport { width:device-width; max-zoom:2; min-zoom:0.5 } @-ms-viewport { width:device-width; max-zoom:2; min-zoom:0.5 } @-o-viewport { width:device-width; max-zoom:2; min-zoom:0.5 } @viewport { width:device-width; max-zoom:2; min-zoom:0.5 } /* --------------------------- Media Screen 1024 ---------------------------- */ @media only screen and (max-width:1024px) { html { overflow-x: hidden !important; } /*--------- Main Layout ----------*/ #main-wrapper { max-width: 90% !important; position: relative; } #main-wrapper-bg { margin-right: -240px important; } #content-wrapper { margin-right: 240px !important; } #main { margin-right: 0 !important; padding: 0px 40px 20px 0 !important; } #nivo-outer { margin-right: 0 !important; padding: 0px 40px 0 0 !important; } #sidebar-right-wrapper { width: 240px !important; } #sidebar-right { padding: 0 !important; } /*--------- Widget ----------*/ #sidebar-right h2:before, #sidebar-right h2:after { width: 100%; } #sidebar-right div.widget-content { padding-left: 0 !important; padding-right: 0 !important; } #sidebar-right .PopularPosts .widget-content { padding-left: 2% !important; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { width: 145px; } #FollowByEmail1 h2:before, #FollowByEmail1 h2:after { width: 0 !important; } /*------ mainnav Wrapper -------*/ #top-social { margin-left: 4%; } #top-social { float: left; width: 45%; margin-left: 4%; } #mainnav-wrapper.fixed { position:static !important; } #mainnav-inner { border:0; } .titlewrapper h3.title { line-height: 180px; } .js #navselect { display: none; } #selectnav1 { border:1px solid $(mainnav.border) !important; color: $(mainnav.font.color); padding: 10px !important; font: $(mainnav.font); letter-spacing: 0 !important; } .js .selectnav { display: block; width: 90%; padding: 1em; margin: 0 auto; } /*----- Post Body -------*/ .post-footer { border-radius: 10px; } .post-footer-line-1 { padding: 0.2em 1em 0.2em 2.2em; } .post-footer-line-1 span.post-author.vcard { display: inline-block; margin: 0; } .post-footer-line-1 span.post-timestamp { display: inline-block; float: right; } .post-footer-line-1 span.post-labels { display: block; float: none; } } /* ------------------------ Media Screen 801 ----------------------- */ @media only screen and (min-width:801px) and (max-width:1024px) { #comments h6, div#comments.comments h6 { padding: 1em 2em; } .comments .comments-content .comment-content { margin: 18px 25px 40px 25px; } .comments .comments-content .inline-thread .comment-content { margin-left: 15px; margin-right: 15px; } .comments .comments-content .comment-header { padding-right: 20px; } } /* ------------------------ Media Screen 768 ----------------------- */ @media only screen and (max-width:768px) { html { overflow-x: hidden; } /*------ Main Layout ------*/ #main-wrapper, #main-wrapper-bg, #content-wrapper { width: 100% !important; float: none !important; margin: 0 !important; padding: 0px !important; } #main-wrapper { max-width: 100% !important; } #main, #nivo-outer { width: 85% !important; margin: 0 auto !important; padding: 0 0 20px !important; } #nivo-outer { margin: 20px auto !important; } #featured-wrapper-title { max-width: 84.5%; margin: 10px auto 8px; } #featured-wrapper { max-width: 87%; margin: 0 auto; } #sidebar-right-wrapper { width: 100% !important; margin: 0!important; float: none !important; overflow: hidden !important; } #sidebar-right { width: 55% !important; margin: 0 auto !important; } .breadcrumbs { margin: 23px 0px 20px; } .Image img#Image1_img { width: 70%; } /* ------- Footer ------ */ #pinterest-gallery { width: 326px !important; } /* ------- Footer ------ */ .back-to-top { font-size: 13px !important; } .totop-arrow { display: none !important; } .skyelf { padding-left: 10%; padding-right: 10%; } } /* ----------------------- Media Screen 600 ---------------------------- */ @media only screen and (max-width:600px) { /* ------ Main Layout ------- */ #main, #nivo-outer { width: 90% !important; } #sidebar-right { width: 85% !important; } #featured-wrapper-title { max-width: 90%; } #featured-wrapper { max-width: 93%; } /* ------ Widget ------- */ #sidebar-right div.widget-content { padding-left: 10% !important; padding-right: 10% !important; } #Image1 div.widget-content { padding-left: 0px !important; padding-right: 0px !important; } .social-title { display: none; } #sidebar-right .PopularPosts .widget-content { padding-left: 10% !important; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { width: 125px; } /* ------ mainnav ------- */ .js .selectnav { width: 90%; } /* ------ Comment Section------- */ #comments h6, div#comments.comments h6 { padding: 1em 2em; } .comments .comments-content .comment-content { margin: 18px 25px 40px 25px; } .comments .comments-content .inline-thread .comment-content { margin-left: 15px; margin-right: 15px; } .comments .comments-content .comment-header { padding-right: 20px; } } /* ----------------- Media Screen 480 ------------------------ */ @media only screen and (max-width:480px) { #topnav-wrapper { height: 75px; } #top-social { width: 90%; margin:0 auto; } .social-box-top { width: 100%; text-align: center; padding: 5px 2%; } .titlewrapper .title, .titlewrapper .title a { line-height:150px; } .titlewrapper h3.title { line-height: 150px !important; } #selectnav1 { margin: auto; } .js .selectnav { margin: 5px 20px; } ul.grid-nav li { display: block; margin: 5 0 5px; } ul.grid-nav li a { display: block; } ul.rig { margin-left: 0; } ul.rig li { width: 100% !important; margin: 0 0 20px; } #pinterest-gallery { width: 216px !important; } } /* ------------------- Media Screen 320 ---------------------- */ @media only screen and (max-width:320px) { /* ------ Main Layout------- */ #nivo-outer { display: none; } #main { width: 95% !important; } #sidebar-right { width: 95% !important; } .left-post-main-header { margin: 10px 0 0 0; height: 80px; float: none; } .right-post-main-header { float: none; width: 90%; margin: 0 10px 20px; } .index-post-footer { margin-top: 0px; } .index-share-box { float: none; width: 90%; margin: 0px auto; } .rm-wrap { float: none; width: 70%; margin: 0px auto; } /* ------ Widget ------- */ #sidebar-right div.widget-content { padding-left: 5% !important; padding-right: 5% !important; } #sidebar-right .PopularPosts .widget-content { padding-left: 5% !important; } #Image1 div.widget-content { padding-left: 0px !important; padding-right: 0px !important; } /* ------ Top Bar ------- */ .social-item-top { margin-left: 2px; margin-right: 2px; } /* ------ mainnav ------- */ .js .selectnav { width: 95%; } /* ------ Post Body ------- */ .post-footer-line-1 span.post-timestamp { float: none !important; display: block !important; padding-left: 1em !important; } /* ------ Comment Section------- */ #comments h6, div#comments.comments h6 { padding: 1em; background-image: none !important; } .comments .comment-block { border-radius: 0 !important; } .comments .comments-content .inline-thread .comment-content { margin-left: 5px; margin-right: 5px; } .comments .comments-content .comment-content { margin: 18px 10px 50px 10px; } .comments .comments-content .inline-thread .comment-content { margin-left: 15px; margin-right: 15px; } .comments .comments-content .comment-header { padding-right: 20px; } .comments .comments-content .comment-thread.inline-thread ol > div:first-child { padding: 0; } .comments .thread-toggle.thread-expanded:after { left: -10px; } .comments .comments-content .inline-thread li.comment div.comment-block:before { display: none; } .comments .inline-thread .comment-block { margin-left: -11px; } .comments .comments-content .inline-thread .icon.blog-author { right: 25px; } .comment-actions { right: 130px; } .comments .comments-content .inline-thread .comment-header { margin-left: 83px; } } ]]> <script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://draft.blogger.com/navbar.g?targetBlogID\x3d3549267892785139045\x26blogName\x3dNEVER+PLAY+WITHOUT+A+CAPE\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://neverplaywithoutacape.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://neverplaywithoutacape.blogspot.com/\x26vt\x3d-5336363689057321292', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script>
0 -1 false false BEHIND 0

http://1.bp.blogspot.com/-LmoLYyQLqqk/V5O0CA-nXyI/AAAAAAAAOIY/zknsGB_iUC4QUnbAX-ai7T5iyqZJYNvEgCK4B/s890/5x7booksbatman.jpg 284 890 true 398 http://www.joncourson.com/


http://3.bp.blogspot.com/-YQX7S0_RxEA/V5O0GfIcESI/AAAAAAAAOIg/JBLT2HukvaASgzpJj53QcBMHHsyb5riKgCK4B/s890/5x7randomthoughstsbatman.jpg 318 890 true 445 http://www.roadtolifechurch.us/#!chesterton/c1i8j


http://2.bp.blogspot.com/-0tEL6tq-MbU/V5O0LQs_qQI/AAAAAAAAOIo/Wun5wewwgQIIe1XoNHbpp4n8DvASUnbfgCK4B/s890/5x7familybatman.jpg 403 890 true 564 https://www.morningstarministries.org/


true #007077 true true #29b1b6 false #ffffff TextAndImage #000000 false 1x1 true false false 1 false #000000 false false
</div></div> <div class="date-outer"> <div class="date-posts">
</div></div>

|

http://4.bp.blogspot.com/-Z9G_VQnwP08/V5p-L3JEZMI/AAAAAAAABeQ/7b3mpAFk6j8sIOqY7WsBMH1x6C0XdY-XgCK4B/s1600/DAMIEN%2BSIG.png 31 150 true 150


]]>

ALPHA LIST ALL false

  • ()
()
<a data-pin-do="embedUser" href="https://www.pinterest.com/omenkennedy/">Visit Pinterest's profile on Pinterest.</a> <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

HIERARCHY yyyy true MMMM MMM dd MM/dd false true MONTHLY

  • ()
  • ()
▼  ◄  ►