CatalystX-ListFramework

 view release on metacpan or  search on metacpan

t/static/css/lists.css  view on Meta::CPAN

/* old talisman */

.oldjob {
   background-color: #ffffaa;
   border: 1px solid #000000;
}

.newjob {
   background-color: #ffaaaa;
   
}

h2 {
   margin-top: 15px;
}
div.indented {
   margin-left: 30px;
}

body.alt {
   background-color: white;
   margin: 0;
   font-family: Arial, Helvetica, sans-serif;
  }
.boldlabel {
   color: #333399;
   font-size: 90%;
   font-weight: bold;
  }
button.popup {
        font-size: 8pt;
        margin: 0;
        padding: 0;
        cursor: hand;
        }

.boldlabel {
   color: #333399;
   font-size: 90%;
   font-weight: bold;
  }

.btnsort {
   background-color: #dae0ed;
   font-size: 90%;
   color: #333399;
   font-weight: bold;
   border-left: 0px solid #ccccee;
   border-right: 0px solid #666688;
   border-top: 0px solid #ccccee;
   border-bottom: 0px solid #666688;
   padding-left: 2px;
   padding-right: 2px;
   text-align: center;
  }
.btnsorton {
   background-color: #333399;
   font-size: 90%;
   color: #dae0ed;
   font-weight: bold;
   border-left: 0px solid #ccccee;
   border-right: 0px solid #444488;
   border-top: 0px solid #ccccee;
   border-bottom: 0px solid #444488;
   padding-left: 2px;
   padding-right: 2px;
   text-align: center;
  }
.column {
   background-color: #EEEEEE;
   color: #333399;
   font-weight: bold;
   text-align: center;
   border-width: 0px;
   border-style: none;
  }
.columnsel {
   background-color: #333333;
   color: #EEEEEE;
   font-weight: bold;
   text-align: center;
  }
.columnsrt {
   background-color: #EEEEEE;
   color: #333333;
   font-weight: bold;
   text-align: center;
  }
.data {
   color: #333399;
   background-color: #FFFFFF;
   font-weight: bold;
   border-width: 0;
   border-style: inset;

t/static/css/lists.css  view on Meta::CPAN

.input {
   color: #333399;
   font-size: 80%;
   border-width: 0px;
   border-style: none;
  }
.label {
   color: #333399;
   font-size: 90%;
   border-width: 0px;
   font-weight: bold;
  }
.listhead {
   color: #333399;
   font-size: 110%;
   font-weight: bold;
   text-align: right;
  }
.normal {
   color: #333399;
   font-weight: bold;
  }
.rowa {
   background-color: #f4f6fa;
  }
.rowh {
   background-color: #DDDDDD;
  }
.rown {
   /*background-color: transparent*/;
  }
.select {
   background-color: #d6dceb;
   color: #333399;
   font-size: 80%;
   font-weight: bold;
   border-width: 0px;
   border-style: none;
  }
.tdcusttitle {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 150%;
   font-weight: bold;
   color: navy
   }
.widebutton {
   background-color: #dae0ed;
   font-weight: bold;
   font-size: 80%;
   color: #333399;
   border-style: groove;
   border-bottom: 1px solid;
   border-left: #ffffff 1px solid;
   border-right: 1px solid;
   border-top: #ffffff 1px solid;
   padding-top: 0;
   padding-bottom: 0 ;
   padding-left: 10px;
   text-align: left;
   width: 150px;
   cursor: hand;
  }

/* talnf */

body.main {
   background-color: white;
   margin: 0;
   font-family: Arial, Helvetica, sans-serif;
   color: #0000aa;
  }

a:link, a:visited {
  color: #333399;
  }
a:active {
  color: blue;
  }

input.textfield {
  width: 100px;
  }
select.select {
  background-color: transparent;
  font-weight: normal;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  }

/* lists */

table.listing {
   clear: both;  
}
.listbutton {
   background-color: #dae0ed;
   font-weight: bold;
   font-size: 80%;
   color: #333399;
   border-style: groove;
   border-bottom: 1px solid;
   border-left: #ffffff 1px solid;
   border-right: 1px solid;
   border-top: #ffffff 1px solid;
   padding-bottom: 0 ;
   padding-left: 10px;
   cursor: hand;
}
td.searchboxtitle {
   background-color: #EEEEEE;
   color: #333399;
   font-weight: bold;
   text-align: center;
   border-width: 0px;
   border-style: none;  
}
td.searchboxlabel, td.searchboxinput {
   background-color: #d6dceb;
   color: #333399;
   font-size: 80%;
   padding-left: 4px;
   padding-right: 4px;
   font-weight: bold;
   border-width: 0px;
   border-style: none;
}
.listcolheadsort {
   background-color: #dae0ed;
   font-size: 90%;
   color: #333399;
   font-weight: bold;
   border-left: 0px solid #ccccee;
   border-right: 0px solid #666688;
   border-top: 0px solid #ccccee;
   border-bottom: 0px solid #666688;
   padding-left: 2px;
   padding-right: 2px ;
   text-align: center;
   cursor:hand;
}
.listcolheadrunningtotal {
   background-color: #dae0ed;
   font-size: 90%;
   color: #333399;
   font-weight: bold;
   border-left: 0px solid #ccccee;
   border-right: 0px solid #666688;
   border-top: 0px solid #ccccee;
   border-bottom: 0px solid #666688;
   padding-left: 2px;
   padding-right: 2px ;
   text-align: center;
   cursor:hand;
}
a.listcolheadsort:link, a.listcolheadsort:visited, a.listcolheadsort:active {
  text-decoration: none;
}
tr.listrow0 {
   background-color: #f4f6fa;
   font-size: 90%;
}
tr.listrow1 {
   font-size: 90%;
}
tr.listrowsum {
   background-color: #e0e0e0;
   font-size: 90%;
}
input.listpagesize {
   font-size: 80%;
}

table.listfoot {
   background-color: #EEEEEE;
   width: 100%;
   clear: both;
   padding: 0;
   margin: 0;
   border: 0;
   border-collapse: collapse;
}
td.listpagesize {
   color: #333399;
   text-align: left;
   font-size: 90%;
   margin-left: 1px;
}
td.listfoottotal {
   color: #333399;
   font-weight: bold;
   text-align: center;
}
td.listpageselect {
   color: #333399;
   font-size: 90%;
   text-align: right;
}

div.listfootcount {
   margin-left: 3px;
   background-color: #EEEEEE;
   color: #333399;
   font-weight: bold;
   text-align: center;
   border-width: 0px;
   border-style: none;  
   width:75%;
}

/* forms */

.header {
  color:#333399;



( run in 1.766 second using v1.01-cache-2.11-cpan-cdf2f3d4e48 )