html,
body {
padding: 0;
margin: 0;
}
a {
color: inherit;
/* A etiketinin rengini miras al */
}
header {
display: flex;
align-items: center;
background-image: linear-gradient(to bottom, #ddd, #56718a);
line-height: 0;
}
header .logo {
float: left;
}
header .logo #img1 {
width: 400px;
height: 140px;
}
header ul.navbar {
float: left;
margin: 0;
padding: 0;
}
header ul.navbar li {
display: inline-block;
margin-left: 205px;
font-size: 32px;
}
header ul.navbar li a {
color: #000;
text-decoration: none;
transition: 1.5S;
}
header ul.navbar li a:hover {
color: #56718a;
}
/*content*/
.content {
/*background-color: aqua;*/
min-height: 1200px;
background-color: #56718a;
}
/*footer*/
footer {
/*margin: 30px;*/
/*margin-top: 0px;*/
/*margin: 30px 0 0 0;*/
/*kenarların üstten başlar saat yönüne devam eder*/
padding: 30px;
background: #c0c0c0;
text-align: center;
}
.products>.content {
min-height: 900px;
}
.products>.content-slider {
padding: 10px 0 15px 0;
margin-top: 10px;
}
/*slider*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.content-slider {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0 10px 0;
}
.slider {
position: relative;
}
.slider-1 {
width: 100px;
height: 100px;
position: relative;
}
.slider img {
width: 100%;
height: 100%;
border-radius: 5px;
}
.next,
.back {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
padding: 10px;
}
.back {
left: 0;
}
.next {
right: 0;
}
.next>i,
.back>i {
color: #2d4b79;
}
.next>i:hover,
.back>i:hover {
text-decoration: none;
transition: 1.5S;
color: #000;
}
/*about*/
#about {
background-color: #ddd;
/*min-height: 300px;*/
padding: 0;
min-height: 750px;
}
/*img*/
#aboutİmg {
margin: 40px 0px 0px 40px;
width: 400px;
min-height: 140px;
}
/*slogan*/
.slogan {
font-size: 100px;
float: right;
margin: 50px 130px 0px 0px;
color: #2d4b79;
}
/*text*/
#text {
font-size: 20px;
padding: 0px 175px 0px 175px;
text-align: left;
}
.text {
display: inline-block;
text-align: center;
padding-bottom: 25px;
padding-top: 25px;
}
/* informations */
.informations-container {
display: grid;
grid-template-columns: auto auto auto auto;
padding: 5px;
margin-top: 34px;
}
.informations {
border: 1px solid rgba(0, 0, 0, 0.8);
padding: 20px;
font-size: 17px;
text-align: center;
color: #1a3f75;
}
/*sections*/
.sections {
display: grid;
grid-template-columns: auto auto auto;
margin-left: 300px;
padding: 25px 0;
}
.sections>a {
color: #bbb;
}
.sections>a:hover{
color: #000;
text-decoration: none;
transition: 1.5S;
}
.special-day-shoes {
color: #bbb;
}
/*category*/
.lower-category {
display: none;
}
.special-day-shoes_lower-category {
margin-left: 55px;
margin-top: 25px;
color: #bbb;
}
.special-day-shoes_lower-category:hover {
color: #000;
text-decoration: none;
transition: 1.5S;
}
/*
#faq { --->1. ID
background-color: aquamarine;
}
.faq { --->2. CLASS
background-color: #f00;
}
body { --->3. HTML TAG
background-color: blue !important; ---> IMPORTANT -> DÄ°ÄERLERÄ°NÄ° EZER
}
*/
/*title*/
/*
blue
blue
blue
*/
/*
.faq .content .title {
color: blue;
}
*/
/*iç içe sarmal*/
.faq>.content>.title {
/*buradaki boşluklar altındaki seçiçiyi bulmaya çalışır*/
color: blue;
}
/*
.faq.color .title {
color: blue;
}
*/