[sourcecode language=”css”] @media only screen and (max-width: 640px) /sourcecode]
* { padding: 0;margin: 0;
}
body {
background-image: url('csillagos.jpg');
background-attachment: fixed;
background-repeat:no repeat;
font-family: arial,sans-serif;
font-size: 12px;
text-align: center;
}
div#header{
height: 110px;
max-width: 700px;
margin: 0 auto;
background: url('berauto2.jpg');
background-repeat:no repeat;
}
div.container { max-width: 700px;
margin: 0 auto;
}
div#left_collumn{
max-width: 330px;
height: auto;
float: left;
background: #EFEFEF;
padding: 10px;
border-bottom-left-radius: 10px;
margin-top: 1px;
text-align: left;
text-align: justify;
}
div#right_collumn{
max-width: 330px;
height: auto;
float: left;
background: #D8F892;
padding: 10px;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
margin-top: 1px;
text-align: left;
text-align: justify;
}
h1{color: red;
font-weight: bold;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
h2{
color: black;
font-weight: bold;
text-align: left;
text-transform: uppercase;
font-size: 13px;
}
h3{
color: black;
font-weight: bold;
text-align: center;
text-transform: uppercase;
font-size: 13px;
}
ul#menu a,ul#menu div {
padding: 5px 5px;
display: block;
color: #000000;
text-decoration: none;
font-weight: bold;
}
ul#menu div {
cursor: pointer;
background: url('arrow_down.png') no-repeat 95% 50%;
}
ul#menu li {
list-style: none;
float: left;
color: #000000;
font-size: 14px;
text-transform: uppercase;
background: #FFFF99;
background: -moz-linear-gradient(top, #39E600 0%, #E0FF4C 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#39E600), to(#E0FF4C));
margin-right: 1px;
width: 123px;
text-align: center;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
ul#menu li:hover {
background: #E8E8E8;
}
ul#menu li ul {
display: none;
position: absolute;
border-top: 1px solid transparent;
}
ul#menu ul li {
float: none;
text-transform: lowercase;
margin: 0;
background: url('arrow_right.png') no-repeat #E8E8E8 5% 50%;
font-size: 11px;
border-radius: 0;
box-shadow: none;
}
ul#menu ul li:hover {
background: url('arrow_right.png') no-repeat #000 5% 50%;
}
ul#menu ul li a {
padding: 5px;
}
table{
border-collapse: collapse;
width: 325px;
height: auto;
margin: 0px auto;
font-size: 12px;
background-color: white;
}
table, td{
border-width: 1px;
border-style: solid;
border-color: grey;
taxt-align: center;
vertical-align: center;
padding: 3px;
}