app/stylesheets/style.css
body {
padding:0;
margin:0;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
background-color:rgba(238, 233, 233, 0.97);
}
.header {
width:100%;
height:50px;
background-color:rgba(255, 255, 255, 0.7);
border-bottom:4px solid #C8CFC1;
}
.header__logo-wrapper {
position:absolute;
z-index:1;
margin-left:30px;
}
.header__logo-wrapper a {
display:block;
}
#header__logo {
height:50px;
}
.header__nav-wrapper {
position:absolute;
top:0;
width:100%;
line-height:50px;
}
.header__welcome {
text-align: center;
color: #85A68B;
font-size: 16px;
margin:0;
}
.header__btn-wrapper {
position:absolute;
right:20px;
top:0;
}
.header__btn-wrapper a {
color: #97B39C;
text-decoration: none;
margin-right: 10px;
font-size:14px;
}
.header__btn-wrapper button{
color: #97B39C;
font-size:14px;
margin-right: 10px;
margin-right: 10px;
background:none;
border:none;
outline:none;
cursor:pointer;
}
/*
.header__nav {
width:30%;
list-style:none;
overflow:auto;
zoom:1;
margin:0 auto;
padding:0;
}
.header__nav__item {
float:left;
width:33%;
text-align:center;
color: #4D8057;
font-weight: bold;
}
*/
.cardflow-wrapper {
width:80%;
margin:50px auto;
overflow:auto;
zoom:1;
max-width:980px;
}
.cardflow {
width:50%;
float:left;
}
.card {
width:90%;
margin:0 auto 20px;
box-shadow: 1px 1px 5px #DEDADA;
}
.card__top {
padding:10px 20px;
background-color:rgba(201, 224, 179, 0.3);
font-size:16px;
font-weight:bold;
}
.card__list {
list-style:none;
margin:0;
padding:0;
background-color:rgba(250, 248, 248, 0.51);
}
.card__list__item {
border-bottom: 1px solid #EEE9E9;
padding:15px 5%;
color: #4D8057;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor:pointer;
}
.card a {
color:inherit;
text-decoration:none;
}
.source {
padding: 0 4px;
background: rgba(234,120,30,0.21);
color:#1c2733;
}
.total {
float:right;
}
.footer__btn-wrapper {
display:none;
position:fixed;
bottom:0;
left:0;
width:96%;
padding:2%;
background:rgb(222, 226, 217);
border-top:1px solid #CDD3C7;
}
.footer__btn-wrapper a {
display:block;
float:left;
width:49%;
line-height:30px;
text-align:center;
font-size:16px;
color:#88A88E;
text-decoration:none;
}
.footer__btn-wrapper a:not(:last-child){
border-right:1px solid #D6D6D6;
}
.footer__btn-wrapper button {
background:none;
border:none;
outline:none;
display:block;
float:left;
line-height:30px;
font-size:16px;
color:#88A88E;
cursor:pointer;
}
.footer__btn-wrapper .isLogin {
width:24.74%;
}
#cardTotal {
display:none;
}
/*
.maskLayer {
position: fixed;
top:0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(240, 243, 239);
z-index: 9999;
text-align: center;
padding: 100px;
}
*/
@media screen and (max-width:980px){
.cardflow-wrapper {
width:100%;
}
}
@media screen and (max-width:720px){
.cardflow {
width:100%;
display:none;
}
#cardTotal {
display:block;
}
.header__logo-wrapper {
width:100%;
text-align:center;
margin:0;
}
.header__nav-wrapper {
top:54px;
}
.header__btn-wrapper {
display:none;
}
.footer__btn-wrapper {
display:block;
}
}