@liedekef/ftable
Version:
Modern, lightweight, jQuery-free CRUD table for dynamic AJAX-powered tables.
268 lines (222 loc) • 6.67 kB
text/less
@import "../ftable_theme_base.less";
.ftable_lightcolor_base( @theme-folder )
{
@defaultFontFamily: Verdana, Arial, Helvetica, sans-serif;
@defaultFontSize: 1em;
.default-font(@size: @defaultFontSize)
{
font-family: @defaultFontFamily;
font-size: @defaultFontSize;
font-weight: 400;
}
.ftable_theme_base();
div.ftable-main-container
{
.default-font();
color: #222;
div.ftable-title
{
.border-radius(3px 3px 0 0);
position: relative;
line-height: 34px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
padding-left: 10px;
border: 1px solid;
div.ftable-title-text
{
font-weight: bold;
}
// Toolbar -------------------------------------------------------------
div.ftable-toolbar
{
.dock(bottom-right);
line-height:26px;
}
}
table.ftable
{
border-collapse: collapse;
border-spacing: 0;
border-top: 0px;
border-right: 1px solid #C8C8C8;
border-bottom: 1px solid #C8C8C8;
border-left: 1px solid #C8C8C8;
thead
{
background: url('bg-thead.png') repeat-x scroll top left #dddddd;
border-bottom: 1px solid #C8C8C8;
th
{
border-left: 1px solid #fff;
border-right: 1px solid #C8C8C8;
&:first-child
{
border-left: none;
}
&th:last-child
{
border-right: none;
}
&.ftable-column-header
{
div.ftable-column-header-container
{
height: 20px;
div.ftable-column-resize-handler
{
}
}
span.ftable-column-header-text
{
margin-top: 3px;
}
}
&.ftable-column-header-select
{
padding: 5px;
}
}
}
tbody
{
> tr
{
padding: 2px;
background: #f8f8f8;
height: 30px;
> td
{
padding: 5px;
border-left: 1px dotted #bebebe;
&:first-child
{
border-left: none;
}
}
&.ftable-row-even
{
background: #f0f0f0;
}
&:hover
{
background: #e8eaef;
}
&.ftable-row-selected
{
.text-shadow(0 1px 0 #333);
color: #FCFCFC;
}
&.ftable-child-row
{
> td
{
background-color: #bbb;
padding: 2px 1px 2px 2px;
.ftable
{
border: none;
border-bottom: 1px solid #C8C8C8;
}
.ftable-title,
.ftable-bottom-panel
{
.border-radius(0px);
border: none;
}
}
}
}
}
}
div.ftable-bottom-panel
{
.border-radius(0px 0px 3px 3px);
padding: 1px;
background: #fff;
border: 1px solid #C8C8C8;
border-top: none;
min-height: 24px;
line-height: 16px;
font-size: 0.9em;
div.ftable-right-area
{
padding: 2px;
}
.ftable-page-list
{
margin: 2px;
.ftable-page-number,
.ftable-page-number-space,
.ftable-page-number-first,
.ftable-page-number-last,
.ftable-page-number-previous,
.ftable-page-number-next,
.ftable-page-number-active
{
.text-shadow(0 1px 0 white);
background-color: #ebebeb;
border-style: solid;
border-width: 1px;
border-color: #ffffff #b5b5b5 #b5b5b5 #ffffff;
padding: 2px 5px;
}
.ftable-page-number:hover,
.ftable-page-number-first:hover,
.ftable-page-number-last:hover,
.ftable-page-number-previous:hover,
.ftable-page-number-next:hover
{
background-color: #ddd;
}
.ftable-page-number-active
{
.text-shadow(0 1px 0 #666);
color: #FCFCFC;
}
.ftable-page-number-disabled
{
.opacity(0.5);
&.ftable-page-number-active
{
.opacity(1);
}
&:hover
{
background-color: #ebebeb;
}
}
}
.ftable-page-info
{
display: inline-block;
padding: 4px;
}
span.ftable-add-record
{
margin: 3px;
a
{
font-weight: bold;
text-decoration: none;
&:hover
{
text-decoration: underline;
}
}
}
}
}
form.ftable-dialog-form
{
.default-font(0.9em);
div.ftable-input-label
{
font-weight: bold;
}
}
div.ftable-column-selection-container
{
.border-radius(3px);
.box-shadow(2px 2px 4px rgba(50, 51, 50, 0.75));
}
}