Sa ıyı forumlar temayı duzenledım css kodlarınıda duzenledım ıstedıgım gıbı bır hale getırdım fakat tek bır cozemedıgım hata var yardımcı olursanız sevınırım.
Arkafon yerlestırdım fakat arka fon footer kısmına yapısmıyor tekrar etmıyor altta ındıkce oldugu gıbı sabıt kalıyor css kodunuda eklıyorum yardımcı olursanız sevınırım. suan ekledıgımde no-repeat ama dıger kodlarıda denedım sabıt kalıyor veya ıstedıgım anımasyonu ve gorunusu bozuo css den anlıyan bırı yardımcı olabılırmı.
teknolojifirsat.com bu siteyi yapıyorum temaya bakarsanız mesela assagıya sayfayı cekınce background sabıt kalıyor
@keyframes move_wave {
0% {
transform: translateX(0) translateZ(0) scaleY(1)
}
50% {
transform: translateX(-25%) translateZ(0) scaleY(0.55)
}
100% {
transform: translateX(-50%) translateZ(0) scaleY(1)
}
}
.waveWrapper {
overflow: hidden;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
z-index: -1;
}
.waveWrapperInner {
position: absolute;
width: 100%;
overflow: hidden;
height: 100%;
bottom: -1px;
background-image: linear-gradient(to top, #86377b 20%, #dea94e 80%);
z-index: -1;
}
.bgTop {
z-index: 15;
opacity: 0.5;
}
.bgMiddle {
z-index: 10;
opacity: 0.75;
}
.bgBottom {
z-index: 5;
}
.wave {
position: absolute;
left: 0;
width: 200%;
height: 100%;
background-position: 80% 100%;
background-repeat: repeat no-repeat;
transform-origin: center bottom;
}
.waveTop {
background-size: 100% 200px;
}
.waveAnimation .waveTop {
animation: move-wave 3s;
-webkit-animation: move-wave 3s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.waveMiddle {
background-size: 100% 220px;
}
.waveAnimation .waveMiddle {
animation: move_wave 10s linear infinite;
}
.waveBottom {
background-size: 100% 200px;
}
.waveAnimation .waveBottom {
animation: move_wave 15s linear infinite;
}
.UserDirectoryList .UserCard--directory {
background-color: transparent !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.08) !important;
margin-bottom: 15px !important;
border:1px solid #dbdfe6!important;
border-radius: 10px !important;
}
.UserCard, .UserCard a {
color: #000;
}
.darkenBackground {
background: #fff;
border-radius: 10px !important;
}
.darkenBackground:hover { box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;}
.social-settings>.fa-cog { border-left: 1px solid #1b2028 !important;}
.Badge--social { color:#f36322 !important;}
#header-primary > ul > li.item-link1 > a:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 14px;
content: '\f26c';
margin-right: 4px;
vertical-align: -1px;
}
.item-tag1 .icon.TagIcon.Button-icon,
.item-tag2 .icon.TagIcon.Button-icon
{
background-color: transparent !important;
}
.item-tag1 > a > span:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 92%;
content: "\f492";
margin-right: 0.3em;
line-height: 15px;
vertical-align: top;
}
.item-tag2 > a > span:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 92%;
content: "\f059";
margin-right: 0.3em;
line-height: 15px;
vertical-align: top;
}
@media (max-width: 767px) {.DiscussionList {
border:1px solid #ececec!important;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.08) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.08) !important;}}
@media (min-width: 768px){.DiscussionListItem-content {
padding-left: 80px;
padding-right: 80px;
padding-top: 10px;
border-radius: 8px;
padding-bottom: 10px;
border:1px solid #dbdfe6!important;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.08) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.08) !important;}
.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
position: relative;
margin-right: 0;
padding-right: 0;
padding-left: 0;
margin-left: 0;
border-radius: 8px;
margin-top:15px;}}
@media (min-width: 768px){.DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;}}
.DiscussionList:not(.DiscussionList–searchResults) .read .DiscussionListItem-title { font-weight: 600; color: #282828; }
.DiscussionList:not(.DiscussionList–searchResults) .unread .DiscussionListItem-title {color: #e7672e; font-weight: 600; }
.TagCloud, .IndexPage-nav .item-nav {[href^="/t/"]{display: none !important;}}
.Post-body {font-size: 16px}
@media (max-width: 767px) {.FoFLogInButton .Button-label {
margin-left: 10px !important;
}}
.scrolled .App-header {box-shadow: 0 1px 20px rgba(0,0,0,9%)}
@media (min-width: 992px){
.IndexPage .sideNav, .sideNav>ul {
position: sticky;
top: 70px;
}
.App {overflow-x: visible;}
}
.Post::before, .Post::after {content:none;}
.Post-body a {
border-bottom: none}
@media (min-width: 992px) {
.DiscussionPage-nav, .DiscussionPage-nav>ul {
position: sticky;
top: 50px;
z-index: -1;
}
.App {overflow-x: visible}
}
@media (max-width: 767px){
.item-search {
margin-top: 0 !important;
}}
@media (max-width: 767px){ #header-secondary>ul>li.item-signUp>button[title=Kaydol] {width: 80% !important}}
@media (max-width: 767px){ #header-secondary>ul>li.item-logIn>button[title="Giriş Yap"] {width: 80% !important}}
@media (max-width: 767px) { #header-secondary > ul > li.item-logIn > button[title="Giriş Yap"] {margin-top:10px}}
#header-secondary > ul > li.item-logIn > button[title="Giriş Yap"] {
border: 2px solid #45c32e;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 1s;
color: #45c32e;
border-radius: 4px;
width: 100px;
text-align: center;
}
#header-secondary > ul > li.item-signUp > button[title="Kaydol"] {
border: 2px solid #E7672E;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 1s;
color: #E7672E;
border-radius: 4px;
width: 100px;
text-align: center;
}
#header-secondary > ul > li.item-logIn > button[title="Giriş Yap"]:hover {
background: #dea94e !important;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 1s;
color: #fff;
border-radius: 4px;
width: 100px;
text-align: center;
transition: margin-right .1s;}
#header-secondary > ul > li.item-signUp > button[title="Kaydol"]:hover {
background: #dea94e !important;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
transition-duration: 1s;
color: #fff;
border-radius: 4px;
width: 100px;
text-align: center;
transition: margin-right .1s;}
#header-secondary > ul > li.item-logIn > button[title="Giriş Yap"]:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 16px;
content: '\f2f6';
margin-right: 4px;
vertical-align: -1px;
}
#header-secondary > ul > li.item-signUp > button[title="Kaydol"]:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 12px;
content: '\f234';
margin-right: 4px;
vertical-align: 1px;
}
.item-like .Button:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 15px;
content: '\f004';
margin-right: 8px;
vertical-align: -1px;
}
.item-reply .Button--link:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 15px;
content: '\f3e5';
margin-right: 8px;
vertical-align: -1px;
}
body when (@config-dark-mode = true) {
.DiscussionList:not(.DiscussionList--searchResults) .read .DiscussionListItem-title {color: #ffffff}
}
@media (max-width: 767px){
.TagTiles {
padding: 1rem !important;
}}
.TagTiles {
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-rows: 200px;
}
.TagTiles .TagTile {
width: 100%;
height: auto;
border-radius: .25rem;
}
.DiscussionList-loadMore button {
width: 75%;
}
@media (min-width: 768px){
.PostUser-badges {
margin-top: 50px;
}}
@media @desktop-up {
.sideNavOffset {
margin-left: 0;
}
.sideNav {
margin-right: 0;
margin-left: 50px;
&.TagsPage-nav {
margin-left: 0;
}
}
.sideNavContainer {
flex-direction: row-reverse;
}
}
@keyframes pulse {
0% { transform: scale(1);}
50% { transform: scale(1.5); }
100% { transform: scale(1); }
}
.new .NotificationsDropdown-unread {
animation: pulse 1s infinite;
}
@media (min-width: 768px){.item-recipients{ margin-left: 10px;}}
@media (min-width: 768px){
.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags {
margin-right: 0;
position: absolute;
left: 90px;
top: unset !important;
max-width: 500px !important;
white-space: nowrap;
overflow: hidden;
transition: max-width .2s ease-in-out,-webkit-mask-image .2s;
font-size: 13px !important;
bottom: 16px;
-webkit-mask-image: initial !important;
}}
@media (min-width: 768px){.item-terminalPost{ margin-left: 10px;}}
@media (min-width: 768px){
.sideNav, .sideNav>ul {
width: 205px;
}}
@media (min-width: 992px){.DiscussionListItem-count:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
content: "\f27a";
float: left;
margin-left: -21px;
margin-top: 4px;
}}
@media (min-width: 768px) {
.DiscussionListItem-badges {
margin-left: 0px;
position: absolute;
right: 40px;
}}
@media (min-width: 768px){
.DiscussionListItem-author .Avatar {
width: 50px;
height: 50px;
border-radius: 6px;
font-size: 25px;
line-height: 50px;
}}
@media (min-width: 768px){
.IndexPage .DiscussionListItem-title, .UserPage .DiscussionListItem-title {
margin-right: 0 !important; margin-left: 10px;
}}
@media (min-width: 767px) {
.DiscussionListItem-info .item-excerpt {
margin-left: 10px;
padding-bottom: 8px;
border-bottom: 1px solid #d7dfea;
margin-bottom: 15px;
margin-right: -40px !important;
}}
@media (min-width: 768px){
.item-discussion-views {
margin-right: -50px !important;
float: left;
margin-top: 68px;
position: absolute;
right: 100px;
bottom: 13px;
color: #667c99
}}
@media (min-width: 768px){
.DiscussionListItem-count {
float: right;
margin-top: 12px;
text-decoration: none;
position: absolute;
right: 130px;
bottom: 15px;
padding-left: 0px !important;
line-height: normal;
}}
.Pages-container{background: #fff;webkit-box-shadow:0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important; max-width: 1100px !important;}
@media (min-width: 767px) {.sideNav .Dropdown--select {
background: #fff;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
border-radius: 6px;
}}
@media (min-width: 768px){.DiscussionListItem-content {
padding-left: 80px;
padding-right: 80px;
padding-top: 10px;
border-radius: 8px;
padding-bottom: 20px;
background-color: #fff !important;
-webkit-box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
}
.DiscussionListItem {
position: relative;
margin-right: 0;
padding-right: 0;
padding-left: 0;
margin-left: 0;
border-radius: 8px;
margin-top:15px;}}
.Post.CommentPost {background-color: #fff !important; border-radius: 8px; margin-top: 20px; -webkit-box-shadow:0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
}
@media (min-width: 768px){.DiscussionListItem:hover { background-color: transparent !important;
-webkit-box-shadow: 0 1px 15px 0 rgba(0,0,0,.18) !important;
box-shadow: 0 1px 15px 0 rgba(0,0,0,.18) !important;}}
