New website design (v1.0).

[hermes] / www / hermes.css

diff --git a/www/hermes.css b/www/hermes.css
new file mode 100644 (file)
index 0000000..4646930
--- /dev/null
+++ b/www/hermes.css
@@ -0,0 +1,49 @@
+/*
+hermes 1.0 by tim@samoff.com
+http://samoff.com
+*/
+
+html, body{background:#ddd; font-family:Arial,Helvetica,sans-serif; font-size:17px; margin:0; padding:0; text-align:center}
+
+/* Full-screen background image */
+img.bg{min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0; left:0}
+@media screen and (max-width:1024px){img.bg{left:50%; margin-left:-512px}
+}
+
+/* Construct */
+#header{position:relative; background:transparent; margin:30px auto 0 auto; padding:0}
+#content{text-align:left; position:relative; background:#fff; width:560px; margin:10px auto; padding:15px 20px; font-family:helvetica,arial,sans-serif; -moz-box-shadow:#000 0px 0px 50px; -webkit-box-shadow:#000 0px 0px 50px; opacity:.75; -moz-opacity:.75; filter:alpha(opacity=75)}
+#devmenu{background:#feeccd; padding:15px}
+#footer{position:relative; background:transparent; width:600px; margin:0 auto; padding:0}
+
+/* Elements */
+a, a:visited{color:#ffa200; text-decoration:none}
+a:hover, a:active{text-decoration:underline}
+h1, h2, h3{color:#777; margin:15px 0 10px 0}
+h1{margin:15px auto; background-image:url(ui/hermes-header.png); width:205px; height:90px; text-indent:-9999em}
+h1 a, h1 a:hover, h1 a:active, h1 a:visited{padding-right:-9999em; display:block; width:205px; height:90px}
+h2{font-size:1.4em}
+h3{font-size:1.1em}
+p{color:#028f02; line-height:1.2em; padding:0; margin-bottom:10px}
+ul li{color:#028f02; margin:0 20px; line-height:1.4em; list-style-type:square; list-style-position:outside}
+.logo{display:block; margin:0 auto 20px auto}
+.download{float:right}
+.note{color:#900}
+.strike{text-decoration:line-through}
+#footer p{color:#ccc; font-size:.8em}
+
+/* Navigation */
+ul.tabs{margin:0 auto; padding:0; list-style-type:none; height:32px; width:100%}
+ul.tabs li{display:inline; margin:0; padding:0; height:31px; line-height:31px; border-right:1px solid #ccc; border-left:none; margin-bottom:-1px}
+ul.tabs li.last{border:none}
+ul.tabs li a, ul.tabs li a:visited{text-decoration:none; color:#ccc; display:block; display:inline-block; font-size:1.2em; margin:0; padding:0 10px; outline:none}
+ul.tabs li a:hover, ul.tabs li a:active{color:#028f02}
+
+/* Tweets */
+#tweets .twittList{margin:0; padding:0}
+#tweets .twittLI{line-height:1em; list-style-type:none; color:#333; margin:0 0 1px 0; padding:10px 10px 12px 10px; clear:both; min-height:55px; border-top:1px solid #777; text-align:left}
+#tweets .twittList span.time{color:#777; font-size:.8em}
+#tweets .juitterAvatar{float:left; border:solid 1px #000; margin:0 5px 9px 0; padding:2px; width:48px; height:48px}
+#tweets .jRM a{font-style:normal}
+#tweets .extLink{}
+#tweets .hashLink{}
\ No newline at end of file