Beranda
Energi Muda
Kompas Kampus
Kompas Corner
Info
Kontributor
Masuk

Search

Beranda
Energi Muda
- Belajar Bahasa Isyarat secara Daring
  
  “Gap Year”, Alternatif Bagi Siswa yang Tidak Lolos Masuk PTN
  
  Pengabdian Masyarakat Lentera Desa di Pelosok Jawa Timur
  
  Kegiatan Ramadhan di Masa Pandemi
  
  Uji Coba Pembelajaran Tatap Muka di SMA Negeri 1 Wonosobo, Jawa…
Kompas Kampus
- All Argumentasi Lembaga Pers Kampus Liputan Kampus
  
  Melihat Gerakan Komunitas Mahasiswa Peduli Kucing Liar Di Kampus
  
  Seni Menyampaikan Kritik Ala Sutradara dan Produser Salman Aristo
  
  Mengenal Peminatan Jurusan Secara Daring
  
  Humanistik FIA UB 2021 Siap Berkegiatan Secara Daring
Kompas Corner
- Tugeder 2021, Menanamkan Empati dan Kreativitas Isu Lingkungan Sejak Dini
  
  Belajar Mencintai Diri Sendiri Dari Webinar “Flawsome”
  
  “Zeus and The Olympian Gods”, Getaran Energi Seni di Tengah Pandemi
  
  Rangkai Asa di Forum Kompas Corner 2021
  
  Sankha dan Arsa
Info
- 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
  
  Lakukan Pengembangan Strategi Bisnis Agar Usaha Tak Mati
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.