Changeset 70333 in spip-zone


Ignore:
Timestamp:
Mar 2, 2013, 2:24:14 PM (6 years ago)
Author:
cyril@…
Message:

1e utilisation bootstrap;

Location:
_squelettes_/spiplogo
Files:
4 added
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/spiplogo/theme/css/bootswatch.less

    r69858 r70333  
    1010
    1111h6 {
    12         color: @textColor;
     12  color : @textColor;
    1313}
    1414
    1515h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    16         font-family: @baseFontFamily;
    17         color: @textColor;
     16  font-family : @baseFontFamily;
     17  color       : @textColor;
    1818}
    1919
    2020code, pre {
    21         background-color: rgba(255, 255, 255, 0.3);
    22         padding: 2px;
     21  background-color : rgba(255, 255, 255, 0.3);
     22  padding          : 2px;
    2323}
    2424
    2525blockquote {
    26 
    27         border-left-color: lighten(#147E88, 12%);
    28 
    29         &.pull-right {
    30                 border-right-color: lighten(#147E88, 12%);
    31         }
    32 
    33         small {
    34                 color: rgba(255, 255, 255, 0.6);
    35         }
     26  border-left-color : lighten(#147E88, 12%);
     27
     28  &.pull-right {
     29        border-right-color : lighten(#147E88, 12%);
     30  }
     31
     32  small {
     33        color : rgba(255, 255, 255, 0.6);
     34  }
    3635}
    3736
    3837.muted {
    39         color: rgba(255, 255, 255, 0.5);
     38  color : rgba(255, 255, 255, 0.5);
    4039}
    4140
     
    4443
    4544body {
    46         #gradient > .radial(lighten(#0F66A2, 7%), #0F66A2);
     45  #gradient > .radial(lighten(#0F66A2, 7%), #0F66A2);
     46  background-image    : url('../img/spip_table.png');
     47  background-repeat   : no-repeat;
     48  background-position : center;
    4749}
    4850
    4951hr {
    50         border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     52  border-bottom : 1px solid rgba(255, 255, 255, 0.3);
    5153}
    5254
    5355.page-header {
    54         margin: 30px 0 15px;
    55         border-bottom: 0px solid transparent;
     56  margin        : 30px 0 15px;
     57  border-bottom : 0px solid transparent;
    5658}
    5759
     
    6163.navbar {
    6264
    63         .navbar-inner {
    64                 .border-radius(0);
    65         }
    66 
    67         .brand {
    68                 padding: 15px 20px 14px;
    69                 font-family: @headingsFontFamily;
    70                 font-size: 24px;
    71                 font-weight: normal;
    72         }
    73 
    74         .nav > li > a {
    75                 padding-top: 17px;
    76                 padding-bottom: 14px;
    77                 text-shadow: none;
    78         }
    79 
    80         .nav > .active > a,
    81         .nav > .active > a:hover,
    82         .navbar .nav > .active > a:focus {
    83                 .box-shadow(none);
    84         }
    85 
     65  .navbar-inner {
     66        .border-radius(0);
     67  }
     68
     69  .brand {
     70        padding     : 15px 20px 14px;
     71        font-family : @headingsFontFamily;
     72        font-size   : 24px;
     73        font-weight : normal;
     74  }
     75
     76  .nav > li > a {
     77        padding-top    : 17px;
     78        padding-bottom : 14px;
     79        text-shadow    : none;
     80  }
     81
     82  .nav > .active > a,
     83  .nav > .active > a:hover,
     84  .navbar .nav > .active > a:focus {
     85        .box-shadow(none);
     86  }
     87
     88  .navbar-search {
     89        margin-top : 10px;
     90  }
     91
     92  .navbar-search .search-query {
     93        .border-radius(0);
     94        padding-top    : 5px;
     95        padding-bottom : 5px;
     96  }
     97
     98  .navbar-text {
     99        margin      : 17px 15px 14px;
     100        line-height : 20px;
     101  }
     102
     103  .btn,
     104  .btn-group {
     105        padding : 4px;
     106  }
     107
     108  &-inverse {
     109
     110        .dropdown-menu li > a:hover,
     111        .dropdown-menu li > a:focus,
     112        .dropdown-submenu:hover > a {
     113          background-image : none;
     114          background-color : @bleuextraclair;
     115        }
     116  }
     117}
     118
     119@media (max-width: @navbarCollapseWidth) {
     120
     121  .navbar .nav-collapse {
     122
     123        .nav li > a {
     124          color : @textColor;
     125          .border-radius(0);
     126
     127          &:hover {
     128                background-color : lighten(@navbarBackground, 10%);
     129          }
     130        }
     131
     132        .dropdown-menu li > a:hover,
     133        .dropdown-menu li > a:focus,
     134        .dropdown-submenu:hover > a {
     135          background-image : none;
     136        }
     137
     138        .navbar-form,
    86139        .navbar-search {
    87                 margin-top: 10px;
     140          .box-shadow(none);
     141          border : none;
    88142        }
    89143
    90144        .navbar-search .search-query {
    91                 .border-radius(0);
    92                 padding-top: 5px;
    93                 padding-bottom: 5px;
    94         }
    95 
    96         .navbar-text {
    97                 margin: 17px 15px 14px;
    98                 line-height: 20px;
    99         }
    100 
    101         .btn,
    102         .btn-group {
    103                 padding: 4px;
    104         }
    105 
    106         &-inverse {
    107 
    108                 .dropdown-menu li > a:hover,
    109                 .dropdown-menu li > a:focus,
    110                 .dropdown-submenu:hover > a {
    111                         background-image: none;
    112                         background-color: @bleuextraclair;
    113                 }
    114         }
    115 }
    116 
    117 @media (max-width: @navbarCollapseWidth) {
    118 
    119         .navbar .nav-collapse {
    120 
    121                 .nav li > a {
    122 
    123                         color: @textColor;
    124                         .border-radius(0);
    125 
    126                         &:hover {
    127                                 background-color: lighten(@navbarBackground, 10%);
    128                         }
    129                 }
    130 
    131                 .dropdown-menu li > a:hover,
    132                 .dropdown-menu li > a:focus,
    133                 .dropdown-submenu:hover > a {
    134                         background-image: none;
    135                 }
    136 
    137                 .navbar-form,
    138                 .navbar-search {
    139                         .box-shadow(none);
    140                         border: none;
    141                 }
    142 
    143                 .navbar-search .search-query {
    144                         border: 2px solid @textColor;
    145                 }
    146 
    147                 .nav-header {
    148                         color: rgba(255, 255, 255, 0.5);
    149                 }
    150         }
    151 
    152         .navbar-inverse .nav-collapse {
    153 
    154                 .nav li > a:hover,
    155                 .dropdown-menu a:hover {
    156                         background-color: lighten(@navbarInverseBackground, 10%) !important;
    157                 }
    158         }
     145          border : 2px solid @textColor;
     146        }
     147
     148        .nav-header {
     149          color : rgba(255, 255, 255, 0.5);
     150        }
     151  }
     152
     153  .navbar-inverse .nav-collapse {
     154
     155        .nav li > a:hover,
     156        .dropdown-menu a:hover {
     157          background-color : lighten(@navbarInverseBackground, 10%) !important;
     158        }
     159  }
    159160}
    160161
    161162div.subnav {
    162 
    163         background-color: rgba(42, 99, 105, 0.9);
    164         background-image: none;
    165         border: 0px solid transparent;
     163  background-color : rgba(42, 99, 105, 0.9);
     164  background-image : none;
     165  border           : 0px solid transparent;
     166  .border-radius(0);
     167  .box-shadow(none);
     168
     169  .nav > li.open > a {
     170        border-color     : transparent;
     171        background-color : rgba(255, 255, 255, 0.4);
     172  }
     173
     174  .nav > li > a {
     175        color        : @textColor;
     176        border-color : transparent;
     177  }
     178
     179  .nav > li:first-child > a,
     180  .nav > li:first-child > a:hover {
    166181        .border-radius(0);
     182  }
     183
     184  .nav > .active > a {
     185        background-color : transparent;
     186        border-color     : transparent;
     187        color            : @textColor;
    167188        .box-shadow(none);
    168 
    169         .nav > li.open > a {
    170                 border-color: transparent;
    171                 background-color: rgba(255, 255, 255, 0.4);
    172         }
    173 
    174         .nav > li > a {
    175                 color: @textColor;
    176                 border-color: transparent;
    177         }
    178 
    179         .nav > li:first-child > a,
    180         .nav > li:first-child > a:hover {
    181                 .border-radius(0);
    182         }
    183 
    184         .nav > .active > a {
    185                 background-color: transparent;
    186                 border-color: transparent;
    187                 color: @textColor;
    188                 .box-shadow(none);
    189         }
    190 
    191         .nav > .active > a:hover,
    192         .nav > li > a:hover,
    193         .nav > li.active > a:hover, {
    194                 border-right-color: transparent;
    195                 background-color: rgba(255, 255, 255, 0.4);
    196                 color: @textColor;
    197         }
    198 
    199         .nav > li:first-child > a:hover {
    200                 border-left-color: rgba(255, 255, 255, 0.4);
    201                 border-left-width: 1px;
    202         }
    203 
    204         &-fixed {
    205                 top: 50px;
    206         }
     189  }
     190
     191  .nav > .active > a:hover,
     192  .nav > li > a:hover,
     193  .nav > li.active > a:hover, {
     194        border-right-color : transparent;
     195        background-color   : rgba(255, 255, 255, 0.4);
     196        color              : @textColor;
     197  }
     198
     199  .nav > li:first-child > a:hover {
     200        border-left-color : rgba(255, 255, 255, 0.4);
     201        border-left-width : 1px;
     202  }
     203
     204  &-fixed {
     205        top : 50px;
     206  }
    207207}
    208208
     
    212212.nav-tabs li.open > .dropdown-toggle,
    213213.nav-pills li.open > .dropdown-toggle {
    214         background-color: #8AD5DC;
    215         color: @linkColor;
    216         border-color: transparent;
     214  background-color : #8AD5DC;
     215  color            : @linkColor;
     216  border-color     : transparent;
    217217}
    218218
    219219.nav-tabs, .nav-pills {
    220         border-color: transparent;
    221 
    222         li > a {
    223                 border-color: transparent;
    224                 .border-radius(0);
    225                 .box-shadow(0);
    226         }
    227 
    228         li.active > a,
    229         li:active > a,
    230         li.active > a:hover,
    231         li:active > a:hover {
    232                 color: @textColor;
    233         }
    234 
    235         li.active > a,
    236         li:active > a,
    237         li > a:hover,
    238         li.active > a:hover,
    239         li:active > a:hover {
    240                 background-color: #8AD5DC;
    241                 border-color: transparent;
    242                 text-shadow: none;
    243         }
     220  border-color : transparent;
     221
     222  li > a {
     223        border-color : transparent;
     224        .border-radius(0);
     225        .box-shadow(0);
     226  }
     227
     228  li.active > a,
     229  li:active > a,
     230  li.active > a:hover,
     231  li:active > a:hover {
     232        color : @textColor;
     233  }
     234
     235  li.active > a,
     236  li:active > a,
     237  li > a:hover,
     238  li.active > a:hover,
     239  li:active > a:hover {
     240        background-color : #8AD5DC;
     241        border-color     : transparent;
     242        text-shadow      : none;
     243  }
    244244}
    245245
    246246.nav-tabs, .nav-tabs > li > a {
    247         border-bottom: 1px solid rgba(255, 255, 255, 0.5);
     247  border-bottom : 1px solid rgba(255, 255, 255, 0.5);
    248248}
    249249
    250250.nav-tabs > li > a {
    251         background-color: #3CB9C6;
     251  background-color : #3CB9C6;
    252252}
    253253
    254254.nav-tabs.nav-stacked {
    255255
    256         li > a:first-child,
    257         li > a:last-child {
    258                 .border-radius(0);
    259         }
    260 
    261         li > a,
    262         li > a:hover,
    263         li.active > a,
    264         li:active > a,
    265         li.active > a:hover,
    266         li:active > a:hover {
    267                 border-color: transparent;
    268         }
     256  li > a:first-child,
     257  li > a:last-child {
     258        .border-radius(0);
     259  }
     260
     261  li > a,
     262  li > a:hover,
     263  li.active > a,
     264  li:active > a,
     265  li.active > a:hover,
     266  li:active > a:hover {
     267        border-color : transparent;
     268  }
    269269}
    270270
    271271.nav-list {
    272         .nav-header {
    273                 text-shadow: none;
    274                 color: @textColor;
    275         }
    276 
    277         li > a {
    278                 text-shadow: none;
    279         }
    280 
    281         li.active > a,
    282         li:active > a,
    283         li > a:hover,
    284         li.active > a:hover,
    285         li:active > a:hover {
    286                 background-color: #8AD5DC;
    287                 text-shadow: none;
    288         }
    289 
    290         .divider {
    291                 background-color: rgba(255, 255, 255, 0.3);
    292                 border-bottom: none;
    293         }
     272  .nav-header {
     273        text-shadow : none;
     274        color       : @textColor;
     275  }
     276
     277  li > a {
     278        text-shadow : none;
     279  }
     280
     281  li.active > a,
     282  li:active > a,
     283  li > a:hover,
     284  li.active > a:hover,
     285  li:active > a:hover {
     286        background-color : #8AD5DC;
     287        text-shadow      : none;
     288  }
     289
     290  .divider {
     291        background-color : rgba(255, 255, 255, 0.3);
     292        border-bottom    : none;
     293  }
    294294}
    295295
    296296.breadcrumb, .pager > li > a {
    297         border-color: transparent;
     297  border-color : transparent;
     298  .border-radius(0);
     299  .box-shadow(none);
     300  text-shadow  : none;
     301}
     302
     303.breadcrumb {
     304  background-color : #3CB9C6;
     305  background-image : none;
     306
     307  li {
     308        text-shadow : none;
     309  }
     310
     311  .active {
     312        color : @white;
     313  }
     314
     315  .divider {
     316        color : @linkColor;
     317  }
     318}
     319
     320.pagination {
     321
     322  ul {
     323        background-color : @paginationBackground;
     324        background-image : none;
     325  }
     326
     327  .disabled a, .disabled a:hover {
     328        color : @textColor;
     329  }
     330
     331  li a:hover {
     332        background-color : rgba(255, 255, 255, 0.4);
     333        color            : @linkColor;
     334  }
     335
     336  .active a, .active a:hover {
     337        background-color : rgba(255, 255, 255, 0.4);
     338        color            : @textColor;
     339  }
     340
     341  ul,
     342  li:first-child a,
     343  li:last-child a {
    298344        .border-radius(0);
     345  }
     346}
     347
     348.pager {
     349
     350  li > a {
     351        background-color : #3CB9C6;
     352
     353        &:hover {
     354          background-color : #8AD5DC;
     355        }
     356  }
     357
     358  .disabled a,
     359  .disabled a:hover {
     360        background-color : #3CB9C6;
     361        color            : @white;
     362  }
     363}
     364
     365// BUTTONS
     366// -----------------------------------------------------
     367
     368.buttonBackgroundCustom(@color) {
     369  background-color : @color;
     370  border-color     : transparent;
     371
     372  &:hover, &:active, &.active, &.disabled, &[disabled] {
     373        background-color : darken(@color, 5%);
     374        text-shadow      : none;
     375  }
     376
     377  &:active, &.active {
     378        background-color : darken(@color, 15%);
    299379        .box-shadow(none);
    300         text-shadow: none;
    301 }
    302 
    303 .breadcrumb {
    304         background-color: #3CB9C6;
    305         background-image: none;
    306 
    307         li {
    308                 text-shadow: none;
    309         }
    310 
    311         .active {
    312                 color: @white;
    313         }
    314 
    315         .divider {
    316                 color: @linkColor;
    317         }
    318 }
    319 
    320 .pagination {
    321 
    322         ul  {
    323                 background-color: @paginationBackground;
    324                 background-image: none;
    325         }
    326 
    327         .disabled a, .disabled a:hover {
    328                 color: @textColor;
    329         }
    330 
    331         li a:hover {
    332                 background-color: rgba(255, 255, 255, 0.4);
    333                 color: @linkColor;
    334         }
    335 
    336         .active a, .active a:hover {
    337                 background-color: rgba(255, 255, 255, 0.4);
    338                 color: @textColor;
    339         }
    340 
    341         ul,
    342         li:first-child a,
    343         li:last-child a {
    344                 .border-radius(0);
    345         }
    346 }
    347 
    348 .pager {
    349 
    350         li > a {
    351                 background-color: #3CB9C6;
    352 
    353                 &:hover {
    354                         background-color: #8AD5DC;
    355                 }
    356         }
    357 
    358         .disabled a,
    359         .disabled a:hover {
    360                 background-color: #3CB9C6;
    361                 color: @white;
    362         }
    363 }
    364 
    365 // BUTTONS
    366 // -----------------------------------------------------
    367 
    368 .buttonBackgroundCustom(@color) {
    369 
    370   background-color: @color;
    371   border-color: transparent;
    372 
    373   &:hover, &:active, &.active, &.disabled, &[disabled] {
    374     background-color: darken(@color, 5%);
    375         text-shadow: none;
    376   }
    377 
    378   &:active, &.active {
    379     background-color: darken(@color, 15%);
    380         .box-shadow(none);
    381   }
    382 
    383   // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
     380  }
     381
     382// IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
    384383  &:active,
    385384  &.active {
    386     background-color: darken(@color, 15%) e("\9");
     385        background-color : darken(@color, 15%) e("\9");
    387386  }
    388387}
    389388
    390389.btn {
    391         padding: 12px 16px;
    392         .border-radius(0);
    393         background-image: none;
    394         text-shadow: none;
    395         .box-shadow(none);
    396         .buttonBackgroundCustom(@btnBackground)
     390  padding          : 12px 16px;
     391  .border-radius(0);
     392  background-image : none;
     393  text-shadow      : none;
     394  .box-shadow(none);
     395  .buttonBackgroundCustom(@btnBackground)
    397396}
    398397
    399398.btn-group .btn:first-child {
    400         margin-left: 0;
    401         .border-radius(0);
     399  margin-left : 0;
     400  .border-radius(0);
    402401}
    403402
    404403.btn-group .btn:last-child,
    405404.btn-group .dropdown-toggle {
    406      .border-radius(0);
     405  .border-radius(0);
    407406}
    408407
     
    410409.btn-group.open .dropdown-toggle,
    411410.btn.open .dropdown-toggle {
    412         .box-shadow(none);
     411  .box-shadow(none);
    413412}
    414413
     
    438437
    439438.btn-link {
    440         .buttonBackgroundCustom(@btnPrimaryBackground);
     439  .buttonBackgroundCustom(@btnPrimaryBackground);
    441440}
    442441
    443442.btn-small {
    444         padding: 13px 16px 12px;
     443  padding : 13px 16px 12px;
    445444}
    446445
    447446[class^="icon-"], [class*=" icon-"] {
    448         margin-top: 2px;
    449         margin-right: 8px;
     447  margin-top   : 2px;
     448  margin-right : 8px;
    450449}
    451450
    452451.btn-small [class^="icon-"] {
    453         margin-top: 1px;
     452  margin-top : 1px;
    454453}
    455454
    456455.add-on [class^="icon-"] {
    457         margin-left: 5px;
     456  margin-left : 5px;
    458457}
    459458
     
    463462.table th, .table td,
    464463.table tbody + tbody {
    465         border-top: 0px solid transparent;
     464  border-top : 0px solid transparent;
    466465}
    467466
    468467.table-bordered {
    469         .border-radius(0);
     468  .border-radius(0);
    470469}
    471470
    472471.table tbody {
    473472
    474         tr.success td {
    475                 background-color: @green;
    476         }
    477 
    478         tr.error td {
    479                 background-color: @red;
    480         }
    481 
    482         tr.info td {
    483                 background-color: @blue;
    484         }
     473  tr.success td {
     474        background-color : @green;
     475  }
     476
     477  tr.error td {
     478        background-color : @red;
     479  }
     480
     481  tr.info td {
     482        background-color : @blue;
     483  }
    485484}
    486485
     
    489488
    490489legend {
    491         font-family: @headingsFontFamily;
     490  font-family : @headingsFontFamily;
    492491}
    493492
    494493legend, label, .help-block, .input-file {
    495         color: @textColor;
    496         border: 0px solid transparent;
     494  color  : @textColor;
     495  border : 0px solid transparent;
    497496}
    498497
    499498input, textarea, .uneditable-input {
    500         border: 0px solid transparent;
    501         padding: 10px;
     499  border  : 0px solid transparent;
     500  padding : 10px;
    502501}
    503502
    504503.uneditable-input {
    505         padding-bottom: 30px;
     504  padding-bottom : 30px;
    506505}
    507506
    508507select {
    509         border: 0px solid transparent;
     508  border : 0px solid transparent;
    510509}
    511510
    512511button {
    513         margin-left: 12px;
     512  margin-left : 12px;
    514513}
    515514
     
    517516.input-append input, .input-append .uneditable-input,
    518517.input-prepend input, .input-prepend .uneditable-input {
    519         border-color: transparent;
    520         .box-shadow(none);
     518  border-color : transparent;
     519  .box-shadow(none);
    521520}
    522521
    523522.form-actions {
    524         border-top: 0px solid transparent;
     523  border-top : 0px solid transparent;
    525524}
    526525
    527526.control-group.warning > label,
    528527.control-group.warning .help-inline {
    529         color: lighten(@orange, 30%);
     528  color : lighten(@orange, 30%);
    530529}
    531530
    532531.control-group.error > label,
    533532.control-group.error .help-inline {
    534         color: lighten(@linkColor, 10%);
     533  color : lighten(@linkColor, 10%);
    535534}
    536535
    537536.control-group.success > label,
    538537.control-group.success .help-inline {
    539         color: lighten(@green, 20%);
     538  color : lighten(@green, 20%);
    540539}
    541540
    542541.input-prepend .add-on,
    543542.input-append .add-on {
    544         height: 20px;
    545         padding-top: 4px;
    546         background-color: @grayLighter;
    547         border-color: transparent;
    548         .border-radius(0);
    549         color: @gray;
    550         text-shadow: none;
     543  height           : 20px;
     544  padding-top      : 4px;
     545  background-color : @grayLighter;
     546  border-color     : transparent;
     547  .border-radius(0);
     548  color            : @gray;
     549  text-shadow      : none;
    551550}
    552551
    553552.input-append .btn,
    554553.input-prepend .btn {
    555         padding: 4px 10px;
     554  padding : 4px 10px;
    556555}
    557556
     
    560559
    561560.alert, .label {
    562         border-color: transparent;
     561  border-color : transparent;
     562  .border-radius(0);
     563  .box-shadow(none);
     564  text-shadow  : none;
     565}
     566
     567.alert-heading {
     568  color : @textColor;
     569}
     570
     571.label, .label:hover {
     572  background-color : @grayLighter;
     573  text-shadow      : none;
     574  color            : @grayDark;
     575}
     576
     577.label-warning, .label-warning:hover, .alert {
     578  background-color : @orange;
     579  color            : @textColor;
     580}
     581
     582.label-important, .label-important:hover, .alert-error {
     583  background-color : darken(@bleuextraclair, 3%);
     584  color            : @textColor;
     585}
     586
     587.label-success, .label-success:hover, .alert-success {
     588  background-color : @green;
     589  color            : @textColor;
     590}
     591
     592.label-info, .label-info:hover, .alert-info {
     593  background-color : @purple;
     594  color            : @textColor;
     595}
     596
     597// MISCELLANEOUS
     598// -----------------------------------------------------
     599
     600.progress, .well, pre, code {
     601  border-color : transparent;
     602  .border-radius(0);
     603  .box-shadow(none);
     604  text-shadow  : none;
     605}
     606
     607.well {
     608  background-image : none;
     609}
     610
     611.hero-unit {
     612  .border-radius(0);
     613}
     614
     615.thumbnail {
     616  border : 0 solid transparent;
     617  .border-radius(0);
     618  .box-shadow(none);
     619}
     620
     621.progress {
     622  background-image : none;
     623  background-color : #27666D;
     624
     625  .bar {
     626
     627        .box-shadow(none);
     628        background-image : none;
     629        background-color : @bleuextraclair;
     630
     631        &-success {
     632          background-color : @green;
     633        }
     634
     635        &-warning {
     636          background-color : @orange;
     637        }
     638
     639        &-error {
     640          background-color : @red;
     641        }
     642  }
     643}
     644
     645.progress-danger .bar {
     646  background-image : none;
     647  background-color : #AD1D28;
     648}
     649
     650.progress-danger.progress-striped .bar {
     651  #gradient > .striped(#AD1D28);
     652}
     653
     654.progress-success .bar {
     655  background-image : none;
     656  background-color : @green;
     657}
     658
     659.progress-success.progress-striped .bar {
     660  #gradient > .striped(@green);
     661}
     662
     663.progress-info .bar {
     664  background-image : none;
     665  background-color : @blue;
     666}
     667
     668.progress-info.progress-striped .bar {
     669  #gradient > .striped(@blue);
     670}
     671
     672.modal {
     673
     674  .border-radius(0);
     675
     676  &-header {
     677        background-color : @navbarBackground;
     678        color            : @white;
     679  }
     680
     681  &-body {
     682        color : @grayDark;
     683
     684        h1, h2, h3, h4, h5, h6,
     685        legend {
     686          color : @red;
     687        }
     688
     689        label,
     690        .input-file {
     691          color : @grayDark;
     692        }
     693
     694        .help-block,
     695        .help-inline {
     696          color : @grayLight;
     697        }
     698
     699        textarea,
     700        input,
     701        .uneditable-input {
     702          border : 1px solid @grayLight;
     703        }
     704  }
     705}
     706
     707.popover {
     708  padding : 0;
     709  .border-radius(0);
     710  color   : @grayDark;
     711
     712  .popover-title {
    563713        .border-radius(0);
    564         .box-shadow(none);
    565         text-shadow: none;
    566 }
    567 
    568 .alert-heading {
    569         color: @textColor;
    570 }
    571 
    572 .label, .label:hover {
    573         background-color: @grayLighter;
    574         text-shadow: none;
    575         color: @grayDark;
    576 }
    577 
    578 .label-warning, .label-warning:hover, .alert {
    579         background-color: @orange;
    580         color: @textColor;
    581 }
    582 
    583 .label-important, .label-important:hover, .alert-error {
    584         background-color: darken(@bleuextraclair, 3%);
    585         color: @textColor;
    586 }
    587 
    588 .label-success, .label-success:hover, .alert-success {
    589         background-color: @green;
    590         color: @textColor;
    591 }
    592 
    593 .label-info, .label-info:hover, .alert-info {
    594         background-color: @purple;
    595         color: @textColor;
    596 }
    597 
    598 // MISCELLANEOUS
    599 // -----------------------------------------------------
    600 
    601 .progress, .well, pre, code {
    602         border-color: transparent;
    603         .border-radius(0);
    604         .box-shadow(none);
    605         text-shadow: none;
    606 }
    607 
    608 .well {
    609         background-image: none;
    610 }
    611 
    612 .hero-unit {
    613         .border-radius(0);
    614 }
    615 
    616 .thumbnail {
    617         border: 0 solid transparent;
    618         .border-radius(0);
    619         .box-shadow(none);
    620 }
    621 
    622 .progress {
    623 
    624         background-image: none;
    625         background-color: #27666D;
    626 
    627         .bar {
    628 
    629                 .box-shadow(none);
    630                 background-image: none;
    631                 background-color: @bleuextraclair;
    632 
    633                 &-success {
    634                         background-color: @green;
    635                 }
    636 
    637                 &-warning {
    638                         background-color: @orange;
    639                 }
    640 
    641                 &-error {
    642                         background-color: @red;
    643                 }
    644         }
    645 }
    646 
    647 .progress-danger .bar {
    648         background-image: none;
    649         background-color: #AD1D28;
    650 }
    651 
    652 .progress-danger.progress-striped .bar {
    653         #gradient > .striped(#AD1D28);
    654 }
    655 
    656 .progress-success .bar {
    657         background-image: none;
    658         background-color: @green;
    659 }
    660 
    661 .progress-success.progress-striped .bar {
    662         #gradient > .striped(@green);
    663 }
    664 
    665 .progress-info .bar {
    666         background-image: none;
    667         background-color: @blue;
    668 }
    669 
    670 .progress-info.progress-striped .bar {
    671         #gradient > .striped(@blue);
    672 }
    673 
    674 .modal {
    675 
    676         .border-radius(0);
    677 
    678         &-header {
    679                 background-color: @navbarBackground;
    680                 color: @white;
    681         }
    682 
    683         &-body {
    684 
    685                 color: @grayDark;
    686 
    687                 h1, h2, h3, h4, h5, h6,
    688                 legend {
    689                         color: @red;
    690                 }
    691 
    692                 label,
    693                 .input-file {
    694                         color: @grayDark;
    695                 }
    696 
    697                 .help-block,
    698                 .help-inline {
    699                         color: @grayLight;
    700                 }
    701 
    702                 textarea,
    703                 input,
    704                 .uneditable-input {
    705                         border: 1px solid @grayLight;
    706                 }
    707         }
    708 }
    709 
    710 .popover {
    711 
    712         padding: 0;
    713         .border-radius(0);
    714         color: @grayDark;
    715 
    716         .popover-title {
    717                 .border-radius(0);
    718                 color: @white;
    719         }
     714        color : @white;
     715  }
    720716}
    721717
Note: See TracChangeset for help on using the changeset viewer.