Mercurial > public > sg101
comparison media/js/markitup/skins/simple/style.css @ 1:dbd703f7d63a
Initial import of sg101 stuff from private repository.
author | gremmie |
---|---|
date | Mon, 06 Apr 2009 02:43:12 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
0:900ba3c7b765 | 1:dbd703f7d63a |
---|---|
1 /* ------------------------------------------------------------------- | |
2 // markItUp! Universal MarkUp Engine, JQuery plugin | |
3 // By Jay Salvat - http://markitup.jaysalvat.com/ | |
4 // ------------------------------------------------------------------*/ | |
5 .markItUp * { | |
6 margin:0px; padding:0px; | |
7 outline:none; | |
8 } | |
9 .markItUp a:link, | |
10 .markItUp a:visited { | |
11 color:#000; | |
12 text-decoration:none; | |
13 } | |
14 .markItUp { | |
15 width:700px; | |
16 margin:5px 0 5px 0; | |
17 } | |
18 .markItUpContainer { | |
19 font:11px Verdana, Arial, Helvetica, sans-serif; | |
20 } | |
21 .markItUpEditor { | |
22 font:12px 'Courier New', Courier, monospace; | |
23 padding:5px; | |
24 width:690px; | |
25 height:320px; | |
26 clear:both; display:block; | |
27 line-height:18px; | |
28 overflow:auto; | |
29 } | |
30 .markItUpPreviewFrame { | |
31 overflow:auto; | |
32 background-color:#FFF; | |
33 width:99.9%; | |
34 height:300px; | |
35 margin:5px 0; | |
36 } | |
37 .markItUpFooter { | |
38 width:100%; | |
39 } | |
40 .markItUpResizeHandle { | |
41 overflow:hidden; | |
42 width:22px; height:5px; | |
43 margin-left:auto; | |
44 margin-right:auto; | |
45 background-image:url(images/handle.png); | |
46 cursor:n-resize; | |
47 } | |
48 /***************************************************************************************/ | |
49 /* first row of buttons */ | |
50 .markItUpHeader ul li { | |
51 list-style:none; | |
52 float:left; | |
53 position:relative; | |
54 } | |
55 .markItUpHeader ul li:hover > ul{ | |
56 display:block; | |
57 } | |
58 .markItUpHeader ul .markItUpDropMenu { | |
59 background:transparent url(images/menu.png) no-repeat 115% 50%; | |
60 margin-right:5px; | |
61 } | |
62 .markItUpHeader ul .markItUpDropMenu li { | |
63 margin-right:0px; | |
64 } | |
65 /* next rows of buttons */ | |
66 .markItUpHeader ul ul { | |
67 display:none; | |
68 position:absolute; | |
69 top:18px; left:0px; | |
70 background:#FFF; | |
71 border:1px solid #000; | |
72 } | |
73 .markItUpHeader ul ul li { | |
74 float:none; | |
75 border-bottom:1px solid #000; | |
76 } | |
77 .markItUpHeader ul ul .markItUpDropMenu { | |
78 background:#FFF url(images/submenu.png) no-repeat 100% 50%; | |
79 } | |
80 .markItUpHeader ul .markItUpSeparator { | |
81 margin:0 10px; | |
82 width:1px; | |
83 height:16px; | |
84 overflow:hidden; | |
85 background-color:#CCC; | |
86 } | |
87 .markItUpHeader ul ul .markItUpSeparator { | |
88 width:auto; height:1px; | |
89 margin:0px; | |
90 } | |
91 /* next rows of buttons */ | |
92 .markItUpHeader ul ul ul { | |
93 position:absolute; | |
94 top:-1px; left:150px; | |
95 } | |
96 .markItUpHeader ul ul ul li { | |
97 float:none; | |
98 } | |
99 .markItUpHeader ul a { | |
100 display:block; | |
101 width:16px; height:16px; | |
102 text-indent:-10000px; | |
103 background-repeat:no-repeat; | |
104 padding:3px; | |
105 margin:0px; | |
106 } | |
107 .markItUpHeader ul ul a { | |
108 display:block; | |
109 padding-left:0px; | |
110 text-indent:0; | |
111 width:120px; | |
112 padding:5px 5px 5px 25px; | |
113 background-position:2px 50%; | |
114 } | |
115 .markItUpHeader ul ul a:hover { | |
116 color:#FFF; | |
117 background-color:#000; | |
118 } |