Skip to main content

news-left

Block layout

Three images layout (fixed width)

Generate menu CSS

No
General

Name

news-left

Enable

Enable

Is template

No
Block CSS

Block style

width:auto; height: auto; margin: 0px 0px 0px 0px; /*top right bottom left*/

Title style

margin:0px; padding:0px 0px 0px 0px; /*top right bottom left*/

Content style

margin-bottom:0px; padding: 0px 0px 0px 0px; /*top right bottom left*/
Block background
Custom CSS

Custom css

.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; }

Code

.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; }

Path

sites/default/files/style_manager/bs_news-left.css