Beranda
Energi Muda
Kompas Kampus
Kompas Corner
Info
Kontributor
Masuk

Search

Beranda
Energi Muda
- Okky Ayu Permata: Memodifikasi “YouTube” Menjadi Sarana Belajar Bahasa Korea
  
  Wabah Tiktok di Tengah Pandemi Covid-19
  
  Olahraga Ringan Untuk Sobat Disabilitas
  
  Jaga Kesehatan Mentalmu Pada Masa Pandemi
  
  Tiga “Surga” di Kawasan Gunung Rinjani, Lombok
Kompas Kampus
- All Argumentasi Lembaga Pers Kampus Liputan Kampus
  
  HIMMCOMM Mengajak Milenial Mengenal Seni Budaya
  
  YKS Universitas Ciputra, Upaya Ubah Pola Pikir Anak Muda Soal Buruh
  
  Makna Cinta dalam Pandemi di Festival Teater 2020
  
  “Ninetysphere”, Panggung Era ’90-an dari Angkatan 2020
Kompas Corner
- SeHaTi 2020: Perjalanan Menerima Diri Sendiri
  
  UMN Radioactive 2020 : Ekspresikan Diri di saat Pandemi
  
  Konsep “Smart City” untuk Kota Masa Depan
  
  Melihat Peluang Bisnis Setelah Pandemi Berakhir
  
  Memahami Budaya Batak Lewat “Traval Virtual Heritage Tour”
Info
- Adaptasi Kebiasaan Baru Bagi Mahasiswa Baru
  
  Memaknai Kemajemukan di Masyarakat
  
  Tujuan Dibalik Ujian Daring Yang Jarang Orang Ketahui
  
  Lakukan Pengembangan Strategi Bisnis Agar Usaha Tak Mati
  
  Antisipasi Dari Tindakan Berkedok Riset
Kontributor
Masuk

Daftar Kontributor

Nama*
First Last
Jenis Kelamin*
- Laki-Laki
- Perempuan
Tanggal Lahir*
Kota Tempat Tinggal*
No. Telepon
Email*
Username*
Password*
Enter Password Confirm Password
Sekolah/Kampus*
Saya setuju dengan tata cara kontribusi*
- Setuju
Klik tautan ini untuk membaca Tata Cara Kontribusi
CAPTCHA

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

// ------------------------------------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://muda.kompas.id/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);
}

Save

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