MuDAers, kira-kira akan spserti apa Indonesia kita ini dalam 100 tahun kedepanÂ
yah?
AKSI HIJAU
PEDULI LINGKUNGAN
KLIK DISINI
PEMENANG DAERAH
SURABAYA
BACK TO OVERVIEW
BANDUNG
BACK TO OVERVIEW
SEMARANG
BACK TO OVERVIEW
PALEMBANG
BACK TO OVERVIEW
INTRO
MY PORTFOLIO
ABOUT ME
CONTACT
Edit with Live CSS
// ------------------------------------FONT AWESOME .fas{ margin-right: 16px } .menu-item a .fas.fa-home{ margin:0px } // ------------------------------------AUTHOR AVATAR .avatar{ border-radius: 100%; } .td-instagram-profile-image img{ width: 100%; } // ------------------------------------HEADER .td-main-page-wrap{ padding-top: 0px; } .td-header-style-9 .td-banner-bg{ background-color: transparent; } .td-header-sp-logo{ //background header ornamen background: url(https://d1ujd2p1ng8vkd.cloudfront.net/wp-content/uploads/sites/31/2019/05/Ornamen-Logo.png); background-size: cover; background-position: center } .td-main-logo img{ max-width: 400px; } @media all and (max-width: 500px){ .td-main-logo img{ min-width: 100px; max-width: 200px;; } } .td-banner-wrap-full{ background: transparent; } .td-retina-data{ padding: 3rem; } // ------------------------------------PRIMARY MENU .td-header-menu-wrap , .td-header-menu-wrap .td-header-gradient .td-affix , .td-container .td-header-row .td-header-main-menu{ background-color: #005a99 !important; } .menu-item-kontributor a i{ background-color: #f3a83b; border-radius: 16px; padding: 8px; } ul.sf-menu > .td-menu-item > a { font-size : 12px; } .td-instagram-button{ background-color: #1e73be; } .td-container-wrap{ background: transparent; } .td_module_mega_menu .td-module-image .td-module-thumb .td-image-wrap .entry-thumb{ width:200px; } // -----------------------------------BURGER MENU ON MOBILE #td-mobile-nav{ background:#005a99 ; } // ------------------------------------ SEARCH FORM .td-head-form-search-wrap .btn , #searchsubmit{ background: #005a99 !important; } .td-search-background{ background:none; } //HOME PAGE -RESPONSIVE IPAD @media (min-width: 767px) and (max-width: 1024px){ .sidebar-column .wpb_wrapper{ display: flex; } .ipad-width{ width: 100%; } .ipad-wrap .td_block_inner .td_module_wrap{ width: 50%; margin-bottom : 32px; } .jumbotron .td_block_inner .td_module_flex_6:first-child{ width: 66.6% } .jumbotron .td_block_inner .td_module_flex_6 :nth-child(2){ margin-bottom: 6px; } // MEGA MENU .td_module_mega_menu .td-module-image .td-module-thumb .td-image-wrap .entry-thumb{ width:150px; min-height: 100px; max-height: 100px; } } // SINGLE RESPONSIVE MOBILE @media (max-width: 767px){ #single-page-container .td-stretch-content{ padding-left: 0px !important; padding-right: 0px !important; } } // ------------------------------------FOOTER MUDA .footer-muda{ background-size: cover; } #footer-muda .td-stretch-content{ padding: 0px; } .td-sub-footer-container{ background-color: #0d0d0d; } .td-footer-wrapper .td-container-wrap { width: 100% !important; } .td-boxed-layout{ width: 100% !important; } a .td_single_image_bg{ z-index:-1 !important; } .pre-footer{ margin-top:10rem; height: 4rem; background-position: top; } @media all and (min-width: 1280px){ .pre-footer{ height:6rem; } } .footer-logo .td-fix-index img{ max-witdh: 400px !important; min-width: 100px; } // ------------------------------------ SINGLE POST .td-video-template-bg{ background: transparent; } .post{ background: transparent; } .td-post-author-name div,.td-post-author-name a{ font-size:16px; } .logged-in-as{ font-size: 14px; } .td-post-next-prev-content span{ font-size: 14px; } #reply-title{ font-size: 16px; } .td-post-content p{ font-size: 18px; font-family: "Fira Sans"; } #single-jumbotron .td-pb-span12{ padding-left: 0px !important; padding-left: 0px !important; } .td-post-featured-video .td-post-featured-image figure .wp-caption-text{ background: black; position: absolute; bottom: 2rem; color: white; padding: 16px; margin-top:-100px; } .td-block-title-wrap h4,{ font-family: "Fira Sans" !important; font-size: 32px !important; font-weight: 700 !important; } .td_module_mega_menu .item-details .entry-title.td-module-title a{ font-size: 14px !important; line-height: 20px; } .sidebar-muda .td_block_inner .td-block-span12 .td_module_wrap .item-details .entry-title.td-module-title a{ font-size: 24px !important; font-weight: 700 !important; font-family: "Fira Sans" !important; } .td-post-date time { font-size: 16px !important; font-family: "Fira Sans" !important; text-transform: uppercase; } .td-post-next-prev-content a{ font-style: italic; font-weight: 700 !important; font-size: 16px !important; font-family: "Fira Sans" !important; text-transform: uppercase; color: #000; } .td-post-title h1.entry-title{ //judul artikel single font-style: italic; font-weight: 700 !important; font-family: "Fira Sans" !important; text-transform: uppercase; color: #000; } .td-related-span4 .td_module_related_posts .item-details h3 a{ font-size: 24px; font-weight: 700 !important; font-family: "Fira Sans" !important; } .td-related-span4 .td_module_related_posts .item-details h3 a:hover, .td-post-next-prev .td-post-prev-post .td-post-next-prev-content a:hover{ color:#F3A83B; } .td-related-span4:hover{ .td_module_related_posts .item-details h3 a{ color:#000 ; } } #td_social_sharing_article_top .td-post-sharing-visible{ margin-top: 20px } @media all and (max-width: 1019px){ .entry-thumb{ width:100px; } } .td-post-featured-image{ overflow: hidden; max-width: 1080px; margin: 0 auto; } .sidebar-muda .td-block-title-wrap .td-block-title .td-pulldown-size{ margin-bottom: 16px; } .entry-category a, .td-post-source-tags, .td-tags li a{ font-size: 14px; } .post header .entry-title { font-size: 32px; } .td-author-name span.fn a{ font-size: 16px; } // ADS .single-ads{ padding: 1rem 0; } .td-container-wrap { width : 100% !important; } .tdc-no-posts{ background-image: url(https://kompas-muda-redesign-mumed-2.c9users.io/wp-content/uploads/2019/04/Words-not-found-02.png); }