Beranda
Energi Muda
Kompas Kampus
Kompas Corner
Info
Kontributor
Masuk

Search

Beranda
Energi Muda
- Awardee BIM Beri Edukasi Soal Stunting ke Posyandu
  
  Riang Gembira dan Nyaman di Joyland Festival Jakarta 2022
  
  Penampilan Penyanyi Penuh Warna di Joyland Festival 2022
  
  Kunto Aji dan Tulus Menyemangati Penggemar di Joyland 2022
  
  “Enjoy” dan Asyik di Joyland Festival 2022
Kompas Kampus
- All Argumentasi Lembaga Pers Kampus Liputan Kampus
  
  Pelajar Indonesia Tampil di Universitas Bandirma Onyedi Eylül Turki
  
  Kampus Merdeka Fair di Universitas Tanjungpura
  
  LPMM Undip Adakan Pengobatan Gratis di Magelang
  
  UKF IPB Adakan “Social Conservation Program” di Bogor
Kompas Corner
- Penting, Kolaborasi Potensi Media Kampus Indonesia
  
  Mahasura 2022, Sarana Anak Muda Mendobrak Kesetaraan Gender
  
  Gizi Seimbang untuk Melindungi Diri
  
  Labirin
  
  Semarak Warna Kebaikan untuk Sesama
Info
- Situs Watu Gong, Peninggalan Purbakala Tersembunyi di Malang
  
  Keunikan Budaya Perayaan Adat Bau Nyale
  
  Udang Vaname, Si Primadona Akuakultur Indonesia
  
  Jurusan Pariwisata Bukan Jurusan Jalan-Jalan
  
  Peluang Karir Kuliah Jurusan Perhotelan
Kontributor
Masuk

Tag: #FLAGSHIP2021

Semarak Warna Kebaikan untuk Sesama

Editorial Kompas Corner - Nov 9, 2021

Tingkatkan Kepercayaan Diri, Tingkatkan Potensi Diri

Editorial Kompas Corner - Oct 27, 2021

Populer

Terbaru

Semoga Saja

Feb 1, 2023

Terkikis Rasa Percaya

Jan 31, 2023

Kata Jiwa

Jan 31, 2023

Menikmati Museum Ullen Sentalu di Yogyakarta

Jan 31, 2023

Bersiap Memeriahkan HUT Kompas Muda ke-16

Jan 30, 2023

Kantor Redaksi

Gedung Kompas Gramedia Jalan Palmerah Selatan 26-28, DKI Jakarta, Indonesia 10270
+6221 5347 710
+6221 5347 720
+6221 5347 730
+6221 530 2200

Produk

ePaper
Kompas.Id
Kompas Data
Kompas Karier

Tentang

Profil Perusahaan
Sejarah

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://d18nu206jtfjv5.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);
}

Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete.