/* General style with default layout */ .o-links {} .o-links .o-links-group { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: dashed 1px #EEE; } .o-links .o-links-group:first-child { margin: 0; padding: 0; border: 0; } .o-links .o-links-category { padding-bottom: 16px; border-bottom: solid 2px #CCC; font-weight: bold; font-size: 1.2em; } .o-links .o-links-content {} .o-links .o-links-content > ul { margin: 0; padding: 0; list-style: none; } .o-links .o-links-content > ul > li { margin-bottom: 30px; } .o-links .o-links-list {} .o-links .o-links-list > ul {} .o-links .o-links-list > ul > li { padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: solid 1px #eee; } .o-links .o-links-list > ul > li:first-child { padding: 0; margin: 0; border: 0; } .o-links .o-links-title {} .o-links .o-links-link { font-weight: bold; } .o-links .o-links-link:hover {} .o-links .o-links-description { margin: 12px 0; font-size: 0.85em; line-height: 1.5em; } .o-links .o-links-hot { background-color: #D83131; border-radius: 3px; color: #FFFFFF; display: inline-block; font-size: 11px; font-weight: normal; line-height: 20px; margin: 0 0 0 8px; padding: 0 4px; vertical-align: top; } /* Tag list */ .o-links .o-links-tag-list { margin: 0 0 16px 0; } .o-links .o-links-tag-list ul { margin: 0 -4px; padding: 0; list-style: none; } .o-links .o-links-tag-list ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .o-links .o-links-tag-list li { float: left; margin: 0 4px 8px 4px; } .o-links .o-links-tag { display: block; border: solid 1px #ccc; padding: 4px; font-size: 0.85em; } .o-links .o-links-tag:hover {}