Dotclear


Ignore:
Timestamp:
12/04/16 14:23:07 (9 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

Prettify scss code

File:
1 edited

Legend:

Unmodified
Added
Removed
  • admin/style/scss/partials/_index.scss

    r3412 r3439  
    77 
    88#icons { 
    9 //    overflow: hidden; 
    10 //    text-align: center; 
     9     //    overflow: hidden; 
     10     //    text-align: center; 
    1111     display: flex; 
    1212     flex-wrap: wrap; 
    1313     justify-content: center; 
    14 } 
    15  
    16 #icons p { 
    17      width: 13em; 
    18      text-align: center; 
    19      margin: 1em 0 2em; 
    20 //    display: inline-block; 
    21 //    vertical-align: top; 
    22 } 
    23  
    24 #icons a, 
    25 #icons a:link, 
    26 #icons a:visited, 
    27 #icons a:hover, 
    28 #icons a:focus { 
    29      border-bottom-width: 0; 
    30      text-decoration: none; 
    31 } 
    32  
    33 #icons a span { 
    34      border-bottom: 1px dotted #999; 
    35      color: #333; 
    36 } 
    37  
    38 #icons a img { 
    39      padding: 1.5em; 
    40      background-color: #f9f9f9; 
    41      border-radius: 8px; 
    42      border: 1px solid #dadada; 
    43      display: inline-block; 
    44 } 
    45  
    46 #icons a:focus img, 
    47 #icons a:hover img { 
    48      background: #bee74b; 
    49      outline: 0; 
    50      border-color: #dadada; 
    51 } 
    52  
    53 #icons a:focus { 
    54      outline: 0; 
    55      border-color: #fff; 
    56 } 
    57  
    58 #icons a:hover span, 
    59 #icons a:focus span { 
    60      border-bottom-style: solid; 
    61 } 
    62  
    63 #icons a:focus span { 
    64      border: 2px solid #bee74b; 
     14     p { 
     15          width: 13em; 
     16          text-align: center; 
     17          margin: 1em 0 2em; 
     18          //    display: inline-block; 
     19          //    vertical-align: top; 
     20     } 
     21     a { 
     22          &, 
     23          &:link, 
     24          &:visited, 
     25          &:hover, 
     26          &:focus { 
     27               border-bottom-width: 0; 
     28               text-decoration: none; 
     29          } 
     30          span { 
     31               border-bottom: 1px dotted #999; 
     32               color: #333; 
     33          } 
     34          img { 
     35               padding: 1.5em; 
     36               background-color: #f9f9f9; 
     37               border-radius: 8px; 
     38               border: 1px solid #dadada; 
     39               display: inline-block; 
     40          } 
     41          &:focus { 
     42               outline: 0; 
     43               border-color: #fff; 
     44               span { 
     45                    border: 2px solid #bee74b; 
     46               } 
     47          } 
     48          &:focus, 
     49          &:hover { 
     50               img { 
     51                    background: #bee74b; 
     52                    outline: 0; 
     53                    border-color: #dadada; 
     54               } 
     55               span { 
     56                    border-bottom-style: solid; 
     57               } 
     58          } 
     59     } 
    6560} 
    6661 
     
    7570     box-shadow: 0 1px 2px rgba(0, 0, 0, .2); 
    7671     text-align: left; 
    77 } 
    78  
    79 #quick h3 { 
    80      margin-bottom: 0.2em; 
    81      font-size: 1.2em; 
    82 } 
    83  
    84 #quick p.qinfo { 
    85      margin: -.7em -1em 1em; 
    86      background: #D9EDF7 url(info.png) no-repeat .2em .2em; 
    87      border: 1px solid #BCE8F1; 
    88      padding: .2em 1em .1em 24px; 
    89      color: #000; 
    90 } 
    91  
    92 #quick #new_cat, 
    93 .q-cat, 
    94 .q-cat label { 
    95      display: inline-block; 
    96      vertical-align: top; 
    97      margin-right: 1em; 
    98      margin-top: 0; 
    99 } 
    100  
    101 .q-cat label { 
    102      margin-right: .3em; 
    103 } 
    104  
    105 #quick #new_cat { 
    106      margin-bottom: 2em; 
     72     h3 { 
     73          margin-bottom: 0.2em; 
     74          font-size: 1.2em; 
     75     } 
     76     p.qinfo { 
     77          margin: -.7em -1em 1em; 
     78          background: #D9EDF7 url(info.png) no-repeat .2em .2em; 
     79          border: 1px solid #BCE8F1; 
     80          padding: .2em 1em .1em 24px; 
     81          color: #000; 
     82     } 
     83     #new_cat, 
     84     .q-cat, 
     85     .q-cat label { 
     86          display: inline-block; 
     87          vertical-align: top; 
     88          margin-right: 1em; 
     89          margin-top: 0; 
     90     } 
     91     .q-cat label { 
     92          margin-right: .3em; 
     93     } 
     94     #new_cat { 
     95          margin-bottom: 2em; 
     96     } 
    10797} 
    10898 
     
    116106     flex-wrap: wrap; 
    117107     justify-content: center; 
     108     .box { 
     109          padding: 10px; 
     110          border: 1px solid #ccc; 
     111          border-radius: 3px; 
     112          min-height: 200px; 
     113          margin: 10px; 
     114          text-align: left; 
     115     } 
    118116} 
    119117 
    120118.db-items, 
    121119.db-contents { 
    122 //   display: inline-block; 
    123 //   text-align: center; 
     120     //   display: inline-block; 
     121     //   text-align: center; 
    124122     display: flex; 
    125123     flex-wrap: wrap; 
    126124     justify-content: center; 
    127125     flex: 1 1 auto; 
     126     img { 
     127          vertical-align: middle; 
     128     } 
     129     ul { 
     130          display: block; 
     131          padding-left: 1.5em; 
     132          list-style: square; 
     133     } 
     134     li { 
     135          margin: 0.25em 0 0 0; 
     136     } 
    128137} 
    129138 
     
    132141} 
    133142 
    134 #dashboard-boxes .box { 
    135      padding: 10px; 
    136      border: 1px solid #ccc; 
    137      border-radius: 3px; 
    138      min-height: 200px; 
    139      margin: 10px; 
    140      text-align: left; 
    141 } 
    142  
    143143.dc-box { 
    144144     background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; 
    145145} 
    146146 
    147 .db-items img, 
    148 .db-contents img { 
    149      vertical-align: middle; 
    150 } 
    151  
    152 .db-items ul, 
    153 .db-contents ul { 
    154      display: block; 
    155      padding-left: 1.5em; 
    156      list-style: square; 
    157 } 
    158  
    159 .db-items li, 
    160 .db-contents li { 
    161      margin: 0.25em 0 0 0; 
    162 } 
    163  
    164 #news dt { 
    165      font-weight: bold; 
    166      margin: 0 0 0.4em 0; 
    167 } 
    168  
    169 #news dd { 
    170      margin: 0 0 1em 0; 
    171 } 
    172  
    173 #news dd p { 
    174      margin: 0.2em 0 0 0; 
     147#news { 
     148     dt { 
     149          font-weight: bold; 
     150          margin: 0 0 0.4em 0; 
     151     } 
     152     dd { 
     153          margin: 0 0 1em 0; 
     154          p { 
     155               margin: 0.2em 0 0 0; 
     156          } 
     157     } 
    175158} 
    176159 
     
    178161/* message de mise à jour */ 
    179162 
    180 #upg-notify ul { 
    181      padding-left: 1.5em; 
     163#upg-notify { 
     164     ul { 
     165          padding-left: 1.5em; 
     166     } 
     167     li { 
     168          color: #fff; 
     169     } 
    182170} 
    183  
    184 #upg-notify li { 
    185      color: #fff; 
    186 } 
Note: See TracChangeset for help on using the changeset viewer.

Sites map