Ngày đăng: Thứ năm, 20/01/2011 - 16:55
Block layout
Three images layout (fixed width)
Mã
.news-left .blocktitle
{
background-image:url(http://mecojsc.vn/sites/default/files/bg-top-news-left_0.jpg);
line-height:50px;
}
.news-left
{
width:auto;
height: auto;
margin: 0px 0px 0px 0px; /*top right bottom left*/
}
.news-left .content
{
background: transparent url(http://mecojsc.vn/sites/default/files/bg-middle-news-left.jpg) repeat-y;
}
.news-left h2
{
margin:0px;
padding:0px 0px 0px 0px; /*top right bottom left*/
}
.news-left p
{
margin-bottom:0px;
}
.news-left .blockbottom
{
background:transparent url(http://mecojsc.vn/sites/default/files/bg-bottom-news-left_0.jpg) no-repeat scroll center top;
height:14px;
line-height:14px;
overflow:hidden;
}
.news-left .content
{
margin-bottom:0px;
padding: 0px 0px 0px 0px; /*top right bottom left*/
}
.news-left h2.blocktitle{
color:#29156a;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
display:block;
position:relative;
}
#sidebar-first .news-left h2 .block-icon{
margin-left: 4px; margin-top: 3px;
height: 30px;
width: 30px;
}
#sidebar-first .news-left .view-content ul li{
list-style-type:none;
margin-left: 0px;
}
#sidebar-first .news-left .view-content ul li a{
text-decoration:none;
color:#606060;
background:url(/images/mecojsc/bullet-news.jpg) no-repeat 0px 8px;
padding-left: 11px; display: block;
}
#sidebar-first .news-left .view-content ul li .field-news-title-value{
padding-top: 5px; width: 217px;
}
#sidebar-first .news-left .view-content ul li a:hover,
#sidebar-first .news-left .view-content ul li a.active{
color:#ac1119;
}
#block-views-block_news-block_2 .views-row-unformatted{
overflow:hidden;
width: 226px;
padding: 8px 5px 0px 8px;
}
#block-views-block_news-block_2 .views-row-unformatted .field-news-image-fid{
float:left;
}
#block-views-block_news-block_2 .views-row-unformatted .field-news-image-fid img{
border: 1px solid #cecccd;
padding:2px;
margin-right:5px;
}
#block-views-block_news-block_2 .views-row-unformatted .field-news-title-value a{
text-decoration:none;
color:#000;
}
#block-views-block_news-block_2 .views-row-unformatted .field-news-title-value a:hover,
#block-views-block_news-block_2 .views-row-unformatted .field-news-title-value a.active{
color:#ac1119;
}
body.chrome .news-right .blockbottom,
body.ie .news-right .blockbottom{
margin-right: 1px;
margin-left:-1px;
}
body.chrome .news-left .blockbottom,
body.ie .news-left .blockbottom{
margin-right:-2px;
margin-left:2px;
}
Đường dẫn
sites/default/files/style_manager/bs_news-left.css