/source/Plug-in/fck/editor/skins/silver/fck_editor.css

http://prosporous.googlecode.com/ · CSS · 473 lines · 358 code · 70 blank · 45 comment · 0 complexity · eddba59b26e47642ad495b041f149c83 MD5 · raw file

  1. /*
  2. * FCKeditor - The text editor for Internet - http://www.fckeditor.net
  3. * Copyright (C) 2003-2007 Frederico Caldeira Knabben
  4. *
  5. * == BEGIN LICENSE ==
  6. *
  7. * Licensed under the terms of any of the following licenses at your
  8. * choice:
  9. *
  10. * - GNU General Public License Version 2 or later (the "GPL")
  11. * http://www.gnu.org/licenses/gpl.html
  12. *
  13. * - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
  14. * http://www.gnu.org/licenses/lgpl.html
  15. *
  16. * - Mozilla Public License Version 1.1 or later (the "MPL")
  17. * http://www.mozilla.org/MPL/MPL-1.1.html
  18. *
  19. * == END LICENSE ==
  20. *
  21. * Styles used by the editor IFRAME and Toolbar.
  22. */
  23. /*
  24. ### Basic Editor IFRAME Styles.
  25. */
  26. body
  27. {
  28. padding: 1px;
  29. margin: 0;
  30. background-color: #ffffff;
  31. }
  32. #xEditingArea
  33. {
  34. border: #696969 1px solid;
  35. }
  36. .SourceField
  37. {
  38. padding: 5px;
  39. margin: 0px;
  40. font-family: Monospace;
  41. }
  42. /*
  43. Toolbar
  44. */
  45. .TB_ToolbarSet, .TB_Expand, .TB_Collapse
  46. {
  47. cursor: default;
  48. background-color: #f7f7f7;
  49. }
  50. .TB_ToolbarSet
  51. {
  52. padding: 1px;
  53. border-top: #efefde 1px outset;
  54. border-bottom: #efefde 1px outset;
  55. }
  56. .TB_ToolbarSet TD
  57. {
  58. font-size: 11px;
  59. font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
  60. }
  61. .TB_Toolbar
  62. {
  63. display: inline-table;
  64. }
  65. .TB_Separator
  66. {
  67. width: 1px;
  68. height: 21px;
  69. margin: 2px;
  70. background-color: #C6C3BD;
  71. }
  72. .TB_Start
  73. {
  74. background-image: url(images/toolbar.start.gif);
  75. margin-left: 2px;
  76. margin-right: 2px;
  77. width: 3px;
  78. background-repeat: no-repeat;
  79. height: 27px;
  80. background-position: center center;
  81. }
  82. .TB_End
  83. {
  84. display: none;
  85. }
  86. .TB_ExpandImg
  87. {
  88. background-image: url(images/toolbar.expand.gif);
  89. background-repeat: no-repeat;
  90. }
  91. .TB_CollapseImg
  92. {
  93. background-image: url(images/toolbar.collapse.gif);
  94. background-repeat: no-repeat;
  95. }
  96. .TB_SideBorder
  97. {
  98. background-color: #696969;
  99. }
  100. .TB_Expand, .TB_Collapse
  101. {
  102. padding: 2px 2px 2px 2px;
  103. border: #efefde 1px outset;
  104. }
  105. .TB_Collapse
  106. {
  107. border: #efefde 1px outset;
  108. width: 5px;
  109. }
  110. .TB_Break
  111. {
  112. height: 27px;
  113. }
  114. /*
  115. Toolbar Button
  116. */
  117. .TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
  118. {
  119. padding: 1px ;
  120. margin:1px;
  121. height: 21px;
  122. }
  123. .TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
  124. {
  125. border: #cec6b5 1px solid;
  126. }
  127. .TB_Button_On
  128. {
  129. border-color: #316ac5;
  130. background-color: #c1d2ee;
  131. }
  132. .TB_Button_On_Over, .TB_Button_Off_Over
  133. {
  134. border: #316ac5 1px solid;
  135. background-color: #dff1ff;
  136. }
  137. .TB_Button_Off
  138. {
  139. background: #efefef url(images/toolbar.buttonbg.gif) repeat-x;
  140. }
  141. .TB_Button_Off, .TB_Combo_Off
  142. {
  143. opacity: 0.70; /* Safari, Opera and Mozilla */
  144. filter: alpha(opacity=70); /* IE */
  145. /* -moz-opacity: 0.70; Mozilla (Old) */
  146. }
  147. .TB_Button_Disabled
  148. {
  149. opacity: 0.30; /* Safari, Opera and Mozilla */
  150. filter: gray() alpha(opacity=30); /* IE */
  151. }
  152. .TB_Button_Padding
  153. {
  154. visibility: hidden;
  155. width: 3px;
  156. height: 21px;
  157. }
  158. .TB_Button_Image
  159. {
  160. overflow: hidden;
  161. width: 16px;
  162. height: 16px;
  163. margin: 3px;
  164. margin-top: 4px;
  165. margin-bottom: 2px;
  166. background-repeat: no-repeat;
  167. }
  168. /* For composed button ( icon + text, icon + arrow ), we must compensate the table */
  169. .TB_Button_On TABLE .TB_Button_Image,
  170. .TB_Button_Off TABLE .TB_Button_Image,
  171. .TB_Button_On_Over TABLE .TB_Button_Image,
  172. .TB_Button_Off_Over TABLE .TB_Button_Image,
  173. .TB_Button_Disabled TABLE .TB_Button_Image
  174. {
  175. margin-top: 3px;
  176. }
  177. .TB_Button_Image img
  178. {
  179. position: relative;
  180. }
  181. .TB_ConnectionLine
  182. {
  183. background-color: #ffffff;
  184. height: 1px;
  185. margin-left: 1px; /* ltr */
  186. margin-right: 1px; /* rtl */
  187. }
  188. /*
  189. Menu
  190. */
  191. .MN_Menu
  192. {
  193. border: 1px solid #8f8f73;
  194. padding: 2px;
  195. background-color: #f7f7f7;
  196. cursor: default;
  197. }
  198. .MN_Menu, .MN_Menu .MN_Label
  199. {
  200. font-size: 11px;
  201. font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
  202. }
  203. .MN_Item_Padding
  204. {
  205. visibility: hidden;
  206. width: 3px;
  207. height: 20px;
  208. }
  209. .MN_Icon
  210. {
  211. background-color: #dedede;
  212. text-align: center;
  213. height: 20px;
  214. }
  215. .MN_Label
  216. {
  217. padding-left: 3px;
  218. padding-right: 3px;
  219. }
  220. .MN_Separator
  221. {
  222. height: 3px;
  223. }
  224. .MN_Separator_Line
  225. {
  226. border-top: #b9b99d 1px solid;
  227. }
  228. .MN_Item .MN_Icon IMG
  229. {
  230. filter: alpha(opacity=70);
  231. opacity: 0.70;
  232. }
  233. .MN_Item_Over
  234. {
  235. color: #ffffff;
  236. background-color: #8a857d;
  237. }
  238. .MN_Item_Over .MN_Icon
  239. {
  240. background-color: #6c6761;
  241. }
  242. .MN_Item_Disabled IMG
  243. {
  244. filter: gray() alpha(opacity=30); /* IE */
  245. opacity: 0.30; /* Safari, Opera and Mozilla */
  246. }
  247. .MN_Item_Disabled .MN_Label
  248. {
  249. color: #b7b7b7;
  250. }
  251. .MN_Arrow
  252. {
  253. padding-right: 3px;
  254. padding-left: 3px;
  255. }
  256. .MN_ConnectionLine
  257. {
  258. background-color: #ffffff;
  259. }
  260. .Menu .TB_Button_On, .Menu .TB_Button_On_Over
  261. {
  262. border: #8f8f73 1px solid;
  263. background-color: #ffffff;
  264. }
  265. /*
  266. ### Panel Styles
  267. */
  268. .FCK_Panel
  269. {
  270. border: #8f8f73 1px solid;
  271. padding: 2px;
  272. background-color: #ffffff;
  273. }
  274. .FCK_Panel, .FCK_Panel TD
  275. {
  276. font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
  277. font-size: 11px;
  278. }
  279. /*
  280. ### Special Combos
  281. */
  282. .SC_Panel
  283. {
  284. overflow: auto;
  285. white-space: nowrap;
  286. cursor: default;
  287. border: 1px solid #8f8f73;
  288. padding-left: 2px;
  289. padding-right: 2px;
  290. }
  291. .SC_Panel, .SC_Panel TD
  292. {
  293. font-size: 11px;
  294. font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
  295. }
  296. .SC_Item, .SC_ItemSelected
  297. {
  298. margin-top: 2px;
  299. margin-bottom: 2px;
  300. background-position: left center;
  301. padding-left: 11px;
  302. padding-right: 3px;
  303. padding-top: 2px;
  304. padding-bottom: 2px;
  305. text-overflow: ellipsis;
  306. overflow: hidden;
  307. background-repeat: no-repeat;
  308. border: #dddddd 1px solid;
  309. }
  310. .SC_Item *, .SC_ItemSelected *
  311. {
  312. margin-top: 0px;
  313. margin-bottom: 0px;
  314. }
  315. .SC_ItemSelected
  316. {
  317. border: #9a9afb 1px solid;
  318. background-image: url(images/toolbar.arrowright.gif);
  319. }
  320. .SC_ItemOver
  321. {
  322. border: #316ac5 1px solid;
  323. }
  324. .SC_Field
  325. {
  326. margin-top:1px ;
  327. border: #b7b7a6 1px solid;
  328. cursor: default;
  329. }
  330. .SC_FieldCaption
  331. {
  332. padding-top: 1px ;
  333. overflow: visible;
  334. padding-right: 5px;
  335. padding-left: 5px;
  336. opacity: 0.75; /* Safari, Opera and Mozilla */
  337. filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
  338. height: 23px;
  339. background-color: #f7f7f7;
  340. }
  341. .SC_FieldLabel
  342. {
  343. white-space: nowrap;
  344. padding: 2px;
  345. width: 100%;
  346. cursor: default;
  347. background-color: #ffffff;
  348. text-overflow: ellipsis;
  349. overflow: hidden;
  350. }
  351. .SC_FieldButton
  352. {
  353. background-position: center center;
  354. background-image: url(images/toolbar.buttonarrow.gif);
  355. border-left: #b7b7a6 1px solid;
  356. width: 14px;
  357. background-repeat: no-repeat;
  358. }
  359. .SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption
  360. {
  361. opacity: 0.30; /* Safari, Opera and Mozilla */
  362. filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */
  363. }
  364. .SC_FieldOver
  365. {
  366. border: #316ac5 1px solid;
  367. }
  368. .SC_FieldOver .SC_FieldButton
  369. {
  370. border-left: #316ac5 1px solid;
  371. }
  372. /*
  373. ### Color Selector Panel
  374. */
  375. .ColorBoxBorder
  376. {
  377. border: #808080 1px solid;
  378. position: static;
  379. }
  380. .ColorBox
  381. {
  382. font-size: 1px;
  383. width: 10px;
  384. position: static;
  385. height: 10px;
  386. }
  387. .ColorDeselected, .ColorSelected
  388. {
  389. cursor: default;
  390. }
  391. .ColorDeselected
  392. {
  393. border: #ffffff 1px solid;
  394. padding: 2px;
  395. float: left;
  396. }
  397. .ColorSelected
  398. {
  399. border: #316ac5 1px solid;
  400. padding: 2px;
  401. float: left;
  402. background-color: #c1d2ee;
  403. }