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> <title>MIT License</title>
<meta charset=utf-8> <meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=0.70;"> <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 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 link to if you're like me and keep forgetting to include the
@ -32,16 +33,22 @@
--> -->
<style> <style>
html { background: #eee; } html { background: #eee; }
body { margin: 0; font-family: monospace; font-size: 1.4em; } 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 { article, footer { display: block; min-width: 360px; max-width: 900px; width: 80%; }
display: block; margin: 1em auto; min-width: 320px; width: 90%; article { margin: 2.5em auto 0 auto; border: 1px solid ; border-color: #ddd #aaa #aaa #ddd; padding: 2em; background: #fff; }
}
<!-- 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);}
h1 { margin-top: 0; } h1 { margin-top: 0; }
p:last-child { margin-bottom: 0; } article p:first-of-type { margin-top: 1.6em; }
footer a { display: block; text-align: center; color: #999; font-weight: bold; text-shadow: 0 1px 1px #fff; } 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; } 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> </style>
</head> </head>
<body> <body>