Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/app/static/js/wymeditor/skins/compact/skin.css
blob: 4a6a0c6cc3494545499a25270138a91b235d6187 (plain)
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
/*
 * WYMeditor : what you see is What You Mean web-based editor
 * Copyright (c) 2005 - 2009 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:
 *      screen.css
 *      main stylesheet for the WYMeditor skin
 *      See the documentation for more info.
 *
 * File Authors:
 *      Daniel Reszka (d.reszka a-t wymeditor dotorg)
 *      Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
*/

/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
        .wym_skin_compact p, .wym_skin_compact h2, .wym_skin_compact h3,
        .wym_skin_compact ul, .wym_skin_compact li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }


/*HIDDEN BY DEFAULT*/
        .wym_skin_compact .wym_area_left          { display: none; }
        .wym_skin_compact .wym_area_right         { display: none; }


/*TYPO*/    
        .wym_skin_compact                { font-size: 10px; font-family: Verdana, Arial, sans-serif; }
        .wym_skin_compact h2             { font-size: 110%; /* = 11px */}
        .wym_skin_compact h3             { font-size: 100%; /* = 10px */}
        .wym_skin_compact li             { font-size: 100%; /* = 10px */}


/*WYM_BOX*/
        .wym_skin_compact                { border: 1px solid gray; padding: 5px}

    /*auto-clear the wym_box*/
        .wym_skin_compact:after 	 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 * html .wym_skin_compact                { height: 1%;}


/*WYM_HTML*/
        .wym_skin_compact .wym_html               { width: 98%;}
        .wym_skin_compact .wym_html textarea      { font-size: 120%; width: 100%; height: 200px; border: 1px solid gray; background: white; }


/*WYM_IFRAME*/
        .wym_skin_compact .wym_iframe             { width: 98%;}
        .wym_skin_compact .wym_iframe iframe      { width: 100%; height: 200px; border: 1px solid gray; background: white }


/*AREAS*/
        .wym_skin_compact .wym_area_left          { width: 100px; float: left;}
        .wym_skin_compact .wym_area_right         { width: 150px; float: right;}
        .wym_skin_compact .wym_area_bottom        { height: 1%; clear: both;}
 * html .wym_skin_compact .wym_area_main          { height: 1%;}
 * html .wym_skin_compact .wym_area_top           { height: 1%;}
 *+html .wym_skin_compact .wym_area_top           { height: 1%;}

/*SECTIONS SYSTEM*/

    /*common defaults for all sections*/
        .wym_skin_compact .wym_section            { margin-bottom: 5px; }
        .wym_skin_compact .wym_section h2,
        .wym_skin_compact .wym_section h3         { padding: 1px 3px; margin: 0; }
        .wym_skin_compact .wym_section a          { padding: 0 3px; display: block; text-decoration: none; color: black; }
        .wym_skin_compact .wym_section a:hover    { background-color: yellow; }
      /*hide section titles by default*/
        .wym_skin_compact .wym_section h2         { display: none; }
      /*disable any margin-collapse*/
        .wym_skin_compact .wym_section            { padding-top: 1px; padding-bottom: 1px; }    
      /*auto-clear sections*/
        .wym_skin_compact .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 * html .wym_skin_compact .wym_section ul         { height: 1%;}

    /*option: add this class to a section to make it render as a panel*/
        .wym_skin_compact .wym_panel              { }
        .wym_skin_compact .wym_panel h2           { display: block; }

    /*option: add this class to a section to make it render as a dropdown menu*/
        .wym_skin_compact .wym_dropdown h2        { display: block; }
        .wym_skin_compact .wym_dropdown ul        { display: none; position: absolute; background: white; }
        .wym_skin_compact .wym_dropdown:hover ul,
        .wym_skin_compact .wym_dropdown.hover ul  { display: block; }

    /*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_compact .wym_buttons li         { float:left;}
        .wym_skin_compact .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px }
      /*image replacements*/
        .wym_skin_compact .wym_buttons li a                         { background: url(icons.png) no-repeat; text-indent: -9999px;} 
        .wym_skin_compact .wym_buttons li.wym_tools_strong a        { background-position: 0 -382px;}
        .wym_skin_compact .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -22px;}
        .wym_skin_compact .wym_buttons li.wym_tools_superscript a   { background-position: 0 -430px;}
        .wym_skin_compact .wym_buttons li.wym_tools_subscript a     { background-position: 0 -454px;}
        .wym_skin_compact .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
        .wym_skin_compact .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
        .wym_skin_compact .wym_buttons li.wym_tools_indent a        { background-position: 0 -574px;}
        .wym_skin_compact .wym_buttons li.wym_tools_outdent a       { background-position: 0 -598px;}
        .wym_skin_compact .wym_buttons li.wym_tools_undo a          { background-position: 0 -502px;}
        .wym_skin_compact .wym_buttons li.wym_tools_redo a          { background-position: 0 -526px;}
        .wym_skin_compact .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
        .wym_skin_compact .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
        .wym_skin_compact .wym_buttons li.wym_tools_image a         { background-position: 0 -121px;}
        .wym_skin_compact .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
        .wym_skin_compact .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
        .wym_skin_compact .wym_buttons li.wym_tools_html a          { background-position: 0 -193px;}
        .wym_skin_compact .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}

/*DECORATION*/
        .wym_skin_compact .wym_section h2             { background: #f0f0f0; border: solid gray; border-width: 0 0 1px;}
        .wym_skin_compact .wym_section h2 span        { color: gray;}
        .wym_skin_compact .wym_panel                  { padding: 0; border: solid gray; border-width: 1px; background: white;}    
        .wym_skin_compact .wym_panel ul               { margin: 2px 0 5px; }        
        .wym_skin_compact .wym_dropdown               { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
        .wym_skin_compact .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;  }