Beranda
Energi Muda
Kompas Kampus
Kompas Corner
Info
Kontributor
Masuk

Search

Beranda
Energi Muda
- Pelajar dan Investasi Ketika Pandemi
  
  Kolaborasi Daring Di Situasi Genting
  
  Mengejar Gairah Berkarya di Tengah Pandemi
  
  Tampil Menarik Bareng Batik yang Otentik
  
  Tetap “Action” di Masa Pandemi
Kompas Kampus
- All Argumentasi Lembaga Pers Kampus Liputan Kampus
  
  Belajar Jurnalistik dan Fotografi Melalui Daring
  
  Mahasiswa KKN UNS Mengedukasi Pola Hidup Sehat Saat Pandemi
  
  Mahasiswa UGM Membuat Boneka Edukasi Konservasi Berbasis Teknologi Informasi
  
  Pupuk dari Kompos dan Air Limbah Kolam Ikan Ala Mahasiswa IPB…
Kompas Corner
- Semarak Warna Kebaikan untuk Sesama
  
  Tingkatkan Kepercayaan Diri, Tingkatkan Potensi Diri
  
  Kenal Diri Sendiri Menjadi Kunci Mengembangkan Potensi
  
  Pandemi Jadi Ajang Menggali Potensi
  
  Pelatihan Membuat Podcast Rohani di Universitas Katolik Widya Mandala Surabaya
Info
- Tur Virtual, Cara Baru Berwisata Selama Pandemi Covid-19
  
  MICE, Jurusan Keren Yang Tidak Banyak Diketahui Orang
  
  Adaptasi Kebiasaan Baru Bagi Mahasiswa Baru
  
  Memaknai Kemajemukan di Masyarakat
  
  Tujuan Dibalik Ujian Daring Yang Jarang Orang Ketahui
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

Pelajar dan Investasi Ketika Pandemi

Nov 30, 2021

Kolaborasi Daring Di Situasi Genting

Nov 29, 2021

MEMAKNAI GAMA UNTUK RENJANA

Nov 29, 2021

24 Jam

Nov 26, 2021

Mengejar Gairah Berkarya di Tengah Pandemi

Nov 26, 2021

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.