index 6ac249613b10b813b8df8cb7e9e9c049f124e83e..2d121d5eab3ea5664fb6251a91b35f74eec026f6 100644 (file)
font-size:12px;
font-family:"Lucida Grande",Arial,Verdana,sans-serif;
height:100%;
+ min-width:1000px;
+ min-height:700px;
}
.left{
border:1px solid #CCC;
}
-input[type=text]{
+input[type=text], input[type=password]{
border:1px solid #CCC;
padding:3px;
}
-input[type=text]:active, input[type=text]:focus{
+input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus,{
border:1px solid #777;
}
-input[type=text]:hover{
+input[type=text]:hover, input[type=password]:hover{
border-color:#777;
}
background-color:#DDD;
}
-
h1, h2, h3 {
margin-top:2px;
}
font-weight:bold;
}
+/* Image with migration color */
+img, input[type=image] {
+ border:1px solid red;
+ background-color:rgba(255,0,0,0.2);
+}
+
+/* Image with migration color */
+
+input[type=submit].img{
+ border:0;
+ padding:0;
+ margin:0;
+ margin-top:-2px;
+ display:inline-block;
+ display:-moz-inline-block;
+ background-color:transparent;
+ background-repeat:no-repeat;
+ position:relative;
+ cursor:pointer;
+}
+
+div.img{
+ display:inline-block;
+ display:-moz-inline-block;
+ background-color:transparent;
+ background-repeat:no-repeat;
+ position:relative;
+}
+
+div.img div {
+ background-color:transparent;
+ background-repeat:no-repeat;
+ bottom:0;
+ right:0;
+ position:absolute;
+}
+
/* Title bar definitions */
padding:0;
}
-span.logged-in-user{
- font-style:italic;
+div.logged-in-label span{
+ font-weight:bold;
}
li.table-wrapper {
border-right:1px solid #C2C2C2;
}
+div.menu ul li.current {
+ padding:5px;
+ cursor:pointer;
+ background-color: rgba(0,0,0,0.1);
+ border-left:1px solid #C2C2C2;
+ border-right:1px solid #C2C2C2;
+}
+
div.menu ul li:hover {
background-color: #E0E0E0;
}
/* Buttons */
-.button {
+button {
padding:2px 6px;
margin:0;
+ margin-bottom:6px;
background-color:#F8F8F8;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
background: -moz-linear-gradient(top, #FFF, #BBB);
outline:none;
}
-.button:active {
+button:active {
background-color:#CCC;
background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
background: -moz-linear-gradient(top, #BBB, #FFF);
}
-.button:hover {
+button:hover {
cursor:pointer;
border-color:#777 !important;
}
-.button:focus, .button:active {
+button:focus, .button:active {
border-color:#777;
}
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
- background-color:#F8F8F8;
- background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
- background: -moz-linear-gradient(top, #F8F8F8, #EEE);
- color:#AAA;
+ background-color:#E8E8E8;
+ background: -webkit-gradient(linear, 0 0, 0 100%, from(#D8D8D8), to(#CCC));
+ background: -moz-linear-gradient(top, #D8D8D8, #CCC);
+ color:#333;
+ cursor:pointer;
+}
+
+.tabs li:hover {
+ background-color:#FFF;
+ background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
+ background: -moz-linear-gradient(top, #F8F8F8, #FFF);
}
.tabs li.current {
border-bottom:1px solid #FFF;
position:relative;
z-index:1;
- color:#000;
-}
-
-.tabs a {
- float:left;
- display:block;
- text-decoration:none;
- font-weight:bold;
- color:#777;
-}
-
-.tabs li a:visited {
- color:#777;
-}
-
-.tabs li.current a:visited {
- color:#000;
-}
-
-
-/* Fieldsets */
-
-fieldset {
- border:0;
- padding:4px;
- margin:0;
-}
-
-fieldset legend{
- text-align:left;
- padding:0px 0px;
- margin-left:0px;
- font-weight:bold;
-}
-
-fieldset label{
- width:8em;
- float:left;
- text-align:left;
- clear:left;
- padding-top:3px;
- margin-top:3px;
-}
-
-fieldset input[type=text]{
- float:left;
- width:10em;
- margin-top:3px;
-}
-
-fieldset input[type=checkbox]{
- clear:left;
- float:left;
- margin-top:1px;
- margin-left:0;
-}
-
-fieldset select{
- margin-top:5px;
-}
-
-fieldset textarea{
- width:100%;
- resize:none;
- border:1px solid #CCC;
-}
-
-fieldset textarea:hover{
- border-color:#777;
-}
-
-.fieldset-left {
- padding-right:10px;
- border-right:1px solid #CCC;
- height:100%;
-}
-
-.fieldset-middle {
- padding:0 10px;
- border-right:1px solid #CCC;
- height:100%;
+ color:#222;
+ cursor:pointer;
}
-.fieldset-right {
- padding:0 10px;
- height:100%;
-}
/* Containers */
clear:both;
}
-.line-clear{
- clear:both;
- padding:2px 0;
- border-bottom:1px solid #CCC;
-}
-
/* Icon menu */
.icon-menu-item{
float:left;
- background-repeat:no-repeat;
- padding:0 10px 10px 56px;
+ padding-top:10px;
+ padding-bottom:10px;
+ min-height:70px;
+ min-width:150px;
+ cursor:pointer;
+}
+
+.icon-menu-item div.img{
+ float:left;
+}
+
+.icon-menu-item div.dsc{
+ margin-left:55px
}
.icon-menu-item:hover{
}
.icon-menu-item h1{
- font-size:16px;
+ font-size:12px;
font-weight:bold;
margin:0;
+ color:#333;
+}
+
+h3.icon-menu-title{
+ font-size:14px;
+ font-weight:bold;
+ margin-top:8px;
+ color:#333;
}
.icon-menu-item p{
margin:0;
+ color:#777;
}
}
.fixedListHeader a {
- color:#333;
+ color:#444;
}
.listHeaderFormat {
.listHeaderFormat tr td {
padding:4px;
background-color:#F5F5F5;
- color:#333;
+ color:#444;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
background: -moz-linear-gradient(top, #F8F8F8, #EEE);
border-right:1px solid #CCC;
white-space:nowrap;
}
+.listScrollContent tr:nth-child(odd) {
+ background-color:#FFF;
+}
+
+.listScrollContent tr:nth-child(even) {
+ background-color:#F5F5F5;
+}
+
+.listScrollContent tr:last-child {
+ background-color:#FFF;
+}
+
.listScrollContent tr td:last-child {
padding-right:20px;
}
+.listScrollContent td div.img {
+ margin-right:1px;
+}
+
+.listScrollContent td input[type=submit].img {
+ margin-right:1px;
+}
+
.listBodyFormat tr td {
color:#000;
margin:3px;
div.nlistFooter {
background-color:#F5F5F5;
- color:#333;
+ color:#444;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
background: -moz-linear-gradient(top, #F8F8F8, #EEE);
border-left:1px solid #CCC;
}
+/* List header, Filter, misc. */
+
+#filter {
+ position:absolute;
+ right:0;
+ width:250px;
+}
+
+#mainlist {
+ position:absolute;
+ right:265px;
+ left:0;
+}
+
+.mainlist-header {
+ background-color:#F8F8F8;
+ border:1px solid #CCC;
+ border-radius:2px;
+ -moz-border-radius:2px;
+ -webkit-border-radius:2px;
+ background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
+ background: -moz-linear-gradient(top, #F8F8F8, #EEE);
+ margin-bottom:4px;
+ margin-right:-2px;
+}
+
+.mainlist-header p{
+ color:#444;
+ font-weight:bold;
+ font-size:14px;
+ margin:4px;
+}
+
+.mainlist-header div.mainlist-nav{
+ border-top:1px solid #CCC;
+ background-color:white;
+}
+
+div.mainlist-nav table{
+ border-collapse:collapse;
+}
+
+div.mainlist-nav td div.img{
+ margin-top:-2px;
+}
+
+div.mainlist-nav td{
+ padding:3px 5px;
+}
+
+div.mainlist-nav td.left-border{
+ padding-left:5px;
+}
+
/* Sortable Lists */
div.sortableListContainer {
/* Pulldown menu */
#pulldown {
-background:#FFF;
+display:inline-block;
+background-color:#FFF;
height:23px;
-border:1px #CCC solid;
-background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
-background: -moz-linear-gradient(top, #F8F8F8, #EEE);
+border:1px solid #CCC;
+background:-webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
+background:-moz-linear-gradient(top, #F8F8F8, #EEE);
}
#pulldown ul {
background-color:#418DD4;
background-image:none;
}
+
+
+/* Filter */
+
+div.filter {
+ border:1px solid blue;
+}
+
+