|
@@ -0,0 +1,106 @@
|
|
|
+@import url(https://fonts.googleapis.com/css?family=Inconsolata);html {
|
|
|
+ background: #eee
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ margin: 0;
|
|
|
+ font-family: Inconsolata,"DejaVu Sans Mono","Bitstream Vera Sans Mono",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
|
|
|
+}
|
|
|
+
|
|
|
+article p:first-of-type {
|
|
|
+ margin-top: 1.6em
|
|
|
+}
|
|
|
+
|
|
|
+article p:last-child {
|
|
|
+ margin-bottom: 0
|
|
|
+}
|
|
|
+
|
|
|
+footer {
|
|
|
+ margin: 0 auto 2em auto;
|
|
|
+ text-align: center
|
|
|
+}
|
|
|
+
|
|
|
+footer a {
|
|
|
+ color: #666;
|
|
|
+ text-shadow: 0 1px 1px #fff;
|
|
|
+ text-decoration: none;
|
|
|
+ font-size: .8em;
|
|
|
+ padding: 1em
|
|
|
+}
|
|
|
+
|
|
|
+footer a:focus,footer a:hover {
|
|
|
+ color: #111
|
|
|
+}
|
|
|
+
|
|
|
+h1 {
|
|
|
+ font-weight: 400;
|
|
|
+ display: inline;
|
|
|
+ border-bottom: 1px solid #000;
|
|
|
+ padding: 0 0 3px 0;
|
|
|
+ line-height: 36px
|
|
|
+}
|
|
|
+
|
|
|
+a {
|
|
|
+ color: #2844fa;
|
|
|
+ text-decoration: none
|
|
|
+}
|
|
|
+
|
|
|
+a:focus,a:hover {
|
|
|
+ color: #1b29a4
|
|
|
+}
|
|
|
+
|
|
|
+a:active {
|
|
|
+ color: #000
|
|
|
+}
|
|
|
+
|
|
|
+:-moz-any-link:focus {
|
|
|
+ color: #000;
|
|
|
+ border: 0
|
|
|
+}
|
|
|
+
|
|
|
+::-moz-selection {
|
|
|
+ background: #ccc
|
|
|
+}
|
|
|
+
|
|
|
+::selection {
|
|
|
+ background: #ccc
|
|
|
+}
|
|
|
+
|
|
|
+#gravatar {
|
|
|
+ position: relative;
|
|
|
+ float: right;
|
|
|
+ margin-bottom: 1em;
|
|
|
+ margin-left: 1em;
|
|
|
+ border: 1px solid #ddd
|
|
|
+}
|
|
|
+
|
|
|
+@media all and (max-width: 500px) {
|
|
|
+ article {
|
|
|
+ padding:1em
|
|
|
+ }
|
|
|
+
|
|
|
+ body {
|
|
|
+ font-size: 1em
|
|
|
+ }
|
|
|
+}
|