Dotclear

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

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

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

RevLine 
[1659]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*/
[0]13
[1659]14
15/* ------------------------------------------------------------- side bars */
[0]16#sidebarsWidgets {
17     float: left;
[1518]18     width: 47%;
19     margin: 0 0 0 1%;
[1483]20     padding: 0 1%;
[0]21}
[1483]22.widgets.fieldset {
23     margin-bottom: 2em;
24}
[1657]25.widgets.fieldset.if-drag {
[1669]26     padding-bottom: 0;
27     border-radius: .5em;
[1526]28}
[1659]29#dndnav, #dndextra, #dndcustom {
[0]30     padding: 1em 0;
[1650]31     margin: 1em 0 0;
[0]32}
[1649]33#dndnav > li,
34#dndextra > li,
[1669]35#dndcustom > li {
36     padding: 0;
[1526]37     border: 1px solid #999;
38     margin-bottom: 1em;
[1648]39     list-style: none;
[1526]40}
[1659]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 {
[1649]45     border: 1px dashed #999;
[1669]46     height: 2em;
47     padding: .3em;
[1649]48}
[1669]49.sortable-delete > li.ui-sortable-placeholder {
50     border-width: 2px;
51     border-color: red;
52}
[1659]53.sortable-delete {
[1648]54     display: none;
55}
[1657]56.sortable-delete.if-drag {
[1669]57    border: 1px dotted #999;
58    color: #000;
[1649]59    font-weight: bold;
[1669]60    list-style-type: none;
61    margin: 0 0 1em;
62    padding: .5em 1em;
[1651]63    display: block;
[1669]64    background: #fafafa;
[1649]65}
[1659]66.sortable-delete > li {
67     margin-bottom: 3px;
68}
69.sortable-delete > li.sortable-delete-placeholder {
70    border: 0 none;
[1669]71    color: #aaa;
72    font-size: 1em;
73    font-weight: bold;
[1659]74    text-align: center;
[1526]75}
[1483]76.widget-name {
77     background: #eef;
[0]78     color: #000;
[1480]79     padding: 4px 6px;
[1526]80     margin: 0;
[0]81     font-weight: bold;
82}
[1483]83.widget-name img {
[0]84     cursor: pointer;
85     margin-bottom: -1px;
86}
[1659]87.widget-name a.aexpand,
88.widget-name a.aexpand:link,
89.widget-name a.aexpand:visited {
[1629]90    border: 0 none;
[1669]91    color: #000;
[1629]92    text-decoration: none;
93}
[1659]94#dndnav .form-note,
95#dndextra .form-note,
96#dndcustom .form-note {
[1526]97     display: none;
98}
99.removeWidget {
100     padding: 8px 6px;
101     margin: 0;
102}
[0]103.widgetSettings {
[1526]104     border-top: 1px solid #ddd;
105     padding: 8px 6px;
[1483]106     background: #f5f5f5;
[0]107}
[1659]108
109#sidebarsControl {
110     clear: left;
[0]111}
[1659]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;
[0]120}
[1659]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 {
[0]152     display: none;
153}
154
[1659]155/* ------------------------------------------------------------- help */
[0]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