
body{
background-color: #f5f5f5;
}
blockquote img{
opacity: 1;
}
table{
border-collapse: collapse;
border: none;
}
td{
vertical-align: top;
}
tr:nth-child(odd) td:nth-child(odd) {
padding: 10px 0 10px 10px;
}
tr:nth-child(odd) td:nth-child(even) {
padding: 10px 10px 10px 0;
}
.quoteReply a{
padding: 10px;
}
.content{
background-color: transparent;
border-radius: 0;
box-shadow: none;
border-bottom: 1px #DCDCDC solid;
padding-bottom: 10px;
}
::selection{
background-color: #607D8B;
color: #fff;
}
光 mode
body{
background-color: #f5f5f5;
}
blockquote img{
opacity: 1;
}
table{
border-collapse: collapse;
border: none;
}
td{
vertical-align: top;
}
tr:nth-child(odd) td:nth-child(odd) {
padding: 10px 0 10px 10px;
}
tr:nth-child(odd) td:nth-child(even) {
padding: 10px 10px 10px 0;
}
.quoteReply a{
padding: 10px;
}
.content{
background-color: transparent;
border-radius: 0;
box-shadow: none;
border-bottom: 1px #DCDCDC solid;
padding-bottom: 10px;
}
::selection{
background-color: #607D8B;
color: #fff;
}
嘗試緊嘅material
嘗試緊嘅material
淡入動畫
.post {
-webkit-animation-name: example; /* Chrome, Safari, Opera */
-webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
animation-name: example;
animation-duration: 0.5s;
-ms-transform: translate(0px,0px); /* IE 9 */
-webkit-transform: translate(0px,0px); /* Safari */
transform: translate(0px,0px); /* Standard syntax */
}
/* Standard syntax */
@keyframes example {
from {opacity: 0;
-ms-transform: translate(0px,15px); /* IE 9 */
-webkit-transform: translate(0px,15px); /* Safari */
transform: translate(0px,15px); /* Standard syntax */}
to {opacity: 1;-ms-transform: translate(0px,0px); /* IE 9 */
-webkit-transform: translate(0px,0px); /* Safari */
transform: translate(0px,0px); /* Standard syntax */}
應該有幾句唔洗
嘗試緊嘅material
[9up]參考返google now, drop shadow冇咁多[/9up]
做埋button ripple (要custom js),完全照抄Google Now個shadow,見過其他material design用之前個shadow,不過我估唔係一堆card,所以都係跟返Google好
material dark theme參考
巴qn, 我 hidden唔到個檢舉呀
material dark theme參考
但個report制點郁