Skip to content

R
retypos-webclient
Commit 21e6fb0d authored by Владислав Большаков's avatar Владислав Большаков
Browse files
Options

barbass: переработал стили (eterbug #1511)

parent 7e33a9e5
Hide whitespace changes
Inline Side-by-side
Showing with 112 additions and 51 deletions
default.php
View file @ 21e6fb0d
<div id="e_typos_div">
<p>Выделите текст и нажмите кнопку "Отправить"</p>
<p>
<nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" class="e_typos_idle" onblur="this.className='e_typos_idle'" onfocus="this.className='e_typos_activeField'" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
</p>
<div id="e_typos_title">
<span>Сервис опечаток</span>
<span title="Закрыть окно" id="e_typos_close" onclick="ETY.close();"><b>х</b></span>
</div>
<p id="e_typos_desc">Выделите текст и нажмите кнопку "Отправить"</p>
<p>
<nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" class="e_typos_idle" onblur="this.className='e_typos_idle'" onfocus="this.className='e_typos_activefield'" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
</p>
<p id="e_typos_error" class="e_typos_error" style="border:1px solid; border-radius:5px;"></p>
<input type="button" value="Отправить" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activeButton'" onclick="ETY.post_data();" />
<input type="button" value="Закрыть" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activeButton'" onclick="ETY.close();" />
<p id="e_typos_error"></p>
<p>
<input type="button" title="Отправить сообщение об опечатке" value="Отправить" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.post_data();" />
<input type="button" title="Закрыть окно" value="Закрыть" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.close();" />
</p>
</div>
etersoft_typos.js
View file @ 21e6fb0d
......@@ -43,7 +43,6 @@ var ETY = {
document.getElementById("e_typos_div").style.left = left + "px";
document.getElementById("e_typos_error").style.display = "none";
//document.getElementById("e_typos_user_text").style.display = "none";
document.getElementById("e_typos_comment").value = "";
document.getElementById("e_typos_div").style.display = "block";
......@@ -103,7 +102,7 @@ var ETY = {
//setTimeout('newWin.close()', 1000);
this.error("green", "Спасибо за ваше внимание");
this.error("green", "Спасибо за ваше внимание.");
window.setTimeout('ETY.close()', 2000);
return false;
}
......
test.php
View file @ 21e6fb0d
......@@ -11,7 +11,7 @@
position:absolute;
font-family: Arial, Sans-Serif;
font-size: 15px;
background-color: #DDDDDD;
background-color: white;
padding: 0px 2px 2px 2px;
width:350px;
border-radius: 10px;
......@@ -19,6 +19,30 @@
text-align: center;
}
#e_typos_title {
text-align: left;
padding: 0.5em 0.5em 0.3em 1em;
border-radius: 7 7 7 7;
background: #4169e1;
color: white;
margin-top: 1px;
}
#e_typos_close {
padding-right: 10px;
float: right;
cursor: pointer;
opacity: 0.5;
}
#e_typos_close:hover {
opacity: 1;
}
#e_typos_desc {
font-size: 13px;
}
#e_typos_div input {
font-family: Arial, Sans-Serif;
font-size: 13px;
......@@ -26,14 +50,18 @@
padding: 3px;
}
.e_typos_activeField {
.e_typos_activefield {
background-color: #ffffff !important;
border: 1px solid #f01717;
}
#e_typos_error {
display: none;
}
.e_typos_idle {
border-radius: 10px;
border: solid 1px #d0d0d0;
border: 1px solid #d0d0d0;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
......@@ -42,31 +70,33 @@
background-color:#FFFFFF !important;
}
.e_typos_activeButton {
border: 2px solid #d0d0d0;
.e_typos_activebutton {
border: 1px solid #d0d0d0;
background-color:#DDDDDD !important;
border-radius: 10px;
}
.e_typos_error {
display: none;
}
</style>
<div id="e_typos_div">
<p>Выделите текст и нажмите кнопку "Отправить"</p>
<p>
<nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" class="e_typos_idle" onblur="this.className='e_typos_idle'" onfocus="this.className='e_typos_activeField'" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
</p>
<!--<p id="e_typos_user_text" class="e_typos_user_text"></p>-->
<div id="e_typos_title">
<span>Сервис опечаток</span>
<span title="Закрыть окно" id="e_typos_close" onclick="ETY.close();"><b>х</b></span>
</div>
<p id="e_typos_desc">Выделите текст и нажмите кнопку "Отправить"</p>
<p>
<nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" class="e_typos_idle" onblur="this.className='e_typos_idle'" onfocus="this.className='e_typos_activefield'" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
</p>
<p id="e_typos_error" class="e_typos_error" style="border:1px solid; border-radius:5px;"></p>
<input type="button" value="Отправить" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activeButton'" onclick="ETY.post_data();" />
<input type="button" value="Закрыть" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activeButton'" onclick="ETY.close();" />
<p id="e_typos_error"></p>
<p>
<input type="button" title="Отправить сообщение об опечатке" value="Отправить" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.post_data();" />
<input type="button" title="Закрыть окно" value="Закрыть" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.close();" />
</p>
</div>
......
typos.css
View file @ 21e6fb0d
#e_typos_div {
display:none;
z-index:10000;
position:absolute;
font-family: Arial, Sans-Serif;
font-size: 15px;
background-color: #DDDDDD;
padding: 0px 2px 2px 2px;
width:350px;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
text-align: center;
#e_typos_div {
display:none;
z-index:10000;
position:absolute;
font-family: Arial, Sans-Serif;
font-size: 15px;
background-color: white;
padding: 0px 2px 2px 2px;
width:350px;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
text-align: center;
}
#e_typos_title {
text-align: left;
padding: 0.5em 0.5em 0.3em 1em;
border-radius: 7 7 7 7;
background: #4169e1;
color: white;
margin-top: 1px;
}
#e_typos_close {
padding-right: 10px;
float: right;
cursor: pointer;
opacity: 0.5;
}
#e_typos_close:hover {
opacity: 1;
}
#e_typos_desc {
font-size: 13px;
}
#e_typos_div input {
......@@ -19,14 +43,18 @@
padding: 3px;
}
.e_typos_activeField {
.e_typos_activefield {
background-color: #ffffff !important;
border: 1px solid #f01717;
}
#e_typos_error {
display: none;
}
.e_typos_idle {
border-radius: 10px;
border: solid 1px #d0d0d0;
border: 1px solid #d0d0d0;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
......@@ -35,12 +63,8 @@
background-color:#FFFFFF !important;
}
.e_typos_activeButton {
border: 2px solid #d0d0d0;
.e_typos_activebutton {
border: 1px solid #d0d0d0;
background-color:#DDDDDD !important;
border-radius: 10px;
}
.e_typos_error {
display: none;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment