Beranda
Energi Muda
Kompas Kampus
Kompas Corner
Info
Kontributor
Masuk

Search

Beranda
Energi Muda
- Kisah Hanapi, Mencari Rezeki dengan Menjual Rujak Bebeg di Ibukota
  
  Perpustakaan dan Galeri Kota Bogor, Tempat Mencari Ilmu dan “Nugas” yang…
  
  Anak di Pelosok Daerah Juga Ingin Sekolah
  
  Roman Menarik “Gadis Garut” Pada Abad 20
  
  Semangat Baru Merayakan Ulang Tahun Ke-16 Kompas Muda
Kompas Kampus
- All Argumentasi Lembaga Pers Kampus Liputan Kampus
  
  Gabungan Dunia Nyata dan Virtual dalam Pameran “Mixed Reality”
  
  Menilik “Pemulihan” Melalui Foto Jurnalistik
  
  Latihan Dasar Kepemimpinan Bagi Mahasiswa Hukum di Medan
  
  Mengolah Daun Kelor Menjadi Camilan Sehat
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
- Dua Wajah Alas Purwo, Mistis dan Indah
  
  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
Kontributor
Masuk

Tag: cooking class

Gabungan Dunia Nyata dan Virtual dalam Pameran “Mixed Reality”

May 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

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

Save

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

Kisah Hanapi, Mencari Rezeki dengan Menjual Rujak Bebeg di Ibukota

Perpustakaan dan Galeri Kota Bogor, Tempat Mencari Ilmu dan “Nugas” yang…

Anak di Pelosok Daerah Juga Ingin Sekolah

Roman Menarik “Gadis Garut” Pada Abad 20

Semangat Baru Merayakan Ulang Tahun Ke-16 Kompas Muda

Gabungan Dunia Nyata dan Virtual dalam Pameran “Mixed Reality”

Menilik “Pemulihan” Melalui Foto Jurnalistik

Latihan Dasar Kepemimpinan Bagi Mahasiswa Hukum di Medan

Mengolah Daun Kelor Menjadi Camilan Sehat

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

Dua Wajah Alas Purwo, Mistis dan Indah

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

Tag: cooking class

Di Balik Kenikmatan Cita Rasa

Populer

Terbaru

Gabungan Dunia Nyata dan Virtual dalam Pameran “Mixed Reality”

Dongeng yang Nyata

Monolog Kalbu

Hujan Cahaya

Aku Ingin Bertanya

Kantor Redaksi

Produk

Tentang