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" "΢ÈíÑźÚ" "ËÎÌå"; letter-spacing:1px; padding-bottom:10px;}
|
||
a {color:#4e4e4e; text-decoration:none;}
|
||
a:visited {color:#4e4e4e;}
|
||
*:focus {outline: none;}
|
||
/* flex²¼¾Ö×Ô¶¨ÒåÔ×ÓÀà */
|
||
.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)
|
||
{
|
||
|
||
|
||
} |