root/galaxy-central/static/wymeditor/skins/galaxy/skin.css @ 2

リビジョン 2, 7.9 KB (コミッタ: hatakeyama, 14 年 前)

import galaxy-central
行番号 
1/*
2 * WYMeditor : what you see is What You Mean web-based editor
3 * Copyright (c) 2005 - 2009 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 WYMeditor skin
13 *      See the documentation for more info.
14 *
15 * File Authors:
16 *      Daniel Reszka (d.reszka a-t wymeditor dotorg)
17 *      Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
18*/
19
20
21/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
22        .wym_skin_galaxy p, .wym_skin_galaxy h2, .wym_skin_galaxy h3,
23        .wym_skin_galaxy ul, .wym_skin_galaxy li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
24
25
26/*HIDDEN BY DEFAULT*/
27        .wym_skin_galaxy .wym_area_left          { display: none; }
28        .wym_skin_galaxy .wym_area_right         { display: none; }
29
30
31/*TYPO*/   
32        .wym_skin_galaxy                { font-size: 10px; font-family: Verdana, Arial, sans-serif; }
33        .wym_skin_galaxy h2             { font-size: 110%; /* = 11px */}
34        .wym_skin_galaxy h3             { font-size: 100%; /* = 10px */}
35        .wym_skin_galaxy li             { font-size: 100%; /* = 10px */}
36
37
38/*WYM_BOX*/
39        .wym_skin_galaxy                { border: none; padding: 5px}
40
41    /*auto-clear the wym_box*/
42        .wym_skin_galaxy:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
43 * html .wym_skin_galaxy                { height: 1%;}
44
45
46/*WYM_HTML*/
47        .wym_skin_galaxy .wym_html               { width: 98%;}
48        .wym_skin_galaxy .wym_html textarea      { font-size: 120%; width: 100%; height: 200px; border: 1px solid gray; background: white; }
49
50
51/*WYM_IFRAME*/
52        .wym_skin_galaxy .wym_iframe             { width: 100%; height: 100%; }
53        .wym_skin_galaxy .wym_iframe iframe      { width: 100%; height: 100%; border: 1px solid gray; background: white }
54
55
56/*AREAS*/
57        .wym_skin_galaxy .wym_area_left          { width: 100px; float: left;}
58        .wym_skin_galaxy .wym_area_right         { width: 150px; float: right;}
59        .wym_skin_galaxy .wym_area_bottom        { height: 1%; clear: both;}
60 * html .wym_skin_galaxy .wym_area_main          { height: 1%;}
61 * html .wym_skin_galaxy .wym_area_top           { height: 1%;}
62 *+html .wym_skin_galaxy .wym_area_top           { height: 1%;}
63
64/*SECTIONS SYSTEM*/
65
66    /*common defaults for all sections*/
67        .wym_skin_galaxy .wym_section            { margin-bottom: 5px; }
68        .wym_skin_galaxy .wym_section h2,
69        .wym_skin_galaxy .wym_section h3         { padding: 1px 3px; margin: 0; }
70        .wym_skin_galaxy .wym_section a          { padding: 0 3px; display: block; text-decoration: none; color: black; }
71        .wym_skin_galaxy .wym_section a:hover    { background-color: yellow; }
72      /*hide section titles by default*/
73        .wym_skin_galaxy .wym_section h2         { display: none; }
74      /*disable any margin-collapse*/
75        .wym_skin_galaxy .wym_section            { padding-top: 1px; padding-bottom: 1px; }   
76      /*auto-clear sections*/
77        .wym_skin_galaxy .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
78 * html .wym_skin_galaxy .wym_section ul         { height: 1%;}
79
80    /*option: add this class to a section to make it render as a panel*/
81        .wym_skin_galaxy .wym_panel              { }
82        .wym_skin_galaxy .wym_panel h2           { display: block; }
83
84    /*option: add this class to a section to make it render as a dropdown menu*/
85        .wym_skin_galaxy .wym_dropdown h2        { display: block; }
86        .wym_skin_galaxy .wym_dropdown ul        { display: none; position: absolute; background: white; }
87        .wym_skin_galaxy .wym_dropdown:hover ul,
88        .wym_skin_galaxy .wym_dropdown.hover ul  { display: block; }
89
90    /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
91        .wym_skin_galaxy .wym_buttons li         { float:left;}
92        .wym_skin_galaxy .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px }
93      /*image replacements*/
94        .wym_skin_galaxy .wym_buttons li a                         { background: url(icons.png) no-repeat; text-indent: -9999px;}
95        .wym_skin_galaxy .wym_buttons li.wym_tools_strong a        { background-position: 0 -382px;}
96        .wym_skin_galaxy .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -22px;}
97        .wym_skin_galaxy .wym_buttons li.wym_tools_superscript a   { background-position: 0 -430px;}
98        .wym_skin_galaxy .wym_buttons li.wym_tools_subscript a     { background-position: 0 -454px;}
99        .wym_skin_galaxy .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
100        .wym_skin_galaxy .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
101        .wym_skin_galaxy .wym_buttons li.wym_tools_indent a        { background-position: 0 -574px;}
102        .wym_skin_galaxy .wym_buttons li.wym_tools_outdent a       { background-position: 0 -598px;}
103        .wym_skin_galaxy .wym_buttons li.wym_tools_undo a          { background-position: 0 -502px;}
104        .wym_skin_galaxy .wym_buttons li.wym_tools_redo a          { background-position: 0 -526px;}
105        .wym_skin_galaxy .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
106        .wym_skin_galaxy .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
107        .wym_skin_galaxy .wym_buttons li.wym_tools_image a         { background-position: 0 -121px;}
108        .wym_skin_galaxy .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
109        .wym_skin_galaxy .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
110        .wym_skin_galaxy .wym_buttons li.wym_tools_html a          { background-position: 0 -193px;}
111        .wym_skin_galaxy .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
112        .wym_skin_galaxy .wym_buttons li.galaxy_tools_insert_history_link a   { background-position: 0 -646px;}
113        .wym_skin_galaxy .wym_buttons li.galaxy_tools_annotate_history a   { background-position: 0 -622px;}
114
115/*DECORATION*/
116        .wym_skin_galaxy .wym_section h2             { background: #f0f0f0; border: solid gray; border-width: 0 0 1px;}
117        .wym_skin_galaxy .wym_section h2 span        { color: gray;}
118        .wym_skin_galaxy .wym_panel                  { padding: 0; border: solid gray; border-width: 1px; background: white;}   
119        .wym_skin_galaxy .wym_panel ul               { margin: 2px 0 5px; }       
120        .wym_skin_galaxy .wym_dropdown               { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
121        .wym_skin_galaxy .wym_dropdown ul            { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
122       
123/*DIALOGS*/
124        .wym_dialog div.row         { margin-bottom: 5px;}
125        .wym_dialog div.row input   { margin-right: 5px;}
126        .wym_dialog div.row label   { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
127        .wym_dialog div.row-indent  { padding-left: 160px; }
128        /*autoclearing*/       
129        .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
130        .wym_dialog div.row                  { display: inline-block; }
131            /* Hides from IE-mac \*/
132            * html .wym_dialog div.row       { height: 1%; }
133            .wym_dialog div.row              { display: block; }
134            /* End hide from IE-mac */               
135           
136/*WYMEDITOR_LINK*/
137        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;  }
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。