70% OFF : CLICK HERE TO BUY IT TODAY FOR ONLY $44.70 OR GET IT FREE VIA TRIALPAY  

PHP Demo Application - Source Code

/Application/View/Css/Style.css


<script type="text/javascript"> 
@charset "utf-8";
/* =-=-=-=-=-=-=-[Main Document]-=-=-=-=-=-=-=- */  
body {
	    background-color#a0a0d0;
	    font-familyVerdanaArialHelveticasans-serif;
	    font-size12pt;
	    font-weightbold;
	    margin0;
	}
#ajaxBusyIndicator {
	    displaynone;
	    top25px;
	    left25px;
	    positionfixed;
	    z-index9999;
	    background-color#ffffff;
	    border2px solid #e0e0e0;
	    width150px;
	    height150px;
	    background#ffffff url(Images/AjaxLoader.gif) no-repeat center;
	}
/* =-=-=-=-=-=-=-[Top Bar]-=-=-=-=-=-=-=- */  
.topBarHeading {
	    padding-top8px;
	    padding-left12px;
	    text-alignleft;
	    color#fcfcfc;
	    font-size24pt;
	    cursor: default;
	}
.breadCrumbs {
	    font-size10pt;
	    margin-top: -4px;
	    margin-left14px;
	    margin-bottom18px;
	    color#c0c0ff;
	}
.breadCrumbs a {
	    color#e0e0ff;
	}
.headerBuffer {
	    margin-top100px;
	}
/* =-=-=-=-=-=-=-[Navigation Menu]-=-=-=-=-=-=-=- */
#menu {    
	    margin: -7px 0 0 3px;
	    padding0;
	}
#menu li {
	    floatleft;
	    list-stylenone;
	    font12px TahomaArial;
	}
#menu li a {
	    displayblock;
	    background#324143;
	    padding5px 12px;
	    text-decorationnone;
	    border-right1px solid white;
	    width70px;
	    color#eaffed;
	    white-spacenowrap;
	}
#menu li a:hover {
	    background#24313C;
	}
#menu li ul {
	    margin0;
	    padding0;
	    positionabsolute;
	    visibilityhidden;
	    border-top1px solid white;
	}
#menu li ul li {
	    floatnone;
	    displayinline;
	}
#menu li ul li a {
	    widthauto;
	    background#e0e0e0;
	    color#24313C;
	}
#menu li ul li a:hover {
	    background#ffffc0;
	}
/* =-=-=-=-=-=-=-[Filters]-=-=-=-=-=-=-=- */  
.mainBlock {
	    positionabsolute;
	    displayblock;
	    margin-top8px;
	    margin-left220px;
	    *margin-left0px;
	}
.mainBlockWindow {
	    displayblock;
	    width800px;
	    margin-top8px;
	    margin-left0px;
	}
.filter {
	    displayinline;
	    width800px;
	    background-color#e0e0e0;
	    heightauto;
	}
.selectFilter {
	    background-color#fff;
	    border1px #000 solid;
	    width350px;
	    font-size11pt;
	    cursorpointer;
	}
.filterColumn {
	    displayinline;
	}
.filterBlock {
	    displayblock;
	    width100%;
	    padding2px 0;
	    background#f0f0f0 url(Images/FilterBackground.gif) repeat-x scroll center top;
	    border#cccccc #cccccc;
	}
.filterSelectBlock {
	    floatleft;
	    margin-right20px;
	    margin-top: -4px;
	}
.filterBlock .inputText {
	    floatleft;
	    padding2px 1px;
	    bordersolid 1px #aacfe4;
	    margin0;
	    width400px;
	}
.filterBlock .inputText:hover, .filterBlock .inputText:focus {
	    floatleft;
	    padding1px 0;
	    bordersolid 2px orange;
	    margin0;
	    width400px;
	}
.filterBlock .inputNumeric {
	    floatleft;
	    padding2px 1px;
	    bordersolid 1px #aacfe4;
	    margin0;
	    width100px;
	}
.filterBlock .inputNumeric:hover, .filterBlock .inputNumeric:focus {
	    floatleft;
	    padding1px 0;
	    bordersolid 2px orange;
	    margin0;
	    width100px;
	}
.filterBlock .inputSelect {
	    float:left;
	    font-size:12px;
	    border:solid 1px #aacfe4;
	    margin0;
	    width405px;
	}
.tableFilters {
	    table-layoutfixed;
	    border1px dotted #000;
	    background-color#f0f6dd;
	    width800px;
	    margin4px auto;
	}
