accounts2/fas/fas/static/css draggable.css, NONE, 1.1 sortable_tables.css, NONE, 1.1 fas.css, 1.2, 1.3 fas.css~, 1.2, NONE

[Michael Patrick McGrath (mmcgrath)]

Author: mmcgrath

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

Modified Files:
	fas.css 
Added Files:
	draggable.css sortable_tables.css 
Removed Files:
	fas.css~ 
Log Message:
UI changes


--- NEW FILE draggable.css ---
h1 {
    font-size: 2em;
    color: #4B4545;
    text-align: center;
}

.draggable
{
    color: white;
    cursor: move;
    font-size: 20px;
//    height: 100px;
//    line-height: 100px;
    position: absolute;
    text-align: center;
    top: 200px;
    width: 100px;
}

.blue { background: blue; }
.green { background: green; }
.red { background: red; }
.white
{
    background: white;
    border: 1px solid black;
    color: black;
}


--- NEW FILE sortable_tables.css ---
h1 {
    font-size: 2em;
    color: #4B4545;
    text-align: center;
}

table.datagrid {
/*    width: 100%; */
    border-collapse: collapse;
}

table.datagrid thead th { 
    text-align: left;
    background-color: #4B4545;
    background-repeat: no-repeat;
    background-position: right center;
    color: white;
    font-weight: bold;
    padding: .3em .7em;
    font-size: .9em;
    padding-right: 5px;
    background-repeat: no-repeat;
    background-position: 95% right;
}

table.datagrid thead th a {
    color: white;
    text-decoration: none;
    font-size: 1.0em;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 15px;
}

table.datagrid thead th.over {
    background-color: #746B6B;
    cursor: pointer;
}

table.datagrid tbody th {
    font-weight: bold;
}

table.datagrid tbody td, table.datagrid tbody th {
    text-align: left;
    padding: .3em .7em;
    border-bottom: 1px solid #eee;
}

table.datagrid tbody tr.alternate td, table.datagrid tbody tr.alternate th {
    background-color: #f1f1f1;
}

table.datagrid tfoot td, table.datagrid tfoot th { 
    background-color: #FFFEE3;
    color: #4B4545;
    padding: .5em;
    font-weight: bold;
    border-top: 2px solid #4B4545;
}

table.datagrid tfoot th { text-align: left; }

table.datagrid tfoot td {  }

.invisible { display: none; }


Index: fas.css
===================================================================
RCS file: /cvs/fedora/accounts2/fas/fas/static/css/fas.css,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -r1.2 -r1.3
--- fas.css	14 Apr 2007 21:35:44 -0000	1.2
+++ fas.css	26 Apr 2007 14:28:19 -0000	1.3
@@ -1,62 +1,354 @@
-#error {
-  border: 1px solid red;
-  border-top: 0px none;
-  color: #000;
-  background-color: red;
-  padding: 0px;
-  font-size: 80%;
+*
+{
+  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(images/head.png) 0 0 repeat-x;
+}
+
+#head h1
+{
+  width: 250px;
+  float: left;
+  text-indent: -9999px;
+  overflow: hidden;
+  background: url(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(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(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(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(images/control-separator.png) 0 50% no-repeat;
+}
+
+#control a
+{
+  color: #DED6A1;
+  margin: 0 1.5ex;
+}
+
+#main
+{
+  background: url(images/shadow.png) 0 0 repeat-x;
+}
+
+#sidebar
+{
+  width: 22ex;
+  float: left;
+  background: #335F9D url(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;
-  margin: 0 auto 1em auto;
+  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(images/account.png) 0 68% no-repeat;
+}
+
+.approved
+{
+  padding-left: 20px;
+  background: url(images/approved.png) 0 68% no-repeat;
+}
+
+.unapproved
+{
+  padding-left: 20px;
+  background: url(images/unapproved.png) 0 68% no-repeat;
+}
+
+.attn
+{
+  padding-left: 20px;
+  background: url(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(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(images/tools.png) 0 50% no-repeat;
+}
+
+#rolespanel .queue li
+{
+  padding-left: 22px;
+  background: url(images/queue.png) 0 50% no-repeat;
+}
+
+#footer
+{
+  font-size: 1.6ex;
+  clear: both;
+  text-align: center;
+  padding: 15px 0 2.5ex;
+  background: url(images/footer-top.png) 0 0 repeat-x;
+}
+
+#footlinks
+{
+  padding-top: 3px;
+  padding-bottom: 18px;
+  background: #EEEEEE url(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;
 }
 
-  body {
-    font-family:    "Luxi Sans Mono", sans-serif;
-    font-size:      small;
-    color:      #555;
-  }
-
-  h2 img {
-    vertical-align: middle;
-    margin-right:   .5em;
-  }
-
-  table.menu td{
-    text-align:     center;
-    margin-right:   .5em;
-    font-weight:    bolder;
- }
-
-  table.account-info td {
-    font-size:      small;
-  }
-
-  table.account-info td:first-child {
-    font-weight:    bolder;
-    text-transform: uppercase;
-    text-align:     right;
-    font-size:      x-small;
-    vertical-align: top;
-  }
-
-  table.account-info ul.tool-links {
-    list-style-image:   url('static/images/icon_tool-item.png');
-    list-style-position: outside
-  }
-  
-  table.account-info ul.queue-links {
-    list-style-image:   url('static/images/status_incomplete.png');
-    list-style-position: outside
-  }
-
-  h3 span.account-role-title, h3 a {
-    font-weight:    100;
-  }
-
-  h3 a { 
-    font-size:      small;
-  }
-
-  h3.your-account-role {
-    padding-top:    8px;
-    background:     url('static/images/hr.png') no-repeat top left;
-  }
\ No newline at end of file


--- fas.css~ DELETED ---