.portlets dl{ float:left; margin: 10px 5px; } .portlets .event-list dt, .portlets .mail-list dt, .portlets .news-list dt { display:none; } .portlets .event-list dd, .portlets .mail-list dd, .portlets .news-list dd { min-height: 55px; height: 55px; width: 400px; margin:0 0 5px 0; padding:8px; overflow:hidden; background-color:#DDD; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:4px; } .portlets .event-list .duration { color:#FF7777; font-size:9px;} .portlets .event-list .duration:before{ color:#FF7777; content:"[ "} .portlets .event-list .duration:after { color:#FF7777; content:" ]"} .portlets .event-list .duration .start:after { color:#FF7777; content:" - "} .portlets .event-list .title, .portlets .news-list .title, .portlets .mail-list .title { color:#555; font-weight:bold; font-size:13px;} .portlets .event-list .description, .portlets .news-list .description, .portlets .mail-list .description { color:#888;} .portlets .event-list .month { color: #DDDDDD; display: block; font-size: 11px; line-height: 11px; margin-left: -3px; padding-top: 5px; text-align: center; text-transform: uppercase; } .portlets .event-list .day { color: #999999; display: block; font-size: 18px; line-height: 18px; margin-left: -3px; padding-top: 8px; text-align: center; text-transform: uppercase; } .portlets .event-list .date { background-attachment: scroll; background-color: transparent; background-image: url("../img/date-bg-red.png"); background-position: 0 0; background-repeat: no-repeat; float: left; height: 49px; width: 45px; margin-right: 10px; } /* ----------- */ .portlets .news-list dd { min-height: 55px; height: 130px; width: 400px; } .portlets .news-list .date { background-attachment: scroll; background-color: transparent; background-image: url("../img/boletim.png"); background-position: 0 0; background-repeat: no-repeat; float: left; height: 125px; width: 110px; margin-right: 10px; } .portlets .news-list .date .full{ font-size:8px; color:#1E5AC6; display:block; margin:10px 0 0 15px; } .portlets .news-list .duration {color:#FF7777; font-size:9px;} /* ----------- */ .portlets .mail-list .date { background-attachment: scroll; background-color: transparent; background-image: url("../img/mail_unread.png"); background-position: 0 0; background-repeat: no-repeat; float: left; height: 72px; width: 72px; margin-right: 10px; } .portlets .mail-list .date .hasCountdown { color: #1E5AC6; display: block; font-size: 8px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 44px; overflow: hidden; text-align: center; width: 72px; } .portlets .mail-list .duration {color:#FF7777; font-size:9px;} .portlets .mail-list .from:before {content: "De: "; color:#555; font-size:10px; font-weight:normal;} .portlets .mail-list .from { color:#555; font-weight:bold; font-size:11px;}