--- trunk/network_topology/templates/default.css	2005/02/15 01:04:08	5
+++ trunk/network_topology/templates/default.css	2005/02/15 18:56:19	6
@@ -1,619 +1,243 @@
 /* BODY */
 
-BODY {
-	background: #FFFFFF;
-	margin: 0px;
-	padding: 0px;
-	font-family: Georgia, serif ;
-	font-size: 13px;
-	height: 100%;
+BODY, TH, TD, INPUT, TEXTAREA, SELECT {
+	font-family: Verdana, sans-serif;
+	font-size: 8pt;
 }
 
-TABLE TD {
+BODY {
+	background: #ffffff;
 	margin: 0px;
-	padding: 2px;
-	border: 0px;
-/*
-	font-size: 11px;
-*/
-}
-
-/* some sizes... */
-
-TT {
-	font-size: 12px ;
-	font-family: courier, courier new, monospace ;
-}
-
-PRE {
-	font-size: 11px;
-	font-family: courier, courier new, monospace ;
-	line-height: 120%;
-}
-
-/* for alternating color in table */
-
-TR.xfile {
-	background: #e0e0ff;
-}
-
-/* P, BLOCKQUOTE { */
-BLOCKQUOTE {
-	line-height: 160%;
-}
-
-UL, OL {
-	line-height: 130%;
+	padding: 0px;
+	/* font-family: Georgia, serif ; */
+	font-size: 100%;
 }
 
-a, A:link {
+a, A:link, a:visited {
 	color: #000088;
 	text-decoration: none;
 }
 
-a:visited {
-	color: #000066;
-/*	text-decoration:line-through; */
-	text-decoration: none;
-	font-style: italic;
-}
-}
-
-A:link:hover {
+a:hover, A:link:hover {
 	color: #000088;
 	background-color: #eeeeee;
 	text-decoration: underline;
 }
 
-SUP {
-	font-family: Verdana, sans-serif;
-	font-size: xx-small;
-	line-height: 100%;
-}
-
+/* Gedafe */
 
-.footertext {
-	color: #666666;
-	font-family: Verdana;
-	font-size: 12px;
+.error {
+	clear: both;
+	margin: 2em;
+	padding: 1em;
+	border: 1px dashed #ff0000;
+	background-color: #ffe0e0;
 }
 
-/* title == h1 */
-.title {
-	color: #000088;
-	font-family: Trebuchet MS;
-	font-size: 23px;
-	font-weight: bold;
-	margin-bottom: 10px;
-	margin-top: 5px;
-	padding-bottom: 0px;
-	line-height: 100%;
+.warning {
+	clear: both;
+	margin: 2em;
+	padding: 1em;
+	border: 1px dashed #ffff00;
+	background-color: #ffffe0;
 }
 
-H1 {
-	color: #111111;
-	font-family: Trebuchet MS;
-	font-size: 23px;
-	font-weight: bold;
-	margin-bottom: 10px;
-	margin-top: 5px;
-	padding-bottom: 0px;
-	border-bottom: 1px dotted #e0e0e0;
-	line-height: 100%;
-}
+/* toolbar markup */
 
-H2 {
-	color: #000088;
-	font-family: Trebuchet MS;
-	font-size: 19px;
-	font-weight: normal;
-	margin-bottom: 5px;
-	width: 100%;
-	margin-top: 10px;
-	padding-bottom: 0px;
-	border-bottom: 1px dotted #e0e0e0;
-	line-height: 100%;
+#lefttoolbar {
+	float: left;
+	display: inline;
 }
 
-H3 {
+.dbname {
+	margin-top: 0.5em;
+	margin-left: 0.5em;
+	font-size: 150%;
+	font-weight: bold;
 	color: #000000;
-	font-family: Trebuchet MS;
-	font-size: 17px;
-	font-weight: normal;
-	margin-bottom: 0px;
-	margin-top: 5px;
-	padding-bottom: 5px;
-	line-height: 100%;
-}
-
-.breadcrumb {
-	color: #999999;
-	font-family: Verdana, sans-serif;
-	font-size: 12px;
-	padding-top: 26px;
-	padding-bottom: 0px;
-	padding-left: 70px;
-	padding-right: 50px;
 }
 
-/* blog classes */
-
-.entry {
-	margin-left: 10px;
-	margin-right: 10px;
-}
-
-.comment {
-	background-color: #f0f0f0;
-	color: #333333;
-	border-top: 1px dotted #666666;
-	border-bottom: 1px dotted #ffffff;
-	margin-top: 0px;
-	margin-bottom: 5px;
-	padding-top: 10px;
-	padding-bottom: 5px;
-	padding-left: 20px;
-	padding-right: 10px;
-}
-
-.deck {
-	color: #333333;
-	font-family: Georgia;
-	font-style: italic;
-	font-size: 16px;
-	margin-top: 3px;
-	margin-bottom: 3px;
+.dbuser {
+	padding-top: 1em;
+	margin-left: 1em;
+	color: #c0c0c0;
 }
 
-.deck em, .deck p em {
-	color: #000000;
-	font-style: normal;
+.dbuser em {
 	font-weight: bold;
+	font-style: normal;
 }
 
-.byline {
-	font-family: Verdana;
-	font-size: 12px;
-	margin-top: 16px;
-}
-
-.day {
-	background-color: #ffff00;
-	color: #666666;
-	font-size: 16px;
-	font-family: Georgia;
-	margin-left: 15px;
-	margin-top: 20px;
-}
-
-.postdate {
-	color: #666666;
-	font-size: 12px;
-	font-family: Georgia;
-	margin-left: 10px;
-}
-
-.commentdate {
-	color: #666666;
-	font-size: 12px;
-	margin-top: 5px;
-	font-family: Georgia;
-	margin-left: 30px;
-}
-
-.footline {
-	font-family: Verdana;
-	font-style: italic;
-	margin-top: 16px;
-}
-
-.subsection {
-	color: #666666;
-	font-family: Verdana;
-	font-size: 12px;
-	letter-spacing: 2px;
-	margin-top: 30px;
-	margin-bottom: 5px;
-	text-transform: uppercase;
-}
-
-.pullquote {
-	background-color: #e0e0ef;
-	color: #333333;
-	border-top: 1px dotted #999999;
-	border-bottom: 1px dotted #999999;
-	font-family: Georgia;
-	font-style: italic;
-	font-size: 14px;
-	padding: 10px;
-	margin-top: 10px;
-	margin-bottom: 10px;
-	margin-left: 10px;
-	margin-right: 10px;
-	width: 9em;
+#righttoolbar {
 	float: right;
-	text-align: center;
-/*	white-space: nowrap; */
+	display: inline;
 }
 
-.smallcaps {
-	font-variant: small-caps;
-}
-
-
-/* TABLES */
-
-.caption {
-	color: #666666;
-	font-family: Verdana, sans-serif;
-	font-size: 11px;
-	line-height: 120%;
-}
-
-.captiontitle {
-	color: #333333;
-	font-family: Verdana, sans-serif;
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 120%;
-}
-
-
-/* RULES */
-
-.xrule {
-	border-top: 1px solid #996666;
-	width: 100%;
-	height: 1px;
-	padding: 0px;
-	margin-top: 15px;
-	margin-bottom: 5px;
-}
-
-.rule {
-/*	border-top: 1px dotted #666666; */
-	border-top: 1px dotted #999999;
-	width: 100%;
-	height: 1px;
-	padding: 0px;
-	margin-top: 15px;
-	margin-bottom: 5px;
-}
-
-/* main container */
-#container {
-	width: 100%;
-	margin: 0;
-	padding: 0;
-	line-height: 130%;
-	background: #ffffff;
+.button, .button:link, .button:visited, .button a, .button a:link, .button a:visited {
+	/* font-family: Vedrana, sans-serif; */
+	margin: 0px;
+	padding: 2px;
+	white-space: nowrap;
+	background-color: #c0c0c0;
+	color: #ffffff;
+	font-size: 80%;
+	border-top: 2px solid #e0e0e0;
+	border-left: 2px solid #e0e0e0;
+	border-right: 2px solid #a0a0a0;
+	border-bottom: 2px solid #a0a0a0;
+	margin-left: 0.1em;
+	margin-right: 0.1em;
+	height: 4ex;
 }
 
-#header {
-	background: #e0e0ff;
-	margin: 0;
-	padding: 1px 1px 1px 5px;
+.edit-button {
+	clear: both;
+	display: block;
+	text-align: center;
 }
 
-#left {
-        margin: 0;
-        padding: 1em;
-        background:#ffffff;
-	border-top: 1px solid #333333;
-	margin-right: 130px;
-/*
-	border-right: 1px solid #333333;
-	border-bottom: 1px solid #333333;
-*/
+.entry {
+	clear: both;
+	margin-left: 1em;
 }
 
-#right {
-	background: #ffffff;
-	margin: 0;
-	padding: 0;
-	float: right;
-	width: 130px;
-}
+/* table bar markup */
 
-#footer {
+#tabletabs {
 	clear: both;
-	background: #f0f0f0;
-	color: #404080;
-	border-top: 1px solid #666666;
-	font-family: Verdana;
-	font-size: 11px;
-	margin: 0;
-	padding-top: 3px;
-	padding-bottom: 7px;
-	padding-left: 10px;
-}
-
-#left a, #right a, #header a, #footer a {
-	display: inline !important;
-	padding: 0px;
-	margin: 0px;
+	padding-top: 1em;
 }
 
-#navbar {
-	background-color: #e0e0ff;
+#tables {
 	margin: 0;
-	border-bottom: 1px dashed #333333;
-	border-left: 1px dashed #333333;
-	padding-top: 0em;
-	padding-left: 1em;
-	padding-right: 1em;
-	padding-bottom: 1em;
-	font-family: Georgia, serif;
-	font-size: 13px;
-}
-
-#navbar ul {
-	list-style-type: none;
-	border: none;
+	padding: 0 0 20px 10px;
+	border-bottom: 1px solid #000;
+	font-size: 80%;
 }
 
-
-.nb {
+#tables ul, #tables li {
 	margin: 0;
 	padding: 0;
+	display: inline;
+	list-style-type: none;
 }
 
-.nbs {
+#tables a:link, #tables a:visited {
+	float: left;
+	line-height: 14px;
 	font-weight: bold;
+	margin: 0 10px 4px 10px;
+	text-decoration: none;
+	color: #999;
 }
 
-.nb1 {
-	border-top: 1px solid #ffffff;
-	padding-top: 0.5ex;
-	padding-bottom: 0.5ex;
-}
-
-.nb2 {
-	margin-left: 1em;
-	font-size: 90%;
-}
-
-.nb3 {
-	margin-left: 2em;
-	font-size: 80%;
+#tables a:link#current, #tables a:visited#current, #tables a:hover {
+	border-bottom: 4px solid #000;
+	padding-bottom: 2px;
+	margin-bottom: -4px;
+	background: transparent;
+	color: #000;
 }
 
+#tables a:hover { color: #000; }
 
+/* page title -- table name or "New/Edit table name" */
 
-#navbar a, #navbar a:link, #navbar a:visited {
-	text-decoration: none;
-	font-style: normal;
-	display: block;
+h1 {
+	clear: left;
+	margin: 0.5em;
+	margin-left: 1em;
+	font-size: 120%;
+	color: #000000;
+	display: inline;
+	float: left;
 }
 
-#navbar a:hover {
-	color: #000088;
-	background-color: #eeeeee;
-	text-decoration: none;
+/* search */
+.search {
+	clear: right;
+	float: right;
 }
 
-/* title on header */
-.nb_title {
-	color: #666666;
-	font-style: italic;
-	font-size: 11px;
+/* export */
+.export {
+	clear: right;
+	float: right;
+
 }
 
-/* sidebar comments */
-.sidebar {
-	clear: right;
-	padding: 5px;
-	margin-top: 10px;
-	margin-left: 10px;
-	margin-right: 10px;
-	margin-bottom: 10px;
+/* table for < << add >> > buttons */
+.table-nav {
+	clear: both;
 	display: block;
-	background-color: #e0e0f0;
-	color: #666666;
-	font-family: Verdana, sans-serif;
-	font-size: 12px;
-	line-height: 120%;
-	border: 1px dotted #999999;
+	width: 100%;
+	margin: 0px;
+	padding: 0.5em;
 	text-align: center;
 }
 
-/* related pages box */
-
-.related {
-	font-family: Verdana, sans-serif;
-	font-size: 10px;
-	color: #999999;
-	padding: 0px;
-	margin: 10px;
+.list-buttons {
+	clear: both;
 	display: block;
 	text-align: center;
+	color: #c0c0c0;
+	font-size: 80%;
 }
 
-.related ul, .related li {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-}
-
-.related a, .related:link, .mirros a:visited {
-	font-family: Verdana, sans-serif;
-	font-size: 10px;
-	color: #999999;
-}
-
-.related a:hover {
-	font-family: Verdana, sans-serif;
-	font-size: 10px;
-	color: #666666;
+.table {
+	clear: both;
+	padding: 0.5em;
+	padding-left: 1em;
+	padding-right: 1em;
+	margin: 0px;
+	width: 100%;
 }
 
-/* mirror locations */
-.mirrors {
-	font-family: Verdana, sans-serif;
-	font-size: 10px;
-	color: #e0e0e0;
+.tr {
 	padding: 0px;
-	margin-top: 0px;
-	margin-right: 5px;
-	margin-left: 0px;
-	margin-bottom: 5px;
-	clear: right;
+	margin: 0px;
 }
 
-.mirrors a, .mirrors:link, .mirros a:visited {
-	font-family: Verdana, sans-serif;
-	font-size: 10px;
-	color: #e0e0e0;
-	display: inline !important;
+.th {
+	background-color: #e0e0e0;
 }
 
-.mirrors a:hover {
-	font-family: Verdana, sans-serif;
-	font-size: 10px;
-	color: #666666;
-	display: inline !important;
-}
-
-table.calendar {
-        border: 0px;
-        text-align: center;
-        margin: 0px auto;
-        margin-bottom: 1em;
-	font-size: 7px;
-	padding: 1px;
-	border-spacing: 0px;
-}
-table.calendar td {
-        font-size: 50%;
-	padding: 1px;
-}
-table.calendar tr.days {
-        font-size: 50%;
-	padding: 1px;
-}
-table.calendar th {
- font-style: italic; color: #808080; 
-}
-table.calendar td.sunday {
-        background-color: #e8e8e8;
-}
-/* this sucks */
-table.calendar a {
-  font-weight: bold;
+.td-odd {
+	background-color: #e0ffe0;
 }
-a:hover {
-  text-decoration: underline;
-}
-
-/* Gedafe */
 
-.error {
-	margin: 2em;
-	padding: 1em;
-	border: 1px dashed #ff0000;
-	background-color: #ffe0e0;
+.td-even {
+	background-color: #ffffff;
 }
 
-
-/* toolbar markup */
-
-#lefttoolbar { float; left; }
-
-.dbname {
-	margin-top: 0.5em;
-	font-size: 150%;
-	font-weight: bold;
+.td {
+	padding: 0px;
+	margin: 0px;
 }
 
-.dbuser {
-	padding-top: 1em;
-	color: #c0c0c0;
+.td-icons {
+	width: 1em;
 }
 
-.dbuser em {
-	font-weight: bold;
-	font-style: normal;
+.edit-label {
+	background-color: #e0e0e0;
+	text-align: left;
+	font-size: 70%;
+	width: 0;
 }
 
-#righttoolbar { float: right; }
-
-ul#toolbar
-{
-margin: 0;
-padding: 0;
-list-style-type: none;
-white-space: nowrap;
-}
-
-ul#toolbar li
-{
-float: left;
-font-size: 9px;
-font-weight: bold;
-margin: 0;
-padding: 5px 0 4px 0;
-background-color: #eef4f1;
-border-top: 1px solid #e0ede9;
-border-bottom: 1px solid #e0ede9;
-}
-
-#toolbar a, #toolbar a:link
-{
-margin: 0;
-padding: 5px 9px 4px 9px;
-color: #95bbae;
-border-right: 1px dashed #d1e3db;
-text-decoration: none;
-}
-
-ul#toolbar li#active
-{
-color: #95bbae;
-background-color: #deebe5;
-}
-
-#toolbar a:hover
-{
-color: #74a893;
-background-color: #d1e3db;
+.edit-input {
+	background-color: #e0ffe0;
+	text-align: left;
 }
 
-/* table bar markup */
-
-#tabletabs { clear: left; }
-
-#tables
-{
-margin: 0;
-padding: 0 0 20px 10px;
-border-bottom: 1px solid #000;
-}
-
-#tables ul, #tables li
-{
-margin: 0;
-padding: 0;
-display: inline;
-list-style-type: none;
-}
-
-#tables a:link, #tables a:visited, span
-{
-float: left;
-line-height: 14px;
-font-weight: bold;
-margin: 0 10px 4px 10px;
-text-decoration: none;
-color: #999;
-}
-
-#tables a:link#current, #tables a:visited#current, #tables a:hover
-{
-border-bottom: 4px solid #000;
-padding-bottom: 2px;
-background: transparent;
-color: #000;
+.footer {
+	clear: both;
+	border-top: 1px solid #000000;
+	margin-top: 1em;
+	padding-top: 1em;
 }
 
-#tables a:hover { color: #000; }
-
+.logo {
+	float: right;
+}