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