source: spip-zone/_plugins_/saisie_liste/trunk/saisie_liste.scss @ 109705

Last change on this file since 109705 was 109705, checked in by bystrano@…, 21 months ago

arrange un peu la feuille de style

File size: 2.1 KB
Line 
1/* classes de positionnement */
2.table {
3  display: table;
4}
5.td {
6  display: table-cell;
7  width: 100%;
8  vertical-align: top;
9}
10
11/* premier niveau de li */
12li.saisie_liste,
13.formulaire_spip div.saisie_liste {
14  padding: 0;
15  margin: 5px;
16  & > label {
17    display: inline-block;
18    padding: 6px 0 0;
19    width: 100%;
20    font-size: 1.1em;
21    font-weight: bold;
22  }
23  label {
24    float: none;
25    margin-left: 0;
26  }
27  & > fieldset {
28    border: none;
29  }
30  fieldset {
31    margin: 0;
32    padding: 0;
33    .legend {
34      margin-left: -8px;
35      margin-right: 0;
36    }
37  }
38}
39
40.saisie-liste {
41  border: none;
42  .objet {
43    vertical-align: middle;
44    text-align: center;
45  }
46  .liste-saisies {
47    margin: 0;
48    padding: 0;
49    &> li,
50          &> div {
51      padding: 5px;
52      text-align: left;
53    }
54    & p {
55      margin-bottom: 0;
56    }
57  }
58  fieldset {
59    border: none;
60    margin: 0;
61    padding: 0;
62  }
63  &> li,
64  &> div {
65    padding: 3px;
66  }
67}
68
69/* blocs */
70.saisie-liste > li,
71.saisie-liste > div {
72  border: 2px solid #E4E4E4;
73  border-radius: 4px;
74  background-color: #F2F2F2;
75  margin: 5px 0 12px;
76}
77
78/* effets pour jqueryui.sortable */
79.saisie-liste.ui-sortable > li,
80.saisie-liste.ui-sortable > div {
81  cursor: move;
82  &:hover {
83    background-color: #EBE7E7;
84    background-color: rgba(232, 232, 232, 0.69);
85  }
86}
87
88/* Boutons */
89@mixin bouton {
90  border: none;
91  text-indent: -99999px;
92  cursor: pointer;
93  border-radius: 4px;
94  background-repeat: no-repeat;
95  background-color: transparent;
96  &:hover, &:focus {
97    box-shadow: 0px 0px 3px rgba(129, 129, 129, 0.46) inset;
98  }
99}
100
101.boutons-bouger {
102  vertical-align: middle;
103  width: 40px;
104  padding-right: 5px;
105  input {
106    @include bouton;
107    padding: 0;
108    width: 29px;
109    height: 30px;
110    background-position: 3px 4px;
111    margin: 0;
112    &.bouton-monter {
113      background-image: url('images/up-icon-24x24.png');
114    }
115    &.bouton-descendre {
116      background-image: url('images/down-icon-24x24.png');
117    }
118  }
119}
120
121.bouton-supprimer input {
122  @include bouton;
123  background-image: url('images/delete-icon.png');
124  padding: 0;
125  width: 20px;
126  height: 20px;
127  margin-left: 4px;
128}
Note: See TracBrowser for help on using the repository browser.