Fix html/css

This commit is contained in:
Marcel Klehr 2012-07-15 16:03:12 +02:00
parent 4901adeac7
commit eb6be84150
3 changed files with 71 additions and 59 deletions

View File

@ -730,6 +730,10 @@ input[type=checkbox] {
.popup input[type=text], #users input[type=text] { .popup input[type=text], #users input[type=text] {
outline: none; outline: none;
} }
.popup button {
padding: 5px;
font-size: 14px;
}
.popup a { .popup a {
text-decoration: none text-decoration: none
} }

View File

@ -224,40 +224,44 @@
<h2>Connected.</h2> <h2>Connected.</h2>
</div> </div>
<div class="reconnecting"> <div class="reconnecting">
<h2>Reestablishing connection...</h2> <h1>Reestablishing connection...</h1>
<p><img alt="" border="0" src="/static/img/connectingbar.gif" /></p> <p><img alt="" border="0" src="/static/img/connectingbar.gif" /></p>
</div> </div>
<div class="userdup"> <div class="userdup">
<h2>Opened in another window.</h2> <h1>Opened in another window.</h1>
<p><b>You seem to have opened this pad in another browser window.</b> If you'd like to use this window instead, you can reconnect.</p> <h2>You seem to have opened this pad in another browser window.</h2>
<p>If you'd like to use this window instead, you can reconnect.</p>
<button id="forcereconnect">Reconnect Now</button> <button id="forcereconnect">Reconnect Now</button>
</div> </div>
<div class="unauth"> <div class="unauth">
<h2>No Authorization.</h2> <h1>No Authorization.</h1>
<p>Your browser's credentials or permissions have changed while viewing this pad. Try reconnecting.</p> <p>Your browser's credentials or permissions have changed while viewing this pad. Try reconnecting.</p>
<button id="forcereconnect">Reconnect Now</button> <button id="forcereconnect">Reconnect Now</button>
</div> </div>
<div class="looping"> <div class="looping">
<h2>Disconnected.</h2> <h1>Disconnected.</h1>
<p><b>We're having trouble talking to the EtherPad lite synchronization server.</b> You may be connecting through an incompatible firewall or proxy server.</p> <h2>We're having trouble talking to the EtherPad lite synchronization server.</h2>
<p>You may be connecting through an incompatible firewall or proxy server.</p>
</div> </div>
<div class="initsocketfail"> <div class="initsocketfail">
<h2>Disconnected.</h2> <h1>Disconnected.</h1>
<p><b>We were unable to connect to the EtherPad lite synchronization server.</b> This may be due to an incompatibility with your web browser or internet connection.</p> <h2>We were unable to connect to the EtherPad lite synchronization server.</h2>
<p>This may be due to an incompatibility with your web browser or internet connection.</p>
</div> </div>
<div class="slowcommit"> <div class="slowcommit">
<h2>Disconnected.</h2> <h1>Disconnected.</h1>
<p><b>Server not responding.</b> This may be due to network connectivity issues or high load on the server.</p> <h2>Server not responding.</h2>
<p>This may be due to network connectivity issues or high load on the server.</p>
<button id="forcereconnect">Reconnect Now</button> <button id="forcereconnect">Reconnect Now</button>
</div> </div>
<div class="deleted"> <div class="deleted">
<h2>Disconnected.</h2> <h1>Disconnected.</h1>
<p>This pad was deleted.</p> <p>This pad was deleted.</p>
</div> </div>
<div class="disconnected"> <div class="disconnected">
<h2>Disconnected.</h2> <h1>Disconnected.</h1>
<p><b>Lost connection with the EtherPad lite synchronization server.</b> This may be due to a loss of network connectivity.</p> <h2>Lost connection with the EtherPad lite synchronization server.</h2>
<p>If this continues to happen, please let us know</p> <p>This may be due to a loss of network connectivity. If this continues to happen, please let us know</p>
<button id="forcereconnect">Reconnect Now</button> <button id="forcereconnect">Reconnect Now</button>
</div> </div>
<form id="reconnectform" method="post" action="/ep/pad/reconnect" accept-charset="UTF-8" style="display: none;"> <form id="reconnectform" method="post" action="/ep/pad/reconnect" accept-charset="UTF-8" style="display: none;">

View File

