96 lines
2.2 KiB
CSS
96 lines
2.2 KiB
CSS
|
|
|||
|
|
html {
|
|||
|
|
background: #FFF;
|
|||
|
|
color: #000;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
*{font-family:Arial, "<><CEA2><EFBFBD>ź<EFBFBD>", sans-serif;}
|
|||
|
|
*:focus {outline: none;}
|
|||
|
|
body, div, ul,li,dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0
|
|||
|
|
}
|
|||
|
|
table {
|
|||
|
|
border-collapse: collapse;
|
|||
|
|
border-spacing: 0;
|
|||
|
|
max-width:100%;
|
|||
|
|
}
|
|||
|
|
fieldset, img {
|
|||
|
|
border: 0
|
|||
|
|
}
|
|||
|
|
address, caption, cite, code, dfn, th, var {
|
|||
|
|
font-style: normal;
|
|||
|
|
font-weight: normal
|
|||
|
|
}
|
|||
|
|
ol, ul {
|
|||
|
|
list-style: none
|
|||
|
|
}
|
|||
|
|
caption, th {
|
|||
|
|
text-align: left
|
|||
|
|
}
|
|||
|
|
h1, h2, h3, h4, h5, h6 {
|
|||
|
|
font-size: 100%;
|
|||
|
|
font-weight: normal
|
|||
|
|
}
|
|||
|
|
q:before, q:after {
|
|||
|
|
content: ''
|
|||
|
|
}
|
|||
|
|
abbr, acronym {
|
|||
|
|
border: 0;
|
|||
|
|
font-variant: normal
|
|||
|
|
}
|
|||
|
|
sup {
|
|||
|
|
vertical-align: text-top
|
|||
|
|
}
|
|||
|
|
sub {
|
|||
|
|
vertical-align: text-bottom
|
|||
|
|
}
|
|||
|
|
input, textarea, select {
|
|||
|
|
font-family: inherit;
|
|||
|
|
font-size: inherit;
|
|||
|
|
font-weight: inherit
|
|||
|
|
}
|
|||
|
|
input, textarea, select {
|
|||
|
|
font-size: 100%
|
|||
|
|
}
|
|||
|
|
legend {
|
|||
|
|
color: #000
|
|||
|
|
}
|
|||
|
|
html {
|
|||
|
|
background-color: #f8f7f5
|
|||
|
|
}
|
|||
|
|
body {
|
|||
|
|
|
|||
|
|
color: #222;
|
|||
|
|
height: 100%;
|
|||
|
|
padding: 0;
|
|||
|
|
position: relative
|
|||
|
|
}
|
|||
|
|
a,a:visited{color: #000; text-decoration:none;}
|
|||
|
|
a:hover{color: #dd0000; text-decoration:none;}
|
|||
|
|
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>css */
|
|||
|
|
.menu{ float:left; margin-top:10px; overflow: hidden; width: 100%; position:relative; background-color:#fff;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; }
|
|||
|
|
.menu h3{ float:left; overflow: hidden; width: 100%; height:40px; position:relative; line-height:40px; font-size:18px; font-weight:bold; color:#ff4d00; text-indent:10px;}
|
|||
|
|
.menu ul{ float:left;margin-top:10px; overflow: hidden; width: 100%; position:relative; }
|
|||
|
|
.menu ul li{float:left;width:140px; height:100px; text-align:center;}
|
|||
|
|
.menu ul li a,.menu ul li a:visited{ display:block; width:100%; height:100%;}
|
|||
|
|
.menu ul li img{width:46px; height:46px;}
|
|||
|
|
|
|||
|
|
|
|||
|
|
@media screen and (max-width:640px)
|
|||
|
|
{
|
|||
|
|
.menu ul li{float:left;width:125px; height:100px; text-align:center;}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width:540px)
|
|||
|
|
{
|
|||
|
|
.menu ul li{float:left;width:105px; height:100px; text-align:center;}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width:480px)
|
|||
|
|
{
|
|||
|
|
.menu ul li{float:left;width:95px; height:100px; text-align:center;}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width:320px)
|
|||
|
|
{
|
|||
|
|
.menu ul li{float:left;width:102px; height:100px; text-align:center;}
|
|||
|
|
}
|