Changed it to a lite interface by stripping out a load of code
John McLear
parent
946b9b8657
commit
e68f0dd4b1
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
*,html.body,p { margin: 0; padding: 0; }
|
||||
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; font-style: normal;
|
||||
text-decoration: none; margin: 0; padding: 0; }
|
||||
|
|
@ -14,9 +13,7 @@ body, textarea { font-family: Arial, sans-serif; }
|
|||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 8px;
|
||||
left: 50%;
|
||||
margin-left: -450px;
|
||||
width: 900px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.maximized #padpage {
|
||||
|
|
@ -179,9 +176,9 @@ a#hidetopmsg { position: absolute; right: 5px; bottom: 5px; }
|
|||
}
|
||||
|
||||
#padmain {
|
||||
margin-top: 6px;
|
||||
margin-top: 0px;
|
||||
position: absolute;
|
||||
top: 56px;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
|
|
@ -192,7 +189,7 @@ a#hidetopmsg { position: absolute; right: 5px; bottom: 5px; }
|
|||
bottom:0px;
|
||||
left:0;
|
||||
position:absolute;
|
||||
right:300px;
|
||||
right:0px;
|
||||
top:0;
|
||||
zoom: 1;
|
||||
}
|
||||
|
|
|
|||
264
static/padhtml
264
static/padhtml
|
|
@ -42,192 +42,9 @@ var clientVars = {}; // ]]>
|
|||
<body id="padbody" class="limwidth nonpropad nonprouser">
|
||||
|
||||
<div id="padpage">
|
||||
<div id="padtop">
|
||||
<div id="topbar">
|
||||
|
||||
<div id="topbarleft"><!-- --></div>
|
||||
|
||||
|
||||
<div id="topbarright"><!-- --></div>
|
||||
|
||||
|
||||
<div id="topbarcenter">
|
||||
<a href="/" id="topbarBrand">Etherpad v1.1</a>
|
||||
|
||||
|
||||
<a href="http://etherpad.org" id="EtherpadLink">Etherpad is</a> <a href="/static/LICENSE" id="Licensing">free software</a>
|
||||
|
||||
<div id="fullscreen" onclick="$('body').toggleClass('maximized');">Full screen</div>
|
||||
<a href="javascript:void(0);" onclick="$('body').toggleClass('maximized');" id="topbarmaximize" title="Toggle maximization"></a>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="specialkeyarea"><!-- --></div>
|
||||
</div>
|
||||
<div id="alertbar">
|
||||
<div id="servermsg">
|
||||
<h3>Server Notice<span id="servermsgdate"><!-- --></span>:</h3>
|
||||
<a id="hidetopmsg" href="javascript: void pad.hideServerMessage()">hide</a>
|
||||
<p id="servermsgtext"><!-- --></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="navigation">
|
||||
|
||||
</div>
|
||||
<div id="docbar" class="menu">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="docbartable">
|
||||
<tr>
|
||||
<td><img src="/static/img/jun09/pad/roundcorner_left.gif"></td>
|
||||
|
||||
<td id="docbarpadtitle"><span>Public Pad</span></td>
|
||||
<td width="100%"> </td>
|
||||
|
||||
|
||||
|
||||
<td id="docbaroptions-outer" class="docbarbutton">
|
||||
<a href="javascript:void(0)" id="docbaroptions">
|
||||
<img src="/static/img/jun09/pad/icon_pad_options.gif">Pad Options</a>
|
||||
</td>
|
||||
<td id="docbarimpexp-outer" class="docbarbutton">
|
||||
<a href="javascript:void(0)" id="docbarimpexp">
|
||||
<img src="/static/img/jun09/pad/icon_import_export.gif">Import/Export</a>
|
||||
</td>
|
||||
<td id="docbarsavedrevs-outer" class="docbarbutton">
|
||||
<a href="javascript:void(0)" id="docbarsavedrevs">
|
||||
<img src="/static/img/jun09/pad/icon_saved_revisions.gif">Saved revisions</a>
|
||||
</td>
|
||||
<td id="docbarslider-outer" class="docbarbutton highlight">
|
||||
<a target="_blank" href="/ep/pad/view/test/latest" id="docbarslider">
|
||||
<img src="/static/img/jun09/pad/icon_time_slider.gif">Time Slider</a>
|
||||
</td>
|
||||
|
||||
<td><img src="/static/img/jun09/pad/roundcorner_right_orange.gif"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<input type="text" id="padtitleedit"/>
|
||||
<div id="padtitlebuttons">
|
||||
<a id="padtitlesave" href="javascript:void(0)">Save</a>
|
||||
<a id="padtitlecancel" href="javascript:void(0)">Cancel</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="impexp-wrapper" class="dbpanel-wrapper">
|
||||
<div id="impexp-panel" class="dbpanel-panel">
|
||||
<div class="dbpanel-leftedge"><!-- --></div>
|
||||
<div class="dbpanel-rightedge"><!-- --></div>
|
||||
<div class="dbpanel-botleftcorner"><!-- --></div>
|
||||
<div class="dbpanel-botrightcorner"><!-- --></div>
|
||||
<div class="dbpanel-middle">
|
||||
<div class="dbpanel-inner">
|
||||
<div class="dbpanel-top"><!-- --></div>
|
||||
</div>
|
||||
<div class="dbpanel-bottom"><!-- --></div>
|
||||
<div id="importexport">
|
||||
<div id="impexp-import">
|
||||
<div id="impexp-importlabel"><b>Import</b> from text file, HTML, Word, or RTF:</div>
|
||||
<form id="importform" method="post" action="/ep/pad/impexp/import"
|
||||
target="importiframe" enctype="multipart/form-data">
|
||||
<div class="importformdiv" id="importformfilediv">
|
||||
<input type="file" name="file" size="20" id="importfileinput" />
|
||||
<div class="importmessage" id="importmessagefail"></div>
|
||||
</div>
|
||||
<div class="importmessage" id="importmessagesuccess">Successful!</div>
|
||||
<div class="importformdiv" id="importformsubmitdiv">
|
||||
<input type="hidden" name="padId" value="test" />
|
||||
<span class="nowrap">
|
||||
<input type="submit" name="submit" value="Import Now" disabled="disabled" id="importsubmitinput" />
|
||||
<img alt="" id="importstatusball" src="/static/img/misc/status-ball.gif" align="top" />
|
||||
<img alt="" id="importarrow" src="/static/img/may09/leftarrow2.gif" align="top" />
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div><!-- /impexp-import -->
|
||||
<div id="impexp-export">
|
||||
<div id="impexp-exportlabel"><b>Export</b> current pad as:</div>
|
||||
<div id="exportlinks">
|
||||
<a class="exportlink exporthrefhtml n1 requiresoffice" target="_blank" href="/ep/pad/export/test/latest?format=html">HTML</a>
|
||||
<a class="exportlink exporthreftxt n2 requiresoffice" target="_blank" href="/ep/pad/export/test/latest?format=txt">Plain text</a>
|
||||
<a class="exportlink exporthreflink n3 requiresoffice" target="_blank" href="/ep/pad/linkfile?padId=test" title="This will save a file that, when opened, takes you to this pad.">Bookmark file</a>
|
||||
<a class="exportlink exporthrefdoc n4 requiresoffice" target="_blank" href="/ep/pad/export/test/latest?format=doc">Microsoft Word</a>
|
||||
<a class="exportlink exporthrefpdf n5 requiresoffice" target="_blank" href="/ep/pad/export/test/latest?format=pdf">PDF</a>
|
||||
<a class="exportlink exporthrefodt n6 requiresoffice" target="_blank" href="/ep/pad/export/test/latest?format=odt">OpenDocument</a>
|
||||
</div>
|
||||
|
||||
</div><!-- /impexp-export -->
|
||||
<div id="impexp-divider"><!-- --></div>
|
||||
<div id="impexp-disabled-clickcatcher"><!-- --></div>
|
||||
<a id="impexp-close" href="javascript:void(0)">Hide</a>
|
||||
</div><!-- /importexport -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="savedrevs-wrapper" class="dbpanel-wrapper">
|
||||
<div id="savedrevs-panel" class="dbpanel-panel">
|
||||
<div class="dbpanel-leftedge"><!-- --></div>
|
||||
<div class="dbpanel-rightedge"><!-- --></div>
|
||||
<div class="dbpanel-botleftcorner"><!-- --></div>
|
||||
<div class="dbpanel-botrightcorner"><!-- --></div>
|
||||
<div class="dbpanel-middle">
|
||||
<div class="dbpanel-inner">
|
||||
<div class="dbpanel-top"><!-- --></div>
|
||||
</div>
|
||||
<div class="dbpanel-bottom"><!-- --></div>
|
||||
</div>
|
||||
<div id="savedrevisions">
|
||||
<a href="javascript:void(0)" id="savedrevs-savenow">
|
||||
Save Now
|
||||
</a>
|
||||
<div id="savedrevs-scrolly">
|
||||
<div id="savedrevs-scrollleft" class="disabledscrollleft"><!-- --></div>
|
||||
<div id="savedrevs-scrollright" class="disabledscrollright"><!-- --></div>
|
||||
<div id="savedrevs-scrollouter">
|
||||
<div id="savedrevs-scrollinner">
|
||||
<!-- -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a id="savedrevs-close" href="javascript:void(0)">Hide</a>
|
||||
</div><!-- /savedrevs close -->
|
||||
</div>
|
||||
</div><!-- /savedrevs-wrapper -->
|
||||
<div id="revision-notifier"><span class="label">Saved:</span> <span class="name">Revision 1</span></div>
|
||||
<div id="options-wrapper" class="dbpanel-wrapper">
|
||||
<div id="options-panel" class="dbpanel-panel">
|
||||
<div class="dbpanel-leftedge"><!-- --></div>
|
||||
<div class="dbpanel-rightedge"><!-- --></div>
|
||||
<div class="dbpanel-botleftcorner"><!-- --></div>
|
||||
<div class="dbpanel-botrightcorner"><!-- --></div>
|
||||
<div class="dbpanel-middle">
|
||||
<div class="dbpanel-inner">
|
||||
<div class="dbpanel-top"><!-- --></div>
|
||||
</div>
|
||||
<div class="dbpanel-bottom"><!-- --></div>
|
||||
</div>
|
||||
<div id="padoptions">
|
||||
<div id="options-viewhead">Shared view options:</div>
|
||||
<input type="checkbox" id="options-colorscheck" />
|
||||
<label for="options-colorscheck" id="options-colorslabel">Authorship colors</label>
|
||||
<input type="checkbox" id="options-linenoscheck" />
|
||||
<label for="options-linenoscheck" id="options-linenoslabel">Line numbers</label>
|
||||
<div id="options-fontlabel">Display font:</div>
|
||||
<select id="viewfontmenu"><option value="normal">Normal</option><option value="monospace">Monospaced</option></select>
|
||||
<div id="options-viewexplain">These options affect everyone's view of the pad.</div>
|
||||
<a id="options-close" href="javascript:void(0)">Hide</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /options-wrapper -->
|
||||
|
||||
</div><!-- /docbar -->
|
||||
</div>
|
||||
|
||||
<div id="padmain">
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
makeResizableHPane("#padeditor", "#vdraggie", "#padsidebar", 0, 0, 10, -22);
|
||||
});
|
||||
</script>
|
||||
<div id="padeditor">
|
||||
|
|
@ -287,87 +104,6 @@ var clientVars = {}; // ]]>
|
|||
<div id="editorcontainer"><!-- --></div>
|
||||
</div>
|
||||
</div><!-- /padeditor -->
|
||||
<div id="vdraggie"><!-- --></div>
|
||||
<div id="padsidebar">
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
makeResizableVPane("#padusers", "#hdraggie", "#padchat", 75, 75);
|
||||
});
|
||||
</script>
|
||||
<div id="padusers">
|
||||
<div id="connectionstatus">
|
||||
<!-- -->
|
||||
</div>
|
||||
<div id="myuser">
|
||||
<div id="mycolorpicker">
|
||||
<div>
|
||||
<div class="pickerswatchouter n1"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n2"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n3"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n4"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n5"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n6"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n7"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n8"><div class="pickerswatch"><!-- --></div></div>
|
||||
</div><div>
|
||||
<div class="pickerswatchouter n9"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n10"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n11"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n12"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n13"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n14"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n15"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n16"><div class="pickerswatch"><!-- --></div></div>
|
||||
</div><div>
|
||||
<div class="pickerswatchouter n17"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n18"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n19"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n20"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n21"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n22"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n23"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n24"><div class="pickerswatch"><!-- --></div></div>
|
||||
</div><div>
|
||||
<div class="pickerswatchouter n25"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n26"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n27"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n28"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n29"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n30"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n31"><div class="pickerswatch"><!-- --></div></div>
|
||||
<div class="pickerswatchouter n32"><div class="pickerswatch"><!-- --></div></div>
|
||||
</div>
|
||||
<div id="mycolorpickersave">Save</div>
|
||||
<div id="mycolorpickercancel">Cancel</div>
|
||||
</div>
|
||||
<div id="myswatchbox"><div id="myswatch"><!-- --></div></div>
|
||||
<div id="myusernameform"><input type="text" id="myusernameedit" disabled="disabled" /></div>
|
||||
<div id="mystatusform"><input type="text" id="mystatusedit" disabled="disabled" /></div>
|
||||
</div>
|
||||
<div id="otherusers">
|
||||
<div id="guestprompts"><!-- --></div>
|
||||
<table id="otheruserstable" cellspacing="0" cellpadding="0" border="0">
|
||||
<tr><td></td></tr>
|
||||
</table>
|
||||
<div id="nootherusers"><a href="javascript:void(0)">Invite</a> other users and they will show up here.</div>
|
||||
</div>
|
||||
<div id="userlistbuttonarea">
|
||||
<a href="javascript:void(0)" id="sharebutton">Share</a>
|
||||
</div>
|
||||
</div> <!-- /padusers -->
|
||||
<div id="hdraggie"><!-- --></div>
|
||||
<div id="padchat">
|
||||
<!-- <div id="chattop"><a href="#">View chat logs...</a></div> -->
|
||||
<div id="chatlines">
|
||||
<a href="javascript:void(0)" id="chatloadmore">Load more history...</a>
|
||||
<div id="chatloadingmore">Loading history...</div>
|
||||
</div>
|
||||
<div id="chatbottom">
|
||||
<div id="chatprompt">Chat:</div>
|
||||
<div id="chatentryform"><input type="text" id="chatentrybox"/></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /padmain -->
|
||||
</div><!-- /padpage -->
|
||||
<div id="modaloverlay"><div id="modaloverlay-inner"><!-- --></div></div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue