X-Git-Url: http://git.veekun.com/zzz-floof.git/blobdiff_plain/dce049a4e2dd5fee51fe9d8ebafd4c9401c0c5dd..d85bba8088c64b1acc4061cc4047e87583259540:/floof/public/layout.css

diff --git a/floof/public/layout.css b/floof/public/layout.css
index b175705..e74974e 100644
--- a/floof/public/layout.css
+++ b/floof/public/layout.css
@@ -1,8 +1,9 @@
 /*** Main layout ***/
 body { font-family: sans-serif; font-size: 12px; }
 
-#header { padding: 1em; background: #c0c0c0; }
-#header #user { text-align: right; }
+#header { overflow: hidden /* float context */; padding: 1em; background: #c0c0c0; }
+#header #user { float: right; }
+#header #user form p { margin: 0; }
 
 #body { padding: 1em; }
 
@@ -14,9 +15,19 @@ body { font-family: sans-serif; font-size: 12px; }
 .artwork-grid li {display:inline;}
 
 /*** Common bits and pieces ***/
-a {color:blue; text-decoration:none; pointer:cursor;} /* Who needs visited links */
+h1 { margin: 0.5em 0 0.25em; font-size: 2em; border-bottom: 1px solid #404040; text-shadow: #a0a0a0 1px 1px 1px; }
 
-p { margin: 0.25em 0 1em 0; }
+a { color: #647cc4; font-weight: bold; text-decoration: none; pointer: cursor; }
+a:visited { color: #48598e; }
+a:hover { color: #8e4848; }
+
+p { margin: 0.75em 0; line-height: 1.33; }
+p img { vertical-align: middle; }
+
+code { font-family: monospace; }
+var { font-style: italic; background: #e8e8e8; }
+
+input[type='button'], input[type='submit'], input[type='reset'] { cursor: pointer; }
 
 /* General form layout */
 dl.form { margin: 1em 0; padding-left: 1em; border-left: 0.5em solid gray; }
@@ -31,3 +42,16 @@ dl.form dd { margin-bottom: 0.5em; }
 
 /*** Individual page layout ***/
 .selected {color:red;}
+
+/* Login */
+form#big-login { text-align: center; }
+form#big-login input { font-size: 2em; margin: 0 auto; }
+form#big-login input#identity-url { width: 20em; padding-left: 16px; }
+
+dl#openid_examples { overflow: hidden /* new float context */; }
+dl#openid_examples > dt { float: left; clear: left; width: 15.5em; margin-right: 0.5em; text-align: right; color: #2457a0; }
+dl#openid_examples > dt:after { content: ':'; }
+dl#openid_examples > dd { width: 32em; padding-left: 16em /* float width */; }
+dl#openid_examples > dd:after { content: 'float clear'; display: block; clear: both; height: 0; visibility: hidden; }
+dl#openid_examples > dt,
+dl#openid_examples > dd { line-height: 1.5; }