应用Rails进行敏捷Web开发(学习笔记)-附录C 源代码-css源码

 

1.1 CSS文件
1.1.1 depot_final/public/stylesheets/depot.css

#banner{
   background:#9c9;
   padding-top:10px;
   padding-bottom:10px;
   border-bottom:2px solid;
   font:small-caps 40px/40px "Times New Roman",serif;
   color:#282;
   text-align:center;
}
#banner img{
   float:left;
}
#columns{
   background:#141;
}
#main{
   margin-left:7em;
   padding-top:4ex;
   padding-left:2em;
   background:white;
}
#side{
   float:left;
   padding-top:1em;
   padding-left:1em;
   padding-bottom:1em;
   width:6em;
   background:#141;
}
#notice{
   border:2px solid red;
   padding:1em;
   margin-bottom:2em;
   background-color:#f0f0f0;
   font:bold smaller sans-serif;
}
a{
   text-decoration:none;
   font: smaller sans-serif;
}
a.addtocart{
   padding-left:1em;
   padding-right:1em;
   color:#141;
   background:#cec;
   font-weight:bold;
}
a.addtocart:hover{
   color:#000;
   background:#eec;
}
#side a{
   color:#ada;
   font: smaller sans-serif;
}
#side a:hover{
   color:#fff;
}
.catalogentry{
   padding: 1ex 0ex;
}
.catalogentry img {
   float: left;
   margin-right:2em;
}
.catalogentry h3{
   font: larger bold;
   color:#282;
   margin-top:0ex;
   margin-bottom:0.5ex;
}
.catalogentry p{
   font: smaller sans-serif;
   margin-bottom:.5ex;
}
.catalogprice{
   padding-right: 4em;
}
.carttitle{
   background:#282;
   color:#dfd;
   font:bold smaller sans-serif;
   text-align:center;
}
.carttitle TD{
   padding-top:0px;
   padding-bottom:0px;
}
#cartmenu{
   float:right;
   border-left:2px dotted #282;
}
#totalcell{
   font-weight:bold;
   border-top:1px solid #282;
   border-bottom:2px solid #282;
   text-align:right;
}
.separator{
   border-bottom:1px dotted #282;
   clear:both;
}s

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值