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/_content.scss

    r3355 r3439  
    1 .part-tabs ul { 
    2     padding: .5em 0 0 1em; 
    3     border-bottom: 1px solid #ccc; 
    4     line-height: 1.8; 
    5 } 
    6  
    7 .part-tabs li { 
    8     list-style: none; 
    9     margin: 0; 
    10     display: inline; 
    11 } 
    12  
    13 .part-tabs li:first-child a { 
    14     border-top-left-radius: 3px; 
    15 } 
    16  
    17 .part-tabs li:last-child a { 
    18     border-top-right-radius: 3px; 
    19 } 
    20  
    21 .part-tabs li a { 
    22     padding: .33em 1.5em; 
    23     margin-right: -1px; 
    24     border: 1px solid #ccc; 
    25     border-bottom: none; 
    26     text-decoration: none; 
    27     color: #333; 
    28     background-color: #ecf0f1; 
    29     display: inline-block; 
    30 } 
    31  
    32 .part-tabs li a:hover, 
    33 .part-tabs li a:focus { 
    34     color: #000; 
    35     background: #fff; 
    36     border-bottom-color: #fff; 
    37 } 
    38  
    39 .part-tabs li.part-tabs-active a { 
    40     background: #fff; 
    41     font-weight: bold; 
    42     border-bottom-color: #fff; 
     1.part-tabs { 
     2     ul { 
     3          padding: .5em 0 0 1em; 
     4          border-bottom: 1px solid #ccc; 
     5          line-height: 1.8; 
     6     } 
     7     li { 
     8          list-style: none; 
     9          margin: 0; 
     10          display: inline; 
     11          &:first-child a { 
     12               border-top-left-radius: 3px; 
     13          } 
     14          &:last-child a { 
     15               border-top-right-radius: 3px; 
     16          } 
     17          a { 
     18               padding: .33em 1.5em; 
     19               margin-right: -1px; 
     20               border: 1px solid #ccc; 
     21               border-bottom: none; 
     22               text-decoration: none; 
     23               color: #333; 
     24               background-color: #ecf0f1; 
     25               display: inline-block; 
     26               &:hover, 
     27               &:focus { 
     28                    color: #000; 
     29                    background: #fff; 
     30                    border-bottom-color: #fff; 
     31               } 
     32          } 
     33          &.part-tabs-active a { 
     34               background: #fff; 
     35               font-weight: bold; 
     36               border-bottom-color: #fff; 
     37          } 
     38     } 
    4339} 
    4440 
    4541.multi-part { 
    46     padding-left: 1em; 
     42     padding-left: 1em; 
    4743} 
    4844 
    4945.pseudo-tabs { 
    50     margin: -.75em 0 2em 0; 
    51     border-bottom: 1px solid #bbb; 
    52     display: table; 
    53     width: 100%; 
    54     padding: 0; 
    55     line-height: 24px; 
    56     border-collapse: collapse; 
    57 } 
    58  
    59 .pseudo-tabs li { 
    60     display: table-cell; 
    61     border-width: 0 1px; 
    62     border-style: solid; 
    63     border-color: #ccc; 
    64     padding: 0; 
    65     margin: 0; 
    66     text-align: center; 
    67 } 
    68  
    69 .pseudo-tabs a { 
    70     display: block; 
    71     font-weight: bold; 
    72     padding: 0 24px; 
    73     border-bottom: none; 
    74 } 
    75  
    76 .pseudo-tabs a:hover, 
    77 .pseudo-tabs a:focus { 
    78     background-color: #ecf0f1; 
    79     color: #333; 
    80 } 
    81  
    82 .pseudo-tabs a.active { 
    83     background-color: #ecf0f1; 
    84     color: #d30e60; 
     46     margin: -.75em 0 2em 0; 
     47     border-bottom: 1px solid #bbb; 
     48     display: table; 
     49     width: 100%; 
     50     padding: 0; 
     51     line-height: 24px; 
     52     border-collapse: collapse; 
     53     li { 
     54          display: table-cell; 
     55          border-width: 0 1px; 
     56          border-style: solid; 
     57          border-color: #ccc; 
     58          padding: 0; 
     59          margin: 0; 
     60          text-align: center; 
     61     } 
     62     a { 
     63          display: block; 
     64          font-weight: bold; 
     65          padding: 0 24px; 
     66          border-bottom: none; 
     67          &:hover, 
     68          &:focus { 
     69               background-color: #ecf0f1; 
     70               color: #333; 
     71          } 
     72          &.active { 
     73               background-color: #ecf0f1; 
     74               color: #d30e60; 
     75          } 
     76     } 
    8577} 
    8678 
    … …  
    8981 
    9082#help { 
    91     margin-top: 4em; 
    92     background: #f5f5f5; 
    93     z-index: 100; 
    94     clear: both; 
    95     padding: 0 1em; 
    96 } 
    97  
    98 #content.with-help #help { 
    99     display: block; 
    100     position: absolute; 
    101     top: 0; 
    102     right: 0; 
    103     width: 32rem; // 24em; 
    104     border-left: 2px solid #FFD478; 
    105     border-top: 2px solid #FFD478; 
    106     margin-top: 0; 
    107     padding: .5em 0 0 0; 
    108     overflow: auto; 
     83     margin-top: 4em; 
     84     background: #f5f5f5; 
     85     z-index: 100; 
     86     clear: both; 
     87     padding: 0 1em; 
     88     #content.with-help & { 
     89          display: block; 
     90          position: absolute; 
     91          top: 0; 
     92          right: 0; 
     93          width: 32rem; // 24em; 
     94          border-left: 2px solid #FFD478; 
     95          border-top: 2px solid #FFD478; 
     96          margin-top: 0; 
     97          padding: .5em 0 0 0; 
     98          overflow: auto; 
     99     } 
    109100} 
    110101 
    111102#help-button { 
    112     background: transparent url(help-mini.png) no-repeat 6px center; 
    113     position: absolute; 
    114     top: 0; 
    115     right: 0; 
    116     padding: 0 1.5em 0 30px; 
    117     cursor: pointer; 
    118     color: #2373A8; 
    119     line-height: 3; 
    120 } 
    121  
    122 #help-button.floatable { 
    123     border-top: 2px solid #ccc; 
    124     border-left: 2px solid #ccc; 
    125     border-bottom: 2px solid #ccc; 
    126     border-bottom-left-radius: 1em; 
    127     border-top-left-radius: 1em; 
    128     background-color: #f5f5f5; 
    129     position: fixed; 
    130     top: 10px; 
    131     -webkit-transform: translateZ(0); 
    132     /* Let GPU doing his job */ 
    133 } 
    134  
    135 .no-js #help-button { 
    136     top: 1em; 
    137 } 
    138  
    139 #help-button span { 
    140     padding: .5em 0 .1em 0; 
    141 } 
    142  
    143 #content.with-help #help-button { 
    144     right: 32rem; // 24em; 
    145     background-color: #f5f5f5; 
    146     position: fixed; 
    147     top: 6em; // 50px; 
    148     z-index: 100; 
    149     border-top: 2px solid #FFD478; 
    150     border-left: 2px solid #FFD478; 
    151     border-bottom: 2px solid #FFD478; 
    152     border-bottom-left-radius: 1em; 
    153     border-top-left-radius: 1em; 
     103     background: transparent url(help-mini.png) no-repeat 6px center; 
     104     position: absolute; 
     105     top: 0; 
     106     right: 0; 
     107     padding: 0 1.5em 0 30px; 
     108     cursor: pointer; 
     109     color: #2373A8; 
     110     line-height: 3; 
     111     &.floatable { 
     112          border-top: 2px solid #ccc; 
     113          border-left: 2px solid #ccc; 
     114          border-bottom: 2px solid #ccc; 
     115          border-bottom-left-radius: 1em; 
     116          border-top-left-radius: 1em; 
     117          background-color: #f5f5f5; 
     118          position: fixed; 
     119          top: 10px; 
     120          -webkit-transform: translateZ(0); // Let GPU doing his job 
     121     } 
     122     .no-js & { 
     123          top: 1em; 
     124     } 
     125     span { 
     126          padding: .5em 0 .1em 0; 
     127     } 
     128     #content.with-help & { 
     129          right: 32rem; // 24em; 
     130          background-color: #f5f5f5; 
     131          position: fixed; 
     132          top: 6em; // 50px; 
     133          z-index: 100; 
     134          border-top: 2px solid #FFD478; 
     135          border-left: 2px solid #FFD478; 
     136          border-bottom: 2px solid #FFD478; 
     137          border-bottom-left-radius: 1em; 
     138          border-top-left-radius: 1em; 
     139     } 
    154140} 
    155141 
    156142.help-box { 
    157     display: none; 
     143     display: none; 
     144     ul { 
     145          padding-left: 20px; 
     146          margin-left: 0; 
     147     } 
    158148} 
    159149 
    160 .help-box ul { 
    161     padding-left: 20px; 
    162     margin-left: 0; 
    163 } 
    164  
    165 #content.with-help .help-content { 
    166     padding: 0 1em 1em; 
    167 } 
    168  
    169 .help-content dt { 
    170     font-weight: bold; 
    171     color: #676e78; 
    172     margin: 0; 
    173 } 
    174  
    175 .help-content dd { 
    176     margin: 0.3em 0 1.5em 0; 
     150.help-content { 
     151     #content.with-help & { 
     152          padding: 0 1em 1em; 
     153     } 
     154     dt { 
     155          font-weight: bold; 
     156          color: #676e78; 
     157          margin: 0; 
     158     } 
     159     dd { 
     160          margin: 0.3em 0 1.5em 0; 
     161     } 
    177162} 
    178163 
    … …  
    181166 
    182167#helplink p { 
    183     padding: 0 0 0 .5em; 
     168     padding: 0 0 0 .5em; 
    184169} 
Note: See TracChangeset for help on using the changeset viewer.

Sites map