1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
|
/*
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2008 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* skin.css
* main stylesheet for the django WYMeditor skin
* See the documentation for more info.
*
* File Authors:
* Daniel Reszka (d.reszka a-t wymeditor dotorg)
* Jannis Leidel (jannis@leidel.info)
*/
/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
.wym_skin_django p, .wym_skin_django h2, .wym_skin_django h3,
.wym_skin_django ul, .wym_skin_django li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
/*HIDDEN BY DEFAULT*/
.wym_skin_django .wym_area_left { display: none; }
.wym_skin_django .wym_area_right { display: block; }
/*TYPO*/
.wym_skin_django { font-size: 62,5%; font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif }
.wym_skin_django h2 { font-size: 110%; /* = 11px */}
.wym_skin_django h3 { font-size: 100%; /* = 10px */}
.wym_skin_django li { font-size: 100%; /* = 10px */}
/*WYM_BOX*/
.wym_skin_django { border: 0px; background: none; padding: 10px}
/*auto-clear the wym_box*/
.wym_skin_django:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wym_skin_django { height: 1%;}
/*WYM_HTML*/
.wym_skin_django .wym_html { width: 98%;}
.wym_skin_django .wym_html textarea { width: 100%; height: 235px; border: 1px solid #ccc; background: white; }
/*WYM_IFRAME*/
.wym_skin_django .wym_iframe { width: 98%;}
.wym_skin_django .wym_iframe iframe { width: 100%; height: 235px; border: 1px solid #ccc; background: white }
/*AREAS*/
.wym_skin_django .wym_area_left { width: 150px; float: left;}
.wym_skin_django .wym_area_right { width: 150px; float: right;}
.wym_skin_django .wym_area_bottom { clear: both; display: none;}
* html .wym_skin_django .wym_area_main { height: 1%;}
* html .wym_skin_django .wym_area_top { height: 1%;}
*+html .wym_skin_django .wym_area_top { height: 1%;}
/*SECTIONS SYSTEM*/
/*common defaults for all sections*/
.wym_skin_django .wym_section { margin-bottom: 5px; }
.wym_skin_django .wym_section h2,
.wym_skin_django .wym_section h3 { padding: 1px 3px; margin: 0; color:#333; }
.wym_skin_django .wym_section a { padding: 0 3px; display: block; text-decoration: none; color: black; }
.wym_skin_django .wym_section a:hover { background-color: #eaeaea; }
/*hide section titles by default*/
.wym_skin_django .wym_section h2 { display: none; }
/*disable any margin-collapse*/
.wym_skin_django .wym_section { padding-top: 1px; padding-bottom: 1px; }
/*auto-clear sections*/
.wym_skin_django .wym_section ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wym_skin_django .wym_section ul { height: 1%;}
/*option: add this class to a section to make it render as a panel*/
.wym_skin_django .wym_panel { }
.wym_skin_django .wym_panel h2 { display: block; }
/*option: add this class to a section to make it render as a dropdown menu*/
.wym_skin_django .wym_dropdown h2 { display: block; }
.wym_skin_django .wym_dropdown ul { display: none; position: absolute; background: white; }
.wym_skin_django .wym_dropdown:hover ul,
.wym_skin_django .wym_dropdown.hover ul { display: block; }
.wym_skin_django .wym_tools ul { padding-left: 0px !important; margin-left: 0px; }
/*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
.wym_skin_django .wym_buttons li { float:left;}
.wym_skin_django .wym_buttons a { width: 20px; height: 20px; overflow: hidden; padding: 2px }
/*image replacements*/
.wym_skin_django .wym_buttons li a { background: url(icons.png) no-repeat; text-indent: -9999px;}
.wym_skin_django .wym_buttons li.wym_tools_strong a { background-position: 0 -382px;}
.wym_skin_django .wym_buttons li.wym_tools_emphasis a { background-position: 0 -22px;}
.wym_skin_django .wym_buttons li.wym_tools_superscript a { background-position: 0 -430px;}
.wym_skin_django .wym_buttons li.wym_tools_subscript a { background-position: 0 -454px;}
.wym_skin_django .wym_buttons li.wym_tools_ordered_list a { background-position: 0 -48px;}
.wym_skin_django .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
.wym_skin_django .wym_buttons li.wym_tools_indent a { background-position: 0 -574px;}
.wym_skin_django .wym_buttons li.wym_tools_outdent a { background-position: 0 -598px;}
.wym_skin_django .wym_buttons li.wym_tools_undo a { background-position: 0 -502px;}
.wym_skin_django .wym_buttons li.wym_tools_redo a { background-position: 0 -526px;}
.wym_skin_django .wym_buttons li.wym_tools_link a { background-position: 0 -96px;}
.wym_skin_django .wym_buttons li.wym_tools_unlink a { background-position: 0 -168px;}
.wym_skin_django .wym_buttons li.wym_tools_image a { background-position: 0 -121px;}
.wym_skin_django .wym_buttons li.wym_tools_table a { background-position: 0 -144px;}
.wym_skin_django .wym_buttons li.wym_tools_paste a { background-position: 0 -552px;}
.wym_skin_django .wym_buttons li.wym_tools_html a { background-position: 0 -193px;}
.wym_skin_django .wym_buttons li.wym_tools_preview a { background-position: 0 -408px;}
/*DECORATION*/
.wym_skin_django .wym_section h2 { background: #fff;}
.wym_skin_django .wym_section h2 span { color: gray;}
.wym_skin_django .wym_panel { padding: 0; background: white;}
.wym_skin_django .wym_panel ul { margin: 2px 0 5px; }
.wym_skin_django .wym_dropdown { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
.wym_skin_django .wym_dropdown ul { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
/*DIALOGS*/
.wym_dialog div.row { margin-bottom: 5px;}
.wym_dialog div.row input { margin-right: 5px;}
.wym_dialog div.row label { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
.wym_dialog div.row-indent { padding-left: 160px; }
/*autoclearing*/
.wym_dialog div.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wym_dialog div.row { display: inline-block; }
/* Hides from IE-mac \*/
* html .wym_dialog div.row { height: 1%; }
.wym_dialog div.row { display: block; }
/* End hide from IE-mac */
/*WYMEDITOR_LINK*/
a.wym_wymeditor_link { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png); overflow: hidden; text-decoration: none; }
|