Dotclear

source: admin/style/scss/partials/_index.scss @ 3412:a07474dc68c1

Revision 3412:a07474dc68c1, 2.5 KB checked in by franck <carnet.franck.paul@…>, 9 years ago (diff)

Separate dashboard items boxes (usually official DC infos/links) from dashboard contents boxes (usually 3rd party plugins), get advantage of flexbox system to display all of them

Line 
1#dashboard-main {
2     text-align: center;
3}
4
5
6/* raccourcis */
7
8#icons {
9//    overflow: hidden;
10//    text-align: center;
11     display: flex;
12     flex-wrap: wrap;
13     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;
65}
66
67
68/* billet rapide */
69
70#quick {
71     padding: 1em;
72     max-width: 976px;
73     margin: 0 auto;
74     background: #f5f5f5;
75     box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
76     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;
107}
108
109
110/* modules additionnels */
111
112#dashboard-boxes {
113     margin: 1em auto 1em;
114     padding-top: 2em;
115     display: flex;
116     flex-wrap: wrap;
117     justify-content: center;
118}
119
120.db-items,
121.db-contents {
122//   display: inline-block;
123//   text-align: center;
124     display: flex;
125     flex-wrap: wrap;
126     justify-content: center;
127     flex: 1 1 auto;
128}
129
130.no-js .outgoing img {
131     display: none;
132}
133
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
143.dc-box {
144     background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right;
145}
146
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;
175}
176
177
178/* message de mise à jour */
179
180#upg-notify ul {
181     padding-left: 1.5em;
182}
183
184#upg-notify li {
185     color: #fff;
186}
Note: See TracBrowser for help on using the repository browser.

Sites map