📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
rentacarv1.demodesign.com.tr
/
trex
/
assets
/
scss
📝
_weather.scss
← Geri Dön
/* ============= Weather ============= */ .row-no-gutter { margin-right: 0; margin-left: 0; [class*="col-"] { padding-right: 0; padding-left: 0; } } .city-selected { position: relative; overflow: hidden; min-height: 180px; border-radius: 3px; } article { position: relative; z-index: 2; color: #fff; padding: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .info .city, .night { font-size: 24px; font-weight: 200; position: relative; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .info .city:after { content: ''; width: 15px; height: 2px; background: #fff; position: relative; display: inline-block; vertical-align: middle; margin-left: 10px; } .city span { color: #fff; font-size: 13px; font-weight: bold; text-transform: lowercase; text-align: left; } .night { font-size: 15px; text-transform: uppercase; } .icon { width: 84px; height: 84px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; overflow: visible; } .temp { font-size: 73px; display: block; position: relative; font-weight: bold; margin-top: 30px; } svg { color: #fff; fill: currentColor; } .wind { svg { width: 18px; height: 18px; margin-top: 20px; margin-right: 10px; vertical-align: bottom; } span { font-size: 13px; text-transform: uppercase; } } .city-selected:hover figure { opacity: 0.4; } figure { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: center; background-size: cover; opacity: 0.1; z-index: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .days { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; .row [class*="col-"] { &:nth-child(2) .day { border-width: 0 1px 0 1px; border-style: solid; border-color: #eaeaea; } -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; &:hover { background: #eaeaea; } } } .day { padding: 10px 0px; text-align: center; h1 { font-size: 14px; text-transform: uppercase; margin-top: 10px; } svg { color: #000; width: 32px; height: 32px; } }
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula