<data:blog.pageTitle/> */ /*-------------------------------------- --------Body-------------------------- ---------------------------------------*/ body { background: $(posts.background.color); color: $(main.text.color); min-width: 320px; } .tbody { margin-right: auto !important; margin-left: auto !important; } a { color: $(main.link.color); text-decoration: none; } a:focus { outline: none; } .no-js .preloader { display: none; } .preloader { display: block; position: fixed; overflow: hidden; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; background: $(posts.background.color); /* this is important so it's not transparent */ } .preloader .loaded { height: auto; left: 50%; margin: -20px 0px 0px -20px; position: fixed; text-align: center; top: 50%; width: auto; color: white; } .preloader .loaded i { font-size: 28px; color: #d6d6d6; } .loadtext { font-family: Balthazar; font-size: 15px; letter-spacing: 0.4px; text-transform: uppercase; } #sider { width: 300px; } .infobox .header #header-inner { display: none; } #header-inner a { display: inline-block !important; } #header-inner { text-align: center; } .muwrap .widget h2, .slwrap .widget h2 { display: none; } .menulinks #menu-v > li > ul { visibility: hidden; position: absolute; left: 275px; } html.no-touch body #menu-v li ul li { position: relative; } html.no-touch body #menu-v li ul .sub { left: 100% !important; top: 0 !important; } html.no-touch #menu-v .arrow { position: relative; } html.no-touch #menu-v .arrow:after { font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; position: absolute; opacity: 0; right: -18px; transition: all 0.3s; font-size: $(menu.arrow.size); vertical-align: middle; line-height: $(menu.arrow.adjust); color: $(menu.arrow.color); } html.no-touch #menu-v > li:hover > .arrow:after { opacity: 1; right: -25px; } body, .fullwrap, .sider { height: 100%; } #backtotop { bottom: 22px; position: fixed; left: auto; right: 70px; z-index: 9999; position: fixed; z-index: 9998; display: block; } #backtotop a { background: $(scroll.background.color); color: #454545; padding: 7px 13px 6px; text-decoration: none; border-radius: 3px; opacity: 0.6; } #backtotop .fa.fa-chevron-up { color: $(scroll.arrow.color); font-size: 14px; } .arrowtop { color: #708090; font-size: 22px; margin-bottom: 12px; text-align: center; width: 37px; } html { overflow-x: hidden; } .Attribution { display: none; } /*-------------------------------------- --------Sidebar 1-------------------------- ---------------------------------------*/ .fotorama img { height: 100%; width: 100%; } .fotorama__thumb.fotorama__loaded.fotorama__loaded--img { border: 1px solid #D0CACA; } .fotorama__nav-wrap { bottom: 20px; position: absolute; } .social-feed { text-align: center; padding: 10px 0; } .fotorama__html h3:before { clip: rect(175px 252px 260px 0px) !important; clip: rect(175px, 252px, 260px, 0px) !important; content: ""; } .fotorama__html h3:after, .fotorama__html h3:before { border: 2px solid $(slidertext.border.color); border-radius: 49%; clip: rect(0px 264px 56px 7px); clip: rect(0px, 264px, 56px, 7px); content: ""; height: 223px; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 223px; z-index: -99; } .fotorama__html h3 { left: 50%; margin: 0 auto; position: absolute; text-align: center; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; z-index: 1000; } .fotorama__html h3 { color: $(slider.text.color); font: $(slider.text.font); max-width: 750px; } .kickme .section { margin: 0px; } .kickme .social-feed li { float: none; height: 60px; display: inline-block; width: 70px; padding: 0px; } .kickme .social-feed img { border: none; height: 60px; width: 70px; opacity: 1; } .kickme .social-feed ul { line-height: 0 !important; } .corner-stamp { background-size: cover; float: right; height: 264px; margin: 0 !important; overflow: hidden; padding: 0; position: relative; width: 399px; z-index: 999; } .corner-stamp:after { content: " "; background: rgba(210, 189, 58, 0.94); height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 999; } #stickyme .stampimg { height: auto; position: absolute; width: 100%; } #Blog1.widget { min-height: none; } #stickyme .widget.HTML { height: 100%; } .nosticky #stickyme { display: none; } .maskerr { height: 100%; position: absolute; width: 100%; } .maskoo { box-sizing: border-box; color: #FFFFFF; display: block; left: 0; padding: 46px 56px; position: absolute; right: 0; text-align: center; top: 50%; transform: translate(0%, -50%); width: 100%; z-index: 9999; } .maskttop { font-family: Satisfy, Balthazar; font-size: 32px; font-weight: 500; letter-spacing: 1.9px; margin-bottom: 10px; padding-bottom: 6px; position: relative; line-height: 1.4; } .maskcon { font-family: Balthazar; font-size: 18px; letter-spacing: 0.4px; color: #FFFFFF; line-height: 24px; } .maskttop:after { background: #F4DC12; bottom: 0; content: ""; display: inline-block; height: 3px; margin-right: -21px; position: absolute; right: 50%; width: 42px; z-index: 99999999; } .main { position: static !important; } #main-wrapper .widget { margin: 0 !important; } .fullarchive .widget-content a { color: #444444; font-family: balthazar; font-size: 19px; line-height: 24px; } .fullarchive .widget-content a:hover { color: #8C3A3A; } .ContactForm .title, .BlogArchive h2 { color: #484848; font-family: Balthazar; font-size: 25px; letter-spacing: 0.3px; margin-bottom: 18px; } .ContactForm .form form { color: #474747; font-family: balthazar; font-size: 17px; } .contact-form-button.contact-form-button-submit { background: #434343; border: medium none; font-family: balthazar; font-size: 18px; letter-spacing: 0.4px; font-weight: normal; height: 35px; width: 100%; cursor: pointer; } .contact-form-button-submit:hover { border: medium none; } .contact-form-error-message-with-border { font-family: Balthazar; font-size: 13px; padding: 5px; } #archivebtn i { color: $(submenu.icon.color); } .no-touch #menu-v i { color: $(submenu.icon.color); padding-right: 5px; } .touch #menu-v i { color: $(touch.icon.color); } .arrow { cursor: pointer; } .socialicons i { border-radius: 100%; color: $(social.text.color); font-size: 14px; height: 28px; line-height: 29px; overflow: hidden; text-align: center; width: 29px; } .socialicons > a:nth-child(1) i { background: $(social.text1.background); } .socialicons > a:nth-child(2) i { background: $(social.text2.background); } .socialicons > a:nth-child(3) i { background: $(social.text3.background); } .socialicons > a:nth-child(4) i { background: $(social.text4.background); } .socialicons > a:nth-child(5) i { background: $(social.text5.background); } .socialicons > a:nth-child(6) i { background: $(social.text6.background); } .socialicons { line-height: 40px; margin: 0 auto; max-width: 200px; text-align: center; } .socialicons i, .socialicons img { margin-right: 7.5px; margin-left: 7.5px; } .socialicons a:hover { color: #898989; } .sb-email { background-position: 0px -20px !important; } .sb-blog { background-position: -20px -20px !important; } .sb-twitter { background-position: -40px -20px !important; } .sb-facebook { background-position: -60px -20px !important; } .sb-pinterest { background-position: -100px -20px !important; } .ContactForm .title:before { content: "\f0e0"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 21px; line-height: 21px; color: #4D4D4D; padding-right: 12px; position: relative; top: 1px; } .BlogArchive h2:before { content: "\f187"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 21px; line-height: 21px; color: #4D4D4D; padding-right: 12px; position: relative; top: 1px; } #cclose { color: $(menuclose.icon.color); display: block; font-size: 25px; margin-top: -8px; position: relative; left: -32px; } .widget-item-control a img, .credit, .fullcontact, .fullarchive { display: none; } .b-close { background: #C0C0C1; color: #FFFFFF; padding: 4px 10px; position: absolute; right: 15px; display: block; cursor: pointer; } .b-close i { color: #4B4B4B; } .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus { border: none; box-shadow: none; } .hidall { background: #eeeeee; padding: 25px 75px; } .BlogArchive .post-count { color: #515151; } .Profile img { display: block; float: none; } .topwrapper, #back, .eyed { display: none !important; } .fullwrap { } .fullwrap.active { left: 0px; } .fullwrap.active #sider { position: absolute; bottom: 0px; } .fullwrap.active .credit { position: relative; padding-top: 25px; } #cclose.active:before { content: "\f057"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: inherit; } #dclose { color: $(navicon.icon.color); display: block; font-size: 24px; position: relative; } .goside { display: block; left: 50px; position: absolute; text-align: center; top: 23px; z-index: 999; } #dclose:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; font-weight: 900; } #dclose:after { content: " "; font-family: Hammersmith One; font-size: 18px; padding-left: 6px; position: relative; top: -2px; } #dclose.active:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: inherit; } #sider { background: $(sidebar.background.color); color: #fff; clear: both; overflow: visible; z-index: 9999; } .fullwrap.active #sider { left: 0; } .js #sider { width: 300px; height: 100%; position: fixed; top: 0; left: 0px; display: none; } .js .active #sider { display: block; } .errorpg.walign { font-family: Lobster Two; font-size: 20px; color: #f7f7f7; text-align: center; padding-top: 40px; } .errorpg.walign:before { content: '404'; display: block; margin-bottom: 8px; font-size: 60px; letter-spacing: 3px; } .errorpg.walign:after{ content:'$(error.page.text)'; letter-spacing: 0.3px; } .blog-posts { background: $(posts.background.color); } .post-outer .thumbo img { display: block; position: relative; } .hoverset .widget { display: none; } .post-outer .thumbo .fullbox { position: absolute; background: $(grid.hoverone.background); opacity: 0.95; width: 100%; height: 100%; } .post-outer .thumbo .fullbox .smallbox { color: $(grid.title.color); font: $(grid.title.font); letter-spacing: 0.5px; text-align: center; text-transform: none; word-spacing: -0.6px; position: absolute; right: 0; left: 0; top: 50%; display: block; width: 100%; } .slideup .post-outer .thumbo .fullbox .smallbox { color: rgba(255, 255, 255, 0.9); font-family: Patua One; font-size: 24px; font-weight: normal; letter-spacing: 0.5px; text-align: center; text-transform: none; word-spacing: -0.6px; position: absolute; right: 0; left: 0; bottom: 68px; top: auto; display: block; width: 100%; } .slideup .post-outer:hover .fullbox:before, .slideup .post-outer:hover .smallbox { opacity: 1; -moz-transform: translate3d(0,10px,0); -webkit-transform: translate3d(0,10px,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .slideup .fullbox:before, .slideup .smallbox { -moz-transition: opacity 0.35s, -moz-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -ms-transition: opacity 0.35s, -ms-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .slideup .fullbox:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(59,62,68,0) 0%, rgba(58,59,64,0.8) 75%); background: -moz-linear-gradient(top, rgba(59,62,68,0) 0%, rgba(58,59,64,0.8) 75%); background: -ms-linear-gradient(top, rgba(59,62,68,0) 0%, rgba(58,59,64,0.8) 75%); background: linear-gradient(to bottom, rgba(59,62,68,0) 0%, rgba(58,59,64,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); -moz-transform: translate3d(0,50%,0); -ms-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); z-index: 0; } .slideup .smallbox { opacity: 0; -moz-transform: translate3d(0,10px,0); -webkit-transform: translate3d(0,10px,0); -ms-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } .slideup .thumbo { height: 100%; width: 100%; } .slideup .post-outer .thumbo .fullbox { position: static; background: none; opacity: 1; width: auto; height: auto; } .slideup .socialbuts .zoom > a { background: $(slideup.zoom.background); } .slideup .socialbuts .zoom i { color: $(slideup.zoom.color); } .slideup .postmain a { color: $(slideup.title.color); } .slideup .post-labels.ongrid, .slideup .post-labels.ongrid a { color: $(slideup.label.color); border: none; } .fa.fa-angle-down { font-size: 15px; left: 4px; position: relative; top: 2px; } .socialbuts { bottom: 20px; height: 32px; left: 0; margin: auto; position: absolute; right: 0; width: 32px; text-align: center; } .socialbuts .zoom > a { opacity: 0; transition: all 0.3s ease 0s; } .blog-posts .post-outer:hover .socialbuts .zoom > a { opacity: 1; } .socialbuts .zoom > a { background: $(zoom.icon.background); display: block; height: 28px; width: 28px; border-radius: 50px; } .socialbuts .zoom i { font-size: 18px; line-height: 18px; position: absolute; top: -1px; left: -1px; padding: 8px; color: $(zoom.icon.color); } #pic img { height: 120px !important; width: 120px !important; margin: 0 auto; -moz-border-radius: 80px; -webkit-border-radius: 80px; -o-border-radius: 80px; -ms-border-radius: 80px; border-radius: 80px; } .Profile { text-align: center; margin-bottom: 4px; } .logo { display: inline-block } #myprofile { display: block; } .topwrapper { background: #E9E9E9; height: 267px; position: relative; width: 100%; } font { display: none !important; } font { color: #454545; display: block; font-size: 13px; line-height: 18px; padding-top: 5px; } .topper { color: #FFFFFF; font-family: 'Trebuchet MS'; font-size: 17px; height: 50px; letter-spacing: 0.4px; position: fixed; text-decoration: underline; top: 0; width: 58px; z-index: 999; } .toptier { padding-left: 17px; padding-right: 20px; padding-top: 12px; } .fa.fa-navicon { color: #DDDDDD; font-size: 24px; } .fa.fa-navicon:hover { color: #B44444; } .labelblog .post-title a { color: inherit; } .labelblog .post-labels, .labelblog .post-comment-link { display: none; } .labelblog .leftcontent { margin-bottom: 0; padding-bottom: 0; } .labelblog .post-footer { margin-bottom: 60px; } .labelblog .post-outer { width: 100%; height: auto; padding-left: 120px; padding-right: 120px; padding-top: 50px; } .mainwrap #blog-pager { padding-left: 210px; padding-right: 120px; margin-bottom: 50px; } .main #blog-pager a { font: $(pager.text.font); color: $(pager.text.color); letter-spacing: 0.6px; box-shadow: inset 0 -7px 0px $(pager.text.border); } .main .blog-pager-newer-link:before { content: '\f104'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 7px; vertical-align: middle; font-size: 23px; } .main .blog-pager-older-link:after { content: '\f105'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 7px; vertical-align: middle; font-size: 23px; } .labelblog .post-outer img { max-width: 100%; width: auto; } .labelblog .post { padding-left: 90px; } #mydate { box-shadow: 1px 2px 1px $(date.shadow.color); left: 0; position: absolute; top: 5px; } #mydate span { background: $(date.background.color); color: $(date.text.color); font: $(date.text.font); display: block; line-height: 24px; padding-left: 14px; padding-right: 14px; } #mydate .dday { letter-spacing: 0.6px; padding-top: 5px; } #mydate .dmonth { letter-spacing: 1px; padding-bottom: 4px; } #mydate .dyear { background: $(year.background.color); color: $(year.text.color) !important; font: $(year.text.font); letter-spacing: 1px; padding-bottom: 2px; padding-top: 1px; } .mobheader { line-height: inherit; padding: 15px 25px; text-align: right; position: relative; background: $(mobheader.background.color); } .mobheader #header-inner { text-align: right; } .mobheader .descriptionwrapper { padding-right: 0px; } .mobheader .goside { top: 50%; margin-top: -12px; left: 25px; } .mobheader .section, .mobheader .widget { margin: 0; } .mobheader .titlewrapper h1, .mobheader .titlewrapper h1 a { color: $(mobheader.title.color); font: $(mobheader.title.font); padding-right: 0px; } .infobox { padding-left: 0px; padding-right: 0px; padding-top: 38px; padding-bottom: 9px; margin-top: 0px; } #header-wrapper { text-align: center; } #Header1 { margin-bottom: 0; margin-top: 0; } .toog { background: none repeat scroll 0 0 #090909; float: left; height: 55px; margin: 0 !important; position: relative; width: 75px; } .titlewrapper h1 a { color: $(blogtitle.text.color); text-decoration: none !important; } .titlewrapper h1 { color: $(blogtitle.text.color); font: $(blogtitle.text.font); letter-spacing: 1px; text-align: right; padding-right: 36px; margin-top: -4px; } .descriptionwrapper { color: $(description.text.color); font: $(description.text.font); line-height: 25px; letter-spacing: 0.8px; margin-top: -15px; padding-right: 40px; text-align: right; } .mobheader .Header .description { margin: 0; padding: 0; color: $(mobheader.description.color); font: $(mobheader.description.font); letter-spacing: 0.3px; line-height: 24px; } .mypic { border-radius: 100%; } .jump-link a { color: #A44040; display: inline-block; font-family: balthazar; font-size: 19px; letter-spacing: 0.6px; margin-top: 5px; } #search-box { padding-top: 1px; } #search-form { background: #D2D2D2; padding: 2px 7px; } #search-button { background: none; border: none; color: #FFFFFF; } #search-text { background: none; border-bottom: none; border-left: none; border-right: 1px solid #c1c1c1; border-top: none; color: #595959; font-size: 14px; } /*----for only image hover .logo:hover span----*/ .infobox:hover .logo span { background-position: 60px 100px; position: absolute; z-index: 99; display: block; } #menubar .widget { line-height: normal !important; margin-bottom: 0 !important; margin-top: 0 !important; } #menubar .title { display: none; } #menubar #HTML2 { float: right; margin-right: 5%; display: block; position: relative; width: 210px; } #HTML2 .widget-content { margin-top: 10px; } #menubar #HTML2 img { margin-left: 26px; } #menubar #HTML1 { text-align: left; margin-left: 8%; white-space: nowrap; } #menubar { height: 50px; } .pou { background: #E9E9E9; display: inline-block; margin-top: 4px; } .pou img { height: 28px; margin-right: 8px; width: 28px; } .topwrapper .fa { background: #FFFFFF; border: 1px solid #DCDCDC; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; color: #808080; display: inline-block; font-size: 14px; height: 14px; line-height: 14px; margin-left: 10px; padding: 5px; text-align: center; width: 14px; } .topwrapper .fa.fa-rss { background: #F49B1A; border: 1px solid #F49B1A; color: #FFFFFF; } .topwrapper .fa.fa-twitter { background: #69A8DC; border: 1px solid #69A8DC; color: #FFFFFF; } .topwrapper .fa.fa-facebook { background: #3C7BAD; border: 1px solid #4682B4; color: #FFFFFF; } .topwrapper .fa.fa-pinterest { background: #CD5959; border: 1px solid #CD5959; color: #FFFFFF; } .CustomSearch { display: block; float: right; height: 35px; padding-right: 45px; padding-top: 15px; width: 200px; position: relative; z-index: 9999; } .gsc-input { Width: 110px; } /*------------------------------------------- -------------- Search --------------------- ----------------------------------------*/ .noposts .rfound { text-align: center; padding-top: 50px; font-family: 'Balthazar'; font-size: 25px; left: 1px; } .s-wrapp { position: fixed; bottom: 17px; right: 17px; z-index: 9999; width: 40px; } #search-form { background: #D2D2D2; padding: 2px 7px; } #search-button { background: none; border: none; color: #FFFFFF; } .sb-search .sb-icon-search > i { color: $(search.icon.color); display: inline-block; font-size: 15px; } .sb-search input[type="search"]::-webkit-search-cancel-button { position: relative; right: -8px; cursor: pointer; } #search-text { background: none; border-bottom: none; border-left: none; border-right: 1px solid #c1c1c1; border-top: none; color: #595959; font-size: 14px; } .sb-search { float: right; height: 30px; min-width: 40px; overflow: hidden; position: relative; -moz-transition: width 0.3s ease 0s; -webkit-transition: width 0.3s ease 0s; -o-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s; width: 0; z-index: 987; } .sb-search-input { background: none repeat scroll 0 0 #FFFFFF; border: medium none; color: #2C3E50; font-family: inherit; height: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; outline: medium none; padding: 3px 60px 3px 10px; position: absolute; right: 0; top: 0; width: 100%; } input[type="search"].sb-search-input { -webkit-appearance: none; -webkit-border-radius: 0px; } .sb-search-input::-webkit-input-placeholder, .sb-search-input:-moz-placeholder, .sb-search-input:-ms-input-placeholder { color: #353535; font-size: 13px; } .sb-icon-search, .sb-search-submit { cursor: pointer; display: block; height: 30px; margin: 0; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 40px; } .sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; color:red; border: none; outline: none; z-index: -1; } input.sb-search-input[type="search"] { color: #515151; font-size: 14px; font-family: sans-serif; } .sb-icon-search { background: $(search.background.color); font-size: 22px; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; z-index: 90; -webkit-font-smoothing: antialiased; } .sb-icon-search:before { content: ""; } .sb-search.sb-search-open, .no-js .sb-search { width: 220px; } .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: $(search.active.background); color: #fff; z-index: 11; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { /* z-index: 90;*/ } /*-------------------------------------- --------Post Body-------------------------- ---------------------------------------*/ .main { padding: 0px; display: block; overflow: visible; background: $(posts.background.color); } .mainwrap { margin-right: 0px; margin-left: 0px; } .mainwrap .main.section { margin: 0px; } .mainwrap #SliderImages { margin: 0; } .mainwrap #SliderImages h2.title { display: none; } #main-wrapper { position: relative; z-index: 199; width: 100%; padding-bottom: 150px; } .post-body { color: $(postbody.text.color); font: $(postbody.text.font); line-height: 27px; -webkit-font-smoothing: antialiased; } .post-title { border-bottom: 3px solid $(posttitle2.border.color); color: $(posttitle2.text.color); font: $(posttitle2.text.font); display: inline-block; line-height: 38px; margin-bottom: 8px; padding-top: 3px; padding-bottom: 12px; word-spacing: 1px; } .timestamp-link abbr { border-bottom: medium none; } .post-timestamp { margin-left: 0px; } .home-link { display: none; } .loadericon { color: $(loadmore.icon.color); font-size: $(loadmore.icon.size); padding: 50px 0px; } .nomore { font-family: Balthazar; font-size: 20px; letter-spacing: 0.5px; padding: 2px 12px; vertical-align: middle; position: absolute; bottom: 0px; line-height: 25px; } .ie img { height: 24px; width: 24px; position: relative; top: 3px; } .nomore:after { content: "\f61f"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: $(end.icon.size); color: $(end.icon.color); } .post-comment-link { float: right; margin-right: 10px; margin-top: 8px; } .fa.fa-comment { color: $(comment.icon.color); font-size: 11px; } .comment-link { color: $(comment.text.color); font-size: 11px; } .date-header { float: left; } body .post-footer-line .post-location { display: block; } body .post-footer-line .post-location a { margin-bottom: 20px; display: inline-block; margin-top: 10px; font-size: 18px; } .thumbo .masks { background-color: rgba(255, 255, 255, 0.15); opacity: 0; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .thumbo .masks { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .thumbo a { display: inline; line-height: 0; } .post-outer:hover .thumbo img { -moz-transform: scale(1.02, 1.02); -webkit-transform: scale(1.02, 1.02); -o-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); } .thumbo img { -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .post-outer:hover .thumbo .masks { opacity: 1; } .fa.fa-comments-o { color: #B44444; font-size: 15px; } .thumbo { position: relative; overflow: hidden; } .comment-link { padding-left: 4px; } .post-body a { color: #CD5C5C; text-decoration: none; } .blog-posts center { bottom: 5px; left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; } .ias_trigger a { background: white; border: 1px solid #888686; color: #151515; padding: 8px 10px; text-transform: uppercase; } .post-body h2 { color: #585858; font-family: droid serif; font-size: 23px; word-spacing: 1px; } .post-body h3,.post-body h4 { color: #515151; } .blog-pager a { font-size: 16px; text-decoration: none; } .blog-pager-older-link-title, .blog-pager-newer-link-title { color: #ECF0F5; font-family: droid serif; font-size: 18px; font-weight: bold; } blockquote { background: url("http://1.bp.blogspot.com/-J6ggG55gmhg/UeCD7NYcN-I/AAAAAAAAA-o/rN_qRlAU_DI/s1600/quotes.png") no-repeat scroll 4px -5px rgba(0, 0, 0, 0); color: #C1C1C1; display: block; font-family: balthazar; font-size: 22px; line-height: 28px; margin-left: 50px; margin-right: 40px; margin-top: 15px; padding: 10px 36px 14px 68px; } .belowbody { margin: 15px 0; } .titlead { margin-bottom: 10px; } .ptitle { text-align: left; } #backtotop { display: none; } .postmain { display: block; } .postmain a { color: #ffffff; word-spacing: -1.5px; } .post-labels { border-top: 2px solid $(grid.title.border); display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 4px; margin-top: 4px; } .post-labels a { margin-left: 1px; margin-right: 2px; text-decoration: none; } .post-labels, .post-labels a { color: $(post.label.color); font: $(post.label.font); letter-spacing: 1.6px; margin-right: 15px; } .post-labels.ongrid, .post-labels.ongrid a { color: $(grid.label.color); font: $(grid.label.font); letter-spacing: 1.2px; margin-right: 0px; } .author-profile { margin: 15px 0px; background: $(author.box.background); padding: 17px; border-radius: 3px; } .post-outer .author-profile img { height: 64px; width: 64px; border-radius: 100px; border: none; margin-right: 15px; } .author-profile [itemprop="url"] { font: $(author.name.font); color: $(author.name.color); padding-bottom: 0px; display: block; margin-top: 2px; } .author-profile [itemprop="description"] { font: $(author.description.font); color: $(author.description.color); } .leftcontent { margin-bottom: 30px; } /*-------------------------------------- --------Sidebar 2----------------------- ---------------------------------------*/ #pageslide { /* These styles MUST be included. Do not change. */ display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; overflow: scroll !important; /* Specify the width of your pageslide here */ width: 260px; padding: 20px; /* These styles are optional, and describe how the pageslide will look */ background-color: #333; color: #FFF; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222; } #sidebaro { background: $(sidebar.background.color) $(sidebar.background) no-repeat scroll top left; display: block; color: #EFEFEF; position: relative; background-size: cover; } #sidebaro h2 { color: #FFFFFF; } #sidebaro .nextPrevLink { display: none; } #sidebaro .widget h2 { color: $(sidebar.title.color); font: $(sidebar.title.font); padding-bottom: 4px; border-bottom: 2px solid $(sidebar.title.border); display: inline-block; letter-spacing: 0.9px !important; margin: 0 56px 0 auto; display: none; } #sidebaro .instawrap .widget h2 { display: inline-block; } .instawrap .widget { background: $(insta.background.color); padding-bottom: 3px; padding-top: 16px; text-align: right; } .menulinks { margin-top: 10px; } .menulinks ul li { border-bottom: 1px solid $(menu.text.border); margin: 0 14px; padding: $(menu.main.spacing) 42px; text-align: right; } .menulinks li ul a { border-bottom: medium none; } #sidebaro .sidebar1 .widget { font-size: 16px; } #sidebaro .sidebar1 .widget a { font: $(menu.text.font); letter-spacing: 0.9px; text-decoration: none; line-height: inherit; } .menulinks ul li a { color: $(menu.text.color); } .menulinks ul li a:hover { color: $(menu.hover.color); } #sidebaro .widget-content { padding: 11px 0px 14px; } #sidebaro .instawrap .widget .widget-content { padding: 14px 58px 14px 20px; } #archivebtn, #contbtn { cursor: pointer; } .zippy { color: #353535; } .close { margin-bottom: 25px; } .close a { color: #DEDEDE; font-size: 18px; } .close .fa.fa-close { background: #4D4D4D; border: 1px solid #B5B2B2; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; color: #BFBEBE; font-size: 19px; margin-right: 8px; padding: 3px 6px; } .close { display: none; } .label-size a { background: none repeat scroll 0 0 #FFFFFF; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; color: #FF4500 !important; display: inline-block; font-family: pt sans !important; font-size: 17px !important; margin-bottom: 12px; margin-right: 8px; padding: 4px 8px; } .label-size a:hover { text-decoration: underline !important; } .status-msg-wrap { display: none !important; } .cloud-label-widget-content { text-align: left !important; } .kickme ul { list-style: none; padding: 0px; } .kickme #Sidebar { margin: 0px; } html.touch .fullwrap #sider { position: absolute; bottom: 0px; } .fullwrap.active #sider, html.touch .fullwrap #sider { background: $(sidebar.background.color); } html.no-touch #menu-v li, html.no-touch #menu-v a {zoom:1;} /* Hacks for IE6, IE7 */ /*Sub level menu items ---------------------------------------*/ html.no-touch #menu-v li ul { position: absolute; width: 185px; /*Sub Menu Items width */ left: 275px !important; padding-left: 44px; visibility:hidden; z-index: 999; } html.no-touch #menu-v li ul li:last-child { padding-bottom: 8px; } html.no-touch #menu-v li ul li:first-child { padding-top: 8px; } html.no-touch #menu-v li ul li:last-child { border-bottom: none; } html.no-touch #menu-v li:hover, html.no-touch #menu-v li.onhover { background-position:0 -62px; } html.no-touch #menu-v li ul li { background: $(submenu.background.color); margin: 0; padding: 4px 8px; } html.no-touch #menu-v li ul .sub { left: 222px !important; padding-left: 22px; } html.touch #menu-v li ul .sub { border-right: 2px solid $(touch.secondlevel.border); } html.touch .menulinks #menu-v li.msub > a:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; line-height: 16px; padding-left: 4px; color: $(touch.arrowdown.color); position: absolute; vertical-align: middle; top: 1px; right: -18px; } html.touch .menulinks #menu-v li.msub > ul > li > a:after { top: -1px; } html.no-touch .menulinks ul li .sub li { border-bottom: 1px solid $(submenu.text.border); } html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li a { color: $(submenu.text.color); display: block; font: $(menu2.text.font); letter-spacing: 0.8px !important; padding: $(menu.second.spacing) 0; text-align: center; text-transform: uppercase; } html.no-touch #sidebaro .sidebar1 #menu-v li ul.sub li:hover a { color: $(submenu.hover.color); } html.no-touch #menu-v li ul li:hover { background: $(submenu.hover.background); } /* Holly Hack for IE \ * html.no-touch #menu-v li { float:left; height: 1%; } * html.no-touch #menu-v li a { height: 1%; }*/ /* End */ html.touch .sider #sidebaro .sidebar1 #menu-v li { border-bottom: medium none; } html.touch .sider #sidebaro .sidebar1 #menu-v li a { border-bottom: 1px solid $(menu.touch.border); margin-top: 10px; position: relative; } html.touch .menulinks #menu-v > li > ul { visibility: inherit; position: static; left: auto; display: none; } html.touch .menulinks #menu-v > li > ul > li > ul { display: none; } html.touch .sider #sidebaro .sidebar1 #menu-v li ul.sub { margin-top: 7px; margin-bottom: 7px; } html.touch .sider #sidebaro .sidebar1 #menu-v li ul.sub li { border-bottom: medium none; padding: 0px; margin: 13px 0px; } html.touch .sider #sidebaro .sidebar1 #menu-v li ul.sub li ul li { margin-right: 10px; } html.touch .sider #sidebaro .sidebar1 #menu-v li ul.sub li a { border-bottom: medium none; color: $(touch.submenu.color); font: $(touch.submenu.font); text-transform: uppercase; } .credit .widget { margin: 0; } .credit { margin: 20px 0px 0px 0px; padding-top: 8px; text-align: center; display: block; position: relative; bottom: 25px; left: 0; right: 0; color: $(copyright.text.color); font: $(copyright.text.font); } #sidebaro .credit .widget-content { padding: 0; } .credit .widget { line-height: inherit; } .touch .credit { position: relative; margin-top: 35px; } #FollowByEmail1 .widget-content { padding-left: 2px !important; } input.gsc-search-button { background: #D1D1D1; border: none !important; height: 26px; } .FollowByEmail .follow-by-email-inner .follow-by-email-address { background: #FFFFFF !important; border: none !important; height: 23px !important; padding-left: 6px; } .follow-by-email-inner input[placeholder] { color: #D3D3D3; padding-bottom: 2px !important; } input.gsc-input { background: #F5F5F5; height: 22px; font-family: Lora; } .FollowByEmail .follow-by-email-inner .follow-by-email-submit { background: #D1D1D1 !important; height: 26px !important; color: black !important; border-radius: 0px !important; } .newright .relatedwpr { border-left: 2px solid $(post.border.color); margin-left: -2px; padding-left: 30px; padding-top: 52px; position: relative; z-index: 9; } #related-posts ul li { color: $(relatedtwo.dot.color); font-size: 17px; list-style: square outside none; margin-bottom: 10px; line-height: 24px; padding-top: 0 !important; } #related-posts ul li a { color: $(relatedtwo.text.color); font: $(relatedtwo.text.font); padding-left: 0; border-bottom: 2px solid $(relatedtwo.text.border); padding-bottom: 0px; display: inline-block; margin-bottom: 10px; } #related-posts{width:100%;margin-bottom: 50px;display: inline-block;} #related-posts h2 { color: $(related.heading.color); font: $(related.heading.font); letter-spacing: 1.6px; margin-bottom: 5px; padding-bottom: 2px; position: absolute; top: 0px; } #related-posts h2:after { content: "\f3be"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 9px; position: relative; top: 6px; font-size: 18px; } #related-posts h2.rltdhead { position: static; margin-bottom: 15px; margin-top: 10px; } #related-posts .rltdmain { padding-left: 30px; border-left: 2px solid $(post.border.color); } .relatedm { width:33.3%; height: auto; display: block; line-height: 14px; margin-bottom: 10px; } #related-title { background: $(related.title.background); bottom: 0px; color: $(related.title.color); display: none; font: $(related.title.font); left: 0; letter-spacing: 0.3px; line-height: 24px; margin: 0 auto; padding: 10px 15px; position: absolute; right: 0; } #related-title { -moz-transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .relatedm:hover #related-title { display: block; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .post-outer .relatedm img { border-radius: 0px; height: auto; width: 100%; } /*-------------------------------------- --------Newer Older Posts--------------- ---------------------------------------*/ .nextPrevLink2 { background-color: transparent; background-origin: padding-box; color: #CC3435; display: block; opacity: 1; height: 140px; position: fixed; top: 45%; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; -ms-transition-property: all; width: 66px; z-index: 99; } #nextLink2 .label2 { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); opacity: 1 !important; } .nextPrevLink2 .label2 { display: block; left: 14px; opacity: 0.5; position: absolute; top: 60px; } #nextLink2 .detail2 { left: auto; right: 70px !important; } .nextPrevLink2 .detail2 { background-clip: border-box; background-color: rgba(112, 128, 144, 0.8); background-origin: padding-box; overflow: hidden; position: absolute; top: 0; transition-delay: 0.5s; transition-duration: 0.2s; transition-property: all; width: 0; } .nextPrevLink2 .detail2 span { display: block; height: 100px; overflow: hidden; padding: 20px; width: 180px; } .nextPrevLink .detail span a, .nextPrevLink2 .detail2 span a { text-decoration: none; } #nextLink2 { right: 10px !important; } .nextPrevLink2 .label2 { opacity: 1 !important; } .nextPrevLink2:hover .detail2 { width: 220px; } .nextPrevLink { background-color: transparent; background-origin: padding-box; color: #CC3435; display: block; opacity: 1; height: 140px; position: fixed; top: 45%; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; -ms-transition-property: all; width: 66px; z-index: 99; } #nextLink .label { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); opacity: 1 !important; } #nextLink .label, #nextLink2 .label2 { background: #DCDCDC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; color: #454545; font-family: PT Sans; font-size: 19px; letter-spacing: 2.6px; padding: 3px 10px; } .nextPrevLink .label { display: block; right: 14px; opacity: 0.5; position: absolute; top: 60px; } #nextLink .detail { right: auto; left: 70px !important; } .nextPrevLink .detail { background-clip: border-box; background-color: rgba(112, 128, 144, 0.8); background-origin: padding-box; overflow: hidden; position: absolute; top: 0; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-duration: 0.2s; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; -ms-transition-property: all; width: 0; } .nextPrevLink .detail span { display: block; height: 100px; overflow: hidden; padding: 20px; width: 180px; } #nextLink { left: 10px !important; } .nextPrevLink .label { opacity: 1 !important; } .nextPrevLink:hover .detail { width: 220px; } /*-------------------------------------- --------Comments-------------------------- ---------------------------------------*/ .comments { background: $(comments.background.color); margin: 35px 0 0 90px; width: 50%; min-width: 762px; max-width: 900px; position: relative; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; } .comments h4 { border-bottom: 2px solid $(comments.labelline.color); color: $(comments.label.color); display: inline-block; font: $(comments.label.font); margin-left: 45px; padding-bottom: 3px; letter-spacing: 0.3px; margin-top: 30px; } #comment-holder .comment { margin-left: 30px; border-bottom: 1px solid $(comments.item.border); } .comment-form { margin-left: 45px; padding-bottom: 45px; } .user a { color: $(comments.username.color); font: $(comments.user.font); letter-spacing: 0.2px; } .comments .comments-content { padding: 0px 20px; } .comments .comments-content .datetime { display: inline; padding-left: 10px; } .datetime.secondary-text a { color: $(comments.date.color); font-family: Balthazar; font-size: 15px; letter-spacing: 0.2px; text-decoration: none; } .comment-actions.secondary-text { display: block; margin-left: 55px; margin-top: -6px; } .blogger-comment-from-post { margin-left: auto; margin-right: auto; margin-top: 40px; width: 90%; } #comment-post-message { display: none; } .comments .thread-toggle .thread-arrow { margin-bottom: 0.2em !important; } .comments .comments-content .comment-content { color: $(comments.text.color); font: $(comments.text.font); margin-top: -6px !important; line-height: 22px; margin-left: 55px; text-align: left; letter-spacing: 0.1px; } .comments .comment-block { margin-left: 5px !important; } .comment-actions a { color: #3A3A3A; display: inline-block; font-family: Balthazar; font-size: 13px; letter-spacing: 0.5px; margin-right: 10px; text-decoration: none !important; text-transform: uppercase; } .comments .avatar-image-container { float: left; max-height: 48px !important; overflow: hidden; width: 60px !important; } .comments .avatar-image-container img { -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 48px; max-width: 48px !important; width: 48px; } .continue a { color: #858585; font-family: cursive; font-size: 12px; font-weight: bold; letter-spacing: 0.8px; text-decoration: none; text-transform: uppercase; } .icon.user.blog-author { display: none !important; } .thread-count a { color: #965D5D; display: inline-block; font-family: balthazar; font-size: 16px; position: relative; text-decoration: underline; text-transform: uppercase; top: -1px; } .post-feeds { display: none; } .post-share-buttons .dummy-container { display: inline-block; overflow: hidden; width: 35px; } .post-share-buttons { margin-left: 2px; width: 200px; } a.rx-option.rx-unchecked { color: white !important; } .post-footer-line { font: $(footer.text.font); color: $(footer.text.color); line-height: 0; } .post-footer-line > span > * { display: inline-block; margin-bottom: 10px; line-height: normal; margin-top: 0; } .post-footer-line-1 .post-timestamp, .post-footer-line-1 .post-author.vcard { margin-right: 2px; } .post-footer-line-1 .post-author a, .post-footer-line-1 .post-timestamp a { color: $(footer.lineone.color); } .timestamp-link abbr { border-bottom: none; text-decoration: none; } .post-footer-line-1 .reaction-buttons .reactions-label-cell { line-height: 24px; } .post-footer-line-1 .reaction-buttons { max-height: 25px; background: $(reaction.box.background); border-radius: 3px; padding: 0px; color: $(reaction.label.color); margin-top: 8px; margin-right: 0px; } .post-footer-line-1 .reaction-buttons .reactions-label { padding: 0px 0px 0px 10px; } .post-footer-line .post-location { font: $(location.text.font); } .post-footer-line .post-location > * { display: block; margin-top: 18px; color: $(location.text.color); } .post-footer-line .post-location > a { margin-left: 2px; color: $(location.link.color); } .ias_loader { display: block; position: absolute; bottom: 5px; left: 50%; } .fullwrap { width: 100%; } .blog-feeds { display: none; } .CSS_LIGHTBOX { z-index: 100000 !important; } .blog-posts { margin: 0 auto; } .picsizer { width: 25%; } .post-outer { background: $(posts.background.color); width: 25%; width: -webkit-calc(25% - $(grid.spacing.value)); width: -moz-calc(25% - $(grid.spacing.value)); width: calc(25% - $(grid.spacing.value)); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 999; margin-bottom: $(grid.spacing.value); } .post-outer .thumbo img { height: auto; height: $(grid.image.height); object-fit: cover; } .post-outer { height: auto; height: $(grid.image.height); } #stickyme { width: 25%; } .post-outer img { width: 100%; height: auto; } /*-------------------------------------- --------RLightbox------- ---------------------------------------*/ .lightboxOverlay { position: fixed; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-data .lb-number { display: none !important; } .lightbox .lb-data .lb-close { color: #e8e8e8; font-size: 18px; } .lightbox .lb-data .lb-caption { font-size: 19px; font-family: Balthazar; } .lightbox .lb-dataContainer { padding-top: 10px; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(http://2.bp.blogspot.com/-kOsRoXaRdaU/U42RBdnCpBI/AAAAAAAABgs/72Atd66cwP8/s1600/ajax-loader2.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url() left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url() right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 17px; line-height: 1.3em; margin-top: 6px; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-close .fa.fa-close { background: #FFFFFF; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; color: #4E4D4D; font-size: 20px; padding: 4px 6px; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*-------------------------------------- --------Responsive Media Queries------- ---------------------------------------*/ @media screen and (min-width: 2100px) and (max-width: 2800px) { .picsizer { width: 20%; } .post-outer { width: 20%; width: -webkit-calc(20% - $(grid.spacing.value)); width: -moz-calc(20% - $(grid.spacing.value)); width: calc(20% - $(grid.spacing.value)); margin-bottom: $(grid.spacing.value); } } @media only screen and (max-width: 1630px) { .picsizer { width: 33.3%; } .post-outer { width: 33.3%; width: -webkit-calc(33.3% - $(grid.spacing.value)); width: -moz-calc(33.3% - $(grid.spacing.value)); width: calc(33.3% - $(grid.spacing.value)); margin-bottom: $(grid.spacing.value); } #stickyme { width: 33.4%; } .corner-stamp:after { left: -1px; } .corner-stamp { overflow: visible; } } @media only screen and (max-width: 1200px) { .relatedm { width : 50%; } } @media only screen and (max-width: 1050px) { .picsizer { width: 50%; } .post-outer { width: 50%; width: -webkit-calc(50% - $(grid.spacing.value)); width: -moz-calc(50% - $(grid.spacing.value)); width: calc(50% - $(grid.spacing.value)); margin-bottom: $(grid.spacing.value); } #stickyme { width: 50%; } .labelblog .post-outer { padding-left: 80px; padding-right: 80px; } .mainwrap #blog-pager { padding-left: 170px; padding-right: 80px; } .post-body blockquote { margin-left: 0px; margin-right: 0px; } .comment-form { margin-left: 0; padding-bottom: 10px; padding-right: 20px; padding-left: 20px; } .comments h4 { margin-left: 20px; } } @media only screen and (max-width: 850px) { .relatedm { width: 100%; } } @media only screen and (max-width: 780px) { .picsizer { width: 100%; } .fullwrap { position: relative; } .post-outer { width: 100%; width: -webkit-calc(100% - $(grid.spacing.value)); width: -moz-calc(100% - $(grid.spacing.value)); width: calc(100% - $(grid.spacing.value)); margin-bottom: $(grid.spacing.value); } #stickyme { width: 100%; } .labelblog .post-outer { padding-left: 40px; padding-right: 40px; } .mainwrap #blog-pager { padding-left: 130px; padding-right: 40px; } } @media only screen and (max-width: 710px) { .smenu { display: none !important; } .close { display: block; } .corner-stamp { display: none; } } @media only screen and (max-width: 699px) { .post-outer { width: 50%; width: -webkit-calc(50% - $(grid.spacing.value)); width: -moz-calc(50% - $(grid.spacing.value)); width: calc(50% - $(grid.spacing.value)); margin-bottom: $(grid.spacing.value); } #stickyme { width: 50%; } .picsizer { width: 50%; } .relatedm { width: 50%; } } @media only screen and (max-width: 600px) { .labelblog .post { padding-left: 0px; } #mydate { position: relative; border: none; top: 0; left: 0; margin-bottom: 15px; display: inline-block; box-shadow: none; } #mydate .dday { font-size: inherit; font-weight: normal; } #mydate .dmonth { font-size: inherit; } .mainwrap #blog-pager { padding-left: 40px; padding-right: 40px; } .newright .relatedwpr { margin-left: 0px; padding-left: 0px; } #mydate span { display: inline-block; padding-left: 0px; padding-right: 0px; margin-right: 4px; font-size: 15px; background: none; color: $(mobile.date.color); } #related-posts { padding-left: 0px; } #mydate .dyear { background: none; color: $(mobile.date.color) !important; font-size: 15px !important; } } @media only screen and (max-width: 460px) { .post-outer { width: 100%; width: -webkit-calc(100% - $(grid.spacing.value)); width: -moz-calc(100% - $(grid.spacing.value)); width: calc(100% - $(grid.spacing.value)); margin-bottom: $(grid.spacing.value); } #stickyme { width: 100%; } .picsizer { width: 100%; } #dclose.active { } .relatedm { width: 100%; } } /*---Screen Width 380px and below-----*/ @media only screen and (max-width: 380px) { #menubar #HTML1 { margin-left: 55px; } } @media screen and (min-width: 700px) { #dclose, #cclose { display: none; } .infobox .header #header-inner { display: block; } .js #sider { position: fixed; width: 303px; height: 100%; left: 0; display: block; } .fullwrap.active { right: 0; left: 0; } .fullwrap.active #sider { left: 0; position: fixed; } .mobheader { display: none; } .preloader .loaded { margin: -20px 0px 0px 140px; } body { background: $(posts.background.color); } .mainwrap { margin-left: 300px; margin-right: -$(grid.spacing.value); margin-right: -webkit-calc((-$(grid.spacing.value)) - (3px)); margin-right: -moz-calc((-$(grid.spacing.value)) - (3px)); margin-right: calc((-$(grid.spacing.value)) - (3px)); } } @media screen and (min-width: 700px) and (max-width: 1460px) { .js #sider { width: 283px; } html.no-touch #menu-v li ul { left: 255px !important; } .mainwrap { margin-left: 280px; } } /*---Screen Width 1420px and above-----*/ @media (min-width: 1420px) { #menubar #HTML2 { margin-right: 100px; } } @media (min-width: 1550px) { #menubar #HTML2 { margin-right: 12%; } .relatedm { width: 100%; } #menubar #HTML1 { margin-left: 12%; } } @media only screen and (max-height: 760px) { .infobox { padding: 36px 0px 0px; } .Profile { margin-bottom: 5px; } .titlewrapper h1 { margin-top: -10px; margin-bottom: 15px; } #sidebaro .muwrap .widget-content { padding: 0px; } .menulinks ul li:last-child { border-bottom: none; } .muwrap .widget { margin-bottom: 0; } .instawrap .widget { margin-top: 8px; padding-top: 12px; margin-bottom: 0; } #sidebaro .instawrap .widget .widget-content { padding: 14px 58px 10px 20px } .slwrap .widget { margin: 10px 0 0 0; } .socialicons { line-height: normal; margin-top: 0; } } ]]>
0 -1 false false BEHIND 0

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

  • ()
▼  ◄  ►