') } .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 / TRANS Warna-warni lampu Skybridge Halte CSW Minggu, 01 Agustus 2021 oleh : Fransiskus Simbolon Integrasi halte dan stasiun Cahaya berwarna-warni menghiasi Skybridge Halte Transjakarta Central Stichting Wederopbouw (CSW) di kawasan Kebayoran Baru, Jakarta Selatan, Sabtu (31/7/2021).(KONTAN/Fransiskus Simbolon) Warna-warni cahaya Cahaya berwarna-warni menghiasi Skybridge Halte Transjakarta Central Stichting Wederopbouw (CSW) di kawasan Kebayoran Baru, Jakarta Selatan, Sabtu (31/7/2021).(KONTAN/Fransiskus Simbolon) Warna-warni cahaya Cahaya berwarna-warni menghiasi Skybridge Halte Transjakarta Central Stichting Wederopbouw (CSW) di kawasan Kebayoran Baru, Jakarta Selatan, Sabtu (31/7/2021).(KONTAN/Fransiskus Simbolon) Integrasi halte dan stasiun Cahaya berwarna-warni menghiasi Skybridge Halte Transjakarta Central Stichting Wederopbouw (CSW) di kawasan Kebayoran Baru, Jakarta Selatan, Sabtu (31/7/2021).(KONTAN/Fransiskus Simbolon) Bus Transjakarta Sebuah bus Transjakarta melintasi proyek Skybridge Halte Transjakarta Central Stichting Wederopbouw (CSW) di kawasan Kebayoran Baru, Jakarta Selatan, Sabtu (31/7/2021).(KONTAN/Fransiskus Simbolon) Pembangunan jembatan layang atau skybridge untuk integrasi halte TransJakarta CSW dengan Stasiun MRT ASEAN hampir rampung.
Proyek yang berlokasi di kawasan simpang CSW, Kebayoran Baru, Jakarta Selatan ini akan memudahkan pergantian moda transportasi penumpang bus TransJakarta dengan kereta MRT Jakarta.
Skybridge CSW mengusung konsep desain Cakra Selaras Wahana yang memiliki arti sebagai lingkaran penghubung yang setara antar moda.
Pewarta Foto: Fransiskus Simbolon Editor: Daniel Prabowo