CSS cleaned: font changed from monospace to the nice Inconsolata, non functional decoration details removed…

This commit is contained in:
Raphaël Bastide 2011-10-19 18:35:51 +02:00
parent b962e7ede1
commit 2a11c4776d

View file

@ -4,6 +4,7 @@
<title>MIT License</title>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=0.70;">
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<!--
Welcome fellow open source developer. This project is here for you to
link to if you're like me and keep forgetting to include the
@ -32,16 +33,22 @@
-->
<style>
html { background: #eee; }
body { margin: 0; font-family: monospace; font-size: 1.4em; }
article, footer {
display: block; margin: 1em auto; min-width: 320px; width: 90%;
}
<!-- article { display: block; margin: 1em auto; min-width: 320px; width: 90%; border: 1px solid #ccc; padding: 1em; background: #fff; border-radius: 5px; box-shadow: 0 5px 20px rgba(0,0,0,0.25);}-->
article { display: block; margin: 2em auto; min-width: 360px; max-width: 900px; width: 80%; border: 1px solid #ccc; padding: 2em; background: #fff; border-radius: 5px; box-shadow: 0 5px 10px rgba(0,0,0,0.25);}
body { margin: 0; font-family: "Inconsolata", "DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace monospace; font-size: 1.2em; line-height: 1.2em; }
article, footer { display: block; min-width: 360px; max-width: 900px; width: 80%; }
article { margin: 2.5em auto 0 auto; border: 1px solid ; border-color: #ddd #aaa #aaa #ddd; padding: 2em; background: #fff; }
h1 { margin-top: 0; }
p:last-child { margin-bottom: 0; }
footer a { display: block; text-align: center; color: #999; font-weight: bold; text-shadow: 0 1px 1px #fff; }
article p:first-of-type { margin-top: 1.6em; }
article p:last-child { margin-bottom: 0; }
footer { margin: 0em auto 2em auto; }
footer a { display: block; text-align: center; color: #999; text-shadow: 0 1px 1px #fff; text-decoration:none; font-size:.8em; }
footer a:before{content: "⏦"; font-size:1.5em; padding-right:.2em; }
footer a:hover, footer a:focus { color: #333; }
h1 {font-weight:normal; display:inline; border-bottom:1px solid black; padding:0 0 3px 0;}
a { color:#2844FA; text-decoration:none;}
a:hover, a:focus { color:#1B29A4; }
:-moz-any-link:focus {background:#ccc;}
::selection {background:#ccc;}
::-moz-selection {background:#ccc;}
</style>
</head>
<body>