.tableFilters td {
	    border-top1px dotted black;
	    padding2px 0 4px 0;
	}
.tableFilters .inputText {
	    margin-top2px;
	}
.tableFilters .col1 {
	    width216px;
	    color#0000C0;
	}
.tableFilters .col1 label {
	    displayblock;
	    padding-right12px;
	    text-alignright;
	}
.tableFilters .col2 {
	    width150px;
	}
.tableFilters .col2 select {
	    width144px;
	    color#000;
	    background-color#fff;
	    border1px #c0c0c0 solid;
	    padding-top2px;
	    padding-bottom2px;
	}
.tableFilters .col3 {
	    width434px;
	}
.tableFilters .col4 {
	    width30px;
	}
.tableFilters .col4 .closeButton {
	    backgroundurl(Images/CloseButton.png);
	    width21px;
	    height21px;
	    font-size24pt;
	    margin-left4px;
	    cursorpointer;
	}
.tableFilters .col4 .closeButton:hover {
	    backgroundurl(Images/CloseButton.png) -21px -0;
	    width21px;
	    height21px;
	    font-size24pt;
	    margin-left5px;
	    cursorpointer;
	}
.selectOperator {  
	    font-size10pt;
	    color#000;
	    background-color#fff;
	    border1px #c0c0c0 solid;
	    padding-top2px;
	    padding-bottom2px;
	}
/* =-=-=-=-=-=-=-[Form Elements]-=-=-=-=-=-=-=- */  
.frmUpdate {
	    font-familySegoe UI,Arial,sans-serif;
	    font-size11pt;
	    width100%;
	}
.frmUpdate ul {
	    list-stylenone;
	    margin0;
	    padding0;
	}
.frmUpdate li {
	    clearboth;
	}
.frmUpdate label {
	    displayblock;
	    font-weightbold;
	    text-alignright;
	    width140px;
	    floatleft;
	    margin-top4px;
	}
.frmUpdate fieldset {
	    font-size12pt;
	    width90%;
	    margin-leftauto;
	    margin-rightauto;
	}
.frmUpdate hr {
	    clearboth;
	}
.frmUpdate .form-label-left {
	    width200px;
	    margin-right20px;
	    text-alignleft;
	    floatleft;
	    font-size12pt;
	}
.frmUpdate .readOnly {
	    background-color#e0e0e0;
	    color#000;
	    floatleft;
	    padding1px 3px;
	    bordersolid 1px #aacfe4;
	    margin2px 0 20px 10px;
	    width250px;
	}
.frmUpdate input {
	    floatleft;
	    padding2px 1px;
	    bordersolid 1px #aacfe4;
	    margin2px 0 20px 10px;
	}
.frmUpdate .inputLargeText {
	    width900px;
	    height400px;
	}
.frmUpdate .radioButton {
	    floatleft;
	    text-alignleft;
	    displayblock;
	    bordernone;
	}
.frmUpdate .radioButtonLabel {
	    floatleft;
	    text-alignleft;
	    displayblock;
	    margin-top: -2px;
	    margin-left10px;
	}
.frmUpdate .radioFieldset {
	    width450px;
	    floatleft;
	    margin-left12px;
	    margin-bottom20px;
	}
.frmUpdate .dualistFieldset {
	    width728px;
	    floatleft;
	    margin-left12px;
	    margin-bottom20px;
	    padding8px;
	}
.frmUpdate .labelAvailable {
	    background-color#8B7D6B;
	    text-aligncenter;
	    width321px;
	}
.frmUpdate .labelSelected {
	    background-color#8B7D6B;
	    text-aligncenter;
	    width321px;
	    margin-bottom2px;
	}
.frmUpdate .clear {
	    clearboth;
	    margin-top0;
	}
.frmUpdate .fileName {
	    floatleft;
	    margin-left150px;
	    padding-bottom7px;
	}
.callout {
	    color#f00;
	    floatleft;
	    margin-left220px;
	    margin-bottom8px;
	    margin-top0;
	    width417px;
	    border-right4px solid white;
	    border-bottom4px solid white;
	    border-left1px solid black;
	    border-top1px solid black;
	    padding4px;
	    background-color#fdfea8;
	}
.calloutList {
	    positionrelative;
	    margin-top0;
	    width400px;
	    padding4px;
	}
.error ul {
	    margin10px;
	    padding8px 8px 8px 16px;
	}
