PageRenderTime 45ms CodeModel.GetById 11ms app.highlight 29ms RepoModel.GetById 1ms app.codeStats 0ms

/forum/site_media/js/wym/wymeditor/skins/silver/skin.css

http://djforum.googlecode.com/
CSS | 297 lines | 222 code | 34 blank | 41 comment | 0 complexity | 9ae2e218165af6ad11849b2e52b0c503 MD5 | raw file
  1/*
  2 * WYMeditor : what you see is What You Mean web-based editor
  3 * Copyright (c) 2008 Jean-Francois Hovinne, http://www.wymeditor.org/
  4 * Dual licensed under the MIT (MIT-license.txt)
  5 * and GPL (GPL-license.txt) licenses.
  6 *
  7 * For further information visit:
  8 *      http://www.wymeditor.org/
  9 *
 10 * File Name:
 11 *      screen.css
 12 *      main stylesheet for the default WYMeditor skin
 13 *      See the documentation for more info.
 14 *
 15 * File Authors:
 16 *      Daniel Reszka (d.reszka a-t wymeditor dotorg)
 17 *      Scott Edwin Lewis
 18*/
 19
 20/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
 21        .wym_skin_silver p, .wym_skin_silver h2, .wym_skin_silver h3,
 22        .wym_skin_silver ul, .wym_skin_silver li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
 23
 24
 25/*HIDDEN BY DEFAULT*/
 26        .wym_skin_silver .wym_area_left          { display: none; }
 27        .wym_skin_silver .wym_area_right         { display: block; }
 28
 29
 30/*TYPO*/    
 31        .wym_skin_silver                { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; }
 32        .wym_skin_silver h2             { font-size: 110%; /* = 11px */}
 33        .wym_skin_silver h3             { font-size: 100%; /* = 10px */}
 34        .wym_skin_silver li             { font-size: 100%; /* = 10px */}
 35
 36
 37/*WYM_BOX*/
 38        .wym_skin_silver                { border: 1px solid gray; background: #f2f2f2; padding: 0px; margin: 0px;}
 39
 40    /*auto-clear the wym_box*/
 41        .wym_skin_silver:after 	        { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 42 * html .wym_skin_silver                { height: 1%;}
 43
 44
 45/*WYM_HTML*/
 46        .wym_skin_silver .wym_html               { width: 98%;}
 47        .wym_skin_silver .wym_html textarea      { width: 100%; height: 200px; border: 1px solid gray; background: white;  }
 48
 49
 50/*WYM_IFRAME*/
 51        .wym_skin_silver .wym_iframe             { width: 98%;}
 52        .wym_skin_silver .wym_iframe iframe      { width: 100%; height: 200px; border: 1px solid gray; background: white }
 53
 54
 55/*AREAS*/
 56        .wym_skin_silver .wym_area_left          { width: 150px; float: left;}
 57        .wym_skin_silver .wym_area_right         { width: 150px; float: right;}
 58        .wym_skin_silver .wym_area_bottom        { height: 1%; clear: both;}
 59 * html .wym_skin_silver .wym_area_main          { height: 1%;}
 60 * html .wym_skin_silver .wym_area_top           { height: 1%;}
 61 *+html .wym_skin_silver .wym_area_top           { height: 1%;}
 62
 63/*SECTIONS SYSTEM*/
 64
 65    /*common defaults for all sections*/
 66        .wym_skin_silver .wym_section            { margin-bottom: 5px; }
 67        .wym_skin_silver .wym_section h2,
 68        .wym_skin_silver .wym_section h3         { padding: 1px 3px; margin: 0; cursor: pointer; }
 69        .wym_skin_silver .wym_section a          { padding: 5px 0px 0px 10px; display: block; text-decoration: none; color: black; }
 70        .wym_skin_silver .wym_section a:hover    { /*background-color: #DDD;*/}
 71      /*hide section titles by default*/
 72        .wym_skin_silver .wym_section h2         { display: none; }
 73      /*disable any margin-collapse*/
 74        .wym_skin_silver .wym_section            { padding-top: 1px; padding-bottom: 1px; }    
 75      /*auto-clear sections*/
 76        .wym_skin_silver .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; padding: 0px; }
 77 * html .wym_skin_silver .wym_section ul         { height: 1%;}
 78        .wym_skin_silver .wym_section li         {}
 79        
 80    /*option: add this class to a section to make it render as a panel*/
 81        .wym_skin_silver .wym_panel              { }
 82        .wym_skin_silver .wym_panel h2           { display: block; font-size: 11px; }
 83
 84    /*option: add this class to a section to make it render as a dropdown menu*/
 85        .wym_skin_silver .wym_dropdown h2        { display: block; font-size: 11px;}
 86        .wym_skin_silver .wym_dropdown ul        { position: absolute; background: white; padding: 0px;}
 87        .wym_skin_silver .wym_dropdown:hover ul,
 88        .wym_skin_silver .wym_dropdown.hover ul  { cursor: pointer;}
 89        .wym_skin_silver .wym_dropdown ul li a   {/*border-bottom: 1px solid #AAA;*/}
 90
 91    /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
 92        .wym_skin_silver .wym_buttons li         { float:left;}
 93        .wym_skin_silver .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px; text-decoration: none !important;  border: 1px solid #666; }
 94        .wym_skin_silver .wym_buttons a:hover    { text-decoration: none !important;  border: 1px solid #000;}
 95      /*image replacements*/
 96        .wym_skin_silver .wym_buttons li a                         { background: url(images/icons.silver.gif) no-repeat; text-indent: -9999px;} 
 97        .wym_skin_silver .wym_buttons li.wym_tools_strong a        { background-position: 0 -384px;}
 98        .wym_skin_silver .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -24px;}
 99        .wym_skin_silver .wym_buttons li.wym_tools_superscript a   { background-position: 0 -432px;}
100        .wym_skin_silver .wym_buttons li.wym_tools_subscript a     { background-position: 0 -456px;}
101        .wym_skin_silver .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
102        .wym_skin_silver .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
103        .wym_skin_silver .wym_buttons li.wym_tools_indent a        { background-position: 0 -600px;}
104        .wym_skin_silver .wym_buttons li.wym_tools_outdent a       { background-position: 0 -624px;}
105        .wym_skin_silver .wym_buttons li.wym_tools_undo a          { background-position: 0 -504px;}
106        .wym_skin_silver .wym_buttons li.wym_tools_redo a          { background-position: 0 -528px;}
107        .wym_skin_silver .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
108        .wym_skin_silver .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
109        .wym_skin_silver .wym_buttons li.wym_tools_image a         { background-position: 0 -120px;}
110        .wym_skin_silver .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
111        .wym_skin_silver .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
112        .wym_skin_silver .wym_buttons li.wym_tools_html a          { background-position: 0 -192px;}
113        .wym_skin_silver .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
114        .wym_skin_silver .wym_buttons li.wym_tools_gadget a        { background-position: 0 -576px;}
115        
116        .wym_skin_silver .wym_buttons li.wym_tools_strong a:hover        { background-position: -24px -384px;}
117        .wym_skin_silver .wym_buttons li.wym_tools_emphasis a:hover      { background-position: -24px -24px;}
118        .wym_skin_silver .wym_buttons li.wym_tools_superscript a:hover   { background-position: -24px -432px;}
119        .wym_skin_silver .wym_buttons li.wym_tools_subscript a:hover     { background-position: -24px -456px;}
120        .wym_skin_silver .wym_buttons li.wym_tools_ordered_list a:hover  { background-position: -24px -48px;}
121        .wym_skin_silver .wym_buttons li.wym_tools_unordered_list a:hover{ background-position: -24px -72px;}
122        .wym_skin_silver .wym_buttons li.wym_tools_indent a:hover        { background-position: -24px -600px;}
123        .wym_skin_silver .wym_buttons li.wym_tools_outdent a:hover       { background-position: -24px -624px;}
124        .wym_skin_silver .wym_buttons li.wym_tools_undo a:hover          { background-position: -24px -504px;}
125        .wym_skin_silver .wym_buttons li.wym_tools_redo a:hover          { background-position: -24px -528px;}
126        .wym_skin_silver .wym_buttons li.wym_tools_link a:hover          { background-position: -24px -96px;}
127        .wym_skin_silver .wym_buttons li.wym_tools_unlink a:hover        { background-position: -24px -168px;}
128        .wym_skin_silver .wym_buttons li.wym_tools_image a:hover         { background-position: -24px -120px;}
129        .wym_skin_silver .wym_buttons li.wym_tools_table a:hover         { background-position: -24px -144px;}
130        .wym_skin_silver .wym_buttons li.wym_tools_paste a:hover         { background-position: -24px -552px;}
131        .wym_skin_silver .wym_buttons li.wym_tools_html a:hover          { background-position: -24px -192px;}
132        .wym_skin_silver .wym_buttons li.wym_tools_preview a:hover       { background-position: -24px -408px;}
133        .wym_skin_silver .wym_buttons li.wym_tools_gadget a:hover        { background-position: -24px -576px;}
134
135/*DECORATION*/
136        .wym_skin_silver .wym_section h2             { background: #ddd; border: none;}
137        .wym_skin_silver .wym_section h2 span        { color: gray;}
138        .wym_skin_silver .wym_panel                  { padding: 0; border: solid gray; border-width: 0px;}    
139        .wym_skin_silver .wym_panel ul               { margin: 2px 0 5px; }        
140        .wym_skin_silver .wym_dropdown               { padding: 0; border: none; }
141        .wym_skin_silver .wym_dropdown ul            { border: none; margin-left: -1px; padding: 0px;}
142        
143/*DIALOGS*/
144        .wym_dialog div.row         { margin-bottom: 5px;}
145        .wym_dialog div.row input   { margin-right: 5px;}
146        .wym_dialog div.row label   { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
147        .wym_dialog div.row-indent  { padding-left: 160px; }
148        /*autoclearing*/        
149        .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
150        .wym_dialog div.row                  { display: inline-block; }
151            /* Hides from IE-mac \*/
152            * html .wym_dialog div.row       { height: 1%; }
153            .wym_dialog div.row              { display: block; }
154            /* End hide from IE-mac */                
155            
156/*WYMEDITOR_LINK*/
157        a.wym_wymeditor_link 
158        { 
159          text-indent: -9999px; 
160          float: right; 
161          display: block; 
162          width: 50px; 
163          height: 15px; 
164          background: url(../wymeditor_icon.png);  
165          background-position: 1px 1px;
166          background-repeat: no-repeat;
167          overflow: hidden; 
168          text-decoration: none; 
169          padding: 1px !important; 
170          border: 1px solid #333 !important;  
171          background-color: #FFF !important;
172        }
173
174.wym_box
175{
176  padding: 0px !important;
177  margin: 0px;
178}
179.wym_inner
180{
181  border-left: 1px solid #FFF;
182  border-top: 1px solid #FFF;
183  border-right: 1px solid #FFF;
184  border-bottom: 1px solid #FFF;
185  padding: 5px;
186  background-color: #B8C1C4;
187  height: auto;
188}
189
190.clear {clear: both;}
191
192div.wym_dropdown
193{
194  cursor: pointer;
195  width: 138px !important;
196  margin: 0px 4px 10px 0px !important;
197  padding: 0px;
198  z-index: 1001;
199  display: block;
200  border: 1px solid red;
201}
202
203div.wym_dropdown ul
204{
205  display: none;
206  width: 124px;
207  padding: 0px !important;
208  margin: 0px !important;
209  list-style-type: none;
210  list-style-image: none;
211  z-index: 1002;
212  position: absolute;
213  border-top: 1px solid #AAA;
214}
215
216div.wym_dropdown ul li
217{
218  width: 146px;
219  height: 20px;
220  padding: 0px !important;
221  margin: 0px;
222  border: 1px solid #777;
223  border-top: none;
224  background: #DDD;
225  list-style-image: none;
226}
227
228div.wym_dropdown h2
229{
230  width: 138px;
231  height: 16px;
232  color: #000 !important;
233  background-image: url(images/bg.selector.silver.gif) !important;
234  background-position: 0px -18px;
235  background-repeat: no-repeat;
236  border: none;
237  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif;
238  font-size: 12px !important;
239  font-weight: bold !important;
240  padding: 2px 0px 0px 10px !important;
241  margin: 0px !important;
242}
243
244.wym_skin_silver .wym_panel h2 
245{
246  width: 138px;
247  height: 16px;
248  color: #000 !important;
249  background-image: url(images/bg.header.gif) !important;
250  background-position: 0px 0px;
251  background-repeat: no-repeat;
252  border: none;
253  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif;
254  font-size: 12px !important;
255  font-weight: bold !important;
256  padding: 2px 0px 0px 10px !important;
257  margin: 0px !important;
258}
259
260.wym_skin_silver .wym_panel ul
261{
262  margin-top: 0px !important;
263}
264
265.wym_skin_silver .wym_panel ul li
266{
267  width: 146px;
268  height: 20px;
269  padding: 0px !important;
270  margin: 0px;
271  border: 1px solid #777;
272  border-top: none;
273  background: #DDD;
274  list-style-image: none;
275}
276
277.wym_skin_silver .wym_panel a,
278div.wym_dropdown a
279{
280  text-decoration: none;
281  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif;
282  font-size: 12px;
283  padding: 5px 0px 0px 10px !important;
284  display: block;
285  width: 136px;
286  height: 15px;
287  color: #000;
288  text-align: left !important;
289  margin-left: 0px !important;
290}
291
292div.wym_dropdown a:hover,
293.wym_skin_silver .wym_panel a:hover
294{
295  background: #BBB;
296  border-bottom: none !important;
297}