Dotclear

Changeset 3436:a9f79153b3d0


Ignore:
Timestamp:
12/03/16 10:33:55 (9 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

Normalize « js » buttons (goto top, checkboxes-helpers, …)

Location:
admin/style
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • admin/style/default.css

    r3435 r3436  
    13601360 
    13611361/* specific buttons */ 
    1362 .checkbox-helper { 
     1362.checkbox-helper, #gototop { 
    13631363  font-size: 0.825em; 
     1364  color: #333; 
    13641365  text-shadow: none; 
    1365   background-color: transparent; 
    1366   background-image: none; 
     1366  background: #fff; 
    13671367  box-shadow: none; 
    13681368  border: 1px solid #676e78; 
    1369   margin-bottom: .25em; } 
    1370   .checkbox-helper:hover { 
    1371     background-color: #a2cbe9; 
    1372     background-image: none; 
    1373     box-shadow: none; } 
     1369  margin-bottom: .25em; 
     1370  text-align: center; } 
     1371  .checkbox-helper:hover, #gototop:hover { 
     1372    background: #a2cbe9; 
     1373    box-shadow: none; 
     1374    border: 1px solid #676e78; } 
     1375 
     1376#gototop { 
     1377  display: none; 
     1378  z-index: 1000; 
     1379  position: fixed; 
     1380  bottom: 0; 
     1381  right: .5em; 
     1382  width: 10em; 
     1383  padding: .25em; 
     1384  border-radius: .25em; } 
     1385 
     1386#gototop a, 
     1387#gototop a:link, 
     1388#gototop a:hover, 
     1389#gototop a:active { 
     1390  color: #333; 
     1391  background: transparent; 
     1392  border: none; } 
    13741393 
    13751394.metaRemove, 
     
    18811900#helplink p { 
    18821901  padding: 0 0 0 .5em; } 
    1883  
    1884 #gototop { 
    1885   display: none; 
    1886   z-index: 1000; 
    1887   position: fixed; 
    1888   bottom: 0; 
    1889   right: .5em; 
    1890   width: 10em; 
    1891   padding: .25em; 
    1892   border: 1px solid #636363; 
    1893   border-radius: .25em; 
    1894   background-color: #fff; 
    1895   color: #333; 
    1896   font-size: .875em; 
    1897   text-align: center; } 
    1898  
    1899 #gototop a, 
    1900 #gototop a:link, 
    1901 #gototop a:hover, 
    1902 #gototop a:active { 
    1903   background: transparent; 
    1904   border: none; 
    1905   font-weight: bold; 
    1906   color: #636363; } 
    19071902 
    19081903#footer p { 
  • admin/style/scss/partials/_buttons.scss

    r3435 r3436  
    55input[type=reset]::-moz-focus-inner, 
    66input[type=submit]::-moz-focus-inner { 
    7     border: 0; 
    8     padding: 0; 
     7     border: 0; 
     8     padding: 0; 
    99} 
    1010 
     
    1717input[type=reset], 
    1818input[type=submit] { 
    19     border: 1px solid #ccc; 
    20     font-family: $sans-serif-input; 
    21     padding: 3px 10px; 
    22     line-height: normal !important; 
    23     display: inline-block; 
    24     font-size: 100%; 
    25     text-align: center; 
    26     text-decoration: none; 
    27     cursor: pointer; 
    28     position: relative; 
    29     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 
    30     border-style: solid; 
    31     border-width: 1px; 
     19     border: 1px solid #ccc; 
     20     font-family: $sans-serif-input; 
     21     padding: 3px 10px; 
     22     line-height: normal !important; 
     23     display: inline-block; 
     24     font-size: 100%; 
     25     text-align: center; 
     26     text-decoration: none; 
     27     cursor: pointer; 
     28     position: relative; 
     29     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 
     30     border-style: solid; 
     31     border-width: 1px; 
    3232} 
    3333 
     
    3636input[type=reset], 
    3737input[type=submit] { 
    38     -webkit-appearance: button; 
     38     -webkit-appearance: button; 
    3939} 
    4040 
     
    4343 
    4444.void-btn { 
    45     border: none; 
    46     border-radius: 0; 
    47     padding: 0; 
     45     border: none; 
     46     border-radius: 0; 
     47     padding: 0; 
    4848} 
    4949 
     
    5555button.submit, 
    5656input.button.start { 
    57     color: #fff; 
    58     background-color: #25a6e1; 
    59     @include background-image(linear-gradient(to bottom, #25a6e1, #188bc0)); 
    60     border-color: #25a6e1; 
    61     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
     57     color: #fff; 
     58     background-color: #25a6e1; 
     59     @include background-image(linear-gradient(to bottom, #25a6e1, #188bc0)); 
     60     border-color: #25a6e1; 
     61     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    6262} 
    6363 
     
    7272a.button.submit:hover, 
    7373a.button.submit:focus { 
    74     background-color: #188bc0; 
    75     @include background-image(linear-gradient(to bottom, #188bc0, #25a6e1)); 
    76     border-color: #188bc0; 
     74     background-color: #188bc0; 
     75     @include background-image(linear-gradient(to bottom, #188bc0, #25a6e1)); 
     76     border-color: #188bc0; 
    7777} 
    7878 
     
    9191a.button.delete, 
    9292a.button.reset { 
    93     color: #000; 
    94     background-color: #eaeaea; 
    95     @include background-image(linear-gradient(to bottom, #f9f9f9, #eaeaea)); 
    96     background-repeat: repeat-x; 
    97     border-color: #dfdfdf #dfdfdf #c5c5c5; 
    98     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); 
     93     color: #000; 
     94     background-color: #eaeaea; 
     95     @include background-image(linear-gradient(to bottom, #f9f9f9, #eaeaea)); 
     96     background-repeat: repeat-x; 
     97     border-color: #dfdfdf #dfdfdf #c5c5c5; 
     98     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); 
    9999} 
    100100 
     
    121121a.button.reset:focus, 
    122122a.button:focus { 
    123     background-color: #dadada; 
    124     @include background-image(linear-gradient(to bottom, #eaeaea, #dadada)); 
    125     background-repeat: repeat-x; 
    126     border-color: #cccccc #cccccc #b5b5b5; 
     123     background-color: #dadada; 
     124     @include background-image(linear-gradient(to bottom, #eaeaea, #dadada)); 
     125     background-repeat: repeat-x; 
     126     border-color: #cccccc #cccccc #b5b5b5; 
    127127} 
    128128 
     
    135135button.delete, 
    136136a.button.delete { 
    137     color: #900; 
     137     color: #900; 
    138138} 
    139139 
     
    148148button.delete:focus, 
    149149a.button.delete:focus { 
    150     color: #ffffff; 
    151     background-color: #b33630; 
    152     @include background-image(linear-gradient(to bottom, #dc5f59, #b33630)); 
    153     background-repeat: repeat-x; 
    154     border-color: #cd504a; 
    155     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
     150     color: #ffffff; 
     151     background-color: #b33630; 
     152     @include background-image(linear-gradient(to bottom, #dc5f59, #b33630)); 
     153     background-repeat: repeat-x; 
     154     border-color: #cd504a; 
     155     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
    156156} 
    157157 
    158158#info-box a.button, #info-box button { 
    159     padding: 0 .5em; 
    160     margin-left: 2em; 
     159     padding: 0 .5em; 
     160     margin-left: 2em; 
    161161} 
    162162 
    163163.button.add, 
    164164button.add { 
    165     color: #000; 
    166     background-color: #bee74b; 
    167     @include background-image(linear-gradient(to bottom, #bee74b, #9bca1c)); 
    168     border-color: #bee74b; 
    169     padding: .33em 1.33em .5em; 
    170     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
     165     color: #000; 
     166     background-color: #bee74b; 
     167     @include background-image(linear-gradient(to bottom, #bee74b, #9bca1c)); 
     168     border-color: #bee74b; 
     169     padding: .33em 1.33em .5em; 
     170     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
    171171//    font-weight: normal; 
    172172//    font-size: 1.16em; 
     
    179179button.add:active, 
    180180button.add:focus { 
    181     background-color: #9bca1c; 
    182     @include background-image(linear-gradient(to bottom, #9bca1c, #bee74b)); 
    183     border-color: #9bca1c; 
     181     background-color: #9bca1c; 
     182     @include background-image(linear-gradient(to bottom, #9bca1c, #bee74b)); 
     183     border-color: #9bca1c; 
    184184} 
    185185 
    186186.button-add:focus { 
    187     outline: dotted 1px; 
     187     outline: dotted 1px; 
    188188} 
    189189 
     
    192192 
    193193p.top-add { 
    194     text-align: right; 
    195     margin: 0; 
     194     text-align: right; 
     195     margin: 0; 
    196196} 
    197197 
     
    203203button.disabled, 
    204204button[type=submit].disabled { 
    205     text-shadow: none; 
    206     color: #676e78; 
    207     background: #F5F5F5; 
    208     border: 1px solid #CCC; 
     205     text-shadow: none; 
     206     color: #676e78; 
     207     background: #F5F5F5; 
     208     border: 1px solid #CCC; 
    209209} 
    210210 
     
    213213button.disabled:hover, 
    214214button[type=submit].disabled:hover { 
    215     color: #676e78; 
    216     background: #eee; 
    217     border: 1px solid #CCC; 
     215     color: #676e78; 
     216     background: #eee; 
     217     border: 1px solid #CCC; 
    218218} 
    219219 
     
    221221/* specific buttons */ 
    222222 
    223 .checkbox-helper { 
    224     font-size: 0.825em; 
    225     text-shadow: none; 
    226     background-color: transparent; 
    227     background-image: none; 
    228     box-shadow: none; 
    229     border: 1px solid #676e78; 
    230     margin-bottom: .25em; 
    231     &:hover { 
    232         background-color: #a2cbe9; 
    233         background-image: none; 
    234         box-shadow: none; 
    235     } 
     223.checkbox-helper, #gototop { 
     224     font-size: 0.825em; 
     225     color: #333; 
     226     text-shadow: none; 
     227     background: #fff; 
     228     box-shadow: none; 
     229     border: 1px solid #676e78; 
     230     margin-bottom: .25em; 
     231     text-align: center; 
     232     &:hover { 
     233          background: #a2cbe9; 
     234          box-shadow: none; 
     235          border: 1px solid #676e78; 
     236     } 
     237} 
     238 
     239#gototop { 
     240     display: none; 
     241     z-index: 1000; 
     242     position: fixed; 
     243     bottom: 0; 
     244     right: .5em; 
     245     width: 10em; 
     246     padding: .25em; 
     247     border-radius: .25em; 
     248} 
     249 
     250#gototop a, 
     251#gototop a:link, 
     252#gototop a:hover, 
     253#gototop a:active { 
     254     color: #333; 
     255     background: transparent; 
     256     border: none; 
    236257} 
    237258 
    238259.metaRemove, 
    239260.addMeta button:not(.metaGetMore) { 
    240     border: none; 
    241     border-radius: 0; 
    242     padding: 0; 
    243     background: none; 
     261     border: none; 
     262     border-radius: 0; 
     263     padding: 0; 
     264     background: none; 
    244265} 
    245266.addMeta button:not(.metaGetMore) { 
    246     border-bottom: #676e78 1px dotted; 
    247     text-shadow: initial; 
    248     box-shadow: initial; 
    249     margin-bottom: 2px; 
    250 } 
     267     border-bottom: #676e78 1px dotted; 
     268     text-shadow: initial; 
     269     box-shadow: initial; 
     270     margin-bottom: 2px; 
     271} 
  • admin/style/scss/partials/_footer.scss

    r3355 r3436  
    1 #gototop { 
    2     display: none; 
    3     z-index: 1000; 
    4     position: fixed; 
    5     bottom: 0; 
    6     right: .5em; 
    7     width: 10em; 
    8     padding: .25em; 
    9     border: 1px solid #636363; 
    10     border-radius: .25em; 
    11     background-color: #fff; 
    12     color: #333; 
    13     font-size: .875em; 
    14     text-align: center; 
    15 } 
    16  
    17 #gototop a, 
    18 #gototop a:link, 
    19 #gototop a:hover, 
    20 #gototop a:active { 
    21     background: transparent; 
    22     border: none; 
    23     font-weight: bold; 
    24     color: #636363; 
    25 } 
    26  
    271#footer p { 
    282    margin: 0; 
Note: See TracChangeset for help on using the changeset viewer.

Sites map