.panel { .border-radius(@r-sm); > .panel-head { text-align: right; &:before, &:after { content: ""; display: table; } &:after { clear: both; } > a.back { float: left; position: relative; left: 50px; top: 10px; } .title { float: left; position: relative; background-color: @bg-white; padding: 0 @s-sm; font-size: @f-size-sm; font-size: 16px\9; line-height: 40px; height: 40px; color: @c-gray; min-width: 100px; text-align: left; > i { font-size: @f-size-xs; font-size: 12px\9; font-style: normal; color: @c-gray-light; } .border-radius(@r-sm 0 0 0); &:after { content: ""; background: url('/static/image/panel-bg.png') no-repeat; width: 50px; height: 40px; position: absolute; right: -50px; top: 0; } } .links { a.button { padding: 5px 10px; margin-left: 10px; } } } > .panel-body { background-color: @bg-white; } } .module { > .module-tab { border-bottom: 1px solid @b-gray-darker; padding: @s-sm - 1 @s-lg 0; .border-radius(@r-xl @r-xl 0 0); &:before, &:after { content: ""; display: table; } &:after { clear: both; } > a { position: relative; line-height: @s-xxl; display: inline-block; padding: 0 @s-sm; float: left; font-size: 16px\9; .border-radius(@r-xl @r-xl 0 0); margin-right: @s-sm; color: @c-gray; &:hover { background-color: @bg-white; } } > span { font-size: @f-size-sm; font-size: 16px\9; color: @c-gray-dark; position: relative; line-height: @s-xxl; display: inline-block; padding: 0 @s-sm; float: left; margin-right: @s-sm; background-color: @bg-white; .border-radius(@r-xl @r-xl 0 0); } } > .module-head { border-bottom: 1px solid @b-gray-darker; text-align: right; > h4 { padding: 0; line-height: 40px; background: @bg-transparent; font-size: @f-size-sm; font-size: 16px\9; font-weight: normal; float: left; } > span { color: @c-gray; position: relative; top: 10px; } &:before, &:after { content: ""; display: table; } &:after { clear: both; } } > .module-body { > .description { color: @c-gray; background-color: @bg-gray-lighter; padding: @s-sm; } } }