.inputText {
	    floatleft;
	    padding2px 1px;
	    bordersolid 1px #aacfe4;
	    margin2px 0 20px 10px;
	    width400px;
	}
.inputText:hover, .inputText:focus {
	    floatleft;
	    padding1px 0;
	    bordersolid 2px orange;
	    margin2px 0 20px 10px;
	    width400px;
	}
.inputPassword {
	    floatleft;
	    padding2px 1px;
	    bordersolid 1px #aacfe4;
	    margin2px 0 20px 10px;
	    width300px;
	}
.inputPassword:hover, .inputPassword:focus {
	    floatleft;
	    padding1px 0;
	    bordersolid 2px orange;
	    margin2px 0 20px 10px;
	    width300px;
	}
.inputNumeric {
	    floatleft;
	    padding2px 1px;
	    bordersolid 1px #aacfe4;
	    margin2px 0 20px 10px;
	    width100px;
	}
.inputNumeric:hover, .inputNumeric:focus {
	    floatleft;
	    padding1px 0;
	    bordersolid 2px orange;
	    margin2px 0 20px 10px;
	    width100px;
	}
.inputTextPopup {
	    font-size10pt;
	    color#000;
	    background-color#fff;
	    border-left1px #fff solid;
	    border-top1px #fff solid;
	    border-right1px #000 solid;
	    border-bottom1px #000 solid;
	    padding-top2px;
	    padding-bottom2px;
	    width368px;
	    height19px;
	}
.inputTextPopup:hover, .inputTextPopup:focus {
	    font-size10pt;
	    border2px orange solid;
	    background-color#fefde0;
	    padding-top1px;
	    padding-bottom1px;
	    width366px;
	    height19px;
	}
.inputTextPopupButton {
	    background-color#f0f0f0;
	    color#000;
	    cursorpointer;
	    font-size8pt;
	    height28px;
	    width30px;
	}
.inputSelect {
	    float:left;
	    font-size:12px;
	    border:solid 1px #aacfe4;
	    margin2px 0 20px 10px;
	    width405px;
	}
.divDuallist1 {
	    displayblock;
	    width320px;
	    floatleft;
	    margin-left10px;
	}
.divDuallist2 {
	    displayblock;
	    width48px;
	    floatleft;
	    margin-left10px;
	    margin-top117px;
	}
.divDuallist3 {
	    displayblock;
	    width320px;
	    floatleft;
	    margin-left10px;
	}
.divDuallist3_nomargin {
	    displayblock;
	    width252px;
	    floatleft;
	    margin-left10px;
	}
.inputDuallist {
	    font-size10pt;
	    color#000;
	    background-color#fff;
	    border1px #fff solid;
	    width320px;
	}
.inputDuallistView {
	    font-size10pt;
	    color#000;
	    background-colortransparent;
	    border1px #fff solid;
	    width244px;
	}
.inputDuallistBlock {
	    floatleft;
	    margin-left12px;
	}
.inputDuallistBottom {
	    vertical-alignbottom;
	}
.inputDuallistMiddle {
	    vertical-alignmiddle;
	}
.inputDuallistAuto {
	    font-size10pt;
	    color#000;
	    background-color#fff;
	    border-left1px #fff solid;
	    border-top1px #fff solid;
	    border-right1px #000 solid;
	    border-bottom1px #000 solid;
	    padding-top2px;
	    padding-bottom2px;
	    width317px;
	    height19px;
	}
.inputDuallistAuto:focus {
	    font-size10pt;
	    border2px orange solid;
	    background-color#fefde0;
	    padding-top1px;
	    padding-bottom1px;
	    width315px;
	    height19px;
	}
.formImage {
	    margin-left150px;
	    border-color#fff;
	    border-stylesolid;
	    border-width7px 7px 50px;
	}
.formIcon {
	    margin-left150px;
	    bordernone;
	}
.viewRecordsButton {
	    backgroundurl(Images/Buttons.png);
	    width184px;
	    height16px;
	    font-size8pt;
	    color#fff;
	    padding8px 8px 8px 8px;
	    margin-top0;
	    margin-left: -2px;
	    margin-right12px;
	    border-right1px #000 solid;
	    border-bottom1px #000 solid;
	    border-left1px #000 solid;
	    border-top1px #000 solid;
	    text-aligncenter;
	    floatright;
	    cursorpointer;
	}
