<html lang="ru">
<head>
<style>
#progress {position: fixed;
z-index: 100;
top: 0;
left: -6px;
width: 0%;
height: 5px;
background: #3399FF;
border-radius: 1px;
transition: width 5000ms ease-out,opacity 4000ms linear;
transform: skew(45deg) translate(25px,5px);
animation: loading 3s ease-in-out forwards;
transform:translate(-0,00%);
}
#prog-ress {position: fixed;
z-index: 50;
top: 0;
left: 0px;
width: 100%;
height: 5px;
background: #333333;
border-radius: 1px;
}
@keyframes loading {
to {
width:100%;
}
}
.round {
border-radius: 5px;
border: 1px solid #85a2ff;
box-shadow: 0 0 9px #85a2ff;
}
body{
background:#333333;
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.95em;
line-height: 150%;
}
a {
color:#25BBFF;
text-decoration:none;
transition: 0.3s linear;
outline:none;text-shadow: 1px 1px 1px #000;
}
a:hover {
color:#ffffff;
text-decoration:underline;text-shadow: 1px 1px 1px #000;
}
#pagewrap{width:500px;margin:0 auto}
#content{
margin:30px 0;
padding:20px 35px;
width:100%;
float:left;
-webkit-border-radius:8px;-moz-border-radius:8px;
border-radius:8px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
box-shadow:0 1px 3px rgba(0,0,0,.4);
background:#212121 url("data:image/gif;base64,R0lGODlhDAAMAPABAAICAgAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgABACwAAAAADAAMAAACFUR+hrmh+1iLrlVoKdB5duyBojQ6BQAh+QQJCgABACwAAAAADAAMAAACFYwNh6ncGtyREdYHKb1TW5+F4vSFBQAh+QQJCgABACwAAAAADAAMAAACF4wDZ6nYwE6Urzk1V92Ur5xdHeZpZFAAACH5BAkKAAEALAAAAAAMAAwAAAIWjGGJeRzL4JHP1WgpvSq7rWke9pVGAQAh+QQJCgABACwAAAAADAAMAAACF0xgiWmr3KB7DMwDcc33arqFYtNxElMAACH5BAUKAAEALAAAAAAMAAwAAAIWDIJ4qWz+2JJuJmswjhdqX4FUKH1MAQA7") repeat;
}
#footer{
clear:both;padding:0px 15px;
color:#fff;
font-size:100%
}
#footer a{
color:#74FF90
}
.post{margin-bottom:40px}
.post-title{margin:0 0 5px;padding:0;font:bold 20px/120% Arial,Helvetica,sans-serif}
.post-title a{text-decoration:none;color:#FFE81A}
.post-meta{margin:0 0 10px;font-size:90%}
.post-image{margin:0 0 15px}
body::-webkit-scrollbar {
width: 5px; height: 5px;
}
body::-webkit-scrollbar-track {
background: #2B2B2B;
}
body::-webkit-scrollbar-thumb {
background-color: #FF3D6B;
border-radius: 10px;
border: 3px solid #000;
}
#4::-webkit-scrollbar {
width: 5px; height: 5px;
}
#4::-webkit-scrollbar-track {
background: #2B2B2B;
}
#4::-webkit-scrollbar-thumb {
background-color: #FF3D6B;
border-radius: 10px;
border: 3px solid #000;
}
html,body{margin:0;padding:0}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<title>Панель управления Open Server</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div id="progress"></div><div id="prog-ress"></div>
<marquee direction="down" scrollamount="1" height="15" text-align: center; bgcolor="#ee0062" >
</marquee>
<div id="pagewrap">
<div id="content">
<h1 class="post-title"><a href="https://trmusicss.ddns.net/2300.html" class="style1">Панель управления Open Server</a></h1>
<p class="post-meta"><time class="post-date" datetime="2011-05-08" pubdate>16+ </time> <em><a class="s4" href="#">in</a></em> описание <a class="s4" href="https://trmusicss.ddns.net/2300.html">Для <a href="https://trmusicss.ddns.net/2300.html">Андроид </a></p>
<iframe id="4" src="http://домен.net:порт/" width="85%" height="40%" marginheight="0" frameborder="0" border="0" scrolling="eys" onload="autoResize(this);" class="round"></iframe>
<p></p>
<a href onclick="javascript:history.back(); return false;">Назад</a>
<p></p>
</div>
<footer id="footer">
<p>Загрузка файла с <a href="index.html">Open Server</a></p>
</footer>
</div>
</body>
</html>Панель с кнопками отображается под экран телефона 📴!)
