Skip to content

R
retypos-webclient
Commit 43e2d7da authored by Vladislav Bolshakov's avatar Vladislav Bolshakov
Browse files
Options

barbass: правка стилей; переименование файла

parent 151ee5b8
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 130 additions and 0 deletions
example.html 0 → 100644
View file @ 43e2d7da
<html>
<head>
<meta charset="utf-8" />
<title>Сервис опечаток</title>
<script src="etersoft_typos.js"></script>
<link type="text/css" href="stylesheet.css" rel="stylesheet" />
</head>
<body>
<script type='text/javascript'>
window.onload = function() {
var typos = new ETYPOS();
document.querySelectorAll('.e_typos_div .e_typos_close')[0].addEventListener('click', function() {typos.closeWindow();}, false);
document.querySelectorAll('.e_typos_div .e_typos_close')[1].addEventListener('click', function() {typos.closeWindow();}, false);
document.querySelector('.e_typos_div .e_typos_post').addEventListener('click', function() {typos.postData();}, false);
window.document.onkeydown = function(e) {
if (e.ctrlKey == 1 && e.keyCode == 13) {
typos.controlPanel();
}
};
}
</script>
<div class="e_typos_div">
<div class="e_typos_title">
<span>Сервис опечаток</span>
<span title="Закрыть окно" class="e_typos_close"><b>х</b></span>
</div>
<p class="e_typos_desc">Выделите текст и нажмите кнопку "Отправить"</p>
<p>
<nobr>Комментарий: <input type="text" class="e_typos_comment" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
</p>
<p class="e_typos_message"></p>
<p class='e_typos_controll_buttons'>
<input type="button" title="Отправить сообщение об опечатке" value="Отправить" class="e_typos_button e_typos_post" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" title="Закрыть окно" value="Закрыть" class="e_typos_button e_typos_close" />
</p>
</div>
<div>
Казахста́н (официально Респу́блика Казахста́н, каз. Қазақстан [qɑzɑqˈstɑn]) — государство, располагающееся в центре Евразии, бо́льшая часть которого относится к Азии, а меньшая — к Европе, Казахстан располагается между Каспийским морем, Нижним Поволжьем, Уралом, Сибирью, Китаем и Средней Азией.
По площади территории занимает девятое место среди государств мира (2 млн 724,9 тыс. км²). Расположение: от восточной окраины дельты Волги на западе до Алтайских гор на востоке, от Западно-Сибирской равнины и южной оконечности Урала на севере до Тянь-Шаньской горной системы и пустыни Кызылкум на юге страны.
Граничит на севере и западе с Россией — 7548,1 км, на востоке — с Китаем — 1782,8 км, на юге — с Киргизией — 1241,6 км, Узбекистаном — 2351,4 км и Туркменией — 426,0 км. Общая протяженность сухопутных границ — 13392,6 км[1]. Омывается водами внутриконтинентальных Каспийского и Аральского морей. Казахстан — крупнейшая страна, не имеющая выхода в Мировой океан.
В административно-территориальном отношении делится на 14 областей и 2 города республиканского значения. Экономико-географически делится на Центральный, Западный, Восточный, Северный и Южный регионы
</div>
</body>
stylesheet.css 0 → 100644
View file @ 43e2d7da
.e_typos_div {
display:none;
z-index:10000;
position:absolute;
font-family: Arial, Sans-Serif;
font-size: 15px;
background-color: white;
padding: 1px 3px 3px 3px;
width:350px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
text-align: center;
-moz-user-select: none;
-webkit-user-select: none;
border: 1px solid #4169e1;
}
.e_typos_div .e_typos_title {
text-align: left;
padding: 0.5em 0.5em 0.5em 1em;
background: #4169e1;
color: white;
margin-top: 2px;
}
.e_typos_div .e_typos_title .e_typos_close {
cursor: pointer;
opacity: 0.5;
margin-left: 190px;
}
.e_typos_div .e_typos_title .e_typos_close:hover {
opacity: 1;
}
.e_typos_div .e_typos_desc {
font-size: 13px;
}
.e_typos_div input {
font-family: Arial, Sans-Serif;
font-size: 13px;
margin-bottom: 5px;
padding: 3px;
}
.e_typos_div .e_typos_message .error {
color: red;
}
.e_typos_div .e_typos_message .success {
color: green;
}
.e_typos_div .e_typos_message .attention {
color: blue;
}
.e_typos_div .e_typos_controll_buttons .e_typos_button {
border-radius: 10px;
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));
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
background-color:#FFFFFF !important;
}
.e_typos_div .e_typos_controll_buttons .e_typos_button:hover {
border: 1px solid #d0d0d0;
background-color:#DDDDDD !important;
border-radius: 10px;
}
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