- <b:if cond="data:blog.pageType == "index""> <data:blog.pageTitle /> <b:else /> - <b:if cond="data:blog.pageType != "error_page""> <data:blog.pageName /> - <data:blog.title /> <b:else /> 404 Not Found

- - - - - <b:if cond="data:blog.pageType == "index""> <data:blog.pageTitle /> <b:else /> - <b:if cond="data:blog.pageType != "error_page""> <data:blog.pageName /> - <data:blog.title /> <b:else /> 404 Not Found - <data:blog.title /> </b:if> </b:if> - - */ /* Use this with templates/template-twocol.html */ /*===================================== = Main =====================================*/ body { font: $bodyfont; line-height: 25px; color: $textcolor; opacity: 1; visibility: visible; -webkit-transition: opacity 0.24s ease-in-out; -moz-transition: opacity 0.24s ease-in-out; transition: opacity 0.24s ease-in-out; margin: 0; padding: 0; background: $bgcolor; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a:link,a:visited { color: $colorscheme; text-decoration: underline; outline: none; } a:hover { color: $colorscheme; text-decoration: none; outline: none; } a img { border-width: 0; } #body-wrapper { margin: 0px; padding: 0px; } /*===================================== = Header =====================================*/ .margin-1200 { width: 1200px; margin: auto; } .ad-wrapper { width: 100%; float: left; background: #f8f8f8; margin-top: 30px; padding: 28px 0px 15px 0px; } .margin-720 { width: 720px; margin: auto; } #logo { width: 100%; float: left; margin-top: 15px; margin-bottom: 0px; } .header h1 { margin: 0; padding: 0; color: #464646; font-size: 24px; font-weight: 700; float: left; border: 2px solid #464646; letter-spacing: 0.4px; background: #fff; } .header h1 a { color: #111; text-decoration: none; } .header h1.title span:first-child { float: left; background: #464646; padding: 13px 10px; color: #fff; margin: 0; margin-right: 10px; } .header h1.title span { margin-top: 13px; float: left; } .left { float: left; } .right { float: right; } /*===================================== = Error Page =====================================*/ body.error_page { background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZhFv13TAoOVokC0gt7dMhRMlL_lVHKumNgUkyD1YPdhPrTvVsaI92ayOSIIduCQnesXczNK4Yt9f7M-bO-s4JHzvOUHlS8btIdk0oHaCoSPPu-nayo4U0dGB7wuYo1IL6GdcxGS9CvgA/s1600/overlay.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmiExh0aCZLvm4VfKvUJgfS0lcjHAtd3-Drr-heYltkEPgYUdSYzPD74G7WkGTn1njkBRQc6Q5832K5PMvrNGmugobUaZqrp_IIQlVArf7jp5T1WaLv6mwrWUbePvGpr4jG3bQpBOQs2LE/s1600/freelancer.png"); background-color: #565656; background-size: cover !important; } .error_page .footer { display: none; } .error_page .site-wrapper { background: none; } .error_page #content-wrapper { background: #fff; padding: 0; } .error_page .nav { display: none; } .error_page #header h1 a { color: #fff; } .notfound { float: left; width: 100%; } .error_page div#copyrights { background: rgba(251, 249, 246, 0.06); } .error_page div#message p:last-child a { text-align: center; display: inline-block; float: none; } #message { max-width: 713px; min-height: 300px; margin: 0 auto; margin-top: 40px; margin-bottom: 200px; text-align: center; } #message p:first-child { font-size: 90px; font-weight: 700; line-height: 89px; } #message p { margin: 8px 0; font-size: 18px; color: #fff; float: left; width: 100%; } #message p a { color: #fff; text-decoration: none; background: rgba(17, 17, 17, 0.38); padding: 7px 18px; float: left; margin-right: 20px; margin-top: 15px; border-radius: 20px; } #message p a:hover { background: #111; } .error_page #main { display: none; } .error_page #rsidebar-wrapper { display: none; } .error_page .sidebar { display: none; } .static_page .post h1 a { color: #111; text-decoration: none; } .error_page .ad-wrapper { display: none; } .error_page .header h1 { background: #fff; } .error_page #menu li a { color: #fff; } .error_page #menu li:hover a { border-color: #fff; } .error_page div#footer { background: none; border-top: 1px solid #d2d2d238; } .error_page .showpageArea { display: none; } /*===================================== = Author Profile Bottom =====================================*/ .author-profile-bottom .left { width: 50%; font-family: "Poppins", "Roboto", "Arial", sans-serif; letter-spacing: -1px; color: #111; } .author-profile-bottom a { text-decoration: none; } .author-profile-bottom .right { width: 42%; font-family: roboto; font-size: 15px; line-height: 22px; color: #7d7d7d; } .author-profile-bottom { float: left; width: 100%; background: #eee; padding: 30px 30px; margin: 0px 0px 35px 0px; } .author-profile-bottom .left li { display: block; width: auto; font-size: 19px; line-height: 21px; font-weight: 600; margin-bottom: 3px; } .author-profile-bottom .left img { float: left; margin-right: 10px; width: 70px; border-radius: 50%; } /*===================================== = Main Menu =====================================*/ #menu { float: right; margin-top: 15px; } #menu li { display: inline-block; position: relative; padding: 15px 60px 15px 0; } #menu li a { text-transform: capitalize; padding: 0; font-size: 16px; color: $menucolor; font-weight: 600; line-height: 1.278; text-decoration: none; } #menu li:hover a { border-top: 2px solid $menucolor; padding-top: 11px; top: 0; } #menu li ul { display: none; position: absolute; z-index: 5; background-color: #fff; min-width: 220px; border: 1px solid #d2d2d2; } #menu li:hover ul { display: block; } #menu li ul li:last-child { border: 0; } #menu li ul li { display: block; padding: 0; margin: 0; border-bottom: 1px solid #d2d2d2; padding: 5px 0px; text-transform: capitalize; } #menu li ul li a { padding: 5px 10px; display: block; color: #111!important; text-transform: capitalize; font-size: 15px; border: 0!important; } #menu ul { margin: 0; padding: 0; } #menu ul .parent > a:after { border-style: solid; border-width: 5px 5px 0 4px; content: ''; position: absolute; top: 45%; right: 4px; border-color: #000000 transparent transparent transparent; } #menu li ul li:hover { background: #f4f4f4; } #menu li.active a { border-top: 2px solid #111; padding-top: 11px; top: 0; } #main-wrapper { width: 100%; float: left; margin: 90px 0px 0px 0px; padding: 0px 10px 0px 20px; word-wrap: break-word; overflow: hidden; } #main-wrapper h2.home-heading { margin: 0px 0px 50px 0px; color: #111; font: $headfont; text-align: center; position: relative; } #main-wrapper h2.home-heading:before, #main-wrapper h2.home-heading:after { background-color: $colorscheme; content: ""; display: inline-block; height: 3px; position: relative; vertical-align: middle; width: 22%; } #main-wrapper h2.home-heading:before { right: 0.5em; margin-left: -50%; } #main-wrapper h2.home-heading:after { left: 0.5em; margin-right: -50%; } #rsidebar-wrapper { width: 100%; margin: 0px; padding: 0; float: left; } /* Headings----------------------------------------------- */ h2 { } /* Posts-----------------------------------------------*/ h2.date-header { margin: 1.5em 0 .5em; display: none; } .wrapfullpost { } .post { margin-bottom: 15px; } .post-body { margin: 0px; padding: 0px 10px 0px 0px; } /* Sidebar Content----------------------------------------------- */ .sidebar { margin: 0 0 10px 0; font-size: 13px; color: #374142; } .sidebar a { text-decoration: none; color: $colorscheme; } .sidebar a:hover { text-decoration: none; color: $colorscheme; } .sidebar h2 { font: $subfont; font-size: 29px; color: #1c2220; margin: 35px 0 30px 0px; font-weight: bold; } .sidebar ul { list-style-type: none; list-style: none; margin: 0px; padding: 0px; } .sidebar ul li { padding: 0 0 9px 0; margin: 0 0 8px 0; } .sidebar .widget { margin: 0 0 15px 0; padding: 0; color: #374142; font-size: 13px; } .main .widget { margin: 0 0 5px; padding: 0 0 2px; } .main .Blog { border-bottom-width: 0; } .deleted-comment { font-style: italic; color: gray; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; width: 100%; float: left; } .feed-links { display: none; } #navbar-iframe { height: 0; visibility: hidden; display: none; } .slider_container { width: 100%; margin: auto; clear: both; padding: 30px 0 0 0; height: 900px; overflow: hidden; } .flex-caption { position: absolute; top: 320px; } .btn { z-index: 6; color: rgb(255, 255, 255); background-color: rgb(0, 104, 92); border-color: rgb(0, 0, 0); border-width: 0px; outline: none; box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px; box-sizing: border-box; cursor: pointer; text-align: left; line-height: 59px; margin: 0px; padding: 0px 50px; letter-spacing: 2px; font-weight: 900; font-size: 14px; float: left; text-transform: uppercase; margin-right: 20px; height: 60px; border-radius: 5px; font-family: roboto; font-weight: 700; } .btn.style2 { background: none; border: 2px solid #fff; } .btn a { color: #fff; text-decoration: none; } .flex-caption h2 { color: #fff; font-family: inherit; font-size: 120px; font-weight: 800; font-family: roboto; margin: 0; margin-bottom: 25px; line-height: 100px; } .flex-container a:active, .flexslider a:active { outline: none; } .flex-control-nav a.active { background: #fff; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { width: 100%; margin: 0; padding: 0 0 30px 0; height: inherit; } .flexslider .slides>li { display: none; } .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides>li:first-child { display: block; } .flexslider { position: relative; zoom: 1; } .flexslider .slides { zoom: 1; height: inherit; } .flexslider .slides>li { position: relative; height: inherit; } .flex-container { zoom: 1; position: relative; } .flex-direction-nav { display: none; } .flex-control-nav { width: 100%; position: absolute; bottom: 50px; text-align: center; } .flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-nav li:first-child { margin: 0; } .flex-control-nav li a { width: 17px; height: 17px; display: block; cursor: pointer; text-indent: -9999px; border: 2px solid #fff; border-radius: 50%; } .flex-control-nav li a:hover { background-position: 0 -13px; } .flex-control-nav li a.active { background-position: 0 -26px; cursor: default; } @media screen and (max-width: 1000px) { .slider_container { margin: 0; clear: both; background: none; padding: 30px 0 0 0; } .flexslider { width: 100%; margin: 0; padding: 0 0 30px 0; background: none; } .flex-direction-nav li a { width: 45px; height: 42px; margin: 0; display: block; position: absolute; right: -10px; cursor: pointer; text-indent: -9999px; } .flex-direction-nav li a.next { background: url(images/next.png) no-repeat center; bottom: 85px; } .flex-direction-nav li a.prev { background: url(images/prev.png) no-repeat center; bottom: 40px; } } /*===================================== = Profile =====================================*/ .main-middle { width: 100%; float: left; overflow: hidden; margin-top: 90px; margin-bottom: 60px; } .main-middle h2 { margin: 0px 0px 0px 0px; color: #111; font: $headfont; } .Profile img { width: 100%; height: auto; margin: 0; } .profile-wrap { height: 406px; overflow: hidden; float: left; width: 47%; } .profile-data a { color: #111; text-decoration: none; font-size: 30px; font-weight: 500; background-image: none!important; padding: 0; } .profile-textblock { font-size: 21px; margin: 0; line-height: 35px; font-weight: normal; } a.profile-link { color: #111; text-decoration: underline; font-size: 21px; float: left; width: 100%; font-weight: bold; text-decoration: none; margin-top: 32px; } a.profile-link:after { content: ' \2192'; } .profile-datablock { margin: 10px 0px 0px 32px; display: table; font: $headfont; float: left; width: 50%; } .profile-data a.profile-name-link { font: $bodyfont; } .widget .widget-item-control a img { width: initial; height: 100%; } /*===================================== = Post Outer =====================================*/ .post-outer { position: relative; background-size: cover; background-position: center; float: left; width: 33.33333%; } .overlay-bg { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 0; opacity: 1; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .post-home:hover .overlay-bg { background: rgba(0, 0, 0, 0.55); } .loadmore { text-align: center; display: block; max-width: 160px; margin: 0 auto; border-radius: 35px; overflow: hidden; } .loadmore a { background-color: #DD2F2F; color: #fff; padding: 15px 30px; display: block; } .loadmore span { background-color: #C7C7C7; color: #fff; padding: 15px 30px; display: block; } .post-thumb { width: 100%; float: none; } .post-thumb a { height: 350px; } .post-home .author-info { top: 300px; bottom: auto; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .post-info { padding: 40px; padding-bottom: 0; height: auto; position: absolute; bottom: 30px; } .ininfo { opacity: 0; transition-delay: 0.2s; transition-duration: 0.2s; transform: translateY(100%); -webkit-transform: translateY(100%); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .post-thumb { line-height: 0; position: relative; overflow: hidden; float: right; width: 100%; } .post-thumb a { display: block; width: 100%; overflow: hidden; } .post-home { overflow: hidden; float: left; width: 100%; position: relative; } .post-home .postmeta-primary { display: inline-block; padding: 5px 10px; background: #fff; line-height: 1; color: #000 !important; font-size: 11px; text-transform: uppercase; font-weight: bold; } .post-home .postmeta-primary a { color: #000; text-decoration: none; } .post-home .meta_categories a:first-child { display: block; } .post-home .meta_categories a { display: none; float: left; } .post-home .meta_date { float: left; margin-right: 5px; } .post-home h1.post-title { font-size: 28px; line-height: 34.5px; text-decoration: none; transition: all 0.5s ease; font-weight: bold; } .post-home h1.post-title a { color: #fff; text-decoration: none; } .post-home .post-content { font: $subfont; color: #fff; font-weight: 300; font-size: 19px; line-height: 29px; } .post-home:hover .ininfo { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); transition-delay: 0.2s; transition-duration: 0.2s; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .item-control { position: absolute; z-index: 1; left: 0; } .post.hentry { position: relative; float: left; width: 100%; } .widget .widget-item-control a img { width: 18px; height: auto; border-radius: 0; } input.gsc-input { border: 1px solid #d2d2d2; padding: 14px 10px; float: left; width: 100%; } input.gsc-search-button { background: none; text-transform: uppercase; font-family: "Roboto", "Arial", sans-serif; font-size: 14px; padding: 14px; margin: 0; text-align: center; width: 100%; height: auto; font-weight: bold; letter-spacing: 1px; border: 0px; background: $colorscheme; color: #fff; } td.gsc-search-button { padding: 0; } table.gsc-search-box td.gsc-input { padding: 0; } table.gsc-search-box td { width: 88%; } .post-summary img { width: 17%; float: right; } .post-summary a { color: #000; text-decoration: underline; } .PopularPosts ul { margin: 0; padding: 0; } .PopularPosts a { color: #111; text-decoration: none; font-size: 24px; font-weight: bold; } .PopularPosts .item-snippet { font: $subfont; font-size: 21px; font-weight: 300; display: table; line-height: 32px; } .PopularPosts li { margin: 0; padding: 0; display: inline-block; } .PopularPosts .item-thumbnail { width: 220px; height: 118px; overflow: hidden; margin-right: 25px; margin-bottom: 0; } .PopularPosts .widget-content ul li { padding: 0; margin: 0px 0px 40px 0px; } .PopularPosts a:hover { text-decoration: underline; } .PopularPosts .item-thumbnail img:hover { opacity: 0.8; } div#footer { font: $subfont; float: left; width: 100%; background: $colorscheme; padding: 90px 0px 20px 0px; text-align: center; color: #fff; font-size: 16px; } div#footer a { color: #fff; } .title { } #footer .title { margin: 0; padding: 0; color: #464646; font-size: 24px; font-weight: 700; border: 2px solid #464646; letter-spacing: 0.4px; background: #fff; display: inline-block; text-align: center; } #footer .title span:first-child { float: left; background: #464646; padding: 13px 10px; color: #fff; margin: 0; margin-right: 10px; } #footer .title span { margin-top: 13px; float: left; background: #fff; padding-right: 13px; } /*===================================== = Post and Pages =====================================*/ .margin-120 { width: 1200px; margin: auto; } .item #main-middle,.item .slider_container,.item h2.home-heading { display: none; } .item #main-wrapper { width: 70%; padding: 0; margin-top: 31px; } .item #rsidebar-wrapper { width: 300px; float: right; } .item #rsidebar-wrapper .margin-1200 { width: 100%; } .item .sidebar h2 { font-size: 22px; margin-bottom: 15px; } .item .sidebar h2 { font-size: 22px; margin-bottom: 15px; } .item .PopularPosts .item-thumbnail { width: 100%; height: auto; } .item .PopularPosts .item-thumbnail img { width: 100%; } .item .PopularPosts a { font-size: 16px; } .item .PopularPosts .item-snippet { font-size: 16px; line-height: 23px; } .item .PopularPosts .item-snippet { display: block; } .item .PopularPosts .widget-content ul li { margin: 0px 0px 20px 0px; } .item .post-outer, .static_page .post-outer { width: 100%; } .item .post-thumb a { padding: 120px 0; } .item .post-body img, .static_page .post-body img { max-width: 100%; } .item .post-body img:first { display: none; } .item .ininfo { opacity: 1; transform: translateY(0%); -webkit-transform: translateX(0px); } .item .overlay-bg { opacity: 1; background: rgba(0, 0, 0, 0.55); } .item .post-home h1.post-title { color: #fff; font-size: 40px; width: 100%; text-align: center; margin: 35px 0px 10px 0px; line-height: 57px; } .item .post-info { width: 100%; top: 20%; } .item .post-home .post-content { text-align: center; font-size: 20px; } .item .post-home .postmeta-primary { text-align: center; width: 100%; background: none; } .item .post-home .postmeta-primary span { text-align: center; display: inline-flex; float: none; background: #fff; padding: 6px 5px; } .item .post-thumb a { height: 480px; } .item .post-container, .static_page .post-container { font: $subfont; float: left; margin: 30px 0px; font-size: 17px; line-height: 28px; } .item #blog-pager { width: 76%; margin: 0px 180px; } .item .don-share .don-share-total .don-count { font-size: 42px; text-align: center; font-weight: 600; color: #c1272d; border-right: 1px solid #d2d2d2; padding: 0px 25px; margin-right: 20px; margin-bottom: 0; } .item .don-share .don-share-total .don-count:after { line-height: 12px; color: #a6a6a6; font-weight: 300; font-size: 12px; text-transform: capitalize; content: "Share"; } .item .don-btn { width: 178px; background-image: none; box-shadow: none; margin: 11px 0px; } .item .don-share i { border: 0; text-align: center; width: auto; margin: -7px 0; font-size: 16px; margin-right: 8px; } .item .don-btn { width: auto; } .item .don-share .don-share-total:after { display: none; } .item .don-share .don-share-total { line-height: 45px; margin: 0; } .item .don-share [class*=' don-share-'], .item .don-share [class^=don-share-] { margin: 0px 10px 0px 0; } .item .don-share { margin: 40px 0px 0px 0; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; padding: 15px 0px; } .stag-one-half { width: 48%; float: left; margin-right: 30px; } .stag-one-half:last-child { margin: 0; } .stag-one-half.stag-column-last { margin: 0; } .stag-section { width: 100%; float: left; } .post-body h2 { font-size: 28px; color: #1c2220; margin: 35px 0 20px 0px; font-weight: bold; float: left; width: 100%; line-height: 37px; } .post-body h2 a { color: #fff; text-decoration: none; } .post-body h3 { font-size: 24px; color: #1c2220; margin: 35px 0 20px 0px; font-weight: bold; float: left; width: 100%; line-height: 32px; } /*===================================== = Related Posts =====================================*/ #related-posts { float: left; width: 100%; margin-top: 30px; } #related-posts li { height: 270px; overflow: hidden; position: relative; display: block; width: 33.3333333%; float: left; border: 0; } #related-posts a { padding: 0!important; border: 0; width: 100%; margin: 0!important; bordeR: 0!important; } #related-posts img { width: 100%; height: auto!important; } #related-posts a:last-child { margin: 0; } #related-posts h3 a { color: #fff; } #related-posts h3 { font-size: 18px; line-height: 24.5px; text-decoration: none; transition: all 0.5s ease; font-weight: bold; color: #fff; float: left; width: 100%; margin: 15px 0px; } #related-posts .overlay-bg { opacity: 0; } #related-posts li:hover .overlay-bg { opacity: 1; } #related-posts h2 { font-size: 24px; color: #1c2220; margin: 0px 0 20px 0px; font-weight: bold; float: left; width: 100%; line-height: 32px; text-align: CENTER; } .recent-details { position: absolute; z-index: 10; bottom: 0px; float: left; width: 100%; padding: 40px; } .related-meta span { margin-left: 4px; } .related-meta { display: inline-block; padding: 5px 10px; background: #fff; line-height: 1; color: #000 !important; font-size: 11px; text-transform: uppercase; font-weight: bold; } .recent-content { float: left; color: #fff; font-weight: 300; font-size: 14px; } #related-posts li:hover .recent-details { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); transition-delay: 0.2s; transition-duration: 0.2s; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .recent-details { opacity: 1; transform: translateY(110%); -webkit-transform: translateY(110%); transition-delay: 0.2s; transition-duration: 0.2s; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } /*===================================== = Comments =====================================*/ #comments { float: left; width: 100%; padding: 60px 110px 0px 110px; background: #f8f8f8; margin-bottom: 40px; } .comment-hold { margin: 0px 0px 80px 0px; } #comments h3 { font-size: 25px; font-weight: 600; letter-spacing: .5px; color: #111; margin: 10px 0px 30px 0px; text-align: left; text-transform: uppercase; line-height: 23px; float: left; width: 100%; } .comment-body-author { background: #FFFFFF; color: #008000; border: 1px dotted #008000; margin: 0; padding: 0 0 0 10px; } img.comment_emo { width: 20px; vertical-align: middle; } .comment_service a { text-decoration: none; } .comment_share { color: #999999; cursor: pointer; font-size: 10px; line-height: 1.5em; max-width: 100%; font-weight: normal; padding-left: 5px; } #comment_rep a:hover { text-decoration: none; color: #464646!important; } .comment_avatar { height: 48px; width: 48px; background: #F0F0F0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGtD4R7dSWma1iT0oMBcPJECPPvU9FyCFfsA-snQndUquX4UUknE6ecVbxCUh_xV-bcDuYklZ7USLC1QEd01hGh8TfkLzo2fo_Fe5nFVwc4FNAPEL1ymcHhv1cT905qFFfwwF81mZ3lnI/s48/anon48.gif) no-repeat center center; float: left; margin-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 50px; overflow: hidden; } .comment_name { color: #444; font-size: 18px; font-weight: normal; line-height: 19.5px; max-width: 100%; text-decoration: none; margin-top: 5px; text-transform: uppercase; } .comment-menu { float: right; list-style: none; width: 0px; height: 0; } .comment_name a { text-transform: capitalize; color: #111; text-decoration: none; font-size: 17px; font-weight: 600; letter-spacing: -0.025em; line-height: 23px; font-family: "Roboto", "Arial", sans-serif; } .comment_name a:hover { color: #0088b2; text-decoration: none; } .comment_body p { font-size: 14px; line-height: 22px; margin: 0 0px 10px 0; } .comment_body { margin-top: 10px; margin-bottom: 20px; border: 1px solid #d2d2d2; padding: 20px 20px; position: relative; background: #fff; } .comment_date { color: #999; font-size: 13px; line-height: 25px; cursor: pointer; font-weight: normal; } #comments .separate { color: #cccccc; font-size: 15px; line-height: 40px; padding-left: 5px; padding-right: 5px; line-height: 10px; t: 15px; } #comments .author-mark { background: #d2d2d2; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 2px 6px 2px 6px; font-size: 15px; line-height: 15px; } .comment-share { display: inline; } .comment-share li { display: inline; } .comment-share li.button a { background: #555; color: white; padding: 0 5px 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; } .comment-share li.button:hover a { background: #000; } #comment_rep { margin-top: -27px; float: right; } .comment_child .comment_body { margin-top: 10px; margin-bottom: 30px; } .comment_child .comment_wrap { padding-left: 40px; } a.comment_reply { cursor: pointer; font-size: 13px; line-height: 1.5em; max-width: 100%; background: #e1e1e2; font-weight: 400; padding: 2px 10px; color: #767676; float: right; position: absolute; right: 0; text-transform: uppercase; bottom: 0; text-decoration: none; } .comment_admin .avatar-image-container { } .unneeded-paging-control { display: none; } .comment-form { max-width: 100%; !important; margin-top: -15px !important; } #comment-editor { width: 101%!important; } .comment_reply_form .comment-form { width: 100%; } .comment_youtube { max-width: 100%!important; width: 400px; height: 225px; display: block; padding-top: 10px; padding-bottom: 10px; } #respond { overflow: hidden; padding-left: 10px; clear: both; } .comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!important; width: 48px!important; height: 48px!important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 50px; margin-right: 10px; } .comment_child .comment_avatar, .comment_child .comment_avatar * { width: 40px!important; height: 40px!important; float: left; margin-right: 10px; } .comment_form a { color: #2f6986; text-decoration: none; } .comment_form a:hover { color: #2f6986; text-decoration: underline; } .comment_author_flag { display: none; } .comment_admin .comment_author_flag { display: inline; background: #c9c9c9; font-size: 13px; font-weight: normal; padding: 2px 6px; margin-left: 8px; color: #fff; border-radius: 4px; text-transform: uppercase; letter-spacing: .1em; } .comment-delete img { float: right; margin-left: 10px; position: absolute; margin-top: 7px; } #comment-editor { width: 100% !important; background: transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%; } .comment-form { max-width: 100%; !important; margin-top: 25px !important; } .comment_arrow { display: block; width: 18px; height: 9px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4RMA8jwBwGVRAG_DVEdwJoKmggFTzvoFIAOTMKWLaYeTSurvg_hriU5Pqz5u9XZ9yZDlQPbDsEMd8cf71bia78U7ZwejRWDB-ihyphenhyphenrkRGSUsQV7EsvxMJXaMw5VCFlpxX0nrlxokgNcOA/s1600/comment-arrow2.png) no-repeat; position: absolute; margin-top: -29px; margin-left: -5px; } .comment_emo_list .item { float: left; width: 40px; text-align: center; height: 40px; margin: 10px 10px 0 0; } .comment_emo_list span { display: block; font-weight: bold; font-size: 11px; letter-spacing: 1px; } .comment_youtube { max-width: 100%!important; width: 400px; height: 225px; display: block; } .comment_img { max-width: 100%!important; } iframe { border: none; overflow: hidden; } /*===================================== = Status Msg =====================================*/ .status-msg-body { text-align: center; font-size: 16px; text-transform: uppercase; color: #868686; font-weight: 300; line-height: 17px; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */; } .status-msg-body { } .status-msg-wrap { width: 100%; text-align: left; margin-bottom: 46px; padding-bottom: 10px; height: 48px; vertical-align: middle; } .status-msg-border { border: none; } .status-msg-body a { display: none; } .status-msg-body { background: transparent; float: left; } .status-msg-body b { color: #111111; padding: 5px; text-transform: capitalize; font-size: 23px; font-weight: 600; text-transform: capitalize; padding: 0; margin: 8px 14px; line-height: 30px; } .status-msg-bg { background: none; float: left; width: 100%; height: auto; } /*===================================== = Page Navigation =====================================*/ .showpageOf { float: left; } .showpageArea { font-size: 20px; font-weight: 300; float: right; width: 100%; text-align: right; padding: 20px 20px 20px 20px; } #blog-pager .showpageArea span a { font-size: 20px; font-weight: 300; text-decoration: none; } .showpagePoint { font-weight: bold; } .showpageArea span { margin: 0 8px; } .static_page .post h1 a { color: #111; font-size: 50px; width: 100%; text-align: center; margin: 60px 0px 0px 0px; line-height: 57px; text-decoration: none; text-align: center; width: 100%; float: left; font-weight: 600; } .static_page .post h1 { margin: 0; } /*===================================== = Responsive Menu =====================================*/ nav#nav-mobile { position: relatitve; } #nav-trigger { float: right; margin: 0; } nav#nav-mobile { margin: 0px; } nav#nav-mobile ul { display: none; margin: 0; padding: 0; margin-top: 17px; } #nav-trigger span .fa { font-size: 27px; color: #111; } nav#nav-mobile { float: right; width: 100%; z-index: 300; position: relative; } #nav-mobile li { width: 100%; float: right; } #nav-mobile li { display: block; width: 100%; } #nav-mobile li a { background-color: rgba(255, 255, 255, 0.75); padding: 13px 20px 13px 20px; width: 100%; float: right; color: #111; text-decoration: none; } #nav-mobile li li a { background: #515151; } #nav-mobile .menu-secondary { margin: 0; } .fixed-nav #nav-mobile { margin-top: 58px; } #nav-trigger { color: #111; padding: 5px 10px; float: right; } #nav-mobile .menu-secondary { display: none; } #nav-trigger { display: none; } /*===================================== = Responsive CSS =====================================*/ @media screen and (max-width: 1250px) { .margin-1200,.margin-120 { width: 1000px; } .profile-wrap { width: 46%; } .main-middle { margin-top: 40px; margin-bottom: 40px; } .main-middle h2 { font-size: 46px; margin-top: 26px; margin-bottom: 26px; } .slider_container { height: auto; } .post-outer { width: 49%; } .item #main-wrapper { width: 66%; } .stag-one-half { width: 46%; float: left; } .stag-column-last { width: 46%; float: right; } .recent-content { display: none; } #related-posts li { height: 219px; } @media screen and (max-width: 1110px) { .margin-1200,.margin-120{width: 900px; } .item #main-wrapper { width: 63%; } #related-posts li { width: 50%; } #related-posts li { width: 100%; height: 300px; } } @media screen and (max-width: 950px) { .margin-1200,.margin-120 { width: 750px; } .flex-caption { top: 25%; } .menu-container { display: none; } #menu { float: none; margin-top: 0; } #nav-trigger { margin-top: 24px; } ul#nav { background: #464646; } #nav-mobile li a { background: none; color: #fff; border-bottom: 1px solid #d2d2d2; width: 100%; text-align: center; } #nav-mobile li { padding: 0; } #nav-trigger { display: block; } .profile-wrap { width: 42%; } .profile-datablock { margin-top: 0; } .main-middle h2 { margin-top: 0; } .item #main-wrapper,.static_page #main-wrapper { width: 100%; } .item #rsidebar-wrapper, .static_page #rsidebar-wrapper { width: 100%; } } @media screen and (max-width: 770px) { .margin-1200,.margin-120, .margin-720 { width: 90%; } .post-outer { width: 100%; } #ad-720 img { width: 100%; overflow: hidden; } .profile-wrap { width: 100%; } .profile-datablock { margin-left: 0; width: 100%; text-align: center; margin-top: 41px; } .flex-caption h2 { font-size: 70px; } .author-profile-bottom .left { width: 100%; } .author-profile-bottom .right { width: 100%; margin-top: 20px; } } @media screen and (max-width: 550px) { .margin-1200,.margin-120, .margin-720 { width: 90%; } .slides .btn { display: none; } .item .post-home h1.post-title { font-size: 28px; line-height: 30px; } .item .post-home .post-content { font-size: 16px; line-height: 24px; } .item .post-info { top: 10px; } .profile-wrap { height: 309px; } #main-wrapper h2.home-heading { font-size: 31px; } #comments { padding: 15px; } } @media screen and (max-width: 450px) { .flex-caption h2 { font-size: 45px; } .profile-wrap { height: auto; } .post-home .post-content { font-size: 13px; line-height: 18px; } .showpageOf { display: none; } .showpageArea span { float: left; padding-left: 0; } .showpageArea { padding-left: 0; } .PopularPosts .item-thumbnail { width: 100%; margin-bottom: 15px; } .PopularPosts .item-thumbnail img { width: 100%; height: inherit; } .stag-one-half { width: 100%; } #comments { padding: 6px; } #related-posts li { width: 100%; } } ]]> - - - -

- - - -

https://www.unppakshikaya.com/p/UNPus.html

NONE

https://www.unppakshikaya.com/search/label/Special

සංවර්ධන පුවත්

https://www.unppakshikaya.com/search/label/Developments

පුවත්

https://www.unppakshikaya.com/p/window.html

පාක්ෂික අපි

https://www.unppakshikaya.com/search/label/News

පාක්ෂික කවුළුව

විශේෂ

- - - -

-
News
-
Contact Us

-
News
-
Contact Us

Latest Stories

-

-

- News - Contact Us

- News - Contact Us

Latest Stories

-

-

-
News
-
Contact Us

-
News
-
Contact Us