1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/bootstrap-source/bootstrap-3.0.3/less Kopie/panels.less Fri Dec 20 22:49:16 2013 +0100
1.3 @@ -0,0 +1,182 @@
1.4 +//
1.5 +// Panels
1.6 +// --------------------------------------------------
1.7 +
1.8 +
1.9 +// Base class
1.10 +.panel {
1.11 + margin-bottom: @line-height-computed;
1.12 + background-color: @panel-bg;
1.13 + border: 1px solid transparent;
1.14 + border-radius: @panel-border-radius;
1.15 + .box-shadow(0 1px 1px rgba(0,0,0,.05));
1.16 +}
1.17 +
1.18 +// Panel contents
1.19 +.panel-body {
1.20 + padding: 15px;
1.21 + .clearfix();
1.22 +}
1.23 +
1.24 +
1.25 +// List groups in panels
1.26 +//
1.27 +// By default, space out list group content from panel headings to account for
1.28 +// any kind of custom content between the two.
1.29 +
1.30 +.panel {
1.31 + > .list-group {
1.32 + margin-bottom: 0;
1.33 +
1.34 + .list-group-item {
1.35 + border-width: 1px 0;
1.36 +
1.37 + // Remove border radius for top one
1.38 + &:first-child {
1.39 + .border-top-radius(0);
1.40 + }
1.41 + // But keep it for the last one
1.42 + &:last-child {
1.43 + border-bottom: 0;
1.44 + }
1.45 + }
1.46 + }
1.47 +}
1.48 +// Collapse space between when there's no additional content.
1.49 +.panel-heading + .list-group {
1.50 + .list-group-item:first-child {
1.51 + border-top-width: 0;
1.52 + }
1.53 +}
1.54 +
1.55 +
1.56 +// Tables in panels
1.57 +//
1.58 +// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
1.59 +// watch it go full width.
1.60 +
1.61 +.panel {
1.62 + > .table,
1.63 + > .table-responsive > .table {
1.64 + margin-bottom: 0;
1.65 + }
1.66 + > .panel-body + .table,
1.67 + > .panel-body + .table-responsive {
1.68 + border-top: 1px solid @table-border-color;
1.69 + }
1.70 + > .table > tbody:first-child th,
1.71 + > .table > tbody:first-child td {
1.72 + border-top: 0;
1.73 + }
1.74 + > .table-bordered,
1.75 + > .table-responsive > .table-bordered {
1.76 + border: 0;
1.77 + > thead,
1.78 + > tbody,
1.79 + > tfoot {
1.80 + > tr {
1.81 + > th:first-child,
1.82 + > td:first-child {
1.83 + border-left: 0;
1.84 + }
1.85 + > th:last-child,
1.86 + > td:last-child {
1.87 + border-right: 0;
1.88 + }
1.89 +
1.90 + &:last-child > th,
1.91 + &:last-child > td {
1.92 + border-bottom: 0;
1.93 + }
1.94 + }
1.95 + }
1.96 + }
1.97 + > .table-responsive {
1.98 + border: 0;
1.99 + margin-bottom: 0;
1.100 + }
1.101 +}
1.102 +
1.103 +
1.104 +// Optional heading
1.105 +.panel-heading {
1.106 + padding: 10px 15px;
1.107 + border-bottom: 1px solid transparent;
1.108 + .border-top-radius(@panel-border-radius - 1);
1.109 +
1.110 + > .dropdown .dropdown-toggle {
1.111 + color: inherit;
1.112 + }
1.113 +}
1.114 +
1.115 +// Within heading, strip any `h*` tag of it's default margins for spacing.
1.116 +.panel-title {
1.117 + margin-top: 0;
1.118 + margin-bottom: 0;
1.119 + font-size: ceil((@font-size-base * 1.125));
1.120 + color: inherit;
1.121 +
1.122 + > a {
1.123 + color: inherit;
1.124 + }
1.125 +}
1.126 +
1.127 +// Optional footer (stays gray in every modifier class)
1.128 +.panel-footer {
1.129 + padding: 10px 15px;
1.130 + background-color: @panel-footer-bg;
1.131 + border-top: 1px solid @panel-inner-border;
1.132 + .border-bottom-radius(@panel-border-radius - 1);
1.133 +}
1.134 +
1.135 +
1.136 +// Collapsable panels (aka, accordion)
1.137 +//
1.138 +// Wrap a series of panels in `.panel-group` to turn them into an accordion with
1.139 +// the help of our collapse JavaScript plugin.
1.140 +
1.141 +.panel-group {
1.142 + // Tighten up margin so it's only between panels
1.143 + .panel {
1.144 + margin-bottom: 0;
1.145 + border-radius: @panel-border-radius;
1.146 + overflow: hidden; // crop contents when collapsed
1.147 + + .panel {
1.148 + margin-top: 5px;
1.149 + }
1.150 + }
1.151 +
1.152 + .panel-heading {
1.153 + border-bottom: 0;
1.154 + + .panel-collapse .panel-body {
1.155 + border-top: 1px solid @panel-inner-border;
1.156 + }
1.157 + }
1.158 + .panel-footer {
1.159 + border-top: 0;
1.160 + + .panel-collapse .panel-body {
1.161 + border-bottom: 1px solid @panel-inner-border;
1.162 + }
1.163 + }
1.164 +}
1.165 +
1.166 +
1.167 +// Contextual variations
1.168 +.panel-default {
1.169 + .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
1.170 +}
1.171 +.panel-primary {
1.172 + .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
1.173 +}
1.174 +.panel-success {
1.175 + .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
1.176 +}
1.177 +.panel-warning {
1.178 + .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
1.179 +}
1.180 +.panel-danger {
1.181 + .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
1.182 +}
1.183 +.panel-info {
1.184 + .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
1.185 +}