merging
This commit is contained in:
commit
dba71eaa20
206
grey.css
Normal file
206
grey.css
Normal file
@ -0,0 +1,206 @@
|
||||
/*!** reset ***/
|
||||
|
||||
* {
|
||||
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing inherit;
|
||||
}
|
||||
|
||||
*:focus {
|
||||
outline none;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing border-box;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section
|
||||
display block;
|
||||
|
||||
a {
|
||||
background-color transparent;
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline none;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight bold;
|
||||
}
|
||||
|
||||
img {
|
||||
border 0;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '';
|
||||
display: table;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
|
||||
padding: 5px 20px;
|
||||
|
||||
background-color: rgba(10, 10, 10, .2);
|
||||
|
||||
line-height: 40px;
|
||||
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
|
||||
padding: 10px 20px;
|
||||
|
||||
background-color: rgba(10, 10, 10, .1);
|
||||
|
||||
font-size: 14px;
|
||||
color: #777;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 1024px;
|
||||
min-height: 100vh;
|
||||
|
||||
margin: 0 auto;
|
||||
|
||||
background-color: rgba(200,200,200,.2);
|
||||
}
|
||||
|
||||
.top-nav {
|
||||
width: 100%;
|
||||
|
||||
padding: 10px 5px;
|
||||
|
||||
background-color: rgba(200,200,200,.2);
|
||||
}
|
||||
|
||||
.top-nav__item {
|
||||
display: block;
|
||||
|
||||
float: left;
|
||||
|
||||
padding: 10px 15px 12px;
|
||||
|
||||
border-radius: 2px;
|
||||
|
||||
transition: .2s ease;
|
||||
|
||||
font-size: 18px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.top-nav__item:hover {
|
||||
background-color: #3ce;
|
||||
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
padding: 20px;
|
||||
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.mainContainer h1 {
|
||||
margin: 10px 0 5px 0;
|
||||
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.mainContainer h2 {
|
||||
margin: 10px 0 5px 0;
|
||||
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.mainContainer h3 {
|
||||
margin: 10px 0 5px 0;
|
||||
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.mainContainer h4 {
|
||||
margin: 10px 0 5px 0;
|
||||
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
.mainContainer p {
|
||||
margin: 5px 5px 0 10px;
|
||||
|
||||
}
|
||||
|
||||
.mainContainer strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mainContainer ul,
|
||||
.mainContainer ol {
|
||||
margin: 5px 5px 10px 10px;
|
||||
|
||||
list-style-position: outside;
|
||||
}
|
||||
|
||||
.mainContainer ul li {
|
||||
margin: 5px 5px 0 15px;
|
||||
}
|
||||
|
||||
.mainContainer img {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*!** end-reset ***/
|
||||
1
im.html
1
im.html
@ -5,6 +5,7 @@
|
||||
<title>Сервисы мгновенных сообщений</title>
|
||||
|
||||
<link rel="stylesheet" href="style/grey.css">
|
||||
<link rel="stylesheet" href="grey.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
|
||||
16
mail.html
16
mail.html
@ -7,6 +7,8 @@
|
||||
<link rel="stylesheet" href="style/grey.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap">
|
||||
<div class="mainContainer">
|
||||
<nav id="header">
|
||||
<a href="index.html"><div>Главная</div></a>
|
||||
@ -118,6 +120,18 @@
|
||||
<ul>
|
||||
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
|
||||
</ul>
|
||||
|
||||
<h3 id="cock.li">Cock.li</h3>
|
||||
<p>
|
||||
Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja,
|
||||
rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые
|
||||
принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
|
||||
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="fastmail">FastMail</h3>
|
||||
@ -199,5 +213,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -50,7 +50,6 @@
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="qwant">Qwant</h3>
|
||||
<p>
|
||||
|
||||
@ -3,7 +3,6 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Социальные сети</title>
|
||||
|
||||
<link rel="stylesheet" href="style/grey.css">
|
||||
|
||||
</head>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user