Dotclear

source: plugins/widgets/style.css @ 1669:5b0b6a8422f3

Revision 1669:5b0b6a8422f3, 3.0 KB checked in by Anne Kozlika <kozlika@…>, 11 years ago (diff)

Some enhancements on widgets page (with help from Franck Paul <3)

Line 
1/*
2# -- BEGIN LICENSE BLOCK ---------------------------------------
3#
4# This file is part of Dotclear 2.
5#
6# Copyright (c) 2003-2013 Olivier Meunier & Association Dotclear
7# Licensed under the GPL version 2.0 license.
8# See LICENSE file or
9# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
10#
11# -- END LICENSE BLOCK -----------------------------------------
12*/
13
14
15/* ------------------------------------------------------------- side bars */
16#sidebarsWidgets {
17     float: left;
18     width: 47%;
19     margin: 0 0 0 1%;
20     padding: 0 1%;
21}
22.widgets.fieldset {
23     margin-bottom: 2em;
24}
25.widgets.fieldset.if-drag {
26     padding-bottom: 0;
27     border-radius: .5em;
28}
29#dndnav, #dndextra, #dndcustom {
30     padding: 1em 0;
31     margin: 1em 0 0;
32}
33#dndnav > li,
34#dndextra > li,
35#dndcustom > li {
36     padding: 0;
37     border: 1px solid #999;
38     margin-bottom: 1em;
39     list-style: none;
40}
41#dndnav > li.ui-sortable-placeholder,
42#dndextra > li.ui-sortable-placeholder,
43#dndcustom > li.ui-sortable-placeholder,
44.sortable-delete > li.ui-sortable-placeholder {
45     border: 1px dashed #999;
46     height: 2em;
47     padding: .3em;
48}
49.sortable-delete > li.ui-sortable-placeholder {
50     border-width: 2px;
51     border-color: red;
52}
53.sortable-delete {
54     display: none;
55}
56.sortable-delete.if-drag {
57    border: 1px dotted #999;
58    color: #000;
59    font-weight: bold;
60    list-style-type: none;
61    margin: 0 0 1em;
62    padding: .5em 1em;
63    display: block;
64    background: #fafafa;
65}
66.sortable-delete > li {
67     margin-bottom: 3px;
68}
69.sortable-delete > li.sortable-delete-placeholder {
70    border: 0 none;
71    color: #aaa;
72    font-size: 1em;
73    font-weight: bold;
74    text-align: center;
75}
76.widget-name {
77     background: #eef;
78     color: #000;
79     padding: 4px 6px;
80     margin: 0;
81     font-weight: bold;
82}
83.widget-name img {
84     cursor: pointer;
85     margin-bottom: -1px;
86}
87.widget-name a.aexpand,
88.widget-name a.aexpand:link,
89.widget-name a.aexpand:visited {
90    border: 0 none;
91    color: #000;
92    text-decoration: none;
93}
94#dndnav .form-note,
95#dndextra .form-note,
96#dndcustom .form-note {
97     display: none;
98}
99.removeWidget {
100     padding: 8px 6px;
101     margin: 0;
102}
103.widgetSettings {
104     border-top: 1px solid #ddd;
105     padding: 8px 6px;
106     background: #f5f5f5;
107}
108
109#sidebarsControl {
110     clear: left;
111}
112
113/* ------------------------------------------------------------- list Widgets ref */
114#listWidgets {
115     float: left;
116     width: 46%;
117     background: #eee;
118     padding: 1.5em 1% 0; 
119     margin: 0 1% 0 0;
120}
121#listWidgets h3 {
122     color: #333;
123}
124
125#widgets-ref {
126     padding: 1em 0;
127     margin: 1em 0 0;
128}
129#widgets-ref > li {
130     border: 1px solid #ccc;
131     margin-bottom: .5em;
132     background: #fff;
133     min-height: 3em;
134     padding: 0 0 4px 0;
135     list-style: none;
136}
137#widgets-ref .widget-name,
138#widgets-ref .manual-move {
139     background: #fff;
140     margin-bottom: 0;
141     padding: 4px 8px 0;
142}
143#widgets-ref .widget-name {
144     min-height: 3em;
145}
146#widgets-ref .widget-name .form-note {
147     display: block;
148     font-style: normal;
149     font-size: 1.1rem;
150}
151#widgets-ref .widgetSettings {
152     display: none;
153}
154
155/* ------------------------------------------------------------- help */
156#widgets-tpl dt {
157     margin: 1em 0 0 0;
158}
159#widgets-tpl dd {
160     margin: 0.2em 0 1em 0;
161}
Note: See TracBrowser for help on using the repository browser.

Sites map