]> git.openstreetmap.org Git - osqa.git/blob - forum/skins/default/media/js/wmd/wmd.css
80c226c8cf561c2035ae7fc0b55c9c359bfd21ee
[osqa.git] / forum / skins / default / media / js / wmd / wmd.css
1 /*body 
2
3         background-color: White
4 }
5 */
6 .wmd-panel
7 {
8 }
9
10 #wmd-button-bar 
11 {
12         background-color: White; 
13 }
14
15 #wmd-input 
16
17         height: 500px;
18         background-color: Gainsboro;
19         border: 1px solid DarkGray;
20         margin-top: -20px;
21 }
22
23 #wmd-preview 
24
25         background-color: LightSkyBlue; 
26 }
27
28 #wmd-output 
29
30         background-color: Pink;
31 }
32
33 #wmd-button-row 
34 {
35         position: relative; 
36         margin-left: 5px;
37         margin-right: 5px;
38         margin-bottom: 5px;
39         margin-top: 10px;
40         padding: 0px;  
41         height: 20px;
42 }
43
44 .wmd-spacer
45 {
46         width: 1px; 
47         height: 20px; 
48         margin-left: 14px;
49         
50         position: absolute;
51         background-color: Silver;
52         display: inline-block; 
53         list-style: none;
54 }
55
56 .wmd-button
57 {
58         width: 20px; 
59         height: 20px; 
60         margin-left: 5px;
61         margin-right: 5px;
62         
63         position: absolute;
64         background-image: url(images/wmd-buttons.png);
65         background-repeat: no-repeat;
66         background-position: 0px 0px;
67         display: inline-block; 
68         list-style: none;
69 }
70
71 .wmd-button > a
72 {
73         width: 20px; 
74         height: 20px; 
75         margin-left: 5px;
76         margin-right: 5px;
77         
78         position: absolute;
79         display: inline-block; 
80 }
81
82
83 /* sprite button slicing style information */
84 #wmd-button-bar #wmd-bold-button    {left: 0px;   background-position: 0px 0;}
85 #wmd-button-bar #wmd-italic-button  {left: 25px;  background-position: -20px 0;}
86 #wmd-button-bar #wmd-spacer1        {left: 50px;}
87 #wmd-button-bar #wmd-link-button    {left: 75px;  background-position: -40px 0;}
88 #wmd-button-bar #wmd-quote-button   {left: 100px;  background-position: -60px 0;}
89 #wmd-button-bar #wmd-code-button    {left: 125px;  background-position: -80px 0;}
90 #wmd-button-bar #wmd-image-button   {left: 150px;  background-position: -100px 0;}
91 #wmd-button-bar #wmd-spacer2        {left: 175px;}
92 #wmd-button-bar #wmd-olist-button   {left: 200px;  background-position: -120px 0;}
93 #wmd-button-bar #wmd-ulist-button   {left: 225px; background-position: -140px 0;}
94 #wmd-button-bar #wmd-heading-button {left: 250px; background-position: -160px 0;}
95 #wmd-button-bar #wmd-hr-button      {left: 275px; background-position: -180px 0;}
96 #wmd-button-bar #wmd-spacer3        {left: 300px;}
97 #wmd-button-bar #wmd-undo-button    {left: 325px; background-position: -200px 0;}
98 #wmd-button-bar #wmd-redo-button    {left: 350px; background-position: -220px 0;}
99 #wmd-button-bar #wmd-help-button    {right: 0px; background-position: -240px 0;}
100
101
102 .wmd-prompt-background
103 {
104         background-color: Black;
105 }
106
107 .wmd-prompt-dialog
108 {
109         border: 1px solid #999999;
110         background-color: #F5F5F5;
111 }
112
113 .wmd-prompt-dialog > div {
114         font-size: 1em;
115         font-family: arial, helvetica, sans-serif;
116 }
117
118
119 .wmd-prompt-dialog > form > input[type="text"] {
120         border: 1px solid #999999;
121         color: black;
122 }
123
124 .wmd-prompt-dialog > form > input[type="button"]{
125         border: 1px solid #888888;
126         font-family: trebuchet MS, helvetica, sans-serif;
127         font-size: 1em;
128         font-weight: bold;
129 }