/**************************************/ /* Default styles for news extension */ /**************************************/ .news { .clear { clear: both; } .nav { ul { float: left; display: inline; margin: 0; } li { float: left; } a { float: left; display: block; } &:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } } .article { padding-bottom: 15px; margin-bottom: 15px; &:last-child { padding-bottom: 0; margin-bottom: 0; } &:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .news-img-wrap { float: left; margin: 3px 12px 5px 0; background: #fff; a { display: block; float: left; padding: 4px; border: 1px solid #ddd; background: #fff; } img { float: left; height: auto; width: auto; } } .teaser-text { margin: 0 0 10px 0; } h3 { margin-bottom: 0; } } .footer { clear: both; padding: 10px 0 0 0; border-top: 1px solid #eee; margin-top: 15px; color: #888; p { line-height: 1em; } span { display: inline-block; padding-right: 8px; margin-right: 8px; border-right: 1px solid #ddd; &:last-child { border-right: 0; } } .news-category a { text-transform: uppercase; } } .no-news-found { color: #DB0202; font-style: italic; } .page-navigation { p { float: left; } ul { float: right; li { float: left; display: block; padding: 0 1px; background: none; a { display: block; padding: 1px 2px; } } } } } /* category menu view */ .news-category-view { ul li { padding: 5px 8px; li { padding: 2px 8px 2px 12px; } } > ul > li:nth-child(even) { background: #f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .category-desc { padding-left: 10px; margin-left: 10px; border-left: 1px solid #ddd; } } /* single view */ .news-single { .footer { margin-bottom: 20px; margin-top: 5px; padding: 10px 0 0 0; border-bottom: 0; border-top: 1px solid #eee; } .article .news-img-wrap { float: right; width: 282px; margin: 0 0 0 25px; img { float: none; } } .teaser-text { font-size: 15px; color: #888; } } .news-text-wrap { margin-bottom: 10px; } .news-img-caption { color: #888; } /* related news + files */ .news-related-wrap { display: table; margin-top: 20px; width: 100%; } .news-related { width: 50%; padding: 15px; border: 1px solid #eee; display: table-cell; ul li { line-height: 1em; margin-bottom: 12px; span { border-right: 1px solid #DDDDDD; display: inline-block; margin-right: 8px; padding-right: 8px; color: #888; :last-child { border-right: 0; padding-right: 0; } } } h4 { margin-bottom: 10px; } } .news-related-files { ul li { margin-bottom: 20px; } .news-related-files-link .jpg { background-position: 0 0; } } .news-clear { clear: both; }