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