.viewRecordsButton:hover {
	    backgroundurl(Images/Buttons.png-32px;
	    width184px;
	    height16px;
	    font-size8pt;
	    color#fff;
	    padding8px 8px 8px 8px;
	    margin-top0;
	    margin-left: -2px;
	    margin-right12px;
	    border-right1px #000 solid;
	    border-bottom1px #000 solid;
	    border-left1px #000 solid;
	    border-top1px #000 solid;
	    text-aligncenter;
	    floatright;
	    cursorpointer;
	}
.viewRecordsButtonHighlight {
	    backgroundurl(Images/Buttons.png)  -64px;
	    width184px;
	    height16px;
	    font-size8pt;
	    color#fff;
	    padding8px 8px 8px 8px;
	    margin-top0;
	    margin-left: -2px;
	    margin-right12px;
	    border-right1px #000 solid;
	    border-bottom1px #000 solid;
	    border-left1px #000 solid;
	    border-top1px #000 solid;
	    text-aligncenter;
	    floatright;
	    cursorpointer;
	}
.viewRecordsButtonHighlight:hover {
	    backgroundurl(Images/Buttons.png-96px;
	    width184px;
	    height16px;
	    font-size8pt;
	    color#fff;
	    padding8px 8px 8px 8px;
	    margin-top0;
	    margin-left: -2px;
	    margin-right12px;
	    border-right1px #000 solid;
	    border-bottom1px #000 solid;
	    border-left1px #000 solid;
	    border-top1px #000 solid;
	    text-aligncenter;
	    floatright;
	    cursorpointer;
	}
.loginBlock {
	    margin-top24px;
	}
.loginBlock .form-label {
	    width100px;
	    margin-right20px;
	    text-alignright;
	    floatleft;
	    font-size12pt;
	}
.loginBlock .login-result {
	    margin-top24px;
	    width565px;
	    overflowhidden;
	    text-aligncenter;
	    font-size12pt;
	    color#c00000;
	}
.loggedInBlock {
	    color#c0c0ff;
	    font-weightnormal;
	    font-size9pt;
	    positionabsolute;
	    width100%;
	    text-alignright;
	    top76px;
	    z-index: -100;
	}
/* =-=-=-=-=-=-=-[Results Navigator]-=-=-=-=-=-=-=- */  
.flexigrid div.fbutton .add {
	    backgroundurl(Images/Add.pngno-repeat center left;
	}    
.flexigrid div.fbutton .delete {
	    backgroundurl(Images/Delete.pngno-repeat center left;
	}
.flexigrid div.fbutton .edit {
	    backgroundurl(Images/Edit.pngno-repeat center left;
	}
.flexigrid div.fbutton .select {
	    backgroundurl(Images/Select.pngno-repeat center left;
	}
.flexigrid div.fbutton .clear_sort {
	    backgroundurl(Images/ClearSortColumns.pngno-repeat center left;
	}
.clear {
	    clearboth;
	}
.frontBlock {
	    width75%;
	    margin-top20%;
	    border-left1px solid black;
	    border-top1px solid black;
	    border-right2px solid black;
	    border-bottom2px solid black;
	    background-color#e0e0e0;
	    text-aligncenter;
	    font-size14pt;
	    margin-leftauto;
	    margin-rightauto;
	    padding24px;
	    line-height1.5em;
	    opacity:0.9;
	}
.loginButton {
	    backgroundurl(Images/Buttons.png);
	    width184px;
	    height16px;
	    font-size8pt;
	    color#fff;
	    padding8px 8px 8px 8px;
	    margin-top0;
	    margin-left: -2px;
	    margin-right12px;
	    border-right1px #000 solid;
	    border-bottom1px #000 solid;
	    border-left1px #000 solid;
	    border-top1px #000 solid;
	    text-aligncenter;
	    margin-leftauto;
	    margin-rightauto;
	    line-height1.2em;
	    cursorpointer;
	}
.loginButton:hover {
	    backgroundurl(Images/Buttons.png-32px;
	    width184px;
	    height16px;
	    font-size8pt;
	    color#fff;
	    padding8px 8px 8px 8px;
	    margin-top0;
	    margin-left: -2px;
	    margin-right12px;
	    border-right1px #000 solid;
	    border-bottom1px #000 solid;
	    border-left1px #000 solid;
	    border-top1px #000 solid;
	    text-aligncenter;
	    margin-leftauto;
	    margin-rightauto;
	    line-height1.2em;
	    cursorpointer;
	}





PHP Demo Source Code Index