Modelo: Blog Jaci Veras






<data:blog.pageTitle/>

.title, .intro-effect-push:not(.notrans) .blog-post-single > div { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; -webkit-transition-duration: 1s; transition-duration: 1s; } .intro-effect-push:not(.notrans) .modern-post-header { -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); -webkit-transition-duration: 1.2s; transition-duration: 1.2s; } .intro-effect-push .modern-post-header { position: absolute; z-index: 1500; } .intro-effect-push > .title { position: relative; top: auto; left: auto; } .intro-effect-push .blog-post-single > div.title, .intro-effect-push .blog-post-single > div{ } .intro-effect-push > .title, .intro-effect-push .blog-post-single > div.title, .intro-effect-push .blog-post-single > div{ -webkit-transform: translateY(400px); transform: translateY(400px); opacity: 0; } .intro-effect-push.modify > .title, .intro-effect-push.modify .blog-post-single > div.title, .intro-effect-push.modify .blog-post-single > div{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .intro-effect-push.modify .modern-post-header { opacity: 0; -webkit-transform: translateY(-100%) scale(0.9); transform: translateY(-100%) scale(0.9); } /* Delays */ .intro-effect-push.modify:not(.notrans) > .title { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .intro-effect-push.modify:not(.notrans) .blog-post-single > div{ -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .modern-scroll-effect{ padding-top: 100px; } .modern .author-page-box{ margin-top: 100px; } .modern-read-down{ position:absolute; bottom:0; text-align:center; width:100%; padding-bottom:15px; z-index: 999999; } .modern-read-down h4{ font-family: Open Sans !important; font-weight: 600; font-size: 13px; color: #fff; } .modern-read-down i{ font-size: 35px; color: #fff; } .parallax{ position: relative; width: 100%; background-attachment: fixed !important; background-size: cover !important; background-repeat: repeat-y; background-position: top center; } .full-width{ margin-left:15px; } .classic .full-width{ margin-left:0px; } #loading-area { position: fixed; width: 100%; height: 100%; background: #fff !important; z-index: 999999999999 !important; overflow: hidden; } .loading { position: absolute; top: 45%; left: 50%; margin-left: -30px; } .loading:after { content: ”; position: absolute; width: 60px; height: 60px; top: 0; left: 0; border-radius: 60px; border: 1px solid transparent; border-top-color: #303674; border-left-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*———————————————————————————–*/ /* Grid Blog /*———————————————————————————–*/ .grid-title { padding: 155px 0; } .grid-title h1 { font-size: 75px; color: #FFF; } .grid-title hr { height: 2px; background: #FFF; width: 30px; margin-top: 30px; } .grdh-3 h2, .grdh-4 h2{ font-size: 30px; line-height: 35px; } .grdh-5 h2, .grdh-6 h2{ font-size: 25px; line-height: 30px; } .button-style { margin-top: 20px; display: block; } .button-style a { background: #303674; color: #FFF; font-weight: 600; font-size: 13px; letter-spacing: 1px; padding: 10px 17px; } .button-style a:hover { background: #101010 !important; } /*———————————————————————————–*/ /* Load More /*———————————————————————————–*/ .load-more-modern { width: 100%; background: #303674; -webkit-transition-property: all; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in; -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: linear, ease-in; -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: linear, ease-in; margin-bottom: 60px; } .load-more-modern a { display: inline-block; width: 100%; height: 100%; padding: 20px 0; color: #FFF; } .load-more-modern:hover { background: #000 !important; } .load-more-modern:hover a { color: #303674; } #infscr-loading { width: 125px; text-align: center; margin: 0px auto; font-size: 12px; color: #333 !important; position: relative; top: 50px; } #infscr-loading em{ text-decoration: none !important; } /*———————————————————————————–*/ /* Post Types /*———————————————————————————–*/ /*———————————————————————————–*/ /* Quote /*———————————————————————————–*/ .blog-post-quote { margin-bottom: 60px; position: relative; } .blog-post-quote blockquote { padding: 90px 30px; padding-top: 100px; position: relative; margin: 0; background: rgba(0,0,0,0.5); } .blog-post-quote blockquote:before { display: none; } .blog-post-quote blockquote p { color: #FFF !important; font-size: 40px; line-height: 50px; } .blog-post-quote cite a, .blog-post-quote cite p { color: #303674; } /*———————————————————————————–*/ /* Link /*———————————————————————————–*/ .blog-post-link { margin-bottom: 60px; } .link-background { padding: 90px 30px; padding-top: 100px; position: relative; margin: 0; background: rgba(0,0,0,0.7); } .link-background { position: relative; padding-left: 150px; } .link-background:before { content: “f08e”; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*–adjust as necessary–*/ color: #303674; font-size: 18px; padding-right: 0.5em; position: absolute; left: 100px; } .blog-post-link a { font-size: 18px; color: #FFF; } .link-line { border-top: solid 1px #e8e8e8; } /*———————————————————————————–*/ /* Chat /*———————————————————————————–*/ .chat-format .excerpt p { padding: 30px 20px; margin-bottom: 20px; font-weight: 600; } .chat-format .excerpt p:nth-child(2n) { background: #f1f1f1; text-align: right; border-radius: 10px; } .chat-format .excerpt p:nth-child(2n-1) { background: #FFF; background: #f9f9f9; text-align: left; border-radius: 10px; } .chat-format .excerpt p:first-word { font-weight: 700; } /*———————————————————————————–*/ /* Aside /*———————————————————————————–*/ .aside { font-size: 18px; line-height: 35px; } .aside-post { background: #FFF; background: rgba(255, 255, 255, 0.9); padding: 30px; margin: 20px; } /*———————————————————————————–*/ /* Status /*———————————————————————————–*/ .status { font-size: 26px; line-height: 35px; font-weight: 300; } .status-post { background: #FFF; background: rgba(255, 255, 255, 0.9); padding: 30px; margin: 20px; } .aside-line { border-bottom: solid 1px #e8e8e8; } .status-line { border-bottom: solid 1px #e8e8e8; } /*———————————————————————————–*/ /* Sidebar /*———————————————————————————–*/ .sidebar { margin-bottom: 60px; } .sidebar .widget { position: relative; background: #FFF; border: solid 1px #f1f1f1; margin-bottom: 40px; padding: 25px; font-size: 13px; } .sidebar .widget h4, .sidebar .widget h2 { color: white; border-bottom: 1px solid #e8e8e8; font-family: roboto; font-size: 15px; font-weight: bold; padding-top: 10px; padding-left: 20px; padding-bottom: 10px; background-color:rgb(203, 1, 1); text-transform: uppercase; margin-bottom: 5px; } .sidebar .widget hr { background: #e8e8e8; margin: 0; padding: 0; margin: 12px 0; margin-bottom: 20px; } .sidebar .widget a { color: #666; } .sidebar .widget a:hover { color: #303674; } .sidebar .widget ul li { position: relative; line-height: 31px; padding-left: 15px; } .sidebar .widget ul li ul li a { padding-left: 10px; } .sidebar .widget ul li ul li a:before { content: “f105”; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*–adjust as necessary–*/ color: #dcdcdc; font-size: 13px; padding-right: 0.5em; position: absolute; left: 0; left: 10px; } .sidebar .widget ul li a:before { content: “f105″; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*–adjust as necessary–*/ color: #dcdcdc; font-size: 13px; padding-right: 0.5em; position: absolute; left: 0; } .flex-viewport ul li a:before { display: none; } .sidebar .widget select { width: 100%; border: solid 1px #e8e8e8; background: #FFF; height: 40px; } .screen-reader-text { display: none; } .searchform input { margin-bottom: 0px; } .searchform input[type=”text”] { width: 80%; float: left; border: solid 1px #e8e8e8; height: 40px; padding-left: 10px; background: #FFF; } .comment-respond input { margin-bottom: 15px; } .slidebar-close{ float: right; color: #fff; font-size: 15px; display: none; } .classic .slidebar-close{ color: #303674; } .search-panel .slidebar-close{ margin-left: 10px; margin-top: -1px; } .footer-container .widget .searchform input[type=”text”] { width: 80%; float: left; border: solid 1px #222; height: 40px; padding-left: 10px; background: #101010; } .searchform input[type=”submit”] { width: 20%; background: #303674; font-size: 11px; border: none; color: #FFF !important; float: none !important; font-weight: 600 !important; padding: 3px 5px; display: inline-block; letter-spacing: 0px; } ::-webkit-input-placeholder { font-style: italic; font-size: 12px; } #recentcomments { color: #888; font-style: italic; font-size: 12px; } #recentcomments a { color: #666; font-style: normal; font-size: 12px; } .comments-post input, .comments-post textarea { background: #f5f5f5; margin-top: 5px; margin-bottom: 10px; } #tags-tab-content .tagcloud a{ margin-right:8px; margin-bottom:15px; } .tag-tab-box{ width: 320px; } .recent-post-box { margin-top: 30px; } .recent-post-image img { width: 80px; height: 50px; } .recent-post-title-cont { margin-left: 10px; -ms-word-wrap: break-word; word-wrap: break-word; max-width: 240px; } .recent-post-materials ul li { float: left; padding: 0 !important; padding-left: 5px !important; position: relative; } .recent-post-materials ul li:after { content: “.”; padding-left: 5px; position: absolute; top: -3px; } .recent-post-materials ul li.recent-post-category{ margin-left: 8px; } .recent-post-materials ul li:last-child:after { content: “”; } .recent-post-materials ul li:first-child { padding-left: 0; } .recent-post-materials ul li a { font-size: 10px; color: #888; } .recent-comments ul li { padding-left: 0; } .recent-post-materials ul li a:before { display: none; } .recent-comments ul li a:before { display: none; } .recent-comments ul li { margin-top: 30px; } .recent-comments-title-cont a { font-size: 13px; color: #666; } .recent-comments-title-cont { margin-left: 10px; -ms-word-wrap: break-word; word-wrap: break-word; max-width: 240px; } .recent-post-materials p { color: #888; font-size: 12px; line-height: 19px; text-align: left; } .default-post { background: #f3f3f3; width: 100%; height: 100%; height: 50px; width: 50px; text-align: center; padding-top: 12px; } .default-post i { color: #303674; } .gallery-size-thumbnail { font-size: 12px; line-height: 19px; font-style: italic; } #gallery-1 img { border: solid 1px #e8e8e8 !important; } .post-password-form { background: #f5f5f5; padding: 30px; text-align: center; } .post-password-form input[type=”password”] { border: solid 1px #e8e8e8; height: 40px; } .post-password-form input[type=”submit”] { background: #303674; border: none; height: 38px; color: #FFF; padding: 0 10px; } .post-password-form input[type=”submit”]:hover { background: #282828; } .link-background:hover > .link-more { display: block; } .link-more { display: none; color: #FFF; position: absolute; right: 20px; bottom: 10px; } .link-more a { font-size: 10px; } .link-more a:hover { text-decoration: underline; } .blog-post-quote:hover > .quote-more { display: block; } .quote-more { display: none; color: #FFF; position: absolute; right: 20px; bottom: 10px; } .quote-more a { font-size: 10px; color: #FFF; } .quote-more a:hover { text-decoration: underline; } .quote-line { border-top: solid 1px #e8e8e8; } .sidebar .widget .widget_wysija input[type=”text”]{ float: left; } .sidebar .widget .widget_wysija input[type=”submit”]{ float: left; margin-top: 0; padding-left: 8px; padding-right: 8px; margin-left:10px; } /*———————————————————————————–*/ /* Menu /*———————————————————————————–*/ .logo { padding-left: 30px; } .text-for-logo{ margin-top: -13px; } .menu-right { padding-right: 20px; } p.blog-desc-title { font-size: 12px; } .modern_logo h3 { color: #FFF; } #navigation-menu ul li { list-style: none !important; } .menu-container { height: 105px; padding-top: 24px; width: 100%; position: relative; top: 0; z-index: 99999999; margin-bottom: 40px; padding-right: 30px; } .menu-container-top { width: 100%; position: absolute; top: 0; left: 0; padding-right: 10px; z-index: 99999999; background: rgba(0,0,0,0.4); } .menu { padding-top: 17px; margin-right: 40px; } .empty-menu { padding: 0 20px; } .menu-container-top i { color: #FFF; } .logo img { height: 55px; vertical-align: middle; } #panel i { color: #303674; padding-left: 10px; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 10px; z-index: 99; } .sf-menu ul li ul { position: absolute; display: none; top: -37px; left: 100%; z-index: 99; } .sf-menu li:hover > ul, .sf-menu li.sf-menuHover > ul { display: block; } .sf-menu li { white-space: nowrap; -webkit-transition: background .2s; transition: background .2s; float: left; padding-left: 30px; letter-spacing: 1px; } .sf-menu li a { display: block; position: relative; zoom: 1; font-family: ‘Roboto’, sans-serif; font-weight:900; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; } .menu-container-top .sf-menu li a { display: block; position: relative; zoom: 1; font-family: novecento_demibold; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; color: #FFF; } .sf-menu li a:hover { text-decoration: none; color: #303674 !important; } .sf-menu ul li { width: 100%; min-width: 200px; background: #101010; padding: 10px; border-bottom: 1px solid #222; line-height: 30px; padding: 10px 24px; } .sf-menu ul li:hover { background: #222; } .sf-menu ul li:last-child { border-bottom: 0; } .sf-menu ul li a { color: #a8a8a8 !important; font-size: 12px; } .sf-menu ul li a:hover { color: #a8a8a8 !important; font-size: 12px; } .sf-menu .menu-item-has-children ul { float: none; } .sf-menu .menu-item-has-children { position: relative; margin-right: 20px; } .sf-menu .sub-menu .menu-item-has-children { position: relative; margin-right: 0px; } .sf-menu .menu-item-has-children:before { content: “f078”; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #101010 !important; font-size: 9px; padding-right: 0.5em; position: absolute; top: 0px; right: -23px; } .menu-container-top .sf-menu .menu-item-has-children:before { content: “f078”; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff !important; font-size: 9px; padding-right: 0.5em; position: absolute; top: 0px; right: -23px; } .sf-menu ul.sub-menu .menu-item-has-children:before { content: “f054″; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #a8a8a8 !important; font-size: 9px; padding-right: 0.5em; position: absolute; top: 10px; right: 10px; background: #101010; } .sf-menu ul.sub-menu ul.sub-menu .menu-item-has-children:before { display: none; } .sf-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu { display: none !important; } ul.sub-menu li.menu-item-has-children:hover:before { background: #222; } ul.sub-menu li ul li{ float: none !important; } .sf-menu .menu-item-has-children:hover:before { color: #303674 !important; } .slicknav_menu { display:none; } .headroom{ position: fixed; } .slide{ -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; } .slide–reset{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } .slide–up{ -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); } .panel-opened-push{ left: -360px; } .panel-closed-push{ left: 0px; } /*———————————————————————————–*/ /* Paginate /*———————————————————————————–*/ .post-paginate p { color: #303674; } .post-paginate a { color: #888; } .pagination { background: #FFF; width: 100%; height: 50px; position: relative; margin-bottom: 60px; } .pagination ul { display: inline-block; } .pagination ul li { float: left; margin-right: 5px; padding-top: 12px; height: 50px; } .pagination ul li.first { left: 50px; position: absolute; border-right: solid 1px #F5F5F5; padding-right: 50px; } .pagination ul li.last { right: 50px; position: absolute; border-left: solid 1px #F5F5F5; padding-left: 50px; } .pagination ul li:before { display: none; } .pagination ul li a { padding: 5px 12px; font-size: 12px; font-weight: 600; } .pagination ul li.active a { background: #303674; color: #fff; border-radius: 5px; } .headroom–pinned { display: block; } .headroom–unpinned { display: none; } .headroom { transition: transform 200ms linear; } .headroom–pinned { transform: translateY(0%); } .headroom–unpinned { transform: translateY(-100%); } /*———————————————————————————–*/ /* Author /*———————————————————————————–*/ .author-post { background: #FFF; border: solid 1px #f1f1f1; margin-top: 40px; padding: 25px 0; position: relative; } .author-img { padding-left: 20px; } .author-img img { width: 130px; height: 130px; } .author-position { font-size: 12px; font-style: italic; color: #888; } .author-title { font-size: 13px; line-height: 23px; width: 500px; top: 20px; position: absolute; left: 170px; } p.author-desc { margin-top: 10px; } .author-social-media ul { margin-top: 10px; margin-left: -20px; display: inline-block; } .author-social-media ul li { float: left; margin-left: 20px; margin-top: 10px; } .author-social-media ul li:before { display: none; } .author-social-media ul li i { color: #c0c0c0; } .author .fa-search { color: #FFF; } .author .logo h3 { color: #FFF; } .tooltip-inner { background: #282828; border-radius: 5px; font-size: 11px; padding: 9px 10px; min-width: 100px; } .tooltip .tooltip-arrow { border-top-color: #272627 !important; } /*———————————————————————————–*/ /* Comments /*———————————————————————————–*/ .comments-post { background: #FFF; border-left: solid 1px #f1f1f1; margin-top: 40px; padding: 20px; margin-bottom: 60px; } .datetime.secondary-text > a { color: #303674; font-size: 11px !important; margin-top: -5px; margin-bottom: 20px; float:right; } .comment-content p { font-size: 13px; } .user-comment-box { padding: 30px 0; } .comments-blog-post-top { padding-bottom: 10px; } .comments-line { height: 1px; background: #d6d6d6; } .comments-title { margin-top: 40px; } .comments ul{ margin-left: 20px; } ol.comment-list { list-style: none; } ol.comment-list .children { list-style: none; } ol.comment-list ol.children { list-style: none; } .comment-list ul li:before { display: none; } ol.comment-list li { border-bottom: solid 1px #e8e8e8; } ol.comment-list li:last-child { border-bottom: 0; } ol.comment-list ul li:last-child{ border-bottom: solid 1px #e8e8e8 !important; } .comment-respond{ margin-bottom: 10px; } p.logged-in-as { font-size: 12px; font-style: italic; margin-top: 5px; margin-bottom: 20px; } .comments .comment .comment-actions a { font-size: 11px; color: #888; text-transform: uppercase; } .leave-a-comment { padding-top: 10px; } a#cancel-comment-reply-link { font-size: 11px !important; float: right; font-family: Open Sans; font-weight: 600; padding-top: 5px; } .leave-a-comment { font-size: 15px; } .comment-notes { font-size: 12px; font-style: italic; margin-bottom: 20px; } /*———————————————————————————–*/ /* Forms /*———————————————————————————–*/ .contact-form-style .col-lg-6, .contact-form-style .col-lg-12 { margin: 0; padding: 0; } input { font-size: 11px; color: #333 !important; padding-left: 5px; width: 60%; background: #f3f3f3; border: none; height: 40px; } textarea { font-size: 11px; color: #333 !important; padding-left: 15px; padding-top: 10px; width: 100%; background: #f3f3f3; border: none; height: 250px; } input[type=”submit”] { width: auto; background: #303674; font-size: 11px; border: none; color: #FFF !important; font-weight: 600 !important; padding: 8px 30px; display: inline-block; letter-spacing: 2px; margin-bottom: 0; } input[type=”submit”]:hover { background: #282828; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } p.form-submit { text-align: right; } /*———————————————————————————–*/ /* Related Post /*———————————————————————————–*/ .related-title { margin-top: 40px; margin-bottom: 40px; } .related-posts { width: 100%; height: 275px; border-radius: 5px; } .related-posts .cats { font-size: 10px; } .background-related { height: 275px; border-radius: 5px; } .background-related img { border-radius: 5px; width: 100%; height: 100%; } .related-posts .cats { position: absolute; top: 0; } .related-posts .cats-line { position: absolute; top: 30px; } .related-posts .cats ul li:before { display: none; } .related-posts .cats ul { margin-left: 20px; } .related-posts .cats ul li { float: left; margin-top: 5px; } .related-posts .cats ul li a { color: #FFF; font-weight: 700; text-transform: uppercase; } .related-posts .cats ul li a:hover, .related-posts a:hover { color: #303674; } .related-posts .title { padding: 0 25px; position: absolute; bottom:25px; } .related-posts .title a { display: inline-block; } .related-posts a { color: #FFF; } .cats-line { height: 1px; width: 18px; background: #FFF; margin-left: 25px; } .noimage-ralated { background: #000; } .media-materials, .related-posts { overflow: hidden; position: relative; } .media-materials img{ width: 100%; height: 100%; } .media-materials img, .related-posts img { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -webkit-transition-delay: 0; -webkit-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -moz-transition-delay: 0; -moz-transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 1s; -ms-transition-delay: 0; -ms-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 1s; -o-transition-delay: 0; -o-transition-timing-function: ease-out; transition-property: transform; transition-duration: 1s; transition-delay: 0; transition-timing-function: ease-out; -webkit-backface-visibility: hidden; -moz-backface-visibility-origin: hidden; -ms-backface-visibility-origin: hidden; -o-backface-visibility-origin: hidden; backface-visibility: hidden; -webkit-transform-origin: 1000; -moz-transform-origin: 1000; -ms-transform-origin: 1000; -o-transform-origin: 1000; perspective: 1000; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .media-materials:hover img, .related-posts:hover img { -webkit-transform: scale(1.03) rotate(0.1deg); -moz-transform: scale(1.03) rotate(0.1deg); -o-transform: scale(1.03) rotate(0.1deg); -ms-transform: scale(1.03) rotate(0.1deg); transform: scale(1.03) rotate(0.1deg); } /*———————————————————————————–*/ /* Audio Player /*———————————————————————————–*/ .jp-gui { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.8); overflow: hidden; width: 100%; height: 80px; } .audio-player-widget .controls-wrapper { width: 20%; } .audio-player-widget .progress-wrapper { width: 55%; } .audio-player-widget .volume-wrapper { width: 25%; } .audio-player-widget .jp-play { width: 30px; height: 10px; } .audio-player-widget .jp-pause { width: 30px; height: 10px; } .controls-wrapper { float: left; width: 15%; padding-top: 20px; text-align: center; } .controls-wrapper ul li a:before { display: none !important; } .progress-wrapper { float: left; width: 70%; padding-top: 40px; position: relative; } .volume-wrapper { float: left; width: 15%; padding-top: 40px; } .jp-jplayer,.jp-audio { width: 100%; margin: 50px auto; } .jp-controls { padding: 0; margin: 0; list-style: none; font-family: “FontAwesome”; display: inline-block; } .jp-controls li { display: inline; } .jp-controls li:before { display: none; } .jp-controls a { color: #fff; } .jp-play,.jp-pause { width: 60px; height: 40px; display: inline-block; text-align: center; line-height: 43px; font-size: 18px; } .jp-volume-bar { width: 45px; height: 1px; background-color: #494949; overflow: hidden; margin: 0 auto; } .jp-volume-bar-value { background-color: #fff; height: 1px; } .jp-progress { background-color: #494949; overflow: hidden; width: 100%; } .jp-play-bar { height: 1px; background-color: #FF2560; } .jp-progress:hover, .jp-volume-bar { cursor: pointer; } .jp-time-holder { color: #FFF; font-size: 10px; font-weight: 600; line-height: 14px; position: absolute; right: 0px; bottom: -20px; width: 100%; } .jp-current-time { float: left; } .jp-duration { float: right; } .blog-post-audio { position: relative; min-height: 360px; } .audio-player-widget { border-radius: 5px; min-height: 220px; position: relative; } .author-cover-background { position: absolute; margin-left: -25px; top: 0; width: 100%; height: 140px; } .author-cover-background img { position: absolute; top: 90px; left: 50%; margin-left: -47px; width: 95px; height: 95px; border: solid 4px #FFF; } .author-info { margin-top: 12px; } .author-info small { font-size: 12px; font-style: italic; } .author-info small a { color: #888; margin-top: -5px; display: inline-block; } .author-info p { line-height: 20px; } .author-info a { color: #303674; } .author-works { position: relative; border: solid 1px #f4f4f4; border-radius: 5px; margin: 30px; margin-top: 40px; padding: 10px; margin-bottom: 10px; } .works-title { position: absolute; background: #FFF; font-size: 10px; color: #949393; text-transform: uppercase; margin-left: 2px; padding: 0 10px; top: -13px; } .works-details { margin-top: 5px; } .works-details ul li { line-height: 23px; display: block; } .works-details ul li p { font-size: 11px; line-height: 23px; } .works-details ul li i { padding-right: 14px; vertical-align: middle; } .works-details ul li i.f-icon { padding-right: 15px; margin-left: 1px; } .works-details ul li i.f-icontwo { padding-right: 16px; margin-left: 2px; } .works-details ul li .fa-circle { font-size: 5px; color: #1dd21b; } /*———————————————————————————–*/ /* Widget /*———————————————————————————–*/ /*———————————————————————————–*/ /* Social Links Widget /*———————————————————————————–*/ .social-links ul li a:before { display: none; } .social-links i { font-size: 20px; } .social-links ul li:nth-child(4n) { border: none; } .social-links ul li:last-child { border: none; } .social-links .fa-behance { color: #1769ff; } .social-links .fa-codepen { color: #040404; } .social-links .fa-deviantart { color: #4E6252; } .social-links .fa-dribbble { color: #EA4C89; } .social-links .fa-facebook { color: #3B5998; } .social-links .fa-flickr { color: #FF0084; } .social-links .fa-foursquare { color: #0072B1; } .social-links .fa-github { color: #000; } .social-links .fa-googleplus { color: #DD4B39; } .social-links .fa-instagram { color: #3F729B; } .social-links .fa-linkedin { color: #0976B4; } .social-links .fa-pinterest { color: #CC2127; } .social-links .fa-soundcloud { color: #FF8800; } .social-links .fa-tumblr { color: #35465C; } .social-links .fa-twitter { color: #55ACEE; } .social-links .fa-vimeo { color: #1AB7EA; } .social-links .fa-vine { color: #00B488; } .social-links .fa-youtube { color: #E52D27; } .social-links .tooltip-inner { margin-bottom: 10px; } .social-links .tooltip-arrow { margin-bottom: 10px; } /*———————————————————————————–*/ /* Twitter Widget /*———————————————————————————–*/ .tweet-content { max-width: 240px; padding-left: 10px; } .tweet-box { margin-top: 30px; } .tweet-content .time { font-size: 9px; font-style: italic; } .user-twitter-avatar { padding-top: 5px; } .tweet-title { color: #666; font-weight: 500; } .tweet-content p { font-size: 12px; color: #888; line-height: 15px; } .follow-button { margin-top: 20px; } .populer-post-widget-views { font-size: 11px; font-style: italic; color: #888; } .wpt_widget_content { position: relative; background: #FFF; border: solid 1px #f1f1f1; margin-bottom: 40px; font-size: 13px; } .wpt_widget_content ul { margin-left: 0; } .footer-container .wpt_widget_content, .sb-slidebar .wpt_widget_content { position: relative; background: #101010; border: solid 1px #333; margin-bottom: 40px; font-size: 13px; margin-top: 40px; } .wpt_widget_content ul li a:before { display: none; } .wpt_widget_content ul li { padding: 15px 0; border-bottom: solid 1px #e8e8e8; border-left: solid 1px #e8e8e8; text-align: center; } .footer-container .wpt_widget_content ul li, .sb-slidebar .wpt_widget_content ul li { padding: 15px 0; border-bottom: solid 1px #333; border-left: solid 1px #333; display: inline-block; text-align: center; } .inside ul li { border: none !important; text-align: left; } .wpt_widget_content ul li:first-child { border-left: none; } .wpt_widget_content li.selected { border-bottom: none; } .wpt_widget_content .inside { padding: 25px; padding-top:0px; } .wpt_widget_content .selected a { color: #303674; } .footer-container li.tab_title a { color: #FFF; } .wpt_widget_content ul.has-4-tabs li { float: left; width: 25%; } .wpt_widget_content ul.has-3-tabs li { float: left; width: 33%; } .wpt_widget_content ul.has-2-tabs li { float: left; width: 50%; } .wpt_widget_content ul.has-1-tabs li { float: left; width: 100%; } .wpt_widget_content a { color: #666; } #comments-tab-content { margin-top: 20px; } /*———————————————————————————–*/ /* Flicker Widget /*———————————————————————————–*/ #flickr-widget { text-align: center; } .flickr_badge_image { display: inline-block; } #flickr-widget img { display: inline; margin: 3px; padding: 1px; border: 1px solid #e8e8e8; } .footer-container .widget #flickr-widget img { border: 1px solid #333; } /*———————————————————————————–*/ /* Author Page /*———————————————————————————–*/ .author-page .menu-container { background: rgba(255, 255, 255, 0.0) !important; border-bottom: solid 1px #282828; } .author-page .menu-container ul li a { color: #FFF; } .background-opacity { background: rgba(0,0,0,0.3); } .author-page-box { padding: 8% 0; max-width: 700px; margin: 0 auto; } .author-page-box h1 { color: #FFF; margin-top: 10px; } .author-page-box p.author-desc { margin-top: 30px; color: #d2d2d2; } .author-page-box .author-position { font-size: 18px; font-style: italic; color: #FFF; } .author-pages { width: 100%; margin-top: 80px; } .author-pages { border-top: solid 1px rgba(255,255,255,0.2); } .user-random-posts { padding: 15px; } .user-random-posts i { color: #FFF; } .pages-nav ul li { float: left; padding: 15px; } .pages-nav ul li a { font-size: 12px; font-family: novecento_bold; color: #FFF; } .pages-nav ul li.active { border-top: solid 1px #FF2560; margin-top: -1px; } .pages-nav ul li.active a { color: #fc0061; } .author-pages-info { margin-top: 60px; } .author-pages-info h5 { margin-bottom: 30px; } .media-materials { overflow: hidden; position: relative; } .media-materials img { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -webkit-transition-delay: 0; -webkit-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -moz-transition-delay: 0; -moz-transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 1s; -ms-transition-delay: 0; -ms-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 1s; -o-transition-delay: 0; -o-transition-timing-function: ease-out; transition-property: transform; transition-duration: 1s; transition-delay: 0; transition-timing-function: ease-out; -webkit-backface-visibility: hidden; -moz-backface-visibility-origin: hidden; -ms-backface-visibility-origin: hidden; -o-backface-visibility-origin: hidden; backface-visibility: hidden; -webkit-transform-origin: 1000; -moz-transform-origin: 1000; -ms-transform-origin: 1000; -o-transform-origin: 1000; perspective: 1000; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .media-materials:hover img { -webkit-transform: scale(1.03) rotate(0.1deg); -moz-transform: scale(1.03) rotate(0.1deg); -o-transform: scale(1.03) rotate(0.1deg); -ms-transform: scale(1.03) rotate(0.1deg); transform: scale(1.03) rotate(0.1deg); } .post-gallery{ } /*———————————————————————————–*/ /* Post Tools /*———————————————————————————–*/ /*———————————————————————————–*/ /* Post Tools & Share /*———————————————————————————–*/ .post-tools { padding: 25px 0; } .post-tools .col-lg-6 { padding: 0; margin: 0; } .blog-post-tag { color: #d6d6d6; font-size: 11px; height: auto; display: inline-block; } .line-tag { height: 1px; width: 100%; background: #e8e8e8; margin-bottom: 30px; } .tag-title-post { font-weight: 700; color: #333; font-size: 13px; padding-left: 5px; } .post-tools i { font-size: 12px; color: #303674; } .blog-post-tag a { font-size: 11px; text-transform: uppercase; margin: 0 10px; color: #888; } .modern .blog-post-tag a{ background: #f1f1f1; font-size: 11px; padding: 5px 10px; color: #666; border-radius: 10px; line-height: 35px; margin:0 5px; } .blog-post-tag a:hover { color: #303674; } .share-tools ul li { float: left; color: #d6d6d6; font-size: 12px; } .share-tools i { font-size: 13px; } .share-tools .fa-facebook { color: #3b5998; } .share-tools .fa-twitter { color: #55acee; } .share-tools .fa-instagram { color: #3f729b; } .share-tools .fa-pinterest { color: #cc2127; } .share-tools .fa-google-plus { color: #cc2127; } .share-tools ul li:first-child{ padding-left: 20px; } .share-tools ul li:after { content: “|”; padding-left: 20px; padding-right: 20px; } .share-tools ul li:last-child:after { display: none; } .share-tools ul li:before { display: none; } .social-links ul { padding-top: 10px; } .social-links ul li { float: left; width: 25%; border-right: solid 1px #e8e8e8; text-align: center; margin: 10px 0; padding-left: 0; } .footer-container .widget .social-links ul li { float: left; width: 25%; border-right: solid 1px #333; text-align: center; margin: 10px 0; padding-left: 0; } .share-wrapper { display: none; height: 50px; overflow: hidden; } .share-wrapper .share-tools ul { padding-top: 2px; } .sizer-wrapper { position: absolute; width: 1px; background: #eee; left: -19px; top: 2px; z-index: 99; } .bigText { font-family: “Georgia”,Serif; border: 1px solid #eee; width: 50px; height: 50px; display: inline-block; background: #fff; border-radius: 50%; font-size: 30px; color: #373737; padding-top: 12px; padding-left: 15px; } .smallText { margin-left: 7px; font-family: “Georgia”,Serif; border: 1px solid #eee; width: 36px; height: 36px; display: inline-block; background: #fff; border-radius: 50%; font-size: 15px; color: #939393; padding-top: 5px; padding-left: 13px; } .randomPost { margin-left: 10px; border: 1px solid #eee; width: 30px; height: 30px; display: inline-block; background: #fff; border-radius: 50%; font-size: 12px; color: #666; padding-top: 2px; padding-left: 9px; } #text-exp{ position: static; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left:-25px; } .scroll-to-fixed-fixed{ margin-left:0px !important; } .blog-content .scroll-to-fixed-fixed{ margin-left:0 !important; } .fixMargin{ margin-left: -25px !important; } /*———————————————————————————–*/ /* Scrollup /*———————————————————————————–*/ .scrollup { display: inline-block; padding-top: 8px; padding-left: 14px; display: none; width: 40px; height: 40px; position: fixed; bottom: 50px; right: 5%; background-color: rgba(0,0,0, 0.1); border-radius: 5px; } .scrollup i { font-size: 20px; color: #303674; } .scrollup:hover { text-decoration: none; background: rgba(0,0,0,1); } #blog { position: relative; overflow: hidden; } h1.background–light { color: #000 !important; } h1.background–dark { color: #fff !important; } h1.background–complex { color: #888 !important; } .modern-blog-post-title-container.background–light h1 a, .modern-blog-post-title-container.background–light h2 a, .modern-blog-post-title-container.background–light p, .modern-blog-post-title-container.background–light ul li a, .modern-blog-post-title-container.background–light ul li, .related-post-container .background-related.background–light ul li a, .related-post-container .background-related.background–light h3 a, .back-check-img-wrap.background–light h1, .back-check-img-wrap.background–light h3, .back-check-img-wrap.background–light .modern-read-down a h4, .back-check-img-wrap.background–light .modern-read-down a i, .modern-blog-post-title-container.background–light a.blog-read-more, .modern-blog-post-title-container.background–light a.blog-read-more i, .logo.background–light p, .author-page-box.background–light h1, .author-page-box.background–light .author-desc, .author-page-box.background–light .author-social-media ul li i, .back-check-img-wrap.background–light .author-name-chck a, .author-page-box.background–light .author-position { color: #000 !important; } .modern-blog-post-title-container.background–dark h1 a, .modern-blog-post-title-container.background–dark h2 a, .modern-blog-post-title-container.background–dark p, .modern-blog-post-title-container.background–dark ul li a, .modern-blog-post-title-container.background–dark ul li, .related-post-container .background-related.background–dark ul li a, .related-post-container .background-related.background–dark h3 a, .back-check-img-wrap.background–dark h1, .back-check-img-wrap.background–dark h3, .back-check-img-wrap.background–dark .modern-read-down a h4, .back-check-img-wrap.background–dark .modern-read-down a i, .modern-blog-post-title-container.background–dark a.blog-read-more, .modern-blog-post-title-container.background–dark a.blog-read-more i, .logo.background–dark p, .author-page-box.background–dark h1, .author-page-box.background–dark .author-desc, .author-page-box.background–dark .author-social-media ul li i, .back-check-img-wrap.background–dark .author-name-chck a, .author-page-box.background–dark .author-position{ color: #FFF !important; } .modern-blog-post-title-container.background–dark.background–complex h1 a, .modern-blog-post-title-container.background–dark.background–complex h2 a, .modern-blog-post-title-container.background–dark.background–complex p, .modern-blog-post-title-container.background–dark.background–complex ul li a, .modern-blog-post-title-container.background–dark.background–complex ul li, .related-post-container .background-related.background–dark.background–complex ul li a, .related-post-container .background-related.background–dark.background–complex h3 a, .back-check-img-wrap.background–dark.background–complex h1, .back-check-img-wrap.background–dark.background–complex h3, .back-check-img-wrap.background–dark.background–complex .modern-read-down a h4, .back-check-img-wrap.background–dark.background–complex .modern-read-down a i, .modern-blog-post-title-container.background–dark.background–complex a.blog-read-more, .modern-blog-post-title-container.background–dark.background–complex a.blog-read-more i, .logo.background–dark.background–complex p, .author-page-box.background–dark.background–complex h1, .author-page-box.background–dark.background–complex .author-desc, .author-page-box.background–dark.background–complex .author-social-media ul li i, .back-check-img-wrap.background–dark.background–complex .author-name-chck a, .author-page-box.background–dark.background–complex .author-position{ color: #a1a1a1 !important; } .modern-blog-post-title-container.background–light.background–complex h1 a, .modern-blog-post-title-container.background–light.background–complex h2 a, .modern-blog-post-title-container.background–light.background–complex p, .modern-blog-post-title-container.background–light.background–complex ul li a, .modern-blog-post-title-container.background–light.background–complex ul li, .related-post-container .background-related.background–light.background–complex ul li a, .related-post-container .background-related.background–light.background–complex h3 a, .back-check-img-wrap.background–light.background–complex h1, .back-check-img-wrap.background–light.background–complex h3, .back-check-img-wrap.background–light.background–complex .modern-read-down a h4, .back-check-img-wrap.background–light.background–complex .modern-read-down a i, .modern-blog-post-title-container.background–light.background–complex a.blog-read-more, .modern-blog-post-title-container.background–light.background–complex a.blog-read-more i, .logo.background–light.background–complex p, .author-page-box.background–light.background–complex h1, .author-page-box.background–light.background–complex .author-desc, .author-page-box.background–light.background–complex .author-social-media ul li i, .back-check-img-wrap.background–light.background–complex .author-name-chck a, .author-page-box.background–light.background–complex .author-position{ color: #333 !important; } .related-post-container .background-related.background–light .cats-line{ background-color: #000 !important; } .related-post-container .background-related.background–dark .cats-line{ background-color: #FFF !important; } .related-post-container .background-related.background–light.background–complex .cats-line{ background-color: #333 !important; } .related-post-container .background-related.background–dark.background–complex .cats-line{ background-color: #a1a1a1 !important; } .search-panel { position: relative; } .content { width: 100%; background-color: #fff !important; } .bar { width: 100%; height: 200px; background: pink; } .panel-wrapper { padding: 0px 20px 0 20px; color: #fff; } /*———————————————————————————–*/ /* Prev Next /*———————————————————————————–*/ .prev-next a { position: absolute; top: 200px; display: block; outline: none; text-align: left; z-index: 99999999; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff !important; width: 40px; height: 90px; } #modern-post-effect .prev-next a{ z-index: 0 !important; background: #fff !important; top:300px; } .prev-next i { font-size: 22px; } .prev-next a.prev { left: 0; border-top: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; } .prev-next a.next { right: 0; border-top: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; } .prev-next .icon-wrap { position: relative; display: block; padding-top: 34px; padding-left: 15px; } .prev-next { overflow: hidden; } .prev-next i { -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; fill: #fff; } .prev-next div { position: absolute; top: 0; width: 200px; height: 100%; background-color: #939a9f; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-perspective: 1000px; perspective: 1000px; } .prev-next a.prev div { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .prev-next a.next div { right: 0; text-align: right; -webkit-transform: translateX(100%); transform: translateX(100%); } .prev-next img { position: absolute; top: 0; left: 0; width: 100%; } .prev-next h3 { position: absolute; top: 125%; margin: 0; padding: 0 15px; width: 100%; height: 30%; background: #303674; color: #fff; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-size: 10px; line-height: 26px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .prev-next a:hover i { -webkit-transition-delay: 0s; transition-delay: 0s; } .prev-next a.prev:hover i { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .prev-next a.next:hover i { -webkit-transform: translateX(100%); transform: translateX(100%); } .prev-next a:hover div { -webkit-transform: translateX(0); transform: translateX(0); } .prev-next a:hover h3 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } /*———————————————————————————–*/ /* Progress /*———————————————————————————–*/ .progress-container{ position: static; z-index: 9999999999999; width: 100%; color: #303674; height:2px; } .reading-progress-bar{ width:0%; background: #303674; height:2px; } /*———————————————————————————–*/ /* Search /*———————————————————————————–*/ #modern-search-wrapper { width: 100%; height: 100%; position: fixed; z-index: 9999999999999999; background: rgba(0,0,0,0.7); display: none; padding-top: 20%; padding-left: 20%; } #modern-search-wrapper input { background: transparent; height: 50px; font-size: 40px; color: #fff !important; width: 450px; border-bottom: 1px solid #f5f5f5; border: 0; font-family: novecento_demibold; text-transform: uppercase; letter-spacing: 1px; } #modern-search-wrapper input::-webkit-input-placeholder { color: #f5f5f5; font-family: novecento_demibold; font-style: normal; font-size:20px; letter-spacing: 1px; padding-top: 12px; } ::-moz-placeholder { color: #9e9e9e; font-weight: 300; } :-ms-input-placeholder { color: #9e9e9e; font-weight: 300; } input:-moz-placeholder { color: #9e9e9e; font-weight: 300; } #modern-search-wrapper input:focus { outline: 0; } #search-close { position: absolute; top: 10%; right: 10%; color: #fff; font-size: 15px; } #search-button { position: relative; } #search-button i { position: absolute; } .open-search { margin-top: 6px; margin-left: -15px; } .close-search { display: none; margin-top: 6px; margin-left: -15px; } #classic-search-wrapper { position: absolute; top: 0; left: -300px; top: 30px; width: 315px; background: #eee; border-radius: 5px; text-align: center; padding: 10px 10px; display: none; } #classic-search-wrapper input.s-input { background: #FFF; height: 40px; min-width: 180px; border: solid 1px #e8e8e8; margin: 0; padding: 0 5px; font-size: 13px; } #classic-search-wrapper input.s-submit { background: #303674 !important; color: #FFF !important; letter-spacing: 0; } .post-slider-wrapper { width: 100%; background: #383838; } /*———————————————————————————–*/ /* Shortcode /*———————————————————————————–*/ /*———————————————————————————–*/ /* Sources Shortcode /*———————————————————————————–*/ .sources { background: #f8f8f8; padding: 40px; margin-top: 60px; } .sources h3 { margin: 0; padding: 0; margin-bottom: 15px; } .sources a { padding: 15px 8px; line-height: 13px; border-bottom: solid 1px #e5e5e5; display: block; padding-left: 0; position: relative; padding-right: 15px; } .sources a:after { content: “f14c”; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*–adjust as necessary–*/ color: #303674; font-size: 13px; padding-right: 0.5em; position: absolute; top: 17px; right: 0px; } /*———————————————————————————–*/ /* Skill Box Shortcode /*———————————————————————————–*/ .skills-box { width: 100%; background-color: #f5f5f5; border-top: 1px solid #f0f0f0; padding-bottom: 60px; margin-top: 60px; } .progress { height: 10px; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; background-color: #eaeaea; border: 0; border-radius: 5px; margin-top: -5px !important; margin-bottom: 10px; } .bar-box { text-transform: uppercase; font-family: novecento_bold; } .bar-box p { margin-bottom: 5px; font-weight: 600; font-size: 13px; } .progress-bar { background-color: #303674; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } /*———————————————————————————–*/ /* Spoiler Shortcode /*———————————————————————————–*/ .spoiler { margin: 0 auto; cursor: pointer; position: relative; font-size: .9em; } .spoiler.on { color: rgba(0,0,0,0); text-shadow: 0 0 10px #000; } .spoiler.on:before { content: ‘Show Spoiler Text’; position: absolute; text-shadow: none; color: #fff; width: 190px; height: 35px; line-height: 35px; letter-spacing: 1px; text-align: center; left: 50%; top: 50%; margin-left: -95px; border-radius: 5px; font-family: novecento_bold; text-transform: uppercase; font-size: 13px; background-color: #303674; margin-top: -17px; } .b_color { padding: 20px; } p.cptch_block { padding-bottom: 15px; top: -15px; position: relative; } /*———————————————————————————–*/ /* Dropcap Shortcode /*———————————————————————————–*/ .dropcap p:first-child:first-letter { float: left; text-align: center; border-radius: 50%; font-size: 60px; font-weight: 300; line-height: 60px; vertical-align: middle; margin-right: 15px; margin-top: 5px; display: block; } .panel-title { background: #101010; border-radius: 1px; color: #FFF; font-size: 12px; font-family: novecento_bold; padding: 10px 15px; } .cllpse-active a { color: #303674; } .collapse-blogy { background: #FFF; } #accordion .panel { margin-bottom: 6px; border: 0; } .accordion-left-pad{ padding-left: 20px; } /*———————————————————————————–*/ /* Tab Shortcode /*———————————————————————————–*/ .tab-style ul li { float: left; padding: 5px 12px; } .tab-style ul li a { font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .tabbed-area .active { background: #303674; } .tabbed-area .active:hover { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; background: #282828; } .tabbed-area .active a { color: #FFF !important; } .contact-tabs-area .tabbed-area .active { background: #f5f5f5 !important; } .tabbed-area li:before { display: none; } ul.tabbed-area { padding: 0; margin: 0; } /*———————————————————————————–*/ /* 404 /*———————————————————————————–*/ #error-page { margin-top: 8%; margin-bottom: 8%; } .error-image { text-align: center; } .error-image img { display: inline-block; margin-bottom: 20px; } .left-side { border-right: solid 1px #e8e8e8; height: 320px; } .right-side { line-height: 460px; vertical-align: middle; } .right-content { text-align: left; max-width: 270px; margin: 0 auto; font-size: 13px; line-height: 22px; } .search-box { margin-top: 60px; } #error-page h5 { margin-bottom: 20px; } /*———————————————————————————–*/ /* Video Section /*———————————————————————————–*/ .video-section { width: 100%; position: relative; } .video-section-home { width: 100%; position: relative; } .video-wrapper { position: absolute; top: 0; left: 0; overflow: hidden; background-color: rgb(0, 0, 0); } .video-wrapper .mediaElement { margin-top: -20px; } .video-wrapper .vimeo-bg { margin-top: -5px; } .video-wrapper .youtube-bg { margin-top: -5px; } .video-content { background: url(images/video_overlay.png); position: absolute; top: 0; left: 0; z-index: 10000; } .video-cover { position: absolute; top: 0; left: 0; z-index: 9999; display: none; } .video-cover { position: absolute; top: 0; left: 0; z-index: 9999; display: none; } /*———————————————————————————–*/ /* Social & Newsletter /*———————————————————————————–*/ .social-area{ min-height: 380px; } .social-newsletter{ width:50%; background: #f0f0f0; height: auto; } .social-side{ width:50%; background: #303674; height: auto; } .newsletter-box{ max-width: 550px; } .social-box{ max-width: 550px; } .shortcode_wysija input[type=text]{ width:320px; height: 70px; border: 1px solid #c6c6c6; background: #f0f0f0; color: #9e9e9e !important; font-size: 12px; font-weight: 300; font-style: italic; padding-left: 15px; } .shortcode_wysija input[type=submit]{ width: 100%; height: 100%; text-indent: -99999px; margin-top: 0; padding: 0; background: transparent !important; border-radius: 50%; position: relative; z-index: 9; } .nws-input-wrapper{ width: 40px; height: 40px; position: relative; background: transparent; border: 1px solid #c6c6c6; border-radius: 50%; padding: 0; margin-top: 49px; margin-left:140px; } .nws-input-wrapper:before { content:” “; position: absolute; top: -51px; left: 19px; width: 1px; height: 50px; background: #c6c6c6; } .nws-input-wrapper:after { content: “f0e0”; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*–adjust as necessary–*/ color: #333; font-size: 13px; position: absolute; top: 6px; left: 13px; } .formErrorContent{ border: 0 !important; background-color: #303674 !important; } .newsletter-wrapper{ width:320px; margin: 0 auto; } .nwslttr-title hr{ height: 1px; background: #000; width: 45px; margin-top: 10px; border-top:0; } .social-title h3{ color: #fff; } .social-title hr{ height: 1px; background: #fff; width: 45px; margin-top: 10px; border-top:0; } .social-links-footer li a i{ font-size: 30px; color: #fff; } .social-links-footer li{ float: left; margin-right: 140px; width: 40px; } .social-links-footer li .tooltip{ margin-top: -15px; } .social-links-footer li:nth-child(3n+3){ margin-right: 0px; } .social-links-footer li{ float: left; margin-right: 140px; margin-bottom: 50px; } .social-links-footer{ padding-left: 100px; } .widget_wysija_cont .updated{ border: 0; background-color: #303674; color: #fff; } .search-page .modern-grid-box{ height: 565px; } .classic .post-content-blog .excerpt .container{ width: 100% !important; } .newsletter-box{ padding-right: 170px; } /*———————————————————————————–*/ /* Footer /*———————————————————————————–*/ .footer-container { background: #101010; } .footer-container .widget { margin-top: 40px; position: relative; font-size: 13px; } .footer-container .widget h4, .footer-container .widget h2 { font-family: Open Sans; font-weight: 600; font-size: 13px; text-transform: none; color: #FFF; padding-bottom:12px; margin-bottom:20px; border-bottom: 1px solid #333; text-align: left; line-height:24px; } .footer-container .widget hr { border-top: solid 1px #333; margin: 0; padding: 0; margin: 12px 0; margin-bottom: 20px; } .footer-container .widget a, .footer-container .widget p { color: #ddd; } .footer-container .widget a:hover { color: #303674; } .footer-container .widget ul li { position: relative; padding-left: 15px; line-height: 31px; } .footer-container .widget ul li ul li a { padding-left: 10px; } .footer-container .widget ul li ul li a:before { content: “f105”; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*–adjust as necessary–*/ color: #dcdcdc; font-size: 13px; padding-right: 0.5em; position: absolute; left: 0; left: 10px; } .footer-container .widget ul li a:before { content: “f105″; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*–adjust as necessary–*/ color: #dcdcdc; font-size: 13px; padding-right: 0.5em; position: absolute; left: 0; } .footer-container .widget .codepen i, .footer-container .widget .github i { color: #FFF; } .footer-container .widget .author-info h2 { color: #FFF; } .footer-container .widget .author-info { margin-top: 200px; } .footer-container .widget .author-widget { border: solid 1px #222; padding-bottom: 30px; } .footer-container .widget .author-info p { padding: 0 30px; } .footer-container .widget .author-works { position: relative; border: solid 1px #333; border-radius: 5px; margin: 30px; margin-top: 40px; padding: 10px; margin-bottom: 10px; } .footer-container .widget .works-title { position: absolute; background: #101010; font-size: 10px; color: #949393; text-transform: uppercase; margin-left: 2px; padding: 0 10px; top: -13px; } .footer-container .widget .author-cover-background { position: absolute; left: 25px; top: 0; width: 100%; height: 140px; } .footer-container .widget .author-cover-background img { border: solid 4px #333333; } h1, h2, h3, h4 ,h5, h6, .pages-nav ul li a, .bar-box, .spoiler.on:before, .panel-title{ font-family: ‘Roboto’, sans-serif; font-weight:900; } .post-slider-wrapper .blog-read-more, .sf-menu li a, .menu-container-top .sf-menu li a, #modern-search-wrapper input, #modern-search-wrapper input::-webkit-input-placeholder, .sidebar h4, .footer-container .widget h4 { font-family: ‘Roboto’, sans-serif; font-weight:900; } body, body p{ font-family: Open Sans !important; font-weight: 400 !important; color: #666 !important; } /* Background */ body{ background: #f0f0f0 !important; } .logo img{ height: 48px !important; } .menu-container{ height: 97px !important; } .menu-container-top{ height: 97px !important; } .menu, .logo h3, .menu-container-top{ padding-top: 17px !important; } .sf-menu .menu-item-has-children ul{ padding-top: 36px !important; } .classic .sf-menu .menu-item-has-children ul{ padding-top: 30px !important; } .search-panel{ top: 17px !important; } table a, #wp-calendar a, #wp-calendar caption, caption, cite, var, .active-color, a:hover, .author-name a, .sticky-post i, .blog-classic-share a, .blog-content ul li:before, .blog-post-quote cite a, .blog-post-quote cite p, .link-background:before, .sidebar .widget a:hover, .default-post i, .sf-menu li a:hover, .sf-menu .menu-item-has-children:hover:before, .post-paginate p, .blog-post-tag a:hover, .comment-time p, .related-posts .cats ul li a:hover, .related-posts a:hover, .author-info a, .wpt_widget_content .selected a, progress, .modern-blog-post-title-container ul li.author a, .recent-post-materials li.author a,.load-more-modern:hover a, .sources a:after, #panel i, .scrollup i, .cllpse-active a, .progress-container, .progress-bar, .modern-blog-post-title-container ul.post-categories li a:hover, .modern-blog-post-title-container h1.checked-title a:hover, .recent-post-materials ul.recent-met li a:hover, .modern-blog-post-title-container.back-check a.blog-read-more:hover, .modern-blog-post-title-container.back-check a.blog-read-more:hover i{ color: #303674 !important; } kbd, .searchform input[type=”submit”], .post-password-form input[type=”submit”], .pagination ul li.active a, input[type=”submit”], .prev-next h3, #classic-search-wrapper input.s-submit, .load-more-modern ,.button-style a,.progress-bar, .spoiler.on:before, .flex-control-paging li a.flex-active, .tabbed-area .active, .widget_wysija_cont .updated, .formErrorContent, .social-side{ background: #303674 !important; } .continue-reading a, .loading:after { border-top-color: #303674 !important; } h21.site-description{font-family:Open Sans;font-weight:400;font-style:normal;color:#666;} @media only screen and (m max-width: 1500px){ .modern-blog-post-title-container h1{font-size: 60px;line-height: 65px;} } @media only screen and (min-width: 1350px){ .sizer-wrapper{left:-60px;} } @media only screen and (max-width: 1200px){ .sizer-wrapper{display: none;} .prev-next{display: none;} .parallax{background-repeat: no-repeat !important;background-attachment:scroll !important;background-position:center !important;background-size: auto !important;} .social-links-footer{padding-left:50px;} .newsletter-box{padding-right: 90px;} } @media only screen and (min-width: 992px) and (max-width: 1200px){ } @media only screen and (max-width: 991px){ .js #nav{display:none;} .js .slicknav_menu{display:block;} .modern-scroll-effect{padding-top: 0;} #nav-menu{position: absolute;} .slides.grid-2 li div.grid-box, .slides.grid-3 li div.grid-box, .slides.grid-4 li div.grid-box, .slides.grid-5 li div.grid-box, .slides.grid-6 li div.grid-box{width: 100% !important;} .social-links-footer li{margin-right: 50px;margin-bottom: 30px;} .social-links-footer li:nth-child(3n+3){margin-right: 50px;} .social-newsletter{width:100%;float: none;} .social-side{width:100%;float: none;} .newsletter-box{float:none !important;padding-right: 0 !important;max-width: 100% !important;padding-bottom: 50px;} .social-box{max-width: 100% !important;padding-bottom: 50px;} .grdh-1 h1{font-size: 30px;line-height: 35px;} } @media only screen and (max-width: 767px){ .modern-title h1{font-size: 35px;line-height: 40px;} .modern-single-post .title h1{font-size: 35px;line-height: 40px;} .modern-excerpt p{font-size: 20px;line-height: 28px;} .sidebar .widget .widget_wysija input[type=”text”]{width:55%;} .modern-grid-box {height: auto;} .grid-title h1{line-height: 75px;} .blog-post-share{padding-bottom: 30px;} .related-post-container .related-posts{margin-bottom: 60px;} .com-title h4{font-size: 15px;} .com-info h5{font-size: 15px;padding-top:3px;} } /* Tablet Portrait size to Tablet Landscape (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 991px){ } @media only screen and (min-width: 480px) and (max-width: 767px){ } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .share-mobile-check .pull-right{float:left !important;} } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min–moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } .flex-direction-nav { position: absolute; top: 48%; width: 100%; } .comments .avatar-image-container img { height: 85px; width: 85px; max-height: 85px; max-width:85px; } .comments .avatar-image-container { float: left; max-height: 85px; overflow: hidden; width: 85px; height:85px; max-width:85px; } .comments .comment-block { margin-left: 110px; position: relative; width: 83.3333%; } .author-cover-background{ background: url(‘http://4.bp.blogspot.com/-DHrUnQbjCVc/U60uWKDrF7I/AAAAAAAAArI/r_S_ibGTUQE/s1600/about-block-bg2.jpg’); height: 110px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;} .author-cover-background img { position: absolute; top: 40px; left: 20%; margin-left: -47px; width: 95px; height: 95px; border: solid 4px #FFF; } .author-info { margin-top: -25px; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .popular-block { overflow:hidden; } .block-heading { position: relative; text-align:center; font-size:26px; letter-spacing:3px; line-height:1em; margin-bottom:30px; } .block-heading:before { content: “”; display: block; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; } .block-heading span { padding: 0 26px; position: relative; z-index: 5; display: none; } .popular-block .block-heading { text-transform:uppercase; font-size:24px; } .popular-item { width:365px; float:left; margin-right:22px; text-align:center; } .popular-item:nth-child(4) { margin-right: 0; } .popular-item img { margin-bottom:2px; } .popular-item span.cat a, .post.list .post-list-text span.cat a { text-transform:uppercase; font-weight:700; color:#4fb8a6; font-size:11px; letter-spacing:1px; display:inline-block; margin-bottom:4px; } .popular-item h3 { text-align: center; margin-bottom: 12px; bottom: 65px; color: #fff; background: rgba(0,0,0,0.4); z-index: 500; position: relative; width: 359px; } .popular-item h3 a { font-size:14px; color:#fff; letter-spacing:1px; } .popular-item span.date { display:block; margin-top:-4px; color:#999; font-size:10px; letter-spacing:1px; font-family:”Playfair Display”; text-transform:uppercase; } /********************************/ /*** Footer Copyright ***/ /********************************/ #footer-copyright { padding:18px 0; background:#0b0b0b; overflow:hidden; font-family:”Open Sans”, sans-serif; } #footer-copyright p { font-size:11px; color:#888; float:left; } #footer-copyright .to-top { float:right; margin-top:6px; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:1px; color:#333; } #footer-copyright .to-top i { font-size:14px; margin-left:3px; } #footer-copyright .to-top:hover { text-decoration:none; } footer#footer-copyright a { color: #B2B2B2; } .col-lg-4{ float:right !important; width: 306px !important;} ]]>








<nav style="margin-bottom: 11px;margin-bottom: 11px;
background: #fff;
border-radius: 3px;" class="navbar navbar-expand-lg navbar-light bg-light">

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<li style="padding: 17px; list-style:none;
font-weight: bold;" class="nav-item active">
<a class="nav-link" href="https://www.jaciveras.com.br/">PÁGINA INICIAL <span class="sr-only">(current)</span></a>
</li>

</div>
</nav>








Please Share a Your Opinion.
true
By
true
TextAndImage
-
Reaksi:
false
1x1
false
true
1
#ffffff
Link ke posting ini
true
#000000
true
#008000
true
#0000ff
#ffffff
true
Label:
true
false
false
































&rsaquo;























































by










1






Jaci Veras

Blogueira

Criador de Conteudo para internet, formador de opinião e membro da imprensa local.










































<iframe src="https://d6ojw9st89o3o.cloudfront.net/BRGallery/index.php/player/view/wall;233;128;ZDM2bnIwdTN4bWM0bW0uY2xvdWRmcm9udC5uZXQvaW5kZXgucGhwL2FwaS9zdHJlYW1pbmcvc3RhdHVzLzgwNzgvNzA4MTQxYzc4NTVhYjIxNDQ4M2ZiODNhOGI0MWQ0M2Yvc2Vydmlkb3IzMS5icmxvZ2ljLmNvbQ==;false" border="0" scrolling="no" frameborder="0" allowtransparency="true" style="background-color: none;" width="233" height="128"></iframe>

<iframe src="https://d36nr0u3xmc4mm.cloudfront.net/index.php/api/streaming/widget-meta-name/8078/708141c7855ab214483fb83a8b41d43f;ff0808;15/servidor31.brlogic.com" border="0" scrolling="no" frameborder="0" allowtransparency="true" style="background-color: none;" width="200px" height="14px"></iframe>








false
LAST_UPDATE_DESCENDING
0
false
true
true
false







10
true
true
LAST_MONTH






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





  • ()













▼ 

◄ 

► 






<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?targetBlogIDx3d3284681213287746292x26blogNamex3dBlog+Jaci+Veras+++++++++++x26publishModex3dPUBLISH_MODE_HOSTEDx26navbarTypex3dDISABLEDx26layoutTypex3dLAYOUTSx26searchRootx3dhttps://www.jaciveras.com.br/searchx26blogLocalex3dpt_BRx26vx3d2x26homepageUrlx3dhttps://www.jaciveras.com.br/x26vtx3d-1070586678193990020',
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>





Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *