Skip to content

Instantly share code, notes, and snippets.

@dkzver

dkzver/jsbin.zimumuyo.css

Created July 8, 2014 06:33
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dkzver/dd9c55aeac709d04683f to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dkzver/dd9c55aeac709d04683f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
jsbin.zimumuyo.css
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,700italic,400,300,600,700,800);
body {
margin:0;
padding:0;
font-family: Verdana;
font-size: 14px
}
p {
color:#000;
clear:both;
overflow:hidden;
}
a {
color:#000;
text-decoration:none;
}
ul,li {
list-style: none;
margin:0;
padding:0;
}
.wrapper-form {
overflow: hidden;
margin: 10px;
display: block;
padding: 12px;
background: #fff;
border: 1px solid;
width: 390px;
}
.head {
clear:both;
overflow:hidden;
}
.item {
background-image: url('http://autozab.com/uploads/1404260254.jpg');
background-size: 120px 80px;
width:120px;
height:80px;
display:block;
border:1px solid #000;
margin:4px
}
.logo {
background-image: url('http://autozab.com/uploads/1404260254.jpg');
background-size: 120px 80px;
width:120px;
height:80px;
display:block;
}
.title {
font-size: 16px;
}
.coll {
width: 70px;
float: left;
margin-right: 10px;
display: inline-table;
}
.headers {
font-weight:bold;
text-align:right;
}
.list {
clear:both;
overflow:hidden;
}
.list ul li {
float:left;
}
Raw
jsbin.zimumuyo.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Регистрация нового пользователя на сайте</title>
</head>
<body>
<div class="wrapper-form">
<div class="head">
<div class="logo"></div>
<p class="title">Здраствуйте, вы зарегестрировались на сайте <a href="http://autozab.ru">autozab</a></p>
</div>
<p>Для входа на сайт используйте</p>
<div class="coll headers f">
<p>Email</p>
<p>Пароль</p>
</div>
<div class="coll f">
<p>dkrstudio@hotmail.com</p>
<p>Yoi87g</p>
</div>
<p>Популярная спецтехника</p>
<div class="list">
<ul>
<li><a href="#"><div class="item"></div></a></<li>
<li><a href="#"><div class="item"></div></a></<li>
<li><a href="#"><div class="item"></div></a></<li>
</ul>
</div>
<p>Популярное авто</p>
<div class="list">
<ul>
<li><a href="#"><div class="item"></div></a></<li>
<li><a href="#"><div class="item"></div></a></<li>
<li><a href="#"><div class="item"></div></a></<li>
</ul>
</div>
</div>
</body>
</html>
Raw
jsbin.zimumuyo.js
//alert("Hello");
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment