![[tokkee]](http://tokkee.org/images/avatar.png){kind=avatar}
index aff73833462037715a8a9052830423ba52cdba77..45e271f8e39a8141212535250979ea9eb661f4ec 100644 (file)
font-size:12px;
font-family:"Lucida Grande",Arial,Verdana,sans-serif;
height:100%;
+ min-width:1000px;
+ min-height:700px;
}
.left{
border-bottom:1px solid #CCC;
}
-input[type=text]{
+a:link {
+ text-decoration:none;
+ color:#000;
+}
+
+a:visited {
+ text-decoration:none;
+ color:#000;
+}
+
+input[type=checkbox]{
+ border:1px solid #CCC;
+}
+
+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;
}
+input[disabled] {
+color:#888;
+background-color:#DDD;
+}
+
+textarea[disabled] {
+color:#000;
+background-color:#DDD;
+}
+
+select[disabled] {
+color:#000;
+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 */
+button.img{
+ background:none;
+ border:0;
+ margin:0;
+ padding:2px;
+}
+
+div.img{
+ background-color:transparent;
+ background-repeat:no-repeat;
+ position:relative;
+ float:left;
+}
+
+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;
}
background-color:#F8F8F8;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
background: -moz-linear-gradient(top, #F8F8F8, #EEE);
- color:#AAA;
+ 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;
+ color:#222;
+ cursor:pointer;
+}
+
+
+/* Containers */
+
+.container{
+ float:none;
+ clear:both;
+ height:100%;
}
-.tabs a {
+.container-element{
float:left;
- display:block;
- text-decoration:none;
+ height:100%;
+}
+
+.clear-left{
+ clear:left;
+}
+
+.clear{
+ clear:both;
+}
+
+
+/* Icon menu */
+
+.icon-menu-item{
+ float:left;
+ padding-top:10px;
+ padding-bottom:10px;
+ min-height:70px;
+ min-width:150px;
+ cursor:pointer;
+}
+
+.icon-menu-item div.dsc{
+ margin-left:55px
+}
+
+.icon-menu-item:hover{
+ background-color: #E0E0E0;
+}
+
+.icon-menu-item h1{
+ font-size:12px;
font-weight:bold;
- color:#777;
+ margin:0;
+ color:#333;
+}
+
+h3.icon-menu-title{
+ font-size:14px;
+ font-weight:bold;
+ margin-top:8px;
+ color:#333;
}
-.tabs li a:visited {
+.icon-menu-item p{
+ margin:0;
color:#777;
}
-.tabs li.current a:visited {
- color:#000;
+
+/* Errors */
+
+.error {
+ border-color:red ! important;
}
-/* Fieldsets */
+/* Date picker*/
-fieldset {
+div.datepicker {
+ position:absolute;
+ text-align:center;
+ border:1px #CCC solid;
+ font-family:arial;
+ background:#FFF;
+ font-size:10px;
+ padding:0;
+ box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
+ -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
+ -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
+}
+
+div.datepicker-calendar table {
+ font-size:10px;
+ border:1px solid #FFF;
+ margin:0;
+ padding:0;
+ text-align:center;
+}
+
+div.datepicker div.datepicker-header {
+ font-size:11px;
+ font-weight:bold;
+ background:#F0F0F0;
+ border-bottom:1px solid #CCC;
+ padding:2px;
+ text-align:center;
+}
+
+div.datepicker table.header {
+ width:175px;
border:0;
- padding:4px;
+ padding:0;
+ text-align:center;
+}
+
+td.prev,td.prev_year,td.next,td.next_year {
+ width:8%;
+ cursor:pointer;
+ font-weight:bold;
+ line-height:16px;
+}
+
+td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
+ background-color:#DDD;
+}
+
+td.header {
+ text-align:center;
+ width:68%;
+ font-weight:bold;
+ line-height:16px;
+}
+
+div.datepicker-header {
+ height:16px;
+}
+
+div.datepicker-calendar table tbody tr {
+ border:1px solid #FFF;
margin:0;
+ padding:0;
}
-fieldset legend{
- text-align:left;
- padding:0px 0px;
- margin-left:0px;
+div.datepicker-calendar table tbody tr td {
+ border:1px #EEE solid;
+ margin:0;
+ padding:0;
+ text-align:center;
+ height:16px;
+ line-height:16px;
+ width:21px;
+ cursor:pointer;
+}
+
+div.datepicker-calendar table tbody tr td:hover,div.datepicker-calendar table tbody tr td.outbound:hover,div.datepicker-calendar table tbody tr td.today:hover {
+ border:1px #CCE9FF solid;
+ background:#E9F5FF;
+ cursor:pointer;
+}
+
+div.datepicker-calendar table tbody tr td.wday {
+ border:1px #AAA solid;
+ background:#CCC;
+ cursor:text;
+ width:21px;
+ height:16px;
+ line-height:16px;
font-weight:bold;
}
-fieldset label{
- width:8em;
- float:left;
- text-align:left;
- clear:left;
- padding-top:3px;
- margin-top:3px;
+div.datepicker-calendar table tbody tr td.outbound {
+ background:#F3F3F3;
}
-fieldset input[type=text]{
- float:left;
- width:10em;
- margin-top:3px;
+div.datepicker-calendar table tbody tr td.today {
+ border:1px #CCE9FF solid;
+ background:#E9F5FF;
+ background-image:url(../../images/date_active.gif);
+ background-repeat:no-repeat;
+ position:top left;
+ width:21px;
+ height:16px;
+ line-height:16px;
}
-fieldset input[type=checkbox]{
- clear:left;
+div.datepicker-calendar table tbody tr td.today:hover {
+ border:1px #CCE9FF solid;
+ background:#E9F5FF;
+ background-image:url(../../images/date_active.gif);
+ background-repeat:no-repeat;
+ position:top left;
+}
+
+div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
+ cursor:default;
+ color:#aaa;
+ width:21px;
+ height:16px;
+ line-height:16px;
+}
+
+div.datepicker-calendar table tbody tr td.nclick_outbound {
+ background:#E8E4E4;
+ width:21px;
+ height:16px;
+ line-height:16px;
+}
+
+div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
+ border:1px #EAEAEA solid;
+ background:#FFF;
+}
+
+div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
+ background:#E8E4E4;
+}
+
+div.datepicker div.datepicker-footer {
+ font-size:10px;
+ background:#F0F0F0;
+ border-top:1px solid #AAA;
+ cursor:pointer;
+ text-align:center;
+ padding:2px;
+}
+
+.date {
float:left;
- margin-top:1px;
- margin-left:0;
}
-fieldset select{
- margin-top:5px;
+.datepicker-opener-table {
+ border:1px solid transparent;
+ padding:0;
+ border-spacing:0;
+ margin:0 0 0 3px;
+ background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
+ width:18px;
+ height:18px;
+ cursor:pointer;
+}
+
+.Opera .datepicker-opener-table {
+ float:right;
}
-fieldset textarea{
- width:100%;
- resize:none;
- border:1px solid #CCC;
+.IE7 .datepicker-opener-table {
+ position:relative;
+ top:0;
+ left:3px;
}
-fieldset textarea:hover{
- border-color:#777;
+.datepicker-opener-table:hover {
+ background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
+}
+
+.datepicker-opener {
+ width:16px;
+ height:16px;
+ margin:0 0 0 3px;
+ cursor:pointer;
}
-.fieldset-left {
- padding-right:10px;
+
+/* Lists */
+
+div.listContainer {
+ width:100%;
+ border-top:1px solid #CCC;
+ border-bottom:1px solid #CCC;
+ border-left:1px solid #CCC;
border-right:1px solid #CCC;
- height:100%;
+ border-top-left-radius:2px;
+ border-top-right-radius:2px;
+ -moz-border-radius-topleft:2px;
+ -moz-border-radius-topright:2px;
+ -webkit-border-top-left-radius:2px;
+ -webkit-border-top-right-radius:2px;
+}
+
+.fixedListHeader tr {
+ position:relative;
+ height:auto;
+ font-weight:bold;
+}
+
+.fixedListHeader a {
+ color:#444;
+}
+
+.listHeaderFormat {
+ margin:3px;
+ padding:1px;
+ white-space:nowrap;
}
-.fieldset-middle {
- padding:0 10px;
+.listHeaderFormat tr td {
+ padding:4px;
+ background-color:#F5F5F5;
+ 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;
- height:100%;
+ border-bottom:1px solid #CCC;
}
-.fieldset-right {
- padding:0 10px;
+.listScrollContent {
height:100%;
+ overflow-x:hidden;
+ overflow-y:auto;
}
-/* Containers */
+.listScrollContent tr {
+ height:auto;
+ white-space:nowrap;
+}
-.container{
- float:none;
- clear:both;
- height:100%;
+.listScrollContent tr:nth-child(odd) {
+ background-color:#FFF;
}
-.container-element{
- float:left;
- height:100%;
+.listScrollContent tr:nth-child(even) {
+ background-color:#F5F5F5;
}
-.clear-left{
- clear:left;
+.listScrollContent tr:last-child {
+ background-color:#FFF;
}
-.clear{
- clear:both;
+.listScrollContent tr td:last-child {
+ padding-right:20px;
}
-.line-clear{
- clear:both;
- padding:2px 0;
+.listBodyFormat tr td {
+ color:#000;
+ margin:3px;
+ padding:2px;
+ border-right:1px solid #CCC;
+ word-wrap:break-word;
+ white-space:normal;
+ max-width:500px;
+}
+
+div.nlistFooter {
+ background-color:#F5F5F5;
+ 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;
+ border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
+ border-bottom-left-radius:2px;
+ border-bottom-right-radius:2px;
+ -moz-border-radius-bottomleft:2px;
+ -moz-border-radius-bottomright:2px;
+ -webkit-border-bottom-left-radius:2px;
+ -webkit-border-bottom-right-radius:2px;
+ padding:0;
+ width:100%;
}
-/* Icon menu */
+/* List header, Filter, misc. */
-.icon-menu-item{
- float:left;
- background-repeat:no-repeat;
- padding:0 10px 10px 56px;
+#filter {
+ position:absolute;
+ right:0;
+ width:250px;
}
-.icon-menu-item:hover{
- background-color: #E0E0E0;
+#mainlist {
+ position:absolute;
+ right:265px;
+ left:0;
}
-.icon-menu-item h1{
- font-size:16px;
+.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;
+}
+
+ul.mainlist-header-nav {
+ list-style:none;
+ cursor:pointer;
+ padding:0;
margin:0;
+ color:#666;
}
-.icon-menu-item p{
+ul.mainlist-header-nav li {
+ display:inline;
+ padding:5px;
+ padding-top:8px;
+ height:19px;
+}
+
+ul.mainlist-header-nav li:hover {
+ background-color: #E0E0E0;
+ background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
+ background: -moz-linear-gradient(top, #EEE, #E0E0E0);
+}
+
+
+/* Sortable Lists */
+
+div.sortableListContainer {
+ border:1px solid #AAA;
+ overflow:auto;
+ margin-bottom:2px;
+}
+
+.sortableListContainer th {
+ background-color:#D8D8D8;
+ padding:3px;
+ text-align:left;
+ border-left:1px solid #AAA;
+}
+
+.sortableListContainer td {
+ padding:3px;
+ text-align:left;
+ border-left:1px solid #AAA;
+}
+
+tr.sortableListItem {
+ background-color:#FFF;
+ cursor:move;
+ color:#000;
+}
+
+tr.sortableListItemFill {
+ background-color:#FFF;
+ cursor:default;
+}
+
+tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
+ background:transparent;
+}
+
+tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
+ background:transparent;
+}
+
+tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
+ background:transparent;
+}
+
+tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
+ background:transparent;
+}
+
+tr.sortableListItemOdd {
+ background-color:#F5F5F5;
+ cursor:move;
+ color:#000;
+}
+
+tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
+ background-color:#EEE;
+}
+
+tr.sortableListItemDisabled {
+ cursor:default;
+ color:#CCC;
+}
+
+table.sortableListTable {
+ border:0;
+}
+
+tr.sortableListItemMarked {
+ background-color:#FFD;
+}
+
+
+/* Tree List */
+
+ul.treeList,ul.treeList ul {
+ list-style-type:none;
+ background:url(../../images/lists/vline.png) repeat-y;
margin:0;
+ padding:0;
}
+ul.treeList ul {
+ margin-left:10px;
+}
-/* Errors */
+ul.treeList a:hover {
+ background-color:#DDD;
+}
-.error {
- border-color:red ! important;
+a.treeList {
+ padding:2px;
+ cursor:pointer;
}
+a.treeListSelected {
+ font-weight:bold;
+ color:#1010AF;
+ background-color:#DDD;
+ padding:2px;
+ cursor:pointer;
+}
+
+a.treeList:hover,a.treeListSelected:hover {
+ background-color:#DDD;
+ padding:2px;
+}
+
+ul.treeList a {
+ padding:2px;
+ cursor:pointer;
+}
+
+ul.treeList li {
+ margin:0;
+ padding:0 12px;
+ line-height:20px;
+ background:url(../../images/lists/node.png) no-repeat;
+}
+
+li.treeListSelected a {
+ font-weight:bold;
+ color:#1010AF;
+ padding:2px;
+}
+
+ul.treeList li.last {
+ background:#fff url(../../images/lists/lastnode.png) no-repeat;
+}
+
+ul.treeList li:last-child {
+ background:#fff url(../../images/lists/lastnode.png) no-repeat;
+}
+
+div.treeList {
+ background-color:#FFF;
+ border:1px solid #AAA;
+ padding:5px;
+ position:absolute;
+ z-index:500;
+ overflow-y:auto;
+ float:left;
+}
+
+span.informal {
+ color:#444;
+ font-style:italic;
+}
+
+
+/* Max height for IE */
+
+* html div.treeList {
+ height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
+}
+
+span.mark {
+ color:#B22;
+}
+
+
+/* Message dialog */
+
+div.errorMsgTitle {
+width:100%;
+font-size:1.4em;
+padding-bottom:.3em;
+padding-top:.3em;
+font-weight:bold;
+background-color:#F0F0F0;
+}
+
+div.errorMsgDialog {
+width:60%;
+background-color:#FFF;
+border:4px solid red;
+z-index:150;
+display:none;
+position:absolute;
+}
+
+div.infoMsgDialog {
+width:60%;
+background-color:#FFF;
+border:2px solid #000;
+z-index:150;
+display:none;
+position:absolute;
+}
+
+
+/* Autocompleter */
+
+div.autocomplete {
+position:absolute;
+background-color:#FFF;
+border:1px solid #AAA;
+margin:0;
+padding:0;
+z-index:600;
+overflow:hidden;
+word-wrap:break-word;
+}
+
+div.autocomplete ul {
+list-style-type:none;
+margin:0;
+padding:0;
+}
+
+div.autocomplete ul li {
+list-style-type:none;
+display:block;
+margin:0;
+padding:2px;
+padding-left:4px;
+cursor:pointer;
+}
+
+div.autocomplete li:hover {
+background-color:#F0F0F0;
+}
+
+div.autocomplete ul li.selected {
+background-color:#F0F0F0;
+}
+
+
+/* Pulldown menu */
+
+#pulldown {
+background:#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);
+}
+
+#pulldown ul {
+display:block;
+margin:0;
+padding:0;
+line-height:1em;
+list-style:none;
+z-index:90;
+}
+
+#pulldown ul li {
+float:left;
+margin:0 3px 0 0;
+padding:0;
+font-size:12px;
+line-height:1 5em;
+list-style-type:none;
+}
+
+#pulldown ul li a {
+float:left;
+display:block;
+width:auto;
+font-weight:normal;
+background:transparent;
+text-decoration:none;
+margin:0;
+padding:5px;
+}
+
+#pulldown ul li a:hover {
+text-decoration:none;
+}
+
+#pulldown ul li.sep {
+color:#AAA;
+padding:.8em 0 .5em;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#pulldown ul li a {
+float:none;
+}
+
+/* End IE5-Mac hack */
+#pulldown ul.level2,#pulldown ul.level3 {
+position:absolute;
+top:0;
+left:0;
+visibility:hidden;
+border:1px #CCC solid;
+background:#FFF;
+box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
+-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
+-moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
+}
+
+#pulldown ul.level2 li,#pulldown ul.level3 li {
+border-bottom:1px solid #fff;
+float:none;
+margin:0;
+padding:0;
+width:200px;
+}
+
+#pulldown ul.level2 li a,#pulldown ul.level3 li a {
+padding:5px 9px 5px 5px;
+}
+
+#pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
+font-weight:normal;
+background-color:#418DD4;
+background-image:none;
+}