library-mirrors/normalize.css
1
0
Fork 0
mirror of https://github.com/necolas/normalize.css.git synced 2024-12-25 15:14:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Site design+logo

Browse Source
This commit is contained in:
Daniel Pintilei 2016-03-12 18:41:49 +02:00
parent a7a10a19ae
commit 579fc524fd
4 changed files with 19 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

7
index.html
View File

@ -4,15 +4,18 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, width=device-width"> <meta name="viewport" content="initial-scale=1, width=device-width">
<title>Normalize.css: Make browsers render all elements more consistently.</title> <title>Normalize.css: Make browsers render all elements more consistently.</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700"> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="3.0.3/normalize.css"> <link rel="stylesheet" href="3.0.3/normalize.css">
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
<link rel="icon" href="favicon.ico">
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="site-box"> <div class="site-box">
<div class="hgroup"> <div class="hgroup">
<h1 class="logo">Normalize.css</h1> <img class="logo" src="logo.svg" alt="Normalize.css">
<h1 class="title">Normalize.css</h1>
<h2 class="tagline">A modern, HTML5-ready alternative to CSS resets</h2> <h2 class="tagline">A modern, HTML5-ready alternative to CSS resets</h2>
</div> </div>

1
logo.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="70" width="70"><path d="M35 0l35 35-35 35L0 35z" fill="#e3695f"/><path d="M24.58 18.553v14.77L8.884 35.378l20.587 2.695V32.49l15.95 18.956v-14.77l15.697-2.054-20.587-2.695v5.58L24.58 18.553z" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 259 B

32
main.css
View File

@ -1,5 +1,5 @@
html { html {
background: #f7f7f7; background: #fff;
color: #333; color: #333;
font: 16px/1.4 Open Sans, Helvetica, Arial, sans-serif; font: 16px/1.4 Open Sans, Helvetica, Arial, sans-serif;
} }
@ -11,7 +11,7 @@ body {
} }
a { a {
color: #069; color: #e3695f;
text-decoration: none; text-decoration: none;
} }
@ -24,6 +24,7 @@ a:active {
h1, h1,
h2 { h2 {
line-height: 1.2; line-height: 1.2;
font-family: 'Source Sans Pro', sans-serif;
} }
p { p {
@ -34,10 +35,10 @@ p {
.site-box { .site-box {
padding: 40px 60px 0; padding: 40px 60px 0;
border: 1px solid #ccc;
margin: 0 0 3em; margin: 0 0 3em;
background: #fff; background: #fff;
text-align: center; text-align: center;
box-shadow: 2px 4px 6px 1px rgba(50, 50, 50, 0.14);
} }
.site-footer { .site-footer {
@ -46,12 +47,12 @@ p {
} }
.logo { .logo {
margin: 0 0 1em; width: 10rem;
font-size: 2.375em; }
color: #69a619;
text-transform: lowercase; .title {
text-shadow: 1px 1px 0 #304d08; margin-bottom: 40px;
text-decoration: none; font-size: 2.6em;
} }
.tagline { .tagline {
@ -86,12 +87,11 @@ p {
*zoom: 1; *zoom: 1;
padding: 0.4em 1em; padding: 0.4em 1em;
border: 1px solid #5e9612; border: 1px solid #e3695f;
margin: 0 0 10px; margin: 0 0 10px;
color: #fff; color: #fff;
background: #69a619; background: #e3695f;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 5px -2px #111, inset 0 2px 5px 0 rgba(255, 255, 255, 0.3);
font-size: 1.5em; font-size: 1.5em;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
@ -101,15 +101,9 @@ p {
.btn-download:hover, .btn-download:hover,
.btn-download:focus, .btn-download:focus,
.btn-download:active { .btn-download:active {
background: #6ead1a;
text-decoration: none; text-decoration: none;
} }
.btn-download:active {
box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.2);
background: #5d9117;
}
/** /**
* Alternative download button * Alternative download button
* *
@ -143,7 +137,7 @@ p {
padding: 15px 30px; padding: 15px 30px;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
margin: 50px -60px 0; margin: 50px -60px 0;
background: #eee; background: #fff;
line-height: 28px; line-height: 28px;
*zoom: 1; *zoom: 1;
} }