📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
arackiralama.demodesign.com.tr
/
admin
/
assets
/
scss
📝
_author.scss
← Geri Dön
/*----------------------------------------*/ /* 15. Author CSS /*----------------------------------------*/ /*Author Top*/ .author-top { & .inner { display: flex; justify-content: center; background-image: url(../images/bg/author-top-bg.jpg); background-size: 100% 50%; background-repeat: no-repeat; padding: 65px 30px; box-shadow: 0 5px 5px rgba($black, 0.05); // Author Profile & .author-profile { text-align: center; & .image { width: 130px; height: 130px; overflow: hidden; position: relative; border-radius: 50%; margin: auto; margin-bottom: 14px; display: flex; justify-content: center; align-items: center; background-color: $grey; & h2 { margin: 0; font-weight: 700; } & img { width: 100%; border: 5px solid $primary; border-radius: 50%; } & .edit { border: none; position: absolute; left: 0; width: 100%; bottom: 0; height: 50%; font-size: 10px; text-align: center; color: $white; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgba($black, 0.7); opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; & i { font-size: 18px; display: block; } } &:hover { & .edit { opacity: 1; visibility: visible; } } } & .info { text-align: center; position: relative; padding: 0 30px; & h5 { font-weight: 600; margin-bottom: 0; } & span { display: block; font-size: 13px; line-height: 15px; } & .edit { position: absolute; right: 0; top: 0; line-height: 1; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; & i { font-size: 20px; line-height: 1; } } &:hover { & .edit { opacity: 1; visibility: visible; } } } } } } /*Timeline Wrap*/ .timeline-wrap {} /*Timeline Date*/ .timeline-date { font-size: 13px; display: inline-block; line-height: 25px; padding: 6px 25px; border-radius: 50px; color: $white; background-color: $secondary; } /*Timeline List*/ .timeline-list { &:last-child { margin-bottom: 0; } & li { display: flex; flex-wrap: wrap; margin-bottom: 40px; &:last-child { margin-bottom: 0; } & .icon { width: 40px; text-align: center; position: relative; &::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 55px; bottom: 35px; width: 1px; background-color: $secondary; } & i { width: 40px; height: 40px; margin: auto; border-radius: 50%; color: $white; background-color: $secondary; line-height: 40px; display: block; font-size: 20px; } } & .details { width: calc(100% - 40px); padding: 5px 50px 0 30px; & .title { font-size: 18px; font-weight: 600; margin-bottom: 23px; & a {} } & .content { max-width: 700px; margin-bottom: 20px; & p {} } & .gallery { margin-bottom: 20px; & a { display: block; & img { width: 100%; } } } & .video { position: relative; padding-top: 50%; width: 100%; background-image: url(../images/gallery/profile-gallery-video-1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 20px; & a { display: block; width: 60px; height: 60px; border-radius: 50%; background-color: $heading-color; color: $white; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; padding: 10px; padding-left: 15px; & i { font-size: 40px; line-height: 1; } } } & .time { font-size: 13px; line-height: 1; display: block; color: $body-light; } } } // Responsive @media #{$large-mobile} { & li { & .date { width: 90px; } & .icon { width: 50px; } & .details { padding-right: 0; padding-left: 15px; } } } @media #{$extra-small-mobile} { padding-left: 0; & li { & .date { width: 100%; text-align: left; margin-bottom: 5px; } & .icon { display: none; } & .details { flex: 1 0 100%; padding: 0; } } } }
💾 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