User:Westgrass/common.css

.infocard{ margin: 0.5em 0; padding: 1em; box-sizing: border-box; border: 1px solid #aaa; border-radius: 6px; width: 100%; min-width: 300px; position: relative; background: #f2f2f2; color: #000; } .infocard > .heading{ border-right: 3em solid transparent; padding-left: 1em; margin: 1em -1em; position: relative; line-height: 1; } .infocard > .heading .hgroup{ background: #f2f2f2; padding: 0 1em; display: inline-block; position: relative; z-index:10; color: #999; font-weight: 100; } .infocard > .heading .hgroup > .main{ font-size: 2em; color: #000; } .infocard > .heading .hgroup > .main span{ font-size: 62.5%; color: #999; } .infocard > .heading .icon{ position: absolute; right: -2em; top: 0; height: 100%; z-index: 1; } .infocard > .intro{ margin: 1em 0; min-width: 200px; } .infocard > .outro{ margin: 1em 0 0 0; min-width: 250px; } .infocard > .box{ margin: 1em 0 0 0; } .infocard .box{ border: 1px solid #ddd; background: #fff; border-radius: 4px; padding: 1em; } .infocard .box > .title{ line-height: 1; display: inline-block; margin-left: -1em; padding: 0 1em 0 0.5em; min-width: 150px; border-left: 0.5em solid transparent; } .infocard .box > .title span{ font-weight: lighter; font-size: 1.5em; } .infocard .box > .content{ margin-top: 1em; } .infocard .box > .content .heading{ margin: 1em 0 0.25em; font-weight: bold; }