You are here

editor_popup.css in Asset 6

Same filename in this branch
  1. 6 themes/default/editor_popup.css
  2. 6 misc/themes/default/editor_popup.css
Same filename and directory in other branches
  1. 5 themes/default/editor_popup.css
/* This file contains the CSS data for all popups in TinyMCE */

body {
	background-color: #F0F0EE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	scrollbar-3dlight-color: #F0F0EE;
	scrollbar-arrow-color: #676662;
	scrollbar-base-color: #F0F0EE;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #E0E0DD;
	scrollbar-highlight-color: #F0F0EE;
	scrollbar-shadow-color: #F0F0EE;
	scrollbar-track-color: #F5F5F5;
	margin: 8px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input {
	background: #FFFFFF;
	border: 1px solid #cccccc;
}

td, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

input, select, textarea {
	border: 1px solid #808080;
}

.input_noborder {
	border: 0;
}

#insert, .updateButton {
   font-weight: bold;
   width: 90px;
   height: 21px;
   border: 0;
   background-image: url('../images/insert_button_bg.gif');
   cursor: pointer;
}

#cancel {
   font-weight: bold;
   width: 90px;
   height: 21px;
   border: 0;
   background-image: url('../images/cancel_button_bg.gif');
   cursor: pointer;
}

/* Mozilla only style */
html>body #insert, html>body #cancel {
	padding-bottom: 2px;
}

.title {
	font-size: 12px;
	font-weight: bold;
	color: #2B6FB6;
}

table.charmap {
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
}

td.charmap, td.charmapOver {
	color: #000000;
	border-color: #AAAAAA;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	font-size: 12px;
}

td.charmapOver {
	background-color: #CCCCCC;
	cursor: default;
}

a.charmap {
	color: #000000;
	text-decoration: none
}

.wordWrapCode {
	vertical-align: middle;
	border: 1px none #000000;
	background-color: transparent;
}

input.radio {
	border: 1px none #000000;
	background-color: transparent;
	vertical-align: middle;
}

input.checkbox {
	border: 1px none #000000;
	background-color: transparent;
	vertical-align: middle;
}

.mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected {
	margin-left: 1px;
}

.mceButtonNormal {
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #F0F0EE;
	cursor: default;
}

.mceButtonOver {
	border: 1px solid #0A246A;
	cursor: default;
	background-color: #B6BDD2;
}

.mceButtonDown {
	cursor: default;
	border: 1px solid #0A246A;
	background-color: #8592B5;
}

.mceButtonDisabled {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #F0F0EE;
	cursor: default;
}

.mceActionPanel {
	margin-top: 5px;
}

/* Tabs classes */

.tabs {
	float: left;
	width: 100%;
	line-height: normal;
	background-image: url("../images/xp/tabs_bg.gif");
}

.tabs ul {
	margin: 0;
	padding: 0 0 0;
	list-style: none;
}

.tabs li {
	float: left;
	background: url("../images/xp/tab_bg.gif") no-repeat left top;
	margin: 0;
	margin-left: 0;
	margin-right: 2px;
	padding: 0 0 0 10px;
	line-height: 18px;
}

.tabs li.current {
	background: url("../images/xp/tab_sel_bg.gif") no-repeat left top;
	margin-right: 2px;
}

.tabs span {
	float: left;
	display: block;
	background: url("../images/xp/tab_end.gif") no-repeat right top;
	padding: 0px 10px 0 0;
}

.tabs .current span {
	background: url("../images/xp/tab_sel_end.gif") no-repeat right top;
}

.tabs a {
	text-decoration: none;
	font-family: Verdana, Arial;
	font-size: 10px;
}

.tabs a:link, .tabs a:visited, .tabs a:hover {
	color: black;
}

.tabs a:hover {
}

.tabs .current {
}

.tabs .current a, .tabs .current a:link, .tabs .current a:visited {
}

.panel_wrapper div.panel {
	display: none;
}

.panel_wrapper div.current {
	display: block;
	width: 100%;
	height: 300px;
	overflow: visible; /* Should be auto but that breaks Safari */
}

.panel_wrapper {
	border: 1px solid #919B9C;
	border-top: 0px;
	padding: 10px;
	padding-top: 5px;
	clear: both;
	background-color: white;
}

fieldset {
	border: 1px solid #919B9C;
	font-family: Verdana, Arial;
	font-size: 10px;
	padding: 0;
	margin: 0;
	padding: 4px;
}

legend {
	color: #2B6FB6;
	font-weight: bold;
}

.properties {
	width: 100%;
}

.properties .column1 {
}

.properties .column2 {
	text-align: left;
}

a:link, a:visited {
	color: black;
}

a:hover {
	color: #2B6FB6;
}

#plugintable thead {
	font-weight: bold;
	background-color: #DDDDDD;
}

#plugintable, #about #plugintable td {
	border: 1px solid #919B9C;
}

#plugintable {
	width: 99%;
	margin-top: 10px;
}

#pluginscontainer {
	height: 290px;
	overflow: auto;
}

/* MSIE Specific styles */

* html .panel_wrapper {
	width: 100%;
}

.column {
	float: left;
}

h1, h2, h3, h4 {
	color: #2B6FB6;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

h3 {
	font-size: 14px;
}

#link .panel_wrapper, #link div.current {
	height: 125px;
}

#image .panel_wrapper, #image div.current {
	height: 190px;
}

label.msg { display: none; }
label.invalid { color: #EE0000; display: inline; }
input.invalid { border: 1px solid #EE0000; }

/* Disables the advanced tab in the table plugin. */
/*
#table #advanced_tab {
	display: none;
}
*/

/* Disables the border input field and label in the table plugin. */
/*
#table #border, #table #borderlabel {
	display: none;
}
*/

File

themes/default/editor_popup.css
View source
  1. /* This file contains the CSS data for all popups in TinyMCE */
  2. body {
  3. background-color: #F0F0EE;
  4. font-family: Verdana, Arial, Helvetica, sans-serif;
  5. font-size: 11px;
  6. scrollbar-3dlight-color: #F0F0EE;
  7. scrollbar-arrow-color: #676662;
  8. scrollbar-base-color: #F0F0EE;
  9. scrollbar-darkshadow-color: #DDDDDD;
  10. scrollbar-face-color: #E0E0DD;
  11. scrollbar-highlight-color: #F0F0EE;
  12. scrollbar-shadow-color: #F0F0EE;
  13. scrollbar-track-color: #F5F5F5;
  14. margin: 8px;
  15. }
  16. td {
  17. font-family: Verdana, Arial, Helvetica, sans-serif;
  18. font-size: 11px;
  19. }
  20. input {
  21. background: #FFFFFF;
  22. border: 1px solid #cccccc;
  23. }
  24. td, input, select, textarea {
  25. font-family: Verdana, Arial, Helvetica, sans-serif;
  26. font-size: 10px;
  27. }
  28. input, select, textarea {
  29. border: 1px solid #808080;
  30. }
  31. .input_noborder {
  32. border: 0;
  33. }
  34. #insert, .updateButton {
  35. font-weight: bold;
  36. width: 90px;
  37. height: 21px;
  38. border: 0;
  39. background-image: url('../images/insert_button_bg.gif');
  40. cursor: pointer;
  41. }
  42. #cancel {
  43. font-weight: bold;
  44. width: 90px;
  45. height: 21px;
  46. border: 0;
  47. background-image: url('../images/cancel_button_bg.gif');
  48. cursor: pointer;
  49. }
  50. /* Mozilla only style */
  51. html>body #insert, html>body #cancel {
  52. padding-bottom: 2px;
  53. }
  54. .title {
  55. font-size: 12px;
  56. font-weight: bold;
  57. color: #2B6FB6;
  58. }
  59. table.charmap {
  60. border-style: solid;
  61. border-width: 1px;
  62. border-color: #AAAAAA;
  63. }
  64. td.charmap, td.charmapOver {
  65. color: #000000;
  66. border-color: #AAAAAA;
  67. border-style: solid;
  68. border-width: 1px;
  69. text-align: center;
  70. font-size: 12px;
  71. }
  72. td.charmapOver {
  73. background-color: #CCCCCC;
  74. cursor: default;
  75. }
  76. a.charmap {
  77. color: #000000;
  78. text-decoration: none
  79. }
  80. .wordWrapCode {
  81. vertical-align: middle;
  82. border: 1px none #000000;
  83. background-color: transparent;
  84. }
  85. input.radio {
  86. border: 1px none #000000;
  87. background-color: transparent;
  88. vertical-align: middle;
  89. }
  90. input.checkbox {
  91. border: 1px none #000000;
  92. background-color: transparent;
  93. vertical-align: middle;
  94. }
  95. .mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected {
  96. margin-left: 1px;
  97. }
  98. .mceButtonNormal {
  99. border-top: 1px solid;
  100. border-left: 1px solid;
  101. border-bottom: 1px solid;
  102. border-right: 1px solid;
  103. border-color: #F0F0EE;
  104. cursor: default;
  105. }
  106. .mceButtonOver {
  107. border: 1px solid #0A246A;
  108. cursor: default;
  109. background-color: #B6BDD2;
  110. }
  111. .mceButtonDown {
  112. cursor: default;
  113. border: 1px solid #0A246A;
  114. background-color: #8592B5;
  115. }
  116. .mceButtonDisabled {
  117. filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  118. -moz-opacity:0.3;
  119. opacity: 0.3;
  120. border-top: 1px solid;
  121. border-left: 1px solid;
  122. border-bottom: 1px solid;
  123. border-right: 1px solid;
  124. border-color: #F0F0EE;
  125. cursor: default;
  126. }
  127. .mceActionPanel {
  128. margin-top: 5px;
  129. }
  130. /* Tabs classes */
  131. .tabs {
  132. float: left;
  133. width: 100%;
  134. line-height: normal;
  135. background-image: url("../images/xp/tabs_bg.gif");
  136. }
  137. .tabs ul {
  138. margin: 0;
  139. padding: 0 0 0;
  140. list-style: none;
  141. }
  142. .tabs li {
  143. float: left;
  144. background: url("../images/xp/tab_bg.gif") no-repeat left top;
  145. margin: 0;
  146. margin-left: 0;
  147. margin-right: 2px;
  148. padding: 0 0 0 10px;
  149. line-height: 18px;
  150. }
  151. .tabs li.current {
  152. background: url("../images/xp/tab_sel_bg.gif") no-repeat left top;
  153. margin-right: 2px;
  154. }
  155. .tabs span {
  156. float: left;
  157. display: block;
  158. background: url("../images/xp/tab_end.gif") no-repeat right top;
  159. padding: 0px 10px 0 0;
  160. }
  161. .tabs .current span {
  162. background: url("../images/xp/tab_sel_end.gif") no-repeat right top;
  163. }
  164. .tabs a {
  165. text-decoration: none;
  166. font-family: Verdana, Arial;
  167. font-size: 10px;
  168. }
  169. .tabs a:link, .tabs a:visited, .tabs a:hover {
  170. color: black;
  171. }
  172. .tabs a:hover {
  173. }
  174. .tabs .current {
  175. }
  176. .tabs .current a, .tabs .current a:link, .tabs .current a:visited {
  177. }
  178. .panel_wrapper div.panel {
  179. display: none;
  180. }
  181. .panel_wrapper div.current {
  182. display: block;
  183. width: 100%;
  184. height: 300px;
  185. overflow: visible; /* Should be auto but that breaks Safari */
  186. }
  187. .panel_wrapper {
  188. border: 1px solid #919B9C;
  189. border-top: 0px;
  190. padding: 10px;
  191. padding-top: 5px;
  192. clear: both;
  193. background-color: white;
  194. }
  195. fieldset {
  196. border: 1px solid #919B9C;
  197. font-family: Verdana, Arial;
  198. font-size: 10px;
  199. padding: 0;
  200. margin: 0;
  201. padding: 4px;
  202. }
  203. legend {
  204. color: #2B6FB6;
  205. font-weight: bold;
  206. }
  207. .properties {
  208. width: 100%;
  209. }
  210. .properties .column1 {
  211. }
  212. .properties .column2 {
  213. text-align: left;
  214. }
  215. a:link, a:visited {
  216. color: black;
  217. }
  218. a:hover {
  219. color: #2B6FB6;
  220. }
  221. #plugintable thead {
  222. font-weight: bold;
  223. background-color: #DDDDDD;
  224. }
  225. #plugintable, #about #plugintable td {
  226. border: 1px solid #919B9C;
  227. }
  228. #plugintable {
  229. width: 99%;
  230. margin-top: 10px;
  231. }
  232. #pluginscontainer {
  233. height: 290px;
  234. overflow: auto;
  235. }
  236. /* MSIE Specific styles */
  237. * html .panel_wrapper {
  238. width: 100%;
  239. }
  240. .column {
  241. float: left;
  242. }
  243. h1, h2, h3, h4 {
  244. color: #2B6FB6;
  245. margin: 0;
  246. padding: 0;
  247. padding-top: 5px;
  248. }
  249. h3 {
  250. font-size: 14px;
  251. }
  252. #link .panel_wrapper, #link div.current {
  253. height: 125px;
  254. }
  255. #image .panel_wrapper, #image div.current {
  256. height: 190px;
  257. }
  258. label.msg { display: none; }
  259. label.invalid { color: #EE0000; display: inline; }
  260. input.invalid { border: 1px solid #EE0000; }
  261. /* Disables the advanced tab in the table plugin. */
  262. /*
  263. #table #advanced_tab {
  264. display: none;
  265. }
  266. */
  267. /* Disables the border input field and label in the table plugin. */
  268. /*
  269. #table #border, #table #borderlabel {
  270. display: none;
  271. }
  272. */