mobil css yapısı şu şekilde
@media only screen and (max-width: 479px) {
html, body {
width: 100%;
}
div#center {
border:none;
margin:0%;
padding:0%;
min-width:200px;
width:100%;
}
div#wrapperholder {
width:100%;
min-width: 200px;
max-width: 479px;
background-image: url('../images/wrapper_bg.png');
background-repeat: repeat-y;
}
div#wrappert {
background-image: url("../images/wrappert.png");
background-repeat: no-repeat;
clear: both;
height: 5px;
}
div#wrapper {
margin: 20px;
width:90%;
}
div#header {
background: url('../images/header.gif');
background-repeat: repeat-x;
height: 80px;
width:100%;
}
div#headerl {
background: url("../images/header_l.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 80px;
width:100%;
}
div#headerr {
background: url("../images/header_r.gif") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
color: #e52929;
height: 90px;
padding-left: 100px;
padding-right: 40px;
padding-top: 25px;
text-align: left;
}
div#logo {
background: url("../images/joomla_logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background-size: 100% 100%;
height: 80px;
left: 0;
position: left;
top: 0;
width: 100%;
}
div#topmenu {
background: url("../images/top_menu_bg.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
height: 30px;
width:100.2%;
}
div#mainholder {
float: left;
width: 100%;
}
#vinaora-3d-slideshow67 {
outline: 0 none;
width: 100%;
display: none;
}
div#pathway {
float: left;
font-size: 0.92em;
height: 30px;
line-height: 30px;
margin-left: 20px;
text-align: left;
width: 100%;
}
div#user4 {
float: left;
display: none;
}
div#left {
float: left;
margin-right: 10px;
text-align: left;
width: 100%;
display: none;
}
div#left div.moduletable_menu {
background-image: url("../images/module_menu_bg.gif");
background-repeat: repeat-y;
border-bottom: 1px solid #e3eaee;
margin-bottom: 10px;
padding: 30px 10px 20px;
position: left;
text-align: left;
}
div#main {
float: left;
font-size: 1em;
text-align: left;
width: 100%;
}
#icerik {
width: 100%;
}
table.contentpaneopen {
font-size: 1.1em;
line-height: 1.3em;
width: 50%;
word-wrap: break-word;
}
table.contentpaneopen td.contentheading {
color: #0f6eac;
font-size: 1.5em;
font-weight: bold;
line-height: 1.2em;
}
table.contentpaneopen td, tr, tbody{
}
div#right {
display: none;
}
div#footer {
background-color: #eef2f6;
border: 1px solid #c7d5dd;
float: left;
height: 40px;
margin: 10px 20px;
position: left;
width: 88%;
}
div#right div.moduletable_text, div#right div.moduletable, div#left div.moduletable {
margin-bottom: 10px;
padding: 40px 20px 20px;
position: left;
text-align: left;
}
.moduletable {
width: 100%;
position: left;
}
} /*Mobil ekranlar için*/
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/*Yatay mobil telefonlar ve tabletler*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {}
/*Yatay tabletler*/
@media only screen and (min-width: 1024px) {}/*Büyük ekranlar*/
sitenin resimleri şu şekilde
