| New file |
|---|
| 0,0 → 1,106 |
|---|
| /* Copié depuis http://getbootstrap.com/examples/dashboard/ */ |
| |
| body { |
| /* padding-top: 50px; */ |
| } |
| .sub-header { |
| border-bottom: 1px solid #EEEEEE; |
| padding-bottom: 10px; |
| } |
| |
| .container-stats { |
| padding-left: 0; |
| padding-right: 0; |
| } |
| |
| .sidebar { |
| display: none; |
| } |
| .sidebar { |
| background-color: #F5F5F5; |
| border-right: 1px solid #EEEEEE; |
| display: block; |
| overflow-x: hidden; |
| overflow-y: auto; |
| padding-top: 20px; |
| padding-right: 0; |
| /*position: fixed; |
| left: 0; |
| bottom: 0; |
| top: 51px; |
| margin-top: 20px;*/ |
| z-index: 1000; |
| } |
| .nav-sidebar { |
| margin-bottom: 20px; |
| margin-left: -20px; |
| /*margin-right: -21px;*/ |
| } |
| .nav-sidebar li { |
| float: left; |
| width: 100%; |
| } |
| |
| @media screen and (max-width: 1000px) { |
| .nav-sidebar { |
| margin-bottom: 0; |
| } |
| .nav-sidebar li { |
| width: 200px; |
| } |
| .nav-sidebar li a { |
| font-size : 12px; |
| padding-top : 5px; |
| padding-bottom: 5px; |
| } |
| .sidebar { |
| padding-top: 0; |
| } |
| } |
| |
| .nav-sidebar > li > a { |
| padding-left: 20px; |
| padding-right: 20px; |
| } |
| .nav-sidebar > .active > a { |
| background-color: #428BCA; |
| color: #FFFFFF; |
| } |
| .main { |
| padding: 20px; |
| } |
| @media (min-width: 768px) { |
| .main { |
| padding-left: 40px; |
| padding-right: 40px; |
| } |
| } |
| .main .page-header { |
| margin-top: 0; |
| } |
| .placeholders { |
| margin-bottom: 30px; |
| text-align: center; |
| } |
| .placeholders h4 { |
| margin-bottom: 0; |
| } |
| .placeholder { |
| margin-bottom: 20px; |
| } |
| .placeholder img { |
| border-radius: 50%; |
| display: inline-block; |
| } |
| |
| /* Styles non liés à bootstrap */ |
| |
| .flottant-gauche, .flottant-gauche img { |
| float: left; |
| } |
| |
| img.stats { |
| border: 1px solid #000000; |
| display: block; |
| margin: 0.5em; |
| } |