93 lines
2.7 KiB
CSS
93 lines
2.7 KiB
CSS
|
@charset 'utf-8';
|
|||
|
|
* {margin:0px; padding:0px;}
|
|||
|
|
ul,li {list-style:none;}
|
|||
|
|
img {max-width:100%;}
|
|||
|
|
body {font-family:"Arial" "<><CEA2><EFBFBD>ź<EFBFBD>" "<22><><EFBFBD><EFBFBD>"; letter-spacing:1px; padding-bottom:10px;}
|
|||
|
|
a {color:#4e4e4e; text-decoration:none;}
|
|||
|
|
a:visited {color:#4e4e4e;}
|
|||
|
|
*:focus {outline: none;}
|
|||
|
|
/* flex<65><78><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD>ԭ<EFBFBD><D4AD><EFBFBD><EFBFBD> */
|
|||
|
|
.flex {display:-webkit-box; display:-ms-flex; display:-webkit-flex; display:flex;}
|
|||
|
|
.inline-flex {display:-webkit-inline-box; display:-ms-inline-flex; display:-webkit-flex; display:inline-flex;}
|
|||
|
|
.flex-vertical {-webkit-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;}
|
|||
|
|
.flex-hc {-webkit-box-pack:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;}
|
|||
|
|
.flex-vc {-webkit-box-align:center; -ms-align-items:center; -webkit-align-items:center; align-items:center;}
|
|||
|
|
.flex-hb {-webkit-box-pack:justify; -ms-justify-content:space-around; -webkit-justify-content:space-around; justify-content:space-around;}
|
|||
|
|
.flex-item {-webkit-box-flex:1; -ms-flex-grow:1; -webkit-flex-grow:1; flex-grow:1;}
|
|||
|
|
|
|||
|
|
body {word-break:break-all;}
|
|||
|
|
.p10 {padding:10px;}
|
|||
|
|
.pt10 {padding-top:10px;}
|
|||
|
|
.pt5 {padding-top:5px;}
|
|||
|
|
.img-container {height:80px; min-width:80px; max-width:80px; overflow:hidden;}
|
|||
|
|
.img-container img {height:100%; width:100%;}
|
|||
|
|
.text-container {padding-left:15px;}
|
|||
|
|
.page {font-size:12px;}
|
|||
|
|
.comment {font-size:12px; float:right; font-style:italic;}
|
|||
|
|
a:nth-child(even) li {background:#f2f2f2;}
|
|||
|
|
.load-more {text-align:center; line-height:38px; border:1px solid #ddd; width:95%; margin:0 auto; background:-webkit-linear-gradient(top,#fff,#e7e7e7);}
|
|||
|
|
.meneame
|
|||
|
|
{
|
|||
|
|
clear:both;
|
|||
|
|
background:none;
|
|||
|
|
border:0;
|
|||
|
|
height:40px;
|
|||
|
|
width:100%;
|
|||
|
|
text-align:center;
|
|||
|
|
}
|
|||
|
|
.meneame a
|
|||
|
|
{
|
|||
|
|
display:inline;
|
|||
|
|
float:none;
|
|||
|
|
width:100px;
|
|||
|
|
color:#fff;
|
|||
|
|
}
|
|||
|
|
.meneame a:visited{
|
|||
|
|
color:#262626;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.caselist dl {
|
|||
|
|
MARGIN: 10px 20px 15px 0px; WIDTH: 99%; height:140px; overflow:hidden; FLOAT: left; border: 1px solid #111401;
|
|||
|
|
}
|
|||
|
|
.caselist dl dt {
|
|||
|
|
PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; WIDTH: 172px; PADDING-RIGHT: 8px; BACKGROUND: url(../img/works.gif) no-repeat; FLOAT: left; HEIGHT: 123px; PADDING-TOP: 8px;
|
|||
|
|
}
|
|||
|
|
.caselist dl dt img{
|
|||
|
|
WIDTH: 156px; HEIGHT: 107px;
|
|||
|
|
}
|
|||
|
|
.caselist dl dd {
|
|||
|
|
WIDTH: 385px; FLOAT:left; margin-left:10px;
|
|||
|
|
}
|
|||
|
|
.caselist dl dd span {
|
|||
|
|
LINE-HEIGHT: 24px; COLOR: #000; FONT-WEIGHT: bold;
|
|||
|
|
}
|
|||
|
|
.caselist dl span strong {
|
|||
|
|
COLOR: #000;
|
|||
|
|
}
|
|||
|
|
.caselist dl dd p.link {
|
|||
|
|
MARGIN-BOTTOM: 10px;
|
|||
|
|
}
|
|||
|
|
.caselist dl dd p {
|
|||
|
|
COLOR: #000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width:640px)
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width:540px)
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width:480px)
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width:320px)
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|