accounts2/fas/fas/static/css style.css,1.2,1.3

[Michael Patrick McGrath (mmcgrath)]

Author: mmcgrath

Update of /cvs/fedora/accounts2/fas/fas/static/css
In directory cvs-int.fedora.redhat.com:/tmp/cvs-serv10076/static/css

Modified Files:
	style.css 
Log Message:
Major UI changes, some library additions


Index: style.css
===================================================================
RCS file: /cvs/fedora/accounts2/fas/fas/static/css/style.css,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -r1.2 -r1.3
--- style.css	14 Apr 2007 21:35:44 -0000	1.2
+++ style.css	26 Apr 2007 18:31:11 -0000	1.3
@@ -1,125 +1,354 @@
-/*
- * Quick mash-up of CSS for the TG quick start page.
- */
-
-html, body, th, td {
-  color: black;
-  background-color: #ddd;
-  font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
-  margin: 0;
-  padding: 0;
-}
-
-#header {
-  height: 80px;
-  width: 777px;
-  background: blue URL('../images/header_inner.png') no-repeat;
-  border-left: 1px solid #aaa;
-  border-right: 1px solid #aaa;
-  margin: 0 auto 0 auto;
-}
-
-a.link, a, a.active {
-  color: #369;
-}
-
-
-#main_content {
-  color: black;
-  font-size: 127%;
-  background-color: white;
-  width: 757px;
-  margin: 0 auto 0 auto;
-  border-left: 1px solid #aaa;
-  border-right: 1px solid #aaa;
-  padding: 10px;
-}
-
-#sidebar {
-  border: 1px solid #aaa;
-  background-color: #eee;
-  margin: 0.5em;
-  padding: 1em;
-  float: right;
-  width: 200px;
-  font-size: 88%;
-}
-
-#sidebar h2 {
-  margin-top: 0;
-}
-
-#sidebar ul {
-  margin-left: 1.5em;
-  padding-left: 0;
-}
-
-h1,h2,h3,h4,h5,h6,#getting_started_steps {
-  font-family: "Century Schoolbook L", Georgia, serif;
-  font-weight: bold;
-}
-
-h2 {
-  font-size: 150%;
-}
-
-#getting_started_steps a {
-  text-decoration: none;
-}
-
-#getting_started_steps a:hover {
-  text-decoration: underline;
-}
-
-#getting_started_steps li {
-  font-size: 80%;
-  margin-bottom: 0.5em;
-}
-
-#getting_started_steps h2 {
-  font-size: 120%;
-}
-
-#getting_started_steps p {
-  font: 100% "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
-}
-
-#footer {
-  border: 1px solid #aaa;
-  border-top: 0px none;
-  color: #999;
-  background-color: white;
-  padding: 10px;
-  font-size: 80%;
-  text-align: center;
-  width: 757px;
-  margin: 0 auto 1em auto;
-}
-
-
-.code {
-  font-family: monospace;
-}
-
-span.code {
-  font-weight: bold;
-  background: #eee;
-}
-
-#status_block {
-  margin: 0 auto 0.5em auto;
-  padding: 15px 10px 15px 55px;
-  background: #cec URL('../images/ok.png') left center no-repeat;
-  border: 1px solid #9c9;
-  width: 450px;
-  font-size: 120%;
-  font-weight: bolder;
-}
-
-.notice {
-  margin: 0.5em auto 0.5em auto;
-  padding: 15px 10px 15px 55px;
-  width: 450px;
-  background: #eef URL('../images/info.png') left center no-repeat;
-  border: 1px solid #cce;
-}
+*
+{
+  margin: 0;
+  padding: 0;
+}
+
+body
+{
+  font-size: 76%;
+}
+
+a
+{
+  text-decoration: none;
+}
+
+#wrapper
+{
+  font: normal 2ex/1.5 sans-serif;
+}
+
+#head
+{
+  overflow: hidden;
+  margin-top: 35px;
+  height: 70px;
+  line-height: 70px;
+  background: url(/fas/static/images/head.png) 0 0 repeat-x;
+}
+
+#head h1
+{
+  width: 250px;
+  float: left;
+  text-indent: -9999px;
+  overflow: hidden;
+  background: url(/fas/static/images/logo.png) 1ex 50% no-repeat;
+}
+
+#searchbox
+{
+  width: 36ex;
+  float: right;
+  text-align: right;
+  margin-right: 2ex;
+}
+
+#searchbox label
+{
+  display: none;
+}
+
+#searchbox input
+{
+  display: inline;
+  border: 1px solid #CCCCCC;
+}
+
+#searchbox #q
+{
+  width: 20ex;
+}
+
+#topnav
+{
+  height: 30px;
+  line-height: 30px;
+  background: url(/fas/static/images/topnav.png) 0 0 repeat-x;
+  font-size: 1.6ex;
+}
+
+#topnav ul
+{
+  list-style: none;
+  text-align: center;
+}
+
+#topnav ul li
+{
+  display: inline;
+  background: url(/fas/static/images/topnav-separator.png) 0 50% no-repeat;
+  padding-left: 3px;
+}
+
+#topnav ul li.first
+{
+  background: none;
+}
+
+#topnav a
+{
+  color: #445566;
+  margin: 0 2ex;
+}
+
+#topnav a:hover
+{
+  color: #000000;
+}
+
+#infobar
+{
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 35px;
+  line-height: 35px;
+  background: url(/fas/static/images/infobar.png) 0 0 repeat-x;
+  font-size: 1.6ex;
+}
+
+#authstatus
+{
+  width: 40ex;
+  float: left;
+  color: #FFFFFF;
+  padding-left: 1.5ex;
+}
+
+#authstatus strong
+{
+  color: #DED6A1;
+}
+
+#control
+{
+  width: 40ex;
+  float: right;
+  margin-right: 1ex;
+}
+
+#control ul
+{
+  list-style: none;
+  text-align: right;
+}
+
+#control ul li
+{
+  display: inline;
+  background: url(/fas/static/images/control-separator.png) 0 50% no-repeat;
+}
+
+#control a
+{
+  color: #DED6A1;
+  margin: 0 1.5ex;
+}
+
+#main
+{
+  background: url(/fas/static/images/shadow.png) 0 0 repeat-x;
+}
+
+#sidebar
+{
+  width: 22ex;
+  float: left;
+  background: #335F9D url(/fas/static/images/sidebar.png) 0 0 repeat-x;
+  border: 1px solid #112233;
+}
+
+#sidebar ul
+{
+  list-style: none;
+}
+
+#sidebar li
+{
+  border-top: 1px solid #CCCCCC;
+}
+
+#sidebar li.first
+{
+  border-top: none;
+}
+
+#sidebar a
+{
+  display: block;
+  text-align: center;
+  color: #FFFFFF;
+  padding: 0.5ex 0;
+}
+
+#sidebar a:hover
+{
+  background: #082C59;
+}
+
+#content
+{
+  margin-left: 22ex;
+  padding: 2ex 4ex;
+}
+
+#content h2
+{
+  /* header icon */
+}
+
+#content a
+{
+  color: #0C6ED0;
+}
+
+.userbox
+{
+}
+
+.userbox dt
+{
+  width: 23ex;
+  float: left;
+  text-align: right;
+}
+
+.userbox dd
+{
+  margin-left: 25ex;
+}
+
+.account
+{
+  padding-left: 30px;
+  background: url(/fas/static/images/account.png) 0 68% no-repeat;
+}
+
+.approved
+{
+  padding-left: 20px;
+  background: url(/fas/static/images/approved.png) 0 68% no-repeat;
+}
+
+.unapproved
+{
+  padding-left: 20px;
+  background: url(/fas/static/images/unapproved.png) 0 68% no-repeat;
+}
+
+.attn
+{
+  padding-left: 20px;
+  background: url(/fas/static/images/attn.png) 0 68% no-repeat;
+}
+
+.roleslist
+{
+  list-style: none;
+}
+
+.roleslist li
+{
+  margin-left: 0.5ex;
+}
+
+.actions
+{
+  margin-top: 1.5ex;
+  list-style: none;
+}
+
+.actions li
+{
+  display: inline;
+}
+
+#rolespanel
+{
+  list-style: none;
+}
+
+#rolespanel li.role
+{
+  border-top: 2px solid #EEEEEE;
+  margin-top: 1ex;
+  padding-top: 1ex;
+  padding-left: 22px;
+  background: url(/fas/static/images/arrow.png) 0 1.6ex no-repeat;
+}
+
+#rolespanel h4
+{
+  display: inline;
+}
+
+#rolespanel dt
+{
+  width: 10ex;
+  float: left;
+  text-align: right;
+  margin-bottom: 1ex;
+}
+
+#rolespanel dd
+{
+  margin-left: 12ex;
+  margin-bottom: 1ex;
+}
+
+#rolespanel .tools, #rolespanel .queue
+{
+  list-style: none;
+}
+
+#rolespanel .tools li
+{
+  padding-left: 22px;
+  background: url(/fas/static/images/tools.png) 0 50% no-repeat;
+}
+
+#rolespanel .queue li
+{
+  padding-left: 22px;
+  background: url(/fas/static/images/queue.png) 0 50% no-repeat;
+}
+
+#footer
+{
+  font-size: 1.6ex;
+  clear: both;
+  text-align: center;
+  padding: 15px 0 2.5ex;
+  background: url(/fas/static/images/footer-top.png) 0 0 repeat-x;
+}
+
+#footlinks
+{
+  padding-top: 3px;
+  padding-bottom: 18px;
+  background: #EEEEEE url(/fas/static/images/footer-bottom.png) 0 100% repeat-x;
+  list-style: none;
+}
+
+#footlinks li
+{
+  display: inline;
+  border-left: 1px solid #CCCCCC;
+  padding-left: 1px;
+}
+
+#footlinks li.first
+{
+  padding-left: 0;
+  border-left: none;
+}
+
+#footlinks a
+{
+  margin: 0 2ex;
+  color: #3465A4;
+}
+