1.1 --- a/bootstrap-source/bootstrap-3.0.3/less Kopie/panels.less Sat Jan 18 12:34:36 2014 +0100
1.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000
1.3 @@ -1,182 +0,0 @@
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 -}