www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/038/default/core/css/shortcodes.css
/* Copyright (c) 2011 Ernesto Mendez <der-design.com> */ /* COLUMNS */ .column-4 { float: left; margin-right: 28px; width: 125px; min-height: 50px; } .column-3 { float: left; margin-right: 28px; width: 176px; min-height: 50px; } .column-2 { float: left; margin-right: 28px; width: 278px; min-height: 50px; } #content-wrap > article .column-4 { width: 204px; } #content-wrap > article .column-3 { margin-right: 27px; width: 282px; } #content-wrap > article .column-2 { width: 436px; } .column-4.last, .column-3.last, .column-2.last { margin-right: 0 !important; } .column-4 > *:first-child, .column-3 > *:first-child, .column-2 > *:first-child { margin-top: 0 !important; } /* TABS */ .js ul.sc-tabs { } .js ul.sc-tabs > li.title { display: none; } .js ul.sc-tabs > li.nav { position: relative; display: block; margin-bottom: -1px; } .js ul.sc-tabs > li.nav span { display: block; font-weight: 300; padding: 5px 10px; border-right: solid 1px #d9d9d9; float: left; border: solid 1px #E7E7E7; margin-right: 4px; border-top-right-radius: 5px; border-top-left-radius: 5px; text-shadow: 0 1px 0 white; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f2f2f2)); /* Webkit */ background: -moz-linear-gradient(top, #fcfcfc, #f2f2f2); /* Firefox */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f2f2f2'); /* Internet Explorer */ } .js ul.sc-tabs > li.nav span:hover, .js ul.sc-tabs > li.nav span.active { background-color: #fefefe; color: #eb5426; cursor: pointer; } .js ul.sc-tabs > li.nav span.active { filter: none; background: #fefefe; border-bottom-color: #fefefe; font-weight: bold; color: #3f3f3f; } .js ul.sc-tabs > li.tab { display: none; padding: 10px 10px 15px; background-color: #fefefe; border: solid 1px #E7E7E7; } .js ul.sc-tabs > li.tab > *:first-child { margin-top: 0 !important; } .js ul.sc-tabs > li.nav + li { display: block; } .no-js ul.sc-tabs li.title { font-weight: bold; } /* NOTIFICATIONS */ p.notification { padding: 15px 45px 15px 13px; background-color: #fffef5; border: solid 1px #fee3ae; color: #696868; margin: 1em 0; } p.notification.success { background-color: #efffed; border-color: #b4e3af; } p.notification.error { background-color: #ffeff0; border-color: #ffbabc; }