template.css 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895
  1. .wrs_editor{color:#000;background:transparent;}.wrs_editor div,.wrs_editor dl,.wrs_editor dt,.wrs_editor dd,.wrs_editor ul,.wrs_editor ol,.wrs_editor li,.wrs_editor h1,.wrs_editor h2,.wrs_editor h3,.wrs_editor h4,.wrs_editor h5,.wrs_editor h6,.wrs_editor pre,.wrs_editor code,.wrs_editor form,.wrs_editor fieldset,.wrs_editor legend,.wrs_editor input,.wrs_editor button,.wrs_editor textarea,.wrs_editor p,.wrs_editor blockquote,.wrs_editor th,.wrs_editor td{margin:0;padding:0;}.wrs_editor table{border-collapse:collapse;border-spacing:0;margin:0}.wrs_editor fieldset,.wrs_editor img{border:0;}.wrs_editor address,.wrs_editor caption,.wrs_editor cite,.wrs_editor code,.wrs_editor dfn,.wrs_editor em,.wrs_editor strong,.wrs_editor th,.wrs_editor var,.wrs_editor optgroup{font-style:inherit;font-weight:inherit;}.wrs_editor del,.wrs_editor ins{text-decoration:none;}.wrs_editor li{list-style:none;}.wrs_editor caption,.wrs_editor th{text-align:left;}.wrs_editor h1,.wrs_editor h2,.wrs_editor h3,.wrs_editor h4,.wrs_editor h5,.wrs_editor h6{font-size:100%;font-weight:normal;}.wrs_editor q:before,.wrs_editor q:after{content:'';}.wrs_editor abbr,.wrs_editor acronym{border:0;font-variant:normal;}.wrs_editor sup{vertical-align:baseline;}.wrs_editor sub{vertical-align:baseline;}.wrs_editor legend{color:#000;}.wrs_editor input,.wrs_editor button,.wrs_editor textarea,.wrs_editor select,.wrs_editor optgroup,.wrs_editor option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}.wrs_editor input,.wrs_editor button,.wrs_editor textarea,.wrs_editor select{*font-size:100%;}
  2. .wrs_viewer{color:#000;background:transparent;}.wrs_viewer div,.wrs_viewer dl,.wrs_viewer dt,.wrs_viewer dd,.wrs_viewer ul,.wrs_viewer ol,.wrs_viewer li,.wrs_viewer h1,.wrs_viewer h2,.wrs_viewer h3,.wrs_viewer h4,.wrs_viewer h5,.wrs_viewer h6,.wrs_viewer pre,.wrs_viewer code,.wrs_viewer form,.wrs_viewer fieldset,.wrs_viewer legend,.wrs_viewer input,.wrs_viewer button,.wrs_viewer textarea,.wrs_viewer p,.wrs_viewer blockquote,.wrs_viewer th,.wrs_viewer td{margin:0;padding:0;}.wrs_viewer table{border-collapse:collapse;border-spacing:0;margin:0}.wrs_viewer fieldset,.wrs_viewer img{border:0;}.wrs_viewer address,.wrs_viewer caption,.wrs_viewer cite,.wrs_viewer code,.wrs_viewer dfn,.wrs_viewer em,.wrs_viewer strong,.wrs_viewer th,.wrs_viewer var,.wrs_viewer optgroup{font-style:inherit;font-weight:inherit;}.wrs_viewer del,.wrs_viewer ins{text-decoration:none;}.wrs_editor li{list-style:none;}.wrs_viewer caption,.wrs_viewer th{text-align:left;}.wrs_viewer h1,.wrs_viewer h2,.wrs_viewer h3,.wrs_viewer h4,.wrs_viewer h5,.wrs_viewer h6{font-size:100%;font-weight:normal;}.wrs_viewer q:before,.wrs_viewer q:after{content:'';}.wrs_viewer abbr,.wrs_viewer acronym{border:0;font-variant:normal;}.wrs_viewer sup{vertical-align:baseline;}.wrs_viewer sub{vertical-align:baseline;}.wrs_viewer legend{color:#000;}.wrs_viewer input,.wrs_viewer button,.wrs_viewer textarea,.wrs_viewer select,.wrs_viewer optgroup,.wrs_viewer option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}.wrs_viewer input,.wrs_viewer button,.wrs_viewer textarea,.wrs_viewer select{*font-size:100%;}
  3. /* Fonts */
  4. @font-face {
  5. font-family: 'Conv_a';
  6. src: url('fonts/a.eot?v=3.8.2.1622');
  7. src: local('☺'), url('fonts/a.ttf?v=3.8.2.1622') format('truetype');
  8. font-weight: normal;
  9. font-style: normal;
  10. }
  11. @font-face {
  12. font-family: 'Conv_math1RTL';
  13. src: url('fonts/math1_rtl.eot?v=3.8.2.1622');
  14. src: local('☺'), url('fonts/math1_rtl.ttf?v=3.8.2.1622') format('truetype');
  15. font-weight: normal;
  16. font-style: normal;
  17. }
  18. @font-face {
  19. font-family: 'Conv_math1';
  20. src: url('fonts/math1.eot?v=3.8.2.1622');
  21. src: local('☺'), url('fonts/math1.ttf?v=3.8.2.1622') format('truetype');
  22. font-weight: normal;
  23. font-style: normal;
  24. }
  25. @font-face {
  26. font-family: 'Conv_horizontal';
  27. src: url('fonts/horizontal.eot?v=3.8.2.1622');
  28. src: local('☺'), url('fonts/horizontal.ttf?v=3.8.2.1622') format('truetype');
  29. font-weight: normal;
  30. font-style: normal;
  31. }
  32. @font-face {
  33. font-family: 'Conv_brackets';
  34. src: url('fonts/brackets.eot?v=3.8.2.1622');
  35. src: local('☺'), url('fonts/brackets.ttf?v=3.8.2.1622') format('truetype');
  36. font-weight: normal;
  37. font-style: normal;
  38. }
  39. @font-face {
  40. font-family: 'Conv_brack_sm';
  41. src: url('fonts/brack_sm.eot?v=3.8.2.1622');
  42. src: local('☺'), url('fonts/brack_sm.ttf?v=3.8.2.1622') format('truetype');
  43. font-weight: normal;
  44. font-style: normal;
  45. }
  46. /* Editor */
  47. .wrs_editor {
  48. text-align: left;
  49. white-space: nowrap;
  50. position: relative;
  51. line-height:normal;
  52. }
  53. .wrs_editor.wrs_rtl {
  54. text-align: right;
  55. }
  56. /* Viewer */
  57. .wrs_viewer {
  58. overflow: hidden;
  59. text-align: left;
  60. position: relative;
  61. display: inline-block;
  62. white-space: nowrap;
  63. /* IE 7 hacks */
  64. zoom: 1;
  65. *display: inline;
  66. }
  67. /* Common */
  68. .wrs_editor .wrs_imageContainer { /* Image container */
  69. position: relative;
  70. display: block;
  71. overflow: hidden;
  72. margin: auto;
  73. }
  74. .wrs_editor .wrs_image { /* Image */
  75. /*position: absolute;*/
  76. }
  77. .wrs_editor .wrs_line { /* Section separator */
  78. display: inline-block;
  79. /* IE 7 hacks */
  80. zoom: 1;
  81. *display: inline;
  82. }
  83. .wrs_editor .wrs_panelContainer { /* Body */
  84. clear: none;
  85. overflow: hidden;
  86. }
  87. .wrs_editor .wrs_panelContainer > div { /* Panel */
  88. display: none;
  89. }
  90. .wrs_editor .wrs_panelContainer > div > * { /* Panel contents */
  91. vertical-align: middle;
  92. }
  93. .wrs_editor .wrs_panelContainer > div.wrs_selected { /* Selected panel */
  94. display: block;
  95. }
  96. .wrs_editor .wrs_panelContainer > div > table { /* Section */
  97. display: inline-block;
  98. border-collapse: separate;
  99. width: auto;
  100. /* IE 7 hacks */
  101. zoom: 1;
  102. *display: inline;
  103. }
  104. .wrs_editor .wrs_hidden {
  105. display: none !important;
  106. }
  107. .wrs_hiddenButDisplayed {
  108. position: fixed;
  109. width: 1px;
  110. height: 1px;
  111. left: -10px;
  112. top: -10px;
  113. opacity: 0;
  114. filter: alpha(opacity=0);
  115. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  116. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  117. }
  118. /* Context panel */
  119. .wrs_editor .wrs_contextPanel {
  120. position: absolute;
  121. }
  122. /* Toolbar */
  123. .wrs_editor .wrs_toolbar { /* Toolbar */
  124. margin-bottom: 2px; /* Important: javascript thinks this value is 2px. */
  125. }
  126. .wrs_editor .wrs_toolbar .wrs_linksContainer { /* Links container */
  127. float: right;
  128. height: 0;
  129. }
  130. .wrs_editor.wrs_rtl .wrs_toolbar .wrs_linksContainer {
  131. float: left;
  132. }
  133. .wrs_editor .wrs_toolbar .wrs_linkButton { /* Link button */
  134. position: relative;
  135. z-index: 1;
  136. direction: ltr;
  137. }
  138. .wrs_editor .wrs_toolbar .wrs_header { /* Header */
  139. position: relative;
  140. top: 1px;
  141. }
  142. .wrs_editor .wrs_toolbar .wrs_header > button, /* Tabs */
  143. .wrs_editor .wrs_toolbar .wrs_header > div {
  144. text-align: center;
  145. display: inline-block;
  146. vertical-align: bottom;
  147. margin-right: 2px;
  148. border: none;
  149. direction: ltr;
  150. /* IE 7 hacks */
  151. zoom: 1;
  152. *display: inline;
  153. }
  154. .wrs_editor.wrs_rtl .wrs_toolbar .wrs_header > button,
  155. .wrs_editor.wrs_rtl .wrs_toolbar .wrs_header > div {
  156. margin-right: 0;
  157. margin-left: 2px;
  158. }
  159. .wrs_editor .wrs_toolbar .wrs_header > button.wrs_selected, /* Selected tab */
  160. .wrs_editor .wrs_toolbar .wrs_header > button.wrs_selected:hover,
  161. .wrs_editor .wrs_toolbar .wrs_header > div.wrs_selected,
  162. .wrs_editor .wrs_toolbar .wrs_header > div.wrs_selected:hover {
  163. background-color: #ddd;
  164. border-bottom: none;
  165. }
  166. .wrs_editor .wrs_toolbar .wrs_header > button:hover, /* Hover tab */
  167. .wrs_editor .wrs_toolbar .wrs_header > div:hover {
  168. background-color: #eee;
  169. }
  170. /* Formula display */
  171. .wrs_editor .wrs_formulaDisplay { /* Formula display */
  172. position: relative;
  173. border: 1px solid #969696; /* Important: javascript thinks this value is 1px. */
  174. overflow: auto;
  175. background-color: #fff;
  176. cursor: text;
  177. text-align: left;
  178. direction: ltr;
  179. }
  180. .wrs_editor .wrs_formulaDisplay.wrs_formulaRTL {
  181. direction: rtl;
  182. text-align: right;
  183. }
  184. .wrs_editor .wrs_formulaDisplay .wrs_container { /* Container */
  185. display: inline-block;
  186. position: relative;
  187. margin: 5px; /* Important: javascript thinks this value is 5px. */
  188. direction: ltr;
  189. -webkit-touch-callout: none;
  190. -webkit-user-select: none;
  191. -khtml-user-select: none;
  192. -moz-user-select: none;
  193. -ms-user-select: none;
  194. user-select: none;
  195. /* IE 7 hacks */
  196. zoom: 1;
  197. *display: inline;
  198. }
  199. .wrs_viewer .wrs_container { /* Container */
  200. display: inline-block;
  201. position: relative;
  202. /* IE 7 hacks */
  203. zoom: 1;
  204. *display: inline;
  205. }
  206. .wrs_editor .wrs_formulaDisplay.wrs_focused .wrs_caret { /* Caret */
  207. position: absolute;
  208. background-color: #000;
  209. z-index: 3;
  210. }
  211. .wrs_editor .wrs_formulaDisplay.wrs_focused .wrs_caret.wrs_light { /* Light caret */
  212. background-color: #ffffff;
  213. }
  214. .wrs_editor .wrs_formulaDisplay.wrs_focused .wrs_caret.wrs_dark { /* Dark caret */
  215. background-color: #000000;
  216. }
  217. .wrs_editor .wrs_formulaDisplay.wrs_focused .wrs_caret.wrs_blink { /* Caret blinking */
  218. background-color: transparent !important;
  219. }
  220. .wrs_editor .wrs_formulaDisplay .wrs_selection { /* Selection */
  221. position: absolute;
  222. background-color: #c3c3c3;
  223. z-index: 1;
  224. }
  225. .wrs_editor .wrs_formulaDisplay .wrs_selection.wrs_light { /* Selection light */
  226. background-color: #c3c3c3;
  227. }
  228. .wrs_editor .wrs_formulaDisplay .wrs_selection.wrs_dark { /* Selection dark */
  229. background-color: #3c3c3c;
  230. }
  231. .wrs_editor .wrs_formulaDisplay .wrs_error { /* Error background */
  232. position: absolute;
  233. background-color: #ffaaaa;
  234. z-index: 0;
  235. }
  236. .wrs_editor .wrs_focusElementContainer {
  237. background: #f00;
  238. position: absolute;
  239. z-index: 3;
  240. overflow: hidden;
  241. opacity: 0;
  242. filter: alpha(opacity=0);
  243. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  244. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  245. }
  246. .wrs_editor .wrs_focusElement { /* Hidden focus element */
  247. border: none;
  248. outline: 0;
  249. position: absolute;
  250. font-size: 1px;
  251. top: -30px;
  252. }
  253. .wrs_editor .wrs_focusElement.wrs_forIOS {
  254. width: 2px;
  255. top: 0;
  256. }
  257. .wrs_editor .wrs_focusElement.wrs_forAndroid {
  258. top: -30px;
  259. height: 30px;
  260. }
  261. .wrs_editor .wrs_formulaDisplay .wrs_aChar,
  262. .wrs_viewer .wrs_aChar { /* Text with a font */
  263. font-family: 'Conv_a';
  264. }
  265. .wrs_editor .wrs_formulaDisplay .wrs_mathChar,
  266. .wrs_viewer .wrs_mathChar { /* Text with math font */
  267. font-family: 'Conv_math1';
  268. }
  269. .wrs_editor .wrs_formulaDisplay .wrs_mathRTLChar,
  270. .wrs_viewer .wrs_mathRTLChar { /* Text with math font */
  271. font-family: 'Conv_math1RTL';
  272. }
  273. .wrs_editor .wrs_formulaDisplay .wrs_horizontalChar,
  274. .wrs_viewer .wrs_horizontalChar { /* Text with horizontal font */
  275. font-family: 'Conv_horizontal';
  276. }
  277. .wrs_editor .wrs_formulaDisplay .wrs_specialChar,
  278. .wrs_viewer .wrs_specialChar { /* Text with special font */
  279. font-family: 'Conv_brackets';
  280. }
  281. .wrs_editor .wrs_formulaDisplay .wrs_specialSmallChar,
  282. .wrs_viewer .wrs_specialSmallChar { /* Text with special small font */
  283. font-family: 'Conv_brack_sm';
  284. }
  285. .wrs_editor .wrs_formulaDisplay .wrs_italic,
  286. .wrs_viewer .wrs_italic { /* Italic text */
  287. font-style: italic;
  288. }
  289. .wrs_editor .wrs_formulaDisplay .wrs_notItalic,
  290. .wrs_viewer .wrs_notItalic { /* Not italic text */
  291. font-style: normal;
  292. }
  293. .wrs_editor .wrs_formulaDisplay .wrs_bold,
  294. .wrs_viewer .wrs_bold { /* Bold text */
  295. font-weight: bold;
  296. }
  297. .wrs_editor .wrs_formulaDisplay .wrs_notBold,
  298. .wrs_viewer .wrs_notBold { /* Not bold text */
  299. font-weight: normal;
  300. }
  301. /* Style */
  302. .wrs_editor,
  303. .wrs_viewer {
  304. font-family: sans-serif;
  305. }
  306. .wrs_editor {
  307. min-height: 200px;
  308. height: 100%;
  309. }
  310. .wrs_editor .wrs_toolbar {
  311. font-weight: bold;
  312. font-size: 11px;
  313. overflow:hidden\9;
  314. -webkit-user-select: none;
  315. -khtml-user-select: none;
  316. -moz-user-select: none;
  317. -o-user-select: none;
  318. user-select: none;
  319. }
  320. .wrs_editor .wrs_toolbar .wrs_linkButton { /* Link button */
  321. margin-top: 4px;
  322. margin-right: 2px;
  323. }
  324. .wrs_editor .wrs_toolbar .wrs_noTabs .wrs_linkButton {
  325. margin-top: 10px;
  326. margin-right: 5px;
  327. margin-left: 5px;
  328. }
  329. .wrs_editor .wrs_line {
  330. margin-right: 1px;
  331. width: 1px;
  332. background: #bbbdbe;
  333. height: 60px;
  334. }
  335. .wrs_editor .wrs_singleRowPanel .wrs_line {
  336. margin-right: 1px;
  337. width: 1px;
  338. background: #bbbdbe;
  339. height: 30px;
  340. }
  341. .wrs_editor .wrs_layoutFor2Rows .wrs_empty { /* Empty section cell for 2 rows layout */
  342. height: 33px;
  343. }
  344. .wrs_editor .wrs_layoutFor3Rows .wrs_empty { /* Empty section cell for 3 rows layout */
  345. height: 22px;
  346. }
  347. .wrs_editor .wrs_button { /* Button */
  348. border: 2px solid transparent;
  349. cursor: pointer;
  350. background: transparent;
  351. overflow: hidden;
  352. direction: ltr;
  353. }
  354. .wrs_editor .wrs_button:hover,
  355. .wrs_editor .wrs_button:focus { /* Button hover */
  356. border: 2px solid #778e9a;
  357. outline: none;
  358. -webkit-border-radius: 3px;
  359. -moz-border-radius: 3px;
  360. border-radius: 3px;
  361. }
  362. .wrs_editor .wrs_button::-moz-focus-inner,
  363. .wrs_editor .wrs_button::-moz-focus-inner,
  364. .wrs_editor .wrs_button::-moz-focus-inner {
  365. border: 0;
  366. }
  367. .wrs_editor .wrs_button:focus,
  368. .wrs_editor .wrs_button:focus,
  369. .wrs_editor .wrs_button:focus,
  370. .wrs_editor .wrs_button {
  371. outline: none;
  372. }
  373. .wrs_editor .wrs_layoutFor1Rows .wrs_button:active, /* Button active for 1 and 2 rows layout */
  374. .wrs_editor .wrs_layoutFor1Rows .wrs_button.wrs_toggled,
  375. .wrs_editor .wrs_layoutFor1Rows .wrs_button.wrs_pressed,
  376. .wrs_editor .wrs_layoutFor2Rows .wrs_button:active,
  377. .wrs_editor .wrs_layoutFor2Rows .wrs_button.wrs_toggled,
  378. .wrs_editor .wrs_layoutFor2Rows .wrs_button.wrs_pressed {
  379. background: url('decoration/button_active.png?v=3.8.2.1622') -2px -2px;
  380. }
  381. .wrs_editor .wrs_layoutFor3Rows .wrs_button:active, /* Button active for 3 rows layout */
  382. .wrs_editor .wrs_layoutFor3Rows .wrs_button.wrs_toggled,
  383. .wrs_editor .wrs_layoutFor3Rows .wrs_button.wrs_pressed {
  384. background: url('decoration/button_small_active.png?v=3.8.2.1622') -2px -2px;
  385. }
  386. .wrs_editor .wrs_comboButton { /* Combo button */
  387. background: url('decoration/combo_button.png?v=3.8.2.1622') bottom center no-repeat;
  388. width: 33px;
  389. height: 62px;
  390. cursor: pointer;
  391. border: 2px solid transparent;
  392. }
  393. .wrs_editor .wrs_comboButton:hover { /* Combo button hover */
  394. background: url('decoration/combo_button_hover.png?v=3.8.2.1622') -2px -2px;
  395. }
  396. .wrs_editor .wrs_comboButton:active, /* Combo button active */
  397. .wrs_editor .wrs_comboButton.wrs_pressed {
  398. background: url('decoration/combo_button_active.png?v=3.8.2.1622') -2px -2px;
  399. }
  400. .wrs_editor .wrs_button.wrs_disabled, /* Button disabled */
  401. .wrs_editor .wrs_comboButton.wrs_disabled {
  402. border: 2px solid transparent !important;
  403. background: none !important;
  404. cursor: auto;
  405. }
  406. .wrs_editor .wrs_button.wrs_disabled img, /* Button disabled image */
  407. .wrs_editor .wrs_comboButton.wrs_disabled img {
  408. opacity: 0.3;
  409. filter: alpha(opacity=30);
  410. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  411. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  412. }
  413. .wrs_editor .wrs_button.wrs_disabled:focus {
  414. border: 2px solid rgba(119, 142, 154, 0.3) !important;
  415. }
  416. .wrs_editor .wrs_comboButton .wrs_imageContainer {
  417. width: 33px !important;
  418. height: 59px !important;
  419. }
  420. .wrs_editor .wrs_comboButtonItem { /* Combo button item */
  421. display: inline-block;
  422. vertical-align: middle;
  423. margin: 2px;
  424. cursor: pointer;
  425. /* IE 7 hacks */
  426. zoom: 1;
  427. *display: inline;
  428. }
  429. .wrs_editor .wrs_comboButtonItem:hover { /* Combo button item */
  430. background: #a4cae7;
  431. }
  432. .wrs_editor .wrs_comboButtonPanel { /* Combo button panel */
  433. background: #fff;
  434. border: 1px solid #000;
  435. }
  436. .wrs_editor .wrs_select {
  437. background: url('decoration/select_background.png?v=3.8.2.1622') no-repeat right center;
  438. color: #b1b3b4;
  439. border: 1px solid #b1b3b4; /* Important: javascript thinks this value is 1px. */
  440. height: 18px;
  441. overflow: hidden;
  442. max-width: 95px;
  443. }
  444. .wrs_editor .wrs_select select {
  445. position: absolute;
  446. left: 0;
  447. top: 0;
  448. width: 1px;
  449. height: 1px;
  450. border: none;
  451. opacity: 0;
  452. filter: alpha(opacity=0);
  453. }
  454. .wrs_editor .wrs_select div {
  455. max-width: 80px;
  456. overflow: hidden;
  457. padding-left: 5px;
  458. padding-right: 15px;
  459. }
  460. .wrs_editor .wrs_select:hover {
  461. background: url('decoration/select_background_hover.png?v=3.8.2.1622') no-repeat right center;
  462. border: 1px solid #778e9a;
  463. color: #778e9a;
  464. cursor: pointer;
  465. }
  466. .wrs_editor .wrs_select.wrs_pressed {
  467. background: #778e9a url('decoration/select_background_pressed.png?v=3.8.2.1622') no-repeat right center;
  468. color: #fff;
  469. border: 1px solid #b1b3b4;
  470. cursor: auto;
  471. }
  472. .wrs_editor .wrs_layoutFor1Rows .wrs_select,
  473. .wrs_editor .wrs_layoutFor2Rows .wrs_select {
  474. margin: 6.5px 2px;
  475. }
  476. .wrs_editor .wrs_layoutFor3Rows .wrs_select {
  477. margin: 1px 2px;
  478. }
  479. .wrs_editor .wrs_select .wrs_label {
  480. height: 18px;
  481. line-height: 18px;
  482. text-overflow: ellipsis;
  483. }
  484. .wrs_editor .wrs_select .wrs_label.wrs_focused {
  485. height: 16px;
  486. line-height: 16px;
  487. border: 1px solid #778e9a;
  488. padding-left: 4px;
  489. padding-right: 14px;
  490. }
  491. .wrs_editor .wrs_selectPanel {
  492. background: #edf2f4;
  493. color: #778e9a;
  494. border: 1px solid #b1b3b4; /* Important: javascript thinks this value is 1px. */
  495. }
  496. .wrs_editor .wrs_selectPanel div {
  497. height: 18px;
  498. line-height: 18px;
  499. padding: 0 5px;
  500. }
  501. .wrs_editor .wrs_selectPanel div:hover {
  502. background: #778e9a;
  503. color: #fff;
  504. cursor: pointer;
  505. }
  506. .wrs_editor.wrs_rtl .wrs_select {
  507. background: url('decoration/select_background.png?v=3.8.2.1622') no-repeat left center;
  508. }
  509. .wrs_editor.wrs_rtl .wrs_select div {
  510. padding-left: 15px;
  511. padding-right: 5px;
  512. }
  513. .wrs_editor.wrs_rtl .wrs_select:hover {
  514. background: url('decoration/select_background_hover.png?v=3.8.2.1622') no-repeat left center;
  515. }
  516. .wrs_editor.wrs_rtl .wrs_select.wrs_pressed {
  517. background: #778e9a url('decoration/select_background_pressed.png?v=3.8.2.1622') no-repeat left center;
  518. }
  519. .wrs_editor.wrs_rtl .wrs_select .wrs_label.wrs_focused {
  520. padding-left: 14px;
  521. padding-right: 4px;
  522. }
  523. .wrs_editor .wrs_layoutFor1Rows .wrs_colorChooser,
  524. .wrs_editor .wrs_layoutFor2Rows .wrs_colorChooser {
  525. width: 29px;
  526. height: 29px;
  527. }
  528. .wrs_editor .wrs_layoutFor3Rows .wrs_colorChooser {
  529. width: 18px;
  530. height: 18px;
  531. }
  532. .wrs_editor .wrs_colorChooserPanel,
  533. .wrs_editor .wrs_matrixButtonPanel {
  534. background: #edf2f4;
  535. color: #778e9a;
  536. border: 1px solid #b1b3b4; /* Important: javascript thinks this value is 1px. */
  537. }
  538. .wrs_editor .wrs_matrixButtonPanel {
  539. padding: 1px;
  540. }
  541. .wrs_editor .wrs_colorChooserPanel table,
  542. .wrs_editor .wrs_matrixButtonPanel table {
  543. border-collapse: separate;
  544. border-spacing: 5px;
  545. }
  546. .wrs_editor .wrs_matrixButtonPanel table {
  547. border-spacing: 1px;
  548. width: 97px; /* 6 * button.width + 8 * table.borderSpacing */
  549. }
  550. .wrs_editor .wrs_matrixButtonPanel td.wrs_inputCell {
  551. text-align: right;
  552. }
  553. .wrs_editor .wrs_colorChooserPanel .wrs_colorButton,
  554. .wrs_editor .wrs_matrixButtonPanel .wrs_matrixButton {
  555. width: 13px;
  556. height: 13px;
  557. border: 1px solid #b1b3b4;
  558. cursor: pointer;
  559. background: #fff;
  560. }
  561. .wrs_editor .wrs_matrixButtonPanel .wrs_matrixButton.wrs_selected {
  562. background: #778E9A;
  563. }
  564. .wrs_editor .wrs_colorChooserPanel > div,
  565. .wrs_editor .wrs_matrixButtonPanel > div {
  566. padding: 0 5px 5px 5px;
  567. }
  568. .wrs_editor .wrs_colorChooserPanel input,
  569. .wrs_editor .wrs_matrixButtonPanel input {
  570. border: 1px solid #b1b3b4;
  571. width: 50px;
  572. margin-left: 5px;
  573. padding: 1px;
  574. }
  575. .wrs_editor .wrs_matrixButtonPanel input {
  576. margin-left: 0;
  577. width: 35px;
  578. text-align: right;
  579. }
  580. .wrs_editor .wrs_colorChooserPanel .wrs_acceptButton {
  581. display: inline;
  582. border: 1px solid #b1b3b4;
  583. cursor: pointer;
  584. padding: 0 2px;
  585. }
  586. .wrs_editor .wrs_panelContainer { /* Body */
  587. background: #dae4e9 url('decoration/body_background.png?v=3.8.2.1622') bottom left no-repeat;
  588. border: 1px solid #c9c9c9;
  589. padding: 2px;
  590. -webkit-border-bottom-right-radius: 5px;
  591. -webkit-border-bottom-left-radius: 5px;
  592. -moz-border-radius-bottomright: 5px;
  593. -moz-border-radius-bottomleft: 5px;
  594. border-bottom-right-radius: 5px;
  595. border-bottom-left-radius: 5px;
  596. width:505px\9;
  597. }
  598. .wrs_editor .wrs_panelContainer > div > table { /* Section */
  599. border-spacing: 0;
  600. margin-right: 1px;
  601. }
  602. .wrs_editor .wrs_panelContainer > div > table.wrs_last { /* Last section */
  603. margin: 0;
  604. }
  605. .wrs_editor .wrs_toolbar .wrs_header > button, /* Tabs */
  606. .wrs_editor .wrs_toolbar .wrs_header > div {
  607. background: #556e7b url('decoration/tab_background.png?v=3.8.2.1622') top left no-repeat;
  608. border-bottom: 1px solid #c9c9c9;
  609. cursor: default;
  610. height: 24px;
  611. width: 44px;
  612. text-align: center;
  613. font-weight: normal;
  614. color: #fff;
  615. -webkit-border-top-left-radius: 5px;
  616. -webkit-border-top-right-radius: 5px;
  617. -moz-border-radius-topleft: 5px;
  618. -moz-border-radius-topright: 5px;
  619. border-top-left-radius: 5px;
  620. border-top-right-radius: 5px;
  621. *padding-top: 2px;
  622. *height: 19px;
  623. }
  624. .wrs_editor .wrs_toolbar .wrs_header > button.wrs_selected, /* Selected tab */
  625. .wrs_editor .wrs_toolbar .wrs_header > div.wrs_selected {
  626. background: #f2f3f5 url('decoration/selected_tab_background.png?v=3.8.2.1622') top left no-repeat;
  627. border: 1px solid #c9c9c9;
  628. border-bottom: none;
  629. height: 25px;
  630. color: #000;
  631. *padding-top: 3px;
  632. *height: 21px;
  633. }
  634. .wrs_editor .wrs_toolbar .wrs_header > button::-moz-focus-inner {
  635. border: 0;
  636. }
  637. .wrs_editor .wrs_toolbar .wrs_header > button:focus,
  638. .wrs_editor .wrs_toolbar .wrs_header > button {
  639. outline: none;
  640. }
  641. .wrs_editor .wrs_toolbar .wrs_header > button > span {
  642. margin-top: -1px;
  643. }
  644. .wrs_editor .wrs_toolbar .wrs_header > button:hover,
  645. .wrs_editor .wrs_toolbar .wrs_header > div:hover { /* Hover tab */
  646. background: #95ae99 url('decoration/tab_background_hover.png?v=3.8.2.1622') top left no-repeat;
  647. }
  648. .wrs_editor .wrs_toolbar .wrs_header > button.wrs_selected:hover,
  649. .wrs_editor .wrs_toolbar .wrs_header > div.wrs_selected:hover { /* Hover selected tab */
  650. background: #f2f3f5 url('decoration/selected_tab_background.png?v=3.8.2.1622') top left no-repeat;
  651. }
  652. .wrs_editor .wrs_toolbar .wrs_header > button.wrs_context, /* Context tabs */
  653. .wrs_editor .wrs_toolbar .wrs_header > div.wrs_context {
  654. background: #dc9e9e url('decoration/context_tab_background.png?v=3.8.2.1622') top left no-repeat;
  655. }
  656. .wrs_editor .wrs_toolbar .wrs_header > button.wrs_context.wrs_selected,
  657. .wrs_editor .wrs_toolbar .wrs_header > div.wrs_context.wrs_selected { /* Selected context tab */
  658. background: #dc9e9e url('decoration/selected_tab_background.png?v=3.8.2.1622') top left no-repeat;
  659. }
  660. .wrs_editor .wrs_toolbar .wrs_header > button.wrs_context:hover,
  661. .wrs_editor .wrs_toolbar .wrs_header > div.wrs_context:hover { /* Hover context tabs */
  662. background: #dcc09e url('decoration/context_tab_background_hover.png?v=3.8.2.1622') top left no-repeat;
  663. }
  664. .wrs_editor .wrs_toolbar .wrs_header > button.wrs_context.wrs_selected:hover,
  665. .wrs_editor .wrs_toolbar .wrs_header > div.wrs_context.wrs_selected:hover { /* Hover selected context tab */
  666. background: #dc9e9e url('decoration/selected_tab_background.png?v=3.8.2.1622') top left no-repeat;
  667. }
  668. .wrs_editor .wrs_toolbar .wrs_expandButton { /* Expand button */
  669. background: url('decoration/expand_button.png?v=3.8.2.1622') no-repeat bottom center;
  670. cursor: pointer;
  671. width: 7px;
  672. height: 60px;
  673. display: inline-block;
  674. margin-right: 1px;
  675. border: none;
  676. direction: ltr;
  677. -webkit-border-radius: 2px;
  678. -moz-border-radius: 2px;
  679. border-radius: 2px;
  680. /* IE 7 hacks */
  681. zoom: 1;
  682. *display: inline;
  683. }
  684. .wrs_editor .wrs_toolbar .wrs_expandButton:hover,
  685. .wrs_editor .wrs_toolbar .wrs_expandButton:focus,
  686. .wrs_editor .wrs_toolbar .wrs_expandButton.wrs_pressed { /* Expand button hover */
  687. background: url('decoration/expand_button_active.png?v=3.8.2.1622') no-repeat bottom center #778e9a;
  688. }
  689. .wrs_editor .wrs_toolbar .wrs_expandButton::-moz-focus-inner,
  690. .wrs_editor .wrs_toolbar .wrs_expandButton::-moz-focus-inner,
  691. .wrs_editor .wrs_toolbar .wrs_expandButton::-moz-focus-inner {
  692. border: 0;
  693. }
  694. .wrs_editor .wrs_toolbar .wrs_expandButton:focus,
  695. .wrs_editor .wrs_toolbar .wrs_expandButton:focus,
  696. .wrs_editor .wrs_toolbar .wrs_expandButton:focus,
  697. .wrs_editor .wrs_toolbar .wrs_expandButton {
  698. outline: none;
  699. }
  700. .wrs_editor .wrs_toolbar .wrs_expandButton.wrs_expandButtonFor1RowsLayout {
  701. height: 33px;
  702. }
  703. .wrs_editor .wrs_contextPanel {
  704. font-weight: bold;
  705. font-size: 11px;
  706. z-index: 3;
  707. }
  708. .wrs_editor .wrs_tickContainer { /* Tick container */
  709. margin-top: 2px;
  710. border: 1px solid #ccc;
  711. background: #eee;
  712. padding: 2px;
  713. white-space: normal;
  714. font-size: 12px;
  715. }
  716. .wrs_editor .wrs_tickContainer h1 {
  717. font-size: 1.5em;
  718. }
  719. /* Fonts */
  720. .wrs_editor .wrs_font_arial {
  721. font-family: Arial, Helvetica, sans-serif;
  722. }
  723. .wrs_editor .wrs_font_courierNew {
  724. font-family: "Courier New", Courier, monospace;
  725. }
  726. .wrs_editor .wrs_font_tahoma {
  727. font-family: Tahoma, Geneva, sans-serif;
  728. }
  729. .wrs_editor .wrs_font_timesNewRoman {
  730. font-family: "Times New Roman", Times, serif;
  731. }
  732. .wrs_editor .wrs_font_verdana {
  733. font-family: Verdana, Geneva, sans-serif;
  734. }
  735. .position{position:relative;}
  736. .numposition{display:none;}
  737. .position .numposition{display:block;position:absolute;left:0px;top:0px;height:100%;width:100%;background-color:#ffffff;font-weight:normal;font-family:arial;display:block;z-index:999}
  738. #editorContainer{width:500px;height:225px;}