') } .amp-carousel-button-prev { background-image: url('data:image/svg+xml;charset=utf-8,Previous ') } .ampstart-dropdown { min-width: 200px } .ampstart-dropdown.absolute { z-index: 100 } .ampstart-dropdown.absolute>section, .ampstart-dropdown.absolute>section>header { height: 100% } .ampstart-dropdown>section>header { background-color: #000; border: 0; color: #fff } .ampstart-dropdown>section>header:after { display: inline-block; content: "+"; padding: 0 0 0 1.5rem; color: #003f93 } .ampstart-dropdown>[expanded]>header:after { content: "–" } .absolute .ampstart-dropdown-items { z-index: 200 } .ampstart-dropdown-item { background-color: #000; color: #003f93; opacity: .9 } .ampstart-dropdown-item:active, .ampstart-dropdown-item:hover { opacity: 1 } .ampstart-footer { background-color: #fff; color: #000; padding-top: 5rem; padding-bottom: 5rem } .ampstart-footer .ampstart-icon { fill: #000 } .ampstart-footer .ampstart-social-follow li:last-child { margin-right: 0 } .ampstart-image-fullpage-hero { color: #fff } .ampstart-fullpage-hero-heading-text, .ampstart-image-fullpage-hero .ampstart-image-credit { -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #000; padding: 0 1rem .2rem } .ampstart-image-fullpage-hero>amp-img { max-height: calc(100vh - 3.5rem) } .ampstart-image-fullpage-hero>amp-img img { -o-object-fit: cover; object-fit: cover } .ampstart-fullpage-hero-heading { line-height: 3.5rem } .ampstart-fullpage-hero-cta { background: transparent } .ampstart-readmore { background: linear-gradient(0deg, rgba(0, 0, 0, .65) 0, transparent); color: #fff; margin-top: 5rem; padding-bottom: 3.5rem } .ampstart-readmore:after { display: block; content: "⌄"; font-size: 2rem } .ampstart-readmore-text { background: #000 } @media (min-width:52.06rem) { .ampstart-image-fullpage-hero>amp-img { height: 60vh } } .ampstart-image-heading { color: #fff; background: linear-gradient(0deg, rgba(0, 0, 0, .65) 0, transparent) } .ampstart-image-heading>* { margin: 0 } amp-carousel .ampstart-image-with-heading { margin-bottom: 0 } .ampstart-image-with-caption figcaption { color: #4f4f4f; line-height: 1.125rem } amp-carousel .ampstart-image-with-caption { margin-bottom: 0 } .ampstart-input { max-width: 100%; width: 300px; min-width: 100px; font-size: 1rem; line-height: 1.5rem } .ampstart-input [disabled], .ampstart-input [disabled]+label { opacity: .5 } .ampstart-input [disabled]:focus { outline: 0 } .ampstart-input>input, .ampstart-input>select, .ampstart-input>textarea { width: 100%; margin-top: 1rem; line-height: 1.5rem; border: 0; border-radius: 0; border-bottom: 1px solid #4a4a4a; background: none; color: #4a4a4a; outline: 0 } .ampstart-input>label { color: #003f93; pointer-events: none; text-align: left; font-size: .875rem; line-height: 1rem; opacity: 0; animation: .2s; animation-timing-function: cubic-bezier(.4, 0, .2, 1); animation-fill-mode: forwards } .ampstart-input>input:focus, .ampstart-input>select:focus, .ampstart-input>textarea:focus { outline: 0 } .ampstart-input>input:focus:-ms-input-placeholder, .ampstart-input>select:focus:-ms-input-placeholder, .ampstart-input>textarea:focus:-ms-input-placeholder { color: transparent } .ampstart-input>input:focus::placeholder, .ampstart-input>select:focus::placeholder, .ampstart-input>textarea:focus::placeholder { color: transparent } .ampstart-input>input:not(:placeholder-shown):not([disabled])+label, .ampstart-input>select:not(:placeholder-shown):not([disabled])+label, .ampstart-input>textarea:not(:placeholder-shown):not([disabled])+label { opacity: 1 } .ampstart-input>input:focus+label, .ampstart-input>select:focus+label, .ampstart-input>textarea:focus+label { animation-name: a } @keyframes a { to { opacity: 1 } } .ampstart-input>label:after { content: ""; height: 2px; position: absolute; bottom: 0; left: 45%; background: #003f93; transition: .2s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); visibility: hidden; width: 10px } .ampstart-input>input:focus+label:after, .ampstart-input>select:focus+label:after, .ampstart-input>textarea:focus+label:after { left: 0; width: 100%; visibility: visible } .ampstart-input>input[type=search] { -webkit-appearance: none; -moz-appearance: none; appearance: none } .ampstart-input>input[type=range] { border-bottom: 0 } .ampstart-input>input[type=range]+label:after { display: none } .ampstart-input>select { -webkit-appearance: none; -moz-appearance: none; appearance: none } .ampstart-input>select+label:before { content: "⌄"; line-height: 1.5rem; position: absolute; right: 5px; zoom: 2; top: 0; bottom: 0; color: #003f93 } .ampstart-input-chk, .ampstart-input-radio { width: auto; color: #4a4a4a } .ampstart-input input[type=checkbox], .ampstart-input input[type=radio] { margin-top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border: 1px solid #003f93; vertical-align: middle; margin-right: .5rem; text-align: center } .ampstart-input input[type=radio] { border-radius: 20px } .ampstart-input input[type=checkbox]:not([disabled])+label, .ampstart-input input[type=radio]:not([disabled])+label { pointer-events: auto; animation: none; vertical-align: middle; opacity: 1; cursor: pointer } .ampstart-input input[type=checkbox]+label:after, .ampstart-input input[type=radio]+label:after { display: none } .ampstart-input input[type=checkbox]:after, .ampstart-input input[type=radio]:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: " "; line-height: 1.4rem; vertical-align: middle; text-align: center; background-color: #fff } .ampstart-input input[type=checkbox]:checked:after { background-color: #003f93; color: #fff; content: "✓" } .ampstart-input input[type=radio]:checked { background-color: #fff } .ampstart-input input[type=radio]:after { top: 3px; bottom: 3px; left: 3px; right: 3px; border-radius: 12px } .ampstart-input input[type=radio]:checked:after { content: ""; font-size: 3rem; background-color: #003f93 } .ampstart-input>label, _:-ms-lang(x) { opacity: 1 } .ampstart-input>input:-ms-input-placeholder, _:-ms-lang(x) { color: transparent } .ampstart-input>input::placeholder, _:-ms-lang(x) { color: transparent } .ampstart-input>input::-ms-input-placeholder, _:-ms-lang(x) { color: transparent } .ampstart-input>select::-ms-expand { display: none } .ampstart-headerbar { background-color: #fff; color: #000; z-index: 999; box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1) } .ampstart-headerbar+:not(amp-sidebar), .ampstart-headerbar+amp-sidebar+* { margin-top: 3.5rem } .ampstart-headerbar-nav .ampstart-nav-item { padding: 0 1rem; background: transparent; opacity: .8 } .ampstart-headerbar-nav { line-height: 3.5rem } .ampstart-nav-item:active, .ampstart-nav-item:focus, .ampstart-nav-item:hover { opacity: 1 } .ampstart-navbar-trigger:focus { outline: none } .ampstart-nav a, .ampstart-navbar-trigger, .ampstart-sidebar-faq a { cursor: pointer; text-decoration: none } .ampstart-nav .ampstart-label { color: inherit } .ampstart-navbar-trigger { line-height: 3.5rem; font-size: 2rem } .ampstart-headerbar-nav { -ms-flex: 1; flex: 1 } .ampstart-nav-search { -ms-flex-positive: 0.5; flex-grow: 0.5 } .ampstart-headerbar .ampstart-nav-search:active, .ampstart-headerbar .ampstart-nav-search:focus, .ampstart-headerbar .ampstart-nav-search:hover { box-shadow: none } .ampstart-nav-search>input { border: none; border-radius: 3px; line-height: normal } .ampstart-nav-dropdown { min-width: 200px } .ampstart-nav-dropdown amp-accordion header { background-color: #fff; border: none } .ampstart-nav-dropdown amp-accordion ul { background-color: #fff } .ampstart-nav-dropdown .ampstart-dropdown-item, .ampstart-nav-dropdown .ampstart-dropdown>section>header { background-color: #fff; color: #000 } .ampstart-nav-dropdown .ampstart-dropdown-item { color: #003f93 } .ampstart-sidebar { background-color: #fff; color: #000; min-width: 300px; width: 300px } .ampstart-sidebar .ampstart-icon { fill: #003f93 } .ampstart-sidebar-header { line-height: 3.5rem; min-height: 3.5rem } .ampstart-sidebar .ampstart-dropdown-item, .ampstart-sidebar .ampstart-dropdown header, .ampstart-sidebar .ampstart-faq-item, .ampstart-sidebar .ampstart-nav-item, .ampstart-sidebar .ampstart-social-follow { margin: 0 0 2rem } .ampstart-sidebar .ampstart-nav-dropdown { margin: 0 } .ampstart-sidebar .ampstart-navbar-trigger { line-height: inherit } .ampstart-navbar-trigger svg { pointer-events: none } .ampstart-related-article-section { border-color: #4a4a4a } .ampstart-related-article-section .ampstart-heading { color: #4a4a4a; font-weight: 400 } .ampstart-related-article-readmore { color: #000; letter-spacing: 0 } .ampstart-related-section-items>li { border-bottom: 1px solid #4a4a4a } .ampstart-related-section-items>li:last-child { border: none } .ampstart-related-section-items .ampstart-image-with-caption { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .ampstart-related-section-items .ampstart-image-with-caption>amp-img, .ampstart-related-section-items .ampstart-image-with-caption>figcaption { -ms-flex: 1; flex: 1 } .ampstart-related-section-items .ampstart-image-with-caption>figcaption { padding-left: 1rem } @media (min-width:40.06rem) { .ampstart-related-section-items>li { border: none } .ampstart-related-section-items .ampstart-image-with-caption>figcaption { padding: 1rem 0 } .ampstart-related-section-items .ampstart-image-with-caption>amp-img, .ampstart-related-section-items .ampstart-image-with-caption>figcaption { -ms-flex-preferred-size: 100%; flex-basis: 100% } } .ampstart-social-box { display: -ms-flexbox; display: flex } .ampstart-social-box>amp-social-share { background-color: #000 } .ampstart-icon { fill: #003f93 } .ampstart-input { width: 100% } main .ampstart-social-follow { margin-left: auto; margin-right: auto; width: 315px } main .ampstart-social-follow li { transform: scale(1.8) } h1+.ampstart-byline time { font-size: 1.5rem; font-weight: 400 } /*----------------custom css----------------*/ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body{color: white; font-family: 'Raleway', sans-serif; background-color: #000;} .gradient-darker-black{background: rgb(7,7,7); background: linear-gradient(0deg, rgba(7,7,7,1) 0%, rgba(42,42,42,1) 47%, rgba(67,67,67,1) 100%);} .ampstart-subtitle, .ampstart-byline, .ampstart-caption, .ampstart-hint, .ampstart-label {color: white;} .ampstart-subtitle{padding-top: 30px;} h1{font-size: 37px; line-height: 42px; font-weight: 700; letter-spacing: 0pt;} h1 + .ampstart-byline time{font-size: 15px; letter-spacing: 0px; margin-top: 0px;} h1 + .ampstart-byline time.oleh{font-size: 14px;} h2{font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 30px;} h3{font: 600 23px/27px Raleway, sans-serif; letter-spacing: 0.25pt; } h6.jdlft-story{font-size: 22px; line-height: 25px;} h6.captionft-story{font-size: 14px; line-height: 25px; letter-spacing: 0.5pt;} .contentp p{margin-bottom: 10px;} .wrap-titleft-storylain a{text-decoration: none;} h5.titleft-storylain{font: 600 23px/27px Raleway, sans-serif;letter-spacing: 0.25pt;} section.px3.mb4 a{text-decoration: none;} section.px3.mb4 a:hover{color: #f5ab07;} img.img-ftstory{object-fit: cover;} .ampstart-footer{padding-top: 2rem; padding-bottom: 4rem; } .ampstart-footer ul li a{color: black;}
PHOTO STORY / SOLAR-ECLIPSE/ Tersihir Gerhana Matahari Total Rabu, 09 Maret 2016 oleh : EDGAR SU Gerhana Matahari Singapura Sebuah pesawat terbang melintasi matahari yang terkena gerhana sebagian di Singapura. (REUTERS/EDGAR SU) Gerhana Matahari Kamboja Pekerja menyelesaikan proyek konstruksi dengan latar belakang gerhana matahari di Phnom Penh, Kamboja.(REUTERS/SAMRANG PRING) Gerhana di antara Gedung-Gedung Jakarta Pemandangan gerhana matahari di kawasan Bendungan Hilir, Jakarta.(ANTARA FOTO/Yudhi Mahatma) Salat Gerhana Matahari Refleksi umat Muslim tengah melaksanakan salat gerhana matahari di Masjid Raya Mujahidin, Pontianak, Kalbar.(ANTARA FOTO/Jessica Wuysang ) Antusiasme Warga Jakarta Masyarakat memadati halaman planetarium di Jakarta.(REUTERS/GARRY LOTULUNG) Melihat Gerhana Matahari Sejumlah pekerja dan polisi menggunakan kacamata khusus saat melihat gerhana matahari di Pembangkit Listrik Tenaga Uap dan Gas (PLTGU) Tanjung Priok, Jakarta.(KONTAN/Fransiskus Simbolon) Pertunjukan Budaya Warga mengenakan kostum tarian Cokaiba berjalan di pantai sebelum terjadi Gerhana Matahari Total (GMT) di Pantai Soagimalaha, Maba, Halmahera Timur, Maluku Utara.(ANTARA FOTO/Rosa Panggabean) Wisatawan Saksikan Gerhana Wisatawan mancanegara menyaksikan terjadinya gerhana matahari total dari lokasi Eclipse Festival 2016 di Bukit Ngata Baru, Palu, Sulawesi Tengah.(ANTARA FOTO/Yusran Uccang) Gerhana Matahari Banyuwangi Gerhana matahari terlihat di area patung gandrung, Watu Dodol, Banyuwangi, Jawa Timur.(ANTARA FOTO/Budi Candra Setya) Pantulan Gerhana Matahari Petugas Lapan menunjukkan pantulan cahaya saat mengamati Gerhana Matahari Total (GMT) melalui teleskop di atas Jembatan Ampera, Palembang, Sumatera Selatan.(ANTARA FOTO/NOVA WAHYUDI) Terkesima dengan Gerhana Ekspresi seorang pelajar saat melihat gerhana matahari sebagian di planetarium Kuala Lumpur, Malaysia.(REUTERS/OLIVIA HARRIS) Tahapan Gerhana Matahari Total Kombinasi foto tahapan gerhana matahari total dari awal (atas kiri) hingga berakhir (bawah kanan) yang diambil dari pantai di Pulau Ternate, Maluku Utara.(REUTERS/BEAWIHARTA) Dua belas provinsi di Tanah Air sudah disambangi gerhana matahari total (GMT) pada Rabu pagi (9/3). Bahkan, di luar provinsi tersebut juga terjadi gerhana meski hanya parsial alias sebagian.
Selain Indonesia, gerhana matahari sebagian juga dapat disaksikan di sejumlah negara Asia Tenggara. Semua orang bersuka ria memandangi fenomena alam ini. Mereka seakan tersihir dengan fenomena alam yang langka tersebut.
Editor: Daniel Prabowo