@ -78,51 +78,55 @@
<div id="connectivity" class="popup"> <div id="connectivity" class="popup">
<% e.begin_block("modals"); %> <% e.begin_block("modals"); %>
<div class="connected visible"> <div class="connected visible">
<h2>Connected.</h2> <h2>Connected.</h2>
</div> </div>
<div class="reconnecting"> <div class="reconnecting">
<h2>Reestablishing connection...</h2> <h1>Reestablishing connection...</h1>
<p><img alt="" border="0" src="/static/img/connectingbar.gif" /></p> <p><img alt="" border="0" src="/static/img/connectingbar.gif" /></p>
</div> </div>
<div class="userdup"> <div class="userdup">
<h2>Opened in another window.</h2> <h1>Opened in another window.</h1>
<p><b>You seem to have opened this pad in another browser window.</b> If you'd like to use this window instead, you can reconnect.</p> <h2>You seem to have opened this pad in another browser window.</h2>
<button id="forcereconnect">Reconnect Now</button> <p>If you'd like to use this window instead, you can reconnect.</p>
</div> <button id="forcereconnect">Reconnect Now</button>
<div class="unauth"> </div>
<h2>No Authorization.</h2> <div class="unauth">
<p>Your browser's credentials or permissions have changed while viewing this pad. Try reconnecting.</p> <h1>No Authorization.</h1>
<button id="forcereconnect">Reconnect Now</button> <p>Your browser's credentials or permissions have changed while viewing this pad. Try reconnecting.</p>
</div> <button id="forcereconnect">Reconnect Now</button>
<div class="looping"> </div>
<h2>Disconnected.</h2> <div class="looping">
<p><b>We're having trouble talking to the EtherPad lite synchronization server.</b> You may be connecting through an incompatible firewall or proxy server.</p> <h1>Disconnected.</h1>
</div> <h2>We're having trouble talking to the EtherPad lite synchronization server.</h2>
<div class="initsocketfail"> <p>You may be connecting through an incompatible firewall or proxy server.</p>
<h2>Disconnected.</h2> </div>
<p><b>We were unable to connect to the EtherPad lite synchronization server.</b> This may be due to an incompatibility with your web browser or internet connection.</p> <div class="initsocketfail">
</div> <h1>Disconnected.</h1>
<div class="slowcommit"> <h2>We were unable to connect to the EtherPad lite synchronization server.</h2>
<h2>Disconnected.</h2> <p>This may be due to an incompatibility with your web browser or internet connection.</p>
<p><b>Server not responding.</b> This may be due to network connectivity issues or high load on the server.</p> </div>
<button id="forcereconnect">Reconnect Now</button> <div class="slowcommit">
</div> <h1>Disconnected.</h1>
<div class="deleted"> <h2>Server not responding.</h2>
<h2>Disconnected.</h2> <p>This may be due to network connectivity issues or high load on the server.</p>
<p>This pad was deleted.</p> <button id="forcereconnect">Reconnect Now</button>
</div> </div>
<div class="disconnected"> <div class="deleted">
<h2>Disconnected.</h2> <h1>Disconnected.</h1>
<p><b>Lost connection with the EtherPad lite synchronization server.</b> This may be due to a loss of network connectivity.</p> <p>This pad was deleted.</p>
<p>If this continues to happen, please let us know</p> </div>
<button id="forcereconnect">Reconnect Now</button> <div class="disconnected">
</div> <h1>Disconnected.</h1>
<form id="reconnectform" method="post" action="/ep/pad/reconnect" accept-charset="UTF-8" style="display: none;"> <h2>Lost connection with the EtherPad lite synchronization server.</h2>
<input type="hidden" class="padId" name="padId"> <p>This may be due to a loss of network connectivity. If this continues to happen, please let us know</p>
<input type="hidden" class="diagnosticInfo" name="diagnosticInfo"> <button id="forcereconnect">Reconnect Now</button>
<input type="hidden" class="missedChanges" name="missedChanges"> </div>
</form> <form id="reconnectform" method="post" action="/ep/pad/reconnect" accept-charset="UTF-8" style="display: none;">
<input type="hidden" class="padId" name="padId">
<input type="hidden" class="diagnosticInfo" name="diagnosticInfo">
<input type="hidden" class="missedChanges" name="missedChanges">
</form>
<% e.end_block(); %> <% e.end_block(); %>
</div> </div>