Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /*** |
| 2 | Page content |
||
| 3 | ***/ |
||
| 4 | |||
| 5 | /* Page title */ |
||
| 6 | |||
| 7 | .page-title { |
||
| 8 | padding: 0px; |
||
| 9 | font-size: 28px; |
||
| 10 | letter-spacing: -1px; |
||
| 11 | display: block; |
||
| 12 | color: #666; |
||
| 13 | margin: 0px 0px 15px 0px; |
||
| 14 | font-weight: 300; |
||
| 15 | font-family: $font-family-primary; |
||
| 16 | |||
| 17 | /* subtitle */ |
||
| 18 | small { |
||
| 19 | font-size: 14px; |
||
| 20 | letter-spacing: 0px; |
||
| 21 | font-weight: 300; |
||
| 22 | color: #888; |
||
| 23 | } |
||
| 24 | |||
| 25 | .page-container-bg-solid & { |
||
| 26 | color: #666; |
||
| 27 | margin-bottom: 20px; |
||
| 28 | margin-top: 20px; |
||
| 29 | |||
| 30 | small { |
||
| 31 | color: #666; |
||
| 32 | } |
||
| 33 | } |
||
| 34 | } |
||
| 35 | |||
| 36 | /* Page breadcrumb */ |
||
| 37 | |||
| 38 | .page-bar { |
||
| 39 | padding: 0px; |
||
| 40 | background-color: #f7f7f7; |
||
| 41 | margin-bottom: 25px; |
||
| 42 | |||
| 43 | @include border-radius($general-border-radius); |
||
| 44 | |||
| 45 | @include clearfix(); |
||
| 46 | |||
| 47 | .page-breadcrumb { |
||
| 48 | display: inline-block; |
||
| 49 | float: left; |
||
| 50 | padding: 8px; |
||
| 51 | margin: 0; |
||
| 52 | list-style: none; |
||
| 53 | |||
| 54 | > li { |
||
| 55 | display: inline-block; |
||
| 56 | |||
| 57 | .ie8 & { |
||
| 58 | margin-right: 1px; |
||
| 59 | } |
||
| 60 | |||
| 61 | > a, |
||
| 62 | > span { |
||
| 63 | color: #888; |
||
| 64 | font-size: 14px; |
||
| 65 | text-shadow:none; |
||
| 66 | } |
||
| 67 | |||
| 68 | > i { |
||
| 69 | color: #aaa; |
||
| 70 | font-size: 14px; |
||
| 71 | text-shadow:none; |
||
| 72 | } |
||
| 73 | |||
| 74 | > i[class^="icon-"], |
||
| 75 | > i[class*="icon-"] { |
||
| 76 | color: darken(#999, 10%); |
||
| 77 | } |
||
| 78 | } |
||
| 79 | } |
||
| 80 | |||
| 81 | .page-toolbar { |
||
| 82 | display: inline-block; |
||
| 83 | float: right; |
||
| 84 | padding: 0; |
||
| 85 | |||
| 86 | .btn-fit-height { |
||
| 87 | @include border-radius(0 $general-border-radius $general-border-radius 0); |
||
| 88 | padding-top: 8px; |
||
| 89 | padding-bottom: 8px; |
||
| 90 | } |
||
| 91 | } |
||
| 92 | |||
| 93 | .page-container-bg-solid & { |
||
| 94 | position: relative; |
||
| 95 | padding: 0px 20px; |
||
| 96 | background-color: #ffffff; |
||
| 97 | margin: -25px -20px 0 -20px; |
||
| 98 | |||
| 99 | .page-breadcrumb { |
||
| 100 | padding: 11px 0; |
||
| 101 | |||
| 102 | > li { |
||
| 103 | > a, |
||
| 104 | > span { |
||
| 105 | color: #888; |
||
| 106 | } |
||
| 107 | |||
| 108 | > i { |
||
| 109 | color: #aaa; |
||
| 110 | } |
||
| 111 | |||
| 112 | > i[class^="icon-"], |
||
| 113 | > i[class*="icon-"] { |
||
| 114 | color: darken(#999, 5%); |
||
| 115 | } |
||
| 116 | } |
||
| 117 | } |
||
| 118 | |||
| 119 | .page-toolbar { |
||
| 120 | padding: 6px 0; |
||
| 121 | |||
| 122 | .btn { |
||
| 123 | margin-top: -2px; |
||
| 124 | |||
| 125 | &.btn-sm { |
||
| 126 | margin-top: 0px; |
||
| 127 | } |
||
| 128 | } |
||
| 129 | } |
||
| 130 | } |
||
| 131 | } |
||
| 132 | |||
| 133 | /* Page content */ |
||
| 134 | |||
| 135 | .page-content { |
||
| 136 | margin-top: 0px; |
||
| 137 | padding: 0px; |
||
| 138 | background-color: #fff; |
||
| 139 | |||
| 140 | .page-container-bg-solid & { |
||
| 141 | background: $page-content-solid-bg-color; |
||
| 142 | } |
||
| 143 | |||
| 144 | .page-full-width & { |
||
| 145 | margin-left: 0px !important; |
||
| 146 | } |
||
| 147 | } |
||
| 148 | |||
| 149 | @media (min-width: $screen-md-min) { /* 992px */ |
||
| 150 | |||
| 151 | /* Page content */ |
||
| 152 | .page-content-wrapper { |
||
| 153 | float: left; |
||
| 154 | width: 100%; |
||
| 155 | |||
| 156 | .page-content { |
||
| 157 | margin-left: $sidebar-width; |
||
| 158 | margin-top: 0px; |
||
| 159 | min-height: $page-content-min-height; |
||
| 160 | padding: 25px 20px 10px 20px; |
||
| 161 | |||
| 162 | &.no-min-height { |
||
| 163 | min-height: auto; |
||
| 164 | } |
||
| 165 | |||
| 166 | .page-sidebar-fixed.page-sidebar-hover-on & { |
||
| 167 | margin-left: $sidebar-collapsed-width; |
||
| 168 | } |
||
| 169 | |||
| 170 | .page-sidebar-reversed & { |
||
| 171 | margin-left: 0 !important; |
||
| 172 | margin-right: $sidebar-width !important; |
||
| 173 | } |
||
| 174 | |||
| 175 | .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on & { |
||
| 176 | margin-left: 0; |
||
| 177 | margin-right: $sidebar-collapsed-width; |
||
| 178 | } |
||
| 179 | |||
| 180 | .page-sidebar-reversed.page-sidebar-closed & { |
||
| 181 | margin-left: 0 !important; |
||
| 182 | margin-right: $sidebar-collapsed-width !important; |
||
| 183 | } |
||
| 184 | |||
| 185 | .page-sidebar-closed & { |
||
| 186 | margin-left: $sidebar-collapsed-width !important; |
||
| 187 | } |
||
| 188 | |||
| 189 | .page-sidebar-closed.page-sidebar-hide & { |
||
| 190 | margin-left: 0 !important; |
||
| 191 | } |
||
| 192 | |||
| 193 | .page-sidebar-closed.page-sidebar-reversed.page-sidebar-hide & { |
||
| 194 | margin-right: 0 !important; |
||
| 195 | } |
||
| 196 | |||
| 197 | .page-full-width & { |
||
| 198 | margin-left: 0px !important; |
||
| 199 | } |
||
| 200 | } |
||
| 201 | } |
||
| 202 | } |
||
| 203 | |||
| 204 | @media (max-width: $screen-sm-max) { /* 991px */ |
||
| 205 | |||
| 206 | /* Bg solid content's breadcrumb */ |
||
| 207 | |||
| 208 | .page-container-bg-solid { |
||
| 209 | .page-bar { |
||
| 210 | margin-top: -20px; |
||
| 211 | } |
||
| 212 | } |
||
| 213 | |||
| 214 | /* Boxed page container */ |
||
| 215 | .page-boxed > .container { |
||
| 216 | max-width: none !important; |
||
| 217 | margin: 0 !important; |
||
| 218 | padding: 0 !important; |
||
| 219 | } |
||
| 220 | |||
| 221 | /* Page content */ |
||
| 222 | .page-content-wrapper { |
||
| 223 | .page-content { |
||
| 224 | margin: 0px !important; |
||
| 225 | padding: 20px 20px 20px 20px !important; |
||
| 226 | min-height: 280px; |
||
| 227 | } |
||
| 228 | } |
||
| 229 | } |
||
| 230 | |||
| 231 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { /* 768px & 991px */ |
||
| 232 | /* Boxed page container */ |
||
| 233 | .page-boxed > .container { |
||
| 234 | margin: auto !important; |
||
| 235 | } |
||
| 236 | } |
||
| 237 | |||
| 238 | @media (max-width: $screen-xs-max) { /* 767px */ |
||
| 239 | |||
| 240 | /* Page content */ |
||
| 241 | .page-content-wrapper { |
||
| 242 | .page-content { |
||
| 243 | padding: 20px 10px 10px 10px !important; |
||
| 244 | overflow: hidden; |
||
| 245 | |||
| 246 | /* Page title */ |
||
| 247 | .page-title { |
||
| 248 | margin-bottom: 20px; |
||
| 249 | font-size: 18px; |
||
| 250 | |||
| 251 | small { |
||
| 252 | font-size: 13px; |
||
| 253 | padding-top: 3px; |
||
| 254 | } |
||
| 255 | } |
||
| 256 | } |
||
| 257 | } |
||
| 258 | } |
||
| 259 | |||
| 260 | @media (max-width: $screen-xs-min) { /* 480px */ |
||
| 261 | |||
| 262 | /* Dashboard date range panel */ |
||
| 263 | .page-content-wrapper { |
||
| 264 | .page-content { |
||
| 265 | .page-title { |
||
| 266 | small { |
||
| 267 | display: block; |
||
| 268 | clear: both; |
||
| 269 | } |
||
| 270 | } |
||
| 271 | } |
||
| 272 | } |
||
| 273 | } |