+body, html{\r
+ margin: 0; \r
+ padding: 0;\r
+ height: 100%;\r
+ border: none;\r
+ overflow: hidden;\r
+ background-color: #FFF;\r
+}\r
+\r
+body, html, table, form, textarea{\r
+ font: 12px monospace, sans-serif;\r
+}\r
+\r
+#editor{\r
+ border: solid #888 1px;\r
+ overflow: hidden;\r
+}\r
+\r
+#result{\r
+ z-index: 4; \r
+ overflow-x: auto;\r
+ overflow-y: scroll;\r
+ border-top: solid #888 1px;\r
+ border-bottom: solid #888 1px;\r
+ position: relative;\r
+ clear: both;\r
+}\r
+\r
+#result.empty{\r
+ overflow: hidden;\r
+}\r
+\r
+#container{\r
+ overflow: hidden;\r
+ border: solid blue 0;\r
+ position: relative; \r
+ z-index: 10;\r
+ padding: 0 5px 0 45px;\r
+ /*padding-right: 5px;*/ \r
+}\r
+\r
+#textarea{\r
+ position: relative; \r
+ top: 0; \r
+ left: 0;\r
+ margin: 0;\r
+ padding: 0;\r
+ width: 100%;\r
+ height: 100%; \r
+ overflow: hidden; \r
+ z-index: 7; \r
+ border-width: 0;\r
+ background-color: transparent;\r
+ resize: none;\r
+}\r
+\r
+#textarea, #textarea:hover{\r
+ outline: none; /* safari outline fix */\r
+}\r
+\r
+#content_highlight{\r
+ white-space: pre;\r
+ margin: 0;\r
+ padding: 0;\r
+ position : absolute; \r
+ z-index: 4; \r
+ overflow: visible;\r
+}\r
+\r
+\r
+#selection_field, #selection_field_text{\r
+ margin: 0; \r
+ background-color: #E1F2F9; \r
+/* height: 1px; */ \r
+ position: absolute;\r
+ z-index: 5;\r
+ top: -100px;\r
+ padding: 0;\r
+ white-space: pre;\r
+ overflow: hidden;\r
+}\r
+\r
+#selection_field.show_colors {\r
+ z-index: 3;\r
+ background-color:#EDF9FC;\r
+ \r
+}\r
+\r
+#selection_field strong{\r
+ font-weight:normal;\r
+}\r
+\r
+#selection_field.show_colors *, #selection_field_text * {\r
+ visibility: hidden;\r
+}\r
+\r
+#selection_field_text{\r
+ background-color:transparent;\r
+}\r
+\r
+#selection_field_text strong{\r
+ font-weight:normal;\r
+ background-color:#3399FE;\r
+ color: #FFF;\r
+ visibility:visible;\r
+}\r
+\r
+#container.word_wrap #content_highlight,\r
+#container.word_wrap #selection_field,\r
+#container.word_wrap #selection_field_text,\r
+#container.word_wrap #test_font_size{\r
+ white-space: pre-wrap; /* css-3 */\r
+ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */\r
+ white-space: -pre-wrap; /* Opera 4-6 */\r
+ white-space: -o-pre-wrap; /* Opera 7 */\r
+ word-wrap: break-word; /* Internet Explorer 5.5+ */\r
+ width: 99%;\r
+}\r
+\r
+#line_number{\r
+ position: absolute;\r
+ overflow: hidden;\r
+ border-right: solid black 1px;\r
+ z-index:8;\r
+ width: 38px;\r
+ padding: 0 5px 0 0;\r
+ margin: 0 0 0 -45px;\r
+ text-align: right;\r
+ color: #AAAAAA;\r
+}\r
+\r
+#test_font_size{\r
+ padding: 0; \r
+ margin: 0; \r
+ visibility: hidden;\r
+ position: absolute;\r
+ white-space: pre;\r
+}\r
+\r
+pre{\r
+ margin: 0;\r
+ padding: 0;\r
+}\r
+\r
+.hidden{\r
+ opacity: 0.2; \r
+ filter:alpha(opacity=20);\r
+}\r
+\r
+#result .edit_area_cursor{\r
+ position: absolute; \r
+ z-index:6; \r
+ background-color: #FF6633;\r
+ top: -100px;\r
+ margin: 0;\r
+}\r
+\r
+#result .edit_area_selection_field .overline{\r
+ background-color: #996600;\r
+}\r
+\r
+\r
+/* area popup */\r
+.editarea_popup{\r
+ border: solid 1px #888888;\r
+ background-color: #ECE9D8; \r
+ width: 250px; \r
+ padding: 4px; \r
+ position: absolute;\r
+ visibility: hidden; \r
+ z-index: 15;\r
+ top: -500px;\r
+}\r
+\r
+.editarea_popup, .editarea_popup table{\r
+ font-family: sans-serif;\r
+ font-size: 10pt;\r
+}\r
+\r
+.editarea_popup img{\r
+ border: 0;\r
+}\r
+\r
+.editarea_popup .close_popup{\r
+ float: right; \r
+ line-height: 16px; \r
+ border: 0; \r
+ padding: 0;\r
+}\r
+\r
+.editarea_popup h1,.editarea_popup h2,.editarea_popup h3,.editarea_popup h4,.editarea_popup h5,.editarea_popup h6{\r
+ margin: 0;\r
+ padding: 0;\r
+}\r
+\r
+.editarea_popup .copyright{\r
+ text-align: right;\r
+} \r
+\r
+/* Area_search */\r
+div#area_search_replace{\r
+ /*width: 250px;*/\r
+}\r
+\r
+div#area_search_replace img{\r
+ border: 0;\r
+}\r
+\r
+div#area_search_replace div.button{\r
+ text-align: center;\r
+ line-height: 1.7em;\r
+}\r
+\r
+div#area_search_replace .button a{\r
+ cursor: pointer;\r
+ border: solid 1px #888888;\r
+ background-color: #DEDEDE;\r
+ text-decoration: none;\r
+ padding: 0 2px;\r
+ color: #000000; \r
+ white-space: nowrap;\r
+}\r
+\r
+div#area_search_replace a:hover{ \r
+ /*border: solid 1px #888888;*/\r
+ background-color: #EDEDED;\r
+}\r
+\r
+div#area_search_replace #move_area_search_replace{\r
+ cursor: move; \r
+ border: solid 1px #888;\r
+}\r
+\r
+div#area_search_replace #close_area_search_replace{\r
+ text-align: right; \r
+ vertical-align: top; \r
+ white-space: nowrap;\r
+}\r
+\r
+div#area_search_replace #area_search_msg{\r
+ height: 18px; \r
+ overflow: hidden; \r
+ border-top: solid 1px #888; \r
+ margin-top: 3px;\r
+}\r
+\r
+/* area help */\r
+#edit_area_help{\r
+ width: 350px;\r
+}\r
+\r
+#edit_area_help div.close_popup{\r
+ float: right;\r
+}\r
+\r
+/* area_toolbar */\r
+.area_toolbar{\r
+ /*font: 11px sans-serif;*/\r
+ width: 100%; \r
+ /*height: 21px; */\r
+ margin: 0; \r
+ padding: 0;\r
+ background-color: #ECE9D8;\r
+ text-align: center;\r
+}\r
+\r
+.area_toolbar, .area_toolbar table{\r
+ font: 11px sans-serif;\r
+}\r
+\r
+.area_toolbar img{\r
+ border: 0;\r
+ vertical-align: middle;\r
+}\r
+\r
+.area_toolbar input{\r
+ margin: 0;\r
+ padding: 0;\r
+}\r
+\r
+.area_toolbar select{\r
+ font-family: 'MS Sans Serif',sans-serif,Verdana,Arial;\r
+ font-size: 7pt;\r
+ font-weight: normal;\r
+ margin: 2px 0 0 0 ;\r
+ padding: 0;\r
+ vertical-align: top;\r
+ background-color: #F0F0EE;\r
+}\r
+\r
+table.statusbar{\r
+ width: 100%;\r
+}\r
+\r
+.area_toolbar td.infos{\r
+ text-align: center;\r
+ width: 130px;\r
+ border-right: solid 1px #888;\r
+ border-width: 0 1px 0 0;\r
+ padding: 0;\r
+}\r
+\r
+.area_toolbar td.total{\r
+ text-align: right;\r
+ width: 50px;\r
+ padding: 0;\r
+}\r
+\r
+.area_toolbar td.resize{\r
+ text-align: right;\r
+}\r
+/*\r
+.area_toolbar span{\r
+ line-height: 1px;\r
+ padding: 0;\r
+ margin: 0;\r
+}*/\r
+\r
+.area_toolbar span#resize_area{\r
+ cursor: nw-resize;\r
+ visibility: hidden;\r
+}\r
+\r
+/* toolbar buttons */\r
+.editAreaButtonNormal, .editAreaButtonOver, .editAreaButtonDown, .editAreaSeparator, .editAreaSeparatorLine, .editAreaButtonDisabled, .editAreaButtonSelected {\r
+ border: 0; margin: 0; padding: 0; background: transparent;\r
+ margin-top: 0;\r
+ margin-left: 1px;\r
+ padding: 0;\r
+}\r
+\r
+.editAreaButtonNormal {\r
+ border: 1px solid #ECE9D8 !important;\r
+ cursor: pointer;\r
+}\r
+\r
+.editAreaButtonOver {\r
+ border: 1px solid #0A246A !important;\r
+ cursor: pointer;\r
+ background-color: #B6BDD2;\r
+}\r
+\r
+.editAreaButtonDown {\r
+ cursor: pointer;\r
+ border: 1px solid #0A246A !important;\r
+ background-color: #8592B5;\r
+}\r
+\r
+.editAreaButtonSelected {\r
+ border: 1px solid #C0C0BB !important;\r
+ cursor: pointer;\r
+ background-color: #F4F2E8;\r
+}\r
+\r
+.editAreaButtonDisabled {\r
+ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);\r
+ -moz-opacity:0.3;\r
+ opacity: 0.3;\r
+ border: 1px solid #F0F0EE !important;\r
+ cursor: pointer;\r
+}\r
+\r
+.editAreaSeparatorLine {\r
+ margin: 1px 2px;\r
+ background-color: #C0C0BB;\r
+ width: 2px;\r
+ height: 18px;\r
+}\r
+\r
+/* waiting screen */\r
+#processing{\r
+ display: none; \r
+ background-color:#ECE9D8; \r
+ border: solid #888 1px;\r
+ position: absolute; \r
+ top: 0; \r
+ left: 0;\r
+ width: 100%; \r
+ height: 100%; \r
+ z-index: 100; \r
+ text-align: center;\r
+}\r
+\r
+#processing_text{\r
+ position:absolute;\r
+ left: 50%;\r
+ top: 50%;\r
+ width: 200px;\r
+ height: 20px; \r
+ margin-left: -100px;\r
+ margin-top: -10px;\r
+ text-align: center;\r
+}\r
+/* end */\r
+\r
+\r
+/**** tab browsing area ****/\r
+#tab_browsing_area{\r
+ display: none;\r
+ background-color: #CCC9A8;\r
+ border-top: 1px solid #888;\r
+ text-align: left;\r
+ margin: 0;\r
+}\r
+\r
+#tab_browsing_list {\r
+ padding: 0; \r
+ margin: 0; \r
+ list-style-type: none;\r
+ white-space: nowrap;\r
+}\r
+#tab_browsing_list li {\r
+ float: left;\r
+ margin: -1px;\r
+}\r
+#tab_browsing_list a {\r
+ position: relative;\r
+ display: block; \r
+ text-decoration: none; \r
+ float: left; \r
+ cursor: pointer;\r
+ line-height:14px;\r
+}\r
+\r
+#tab_browsing_list a span {\r
+ display: block; \r
+ color: #000; \r
+ background: #ECE9D8; \r
+ border: 1px solid #888; \r
+ border-width: 1px 1px 0; \r
+ text-align: center; \r
+ padding: 2px 2px 1px 4px; \r
+ position: relative; /*IE 6 hack */\r
+}\r
+\r
+#tab_browsing_list a b {\r
+ display: block; \r
+ border-bottom: 2px solid #617994;\r
+}\r
+\r
+#tab_browsing_list a .edited {\r
+ display: none;\r
+}\r
+\r
+#tab_browsing_list a.edited .edited {\r
+ display: inline;\r
+}\r
+\r
+#tab_browsing_list a img{\r
+ margin-left: 7px;\r
+}\r
+\r
+#tab_browsing_list a.edited img{\r
+ margin-left: 3px;\r
+}\r
+\r
+#tab_browsing_list a:hover span {\r
+ background: #F4F2E8;\r
+ border-color: #0A246A;\r
+}\r
+\r
+#tab_browsing_list .selected a span{\r
+ background: #046380;\r
+ color: #FFF;\r
+}\r
+\r
+\r
+#no_file_selected{\r
+ height: 100%;\r
+ width: 150%; /* Opera need more than 100% */\r
+ background: #CCC;\r
+ display: none;\r
+ z-index: 20;\r
+ position: absolute;\r
+}\r
+\r
+\r
+/*** Non-editable mode ***/\r
+.non_editable #editor\r
+{\r
+ border-width: 0 1px;\r
+}\r
+\r
+.non_editable .area_toolbar\r
+{\r
+ display: none;\r
+}\r
+\r
+/*** Auto completion ***/\r
+#auto_completion_area\r
+{\r
+ background: #FFF;\r
+ border: solid 1px #888;\r
+ position: absolute;\r
+ z-index: 15;\r
+ width: 280px;\r
+ height: 180px;\r
+ overflow: auto;\r
+ display:none;\r
+}\r
+\r
+#auto_completion_area a, #auto_completion_area a:visited\r
+{\r
+ display: block;\r
+ padding: 0 2px 1px;\r
+ color: #000;\r
+ text-decoration:none;\r
+}\r
+\r
+#auto_completion_area a:hover, #auto_completion_area a:focus, #auto_completion_area a.focus\r
+{\r
+ background: #D6E1FE;\r
+ text-decoration:none;\r
+}\r
+\r
+#auto_completion_area ul\r
+{\r
+ margin: 0;\r
+ padding: 0;\r
+ list-style: none inside;\r
+}\r
+#auto_completion_area li\r
+{\r
+ padding: 0;\r
+}\r
+#auto_completion_area .prefix\r
+{\r
+ font-style: italic;\r
+ padding: 0 3px;\r
+}
\ No newline at end of file
fnp / redakcja.git / blobdiff