html {
background-color: #D6D69E;
width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
body {
font-family: 'Open Sans', sans-serif;
width: 1200px;
margin: 0 auto;
padding: 10px 30px 30px 30px;
font-size: 15px;
background-color: #F6F6EA;
}
#ustmenu ul, #uyemenu ul, #sol ul, #tabanalan ul {
list-style: none;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
img {
border: none;
}
h1, h2, h3, h4 {
color: #848C36;
padding: 0;
margin-top: 0;
font-family: 'Open Sans Condensed', sans-serif;
}
h2 {
font-weight:normal;
}
h3 {
font-weight:normal;
}
h4 {
font-weight:normal;
}
#baslik {
overflow: hidden;
}
#logo {
display: block;
float: left;
padding: 43px 0px 10px 160px;
margin: 0;
text-align: center;
width: 360px;
background: url(../images/agac.png) no-repeat;
}
#logo h3 {
font-family: 'Quintessential', cursive;
font-size: 24px;
letter-spacing: 1px;
color: #848C36;
padding: 2px 0 5px 0;
margin: 3px auto 0 auto;
border-top: solid 1px #848C36;
border-bottom: solid 1px #848C36;
width: 260px;
}
#siparis {
float: right;
padding: 0;
margin: 0;
color: #848C36;
font-size: 26px;
font-family: 'Open Sans Condensed', sans-serif;
}
#siparis a {
display: block;
font-size: 28px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
}
#ustmenu {
clear: both;
overflow: hidden;
margin: 0;
}
#ustmenu ul li a {
display: block;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 17px;
float: right;
margin: 5px 10px;
padding: 5px 10px;
color: #848C36;
}
@media screen and (min-width: 1px) and (max-width: 980px) {
#ustmenu ul li a.anasayfa {
display: none
}
}
#ustmenu ul li a:hover {
color: #000;
border-radius: 5px;
background-color: #d6d69e;
}
#ustdesen {
clear: both;
background: url(../images/desen.png) repeat-x;
height: 50px;
width: 100%;
}
a#android, a#mavikus {
display: inline-block;
margin: 0;
padding: 5px 10px;
border-radius: 5px;
}
a#android img, a#mavikus img {
display: block;
border: none;
}
a#android:hover, a#mavikus:hover {
background-color: #d6d69e;
}
#uyemenu {
overflow: hidden;
margin: 10px 0;
}
#uyemenu ul li a {
display: block;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
float: right;
margin: 0;
padding: 5px 10px;
color: #848C36;
}
#uyemenu ul li a:hover {
color: #000;
border-radius: 5px;
background-color: #d6d69e;
}
#uyeadi {
float: left;
margin: 0;
padding: 11px 10px 10px 0;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
}
#cikisyap {
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
float: left;
margin: 0;
padding: 10px 0;
color: #848C36;
border: none;
background-color: #F6F6EA;
cursor: pointer;
}
#cikisyap ul li a:hover {
color: #c00;
}
#sol {
float: left;
padding: 0;
margin: 0 20px 20px 0;
width: 200px;
}
#sol ul {
padding: 20px;
margin: 0;
background-color: #FFF;
}
#sol ul#zeytinyagi li a {
font-family: 'Quintessential', cursive;
display: block;
color: #848C36;
padding: 5px 0 5px 28px;
font-weight: bold;
margin: 0;
font-size: 15px;
text-shadow: 1px 1px #fff;
background: url(../images/zeytinyagi-ikon.png) no-repeat;
}
#sol ul#zeytinyagi li a:hover {
color: #c00;
}
#sol ul#zeytin li a {
font-family: 'Quintessential', cursive;
display: block;
color: #555;
padding: 5px 0 5px 28px;
font-weight: bold;
margin: 0;
font-size: 15px;
text-shadow: 1px 1px #fff;
background: url(../images/zeytin-ikon.png) no-repeat;
}
#sol ul#zeytin li a:hover {
color: #c00;
}
#sol ul#meyveler li a {
font-family: 'Quintessential', cursive;
display: block;
color: #555;
padding: 5px 0 5px 28px;
font-weight: bold;
margin: 0;
font-size: 15px;
text-shadow: 1px 1px #fff;
background: url(../images/nektarin.png) no-repeat;
}
#sol ul#meyveler li a:hover {
color: #c00;
}
#sol ul#sebzeler li a {
font-family: 'Quintessential', cursive;
display: block;
color: #555;
padding: 5px 0 5px 28px;
font-weight: bold;
margin: 0;
font-size: 15px;
text-shadow: 1px 1px #fff;
background: url(../images/taze-fasulye.png) no-repeat;
}
#sol ul#sebzeler li a:hover {
color: #c00;
}
#icerik {
float: left;
padding: 20px;
margin: 0 0 30px 0;
width: 600px;
background-color: #FFF;
}
#sag {
float: left;
padding: 0;
margin: 0 0 0 20px;
width: 320px;
}
#tabandesen {
clear: both;
background: url(../images/desen2.png);
height: 100px;
width: 100%;
}
#tabanalan {
padding: 20px 0;
margin: 0;
}
#tabanalan ul {
overflow: hidden;
}
#tabanalan ul li a {
display: block;
float: left;
margin: 0;
padding: 10px 0;
margin: 0 5px;
width:190px;
color: #000;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
text-align: center;
}
#tabanalan ul li a:hover {
color: #000;
border-radius: 5px;
background-color: #d6d69e;
}
#telif {
clear: both;
text-align: center;
font-size: 13px;
font-weight: normal;
border-top: solid 1px #848C36;
padding: 10px 0 0 0;
margin: 30px 0 0 0;
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
@media print {
#baslik, #ustmenu, #ustdesen, #uyemenu, #sol, #sag, #tabandesen, #tabanalan, #telif, #yazdir {
display: none;
}
#icerik {
width: 100%;
font-size: 24px !important;
color: #000 !important;
}
.sepetbaslik div.urunadi, .sepetbaslik div.urunadeti, .sepetbaslik div.urunfiyati, .sepetbaslik div.uruntoplam, .kargolabel, .genellabel {
font-size: 28px !important;
color: #000 !important;
}
}
#sol ul#zeytinyagi li a.yilbasi{
color: red;
}