Login   Register  
PHP Classes
elePHPant
Icontem

File: Documentation_and_Demo/easyTables/css/minimalist.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of enri_pin  >  Easy Tables  >  Documentation_and_Demo/easyTables/css/minimalist.css  >  Download  
File: Documentation_and_Demo/easyTables/css/minimalist.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Easy Tables
Show, edit and export database table records
Author: By
Last change:
Date: 5 months ago
Size: 8,362 bytes
 

Contents

Class file image Download
/* =============================================================================
resultTable Attributes
========================================================================== */
.resultTable{
	margin:auto !important;
	text-align:left;
	color:#3E20E3;
	border-collapse:collapse !important;
	/*border-bottom:1px solid #BBB !important;
	-moz-box-shadow:    0px 0px 4px 0px #000;
	-webkit-box-shadow: 0px 0px 4px 0px #000;
	box-shadow:         0px 0px 4px 0px #000;*/
}

.resultTable tr.header{
	background: inherit;
	font-size: 16px;
}

/*Here you can chnage the defaul color for each even and odd row*/
.resultTable tr:nth-child(odd){ background: inherit;}
.resultTable tr:nth-child(even){ background: inherit;}

/*Here you can change the default background and font color of the header cells*/
.resultTable th{
	color:#160ABA;
	font-weight:bolder;
	background: inherit;
	cursor:pointer;
	/*border-left:1px solid #BBB;*/
	border-bottom:#1223BC 3px solid;
}

.resultTable td{
	/*border-left:1px solid #BBB;
    border-right:0px;*/
	border-bottom:1px solid #9D9D9D;
}

.resultTable td, .resultTable th{
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}

.resultTable img{
	max-width:100px;
}

.resultTable input[type='text']{
	border:none;
	background:none;
	background-color:transparent;
	color:inherit;
}

.painted, .resultTable tr:hover{
	/*Here you can change the pointed row background and font color*/
	/*background:#000 !important;*/
	font-weight:bold;
}

.updt td{
	border-bottom:#0012B9 solid 2px;
	border-top:#0012B9 solid 2px;
}

.no_result{
	padding-left:30px !important;
	padding-bottom:10px !important;
	padding-top:10px !important;
}

/* =============================================================================
Global easyTable Attributes
========================================================================== */

.easyTableForm{	
	/*Global Attributes*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color:inherit;
    font-size: 14px !important;
	overflow:auto;
	width:inherit;
}

.easyTableForm select{
	max-width:75px;
}

.easyTableForm table{
	margin:auto;
}

.pager, .search{
	padding-top:5px;
	padding-bottom:10px;
}

.easyTableForm .pager, .easyTableForm div.search{
	margin:auto !important;
	padding-right:0px !important;
	padding-left:0px !important;
}

.pager td, .search td{
	padding-right:0px !important;
	padding-left:0px !important;
}

.search table, table.pager{
	width:100%;
}

.easyTableForm table.not(.resultTable){
	margin:auto;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	min-width:inherit;
}


/* =============================================================================
Modal Attributes
========================================================================== */

.modal {
  color:#0026BF;
  top: 10%;
  left: 50%;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #0026BF;
  *border: 1px solid #0026BF;
}

.modal-footer {
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}

.updateModal table{
	margin:auto;
	border-collapse:collapse;
}

.updateModal table td{
	padding:5px;
	text-align:justify;
}

.updateModal table.dt tr{
	border-bottom:1px solid #0026BF;
}

.updateModal img{
	max-width:400px;
	max-height:500px;
}

/* =============================================================================
Paginator Attributes
========================================================================== */
.easyTableForm .actual{
	border: 1px solid #090192;
    font:12px/normal sans-serif;
	text-shadow: 1px 1px 0 #000;
    color: #fff;
    background-color: #090192;
	padding: 0.4em 0.5em;
	font-weight:bold;
	border-radius: 0.2em;
	-moz-box-shadow:    0px 0px 4px 0px #000;
	-webkit-box-shadow: 0px 0px 4px 0px #000;
	box-shadow:         0px 0px 4px 0px #000;
}

.easyTableForm .pag{
	border: 1px solid #090192;
    font:12px/normal sans-serif;
	font-weight:bold;
	text-shadow: 1px 1px 0 #ddd;
    color: #090192;
    background-color: inherit;
	padding: 0.4em 0.5em;
	border-radius: 0.2em;
	cursor:pointer;
	-moz-box-shadow:    0px 0px 1px 0px #000;
	-webkit-box-shadow: 0px 0px 1px 0px #000;
	box-shadow:         0px 0px 1px 0px #000;
}

.pager .total{
	display:none;
}

/* =============================================================================
Global Buttons Attributes
========================================================================== */

.easyTableForm a.button{
	max-width:60px;
}

.easyTableForm .button {
    border: 1px solid #d4d4d4;
    font:11px/normal sans-serif;
	text-shadow: 1px 1px 0 #fff;
    color: #333;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
}

.easyTableForm .button:hover,
.easyTableForm .button:focus,
.easyTableForm .button:active,
.easyTableForm .button.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #3c8dde;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3323FE), to(#000));
    background-image: -moz-linear-gradient(#3323FE, #000);
    background-image: -o-linear-gradient(#3323FE, #000);
    background-image: linear-gradient(#3323FE, #000);
}

.easyTableForm .button:active,
.easyTableForm .button.active {
    border-color: #2a65a0;
    border-bottom-color: #3884cd;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000));
    background-image: -moz-linear-gradient(#666, #000);
    background-image: -ms-linear-gradient(#666, #000);
    background-image: -o-linear-gradient(#666, #000);
    background-image: linear-gradient(#666, #000);
}

/* =============================================================================
Icon Colors Attributes
========================================================================== */

[class^="icon-"], [class*=" icon-"] {
  background-image: url(glyphicons-halflings-blue.png);
  cursor:pointer;
}

.icon-white {
  background-image: url(glyphicons-halflings-blue.png);
}

.easyTableForm .button.arrowdown.icon:before { background-position: 0 -12px; }
.easyTableForm .button.arrowdown.icon:hover:before,
.easyTableForm .button.arrowdown.icon:focus:before,
.easyTableForm .button.arrowdown.icon:active:before { background-position: -12px -12px; }

.easyTableForm .button.add.icon:before { background-position: 0 -288px; }
.easyTableForm .button.add.icon:hover:before,
.easyTableForm .button.add.icon:focus:before,
.easyTableForm .button.add.icon:active:before { background-position: -12px -288px; }

.easyTableForm .button.remove.icon:before { background-position: -0 -60px; }
.easyTableForm .button.remove.icon:hover:before,
.easyTableForm .button.remove.icon:focus:before,
.easyTableForm .button.remove.icon:active:before { background-position: -12px -60px; }

.easyTableForm .button.search.icon:before { background-position: 0 -228px; }
.easyTableForm .button.search.icon:hover:before,
.easyTableForm .button.search.icon:focus:before,
.easyTableForm .button.search.icon:active:before { background-position: -12px -228px; }

.easyTableForm .button.edit.icon:before { background-position: 0 -264px; }
.easyTableForm .button.edit.icon:hover:before,
.easyTableForm .button.edit.icon:focus:before,
.easyTableForm .button.edit.icon:active:before { background-position: -12px -264px; }

.easyTableForm .button.trash.icon:before { background-position: -18 -336px; }
.easyTableForm .button.trash.icon:hover:before,
.easyTableForm .button.trash.icon:focus:before,
.easyTableForm .button.trash.icon:active:before { background-position: -12px -336px; }

.button.remove.icon:before { background-position: 0 -60px; }
.button.remove.icon:hover:before,
.button.remove.icon:focus:before,
.button.remove.icon:active:before { background-position: -12px -60px; }

.button.approve.icon:before { background-position: 0 -48px; }
.button.approve.icon:hover:before,
.button.approve.icon:focus:before,
.button.approve.icon:active:before { background-position: -12px -48px; }