De: Rene Silva

Cambios de styles, estos cambios siguen en proceso
Cambio de ícono Paused

17012011
This commit is contained in:
rene
2011-01-17 22:16:51 +00:00
parent 33ab5789ac
commit fdf27a117d
7 changed files with 144 additions and 192 deletions

View File

@@ -1,117 +1,41 @@
/*
* Blue is the new Green
*/
.FormTitle,.FormSubTitle{
background:#E0E7EF !important;
border-bottom:1px solid #C3D1DF;
}
.FormFieldContent{
text-align: left;
}
.FormTitle .FormTitle{
border:none;
}
form.formDefault .FormFieldContent{
background-color:#f9f9f9;
}
form.formDefault .FormTitle {
font-size:11px;
}
/*
form.formDefault .FormTitle,form.formDefault .FormSubTitle{
color:#333;
text-shadow:0 1px 0px rgba(255,255,255,1);
padding-left:5px;
font-weight: 700;
background:#E0E7EF;
}
.pagedTableDefault .pagedTable .RowPointer
{
background-color:#E0EAEF;
}
.x-grid3-row.x-grid3-row-over{
background: #E0EAEF;
}
.x-grid3-row.x-grid3-row-selected{
background-color:#F6E095;
}
*/
.pagedTable tr{
padding:3px 0;
}
.pagedTableDefault .pagedTable .RowLink{
/*background:#8E9EAF !important;*/
background:none;
}
.module_app_input___gray{
max-width: 400px;
}
/*Texto en ExtJS*/
.x-btn-text,.xtb-text{
color:#333;
/*text-shadow:0 1px 0px rgba(255,255,255,1);*/
}
.x-btn-pressed .x-btn-text{
color:#000;
}
/*Tabs con ícono en EXT*/
.x-tab-strip span.x-tab-strip-text{
padding:4px 0;
font-weight: normal;
}
.ext-gecko .x-tab-strip span.x-tab-strip-text,
.ext-webkit .x-tab-strip span.x-tab-strip-text{
height:12px;
}
/*Tablas (archivos adjuntos)*/
.pagedTableDefault .pagedTable .pagedTableHeader{
/*para la imagen*/
text-align: center;
}
.pagedTableDefault .pagedTable .pagedTableHeader a{
font-size:11px;
font-weight: bold;
color:#666;
text-shadow:#fff 0px 1px 1px;
text-align: left;
display:block;
}
/*Menu Principal*/
.mainMenuBG{
background-image: url("/skins/ext/images/gray/toolbar/bg.gif") !important;
}
#pm_main_table .mainMenuBG{
border-top:2px solid #b1cedb;
background-color:#347898;
background-image:none !important;
background-image:none;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(74,149,184)),
color-stop(0.97, rgb(46,112,143))
) !important;
);
background-image: -moz-linear-gradient(
center bottom,
rgb(74,149,184) 0%,
rgb(46,112,143) 97%
) !important;
);
}
.panel_containerWindow___processmaker{
border:1px solid #AAA;
}
.panel_titleBar___processmaker{
background-image:url("/skins/ext/images/gray/window/top-bottom.png") !important;
}
.panel_close___processmaker{
background:url("/skins/ext/images/gray/panel/tool-sprites.gif") 0 0 no-repeat !important;
height:15px !important;
width:15px !important;
}
.panel_title___processmaker,.x-panel-header-text,.panel_title___processmaker{
text-shadow:#fff 0px 1px 1px;
color:#444;
}
ul#pm_menu{
list-style: none;
margin:0;
@@ -141,8 +65,6 @@ ul#pm_menu li.SelectedMenu,ul#pm_menu li:hover{
ul#pm_menu li.SelectedMenu a,ul#pm_menu li:hover a{
color:#333;
}
ul#pm_submenu{
list-style: none;
margin:0;
@@ -173,28 +95,23 @@ ul#pm_submenu li.SelectedSubMenu a,ul#pm_submenu li:hover a{
color:#333;
}
.pagedTableDefault .pagedTable .RowLink a{
display:block;
}
.pagedTableDefault .pagedTable .pagedTableHeader{
background-color:#F2F2F2;
background-image:url("/skins/ext/images/gray/grid/grid3-hrow2.gif");
/*height:22px;*/
background-position: bottom;
ul#pm_menu a:focus,button.x-btn-text:focus,.x-combo-selected{
-moz-outline-style:none;
outline:none;
}
/*Los botones de EXT solamente s even inguales en los x-form*/
.x-window button.x-btn-text,.x-form-label-right button.x-btn-text,.x-form button.x-btn-text{
color:#333;
font-size:10px;
font-weight:400;
}
.x-window .x-btn-small,.x-form-label-right .x-btn-small,.x-form .x-btn-small{
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
input::-moz-focus-inner { border: 0; }
button::-moz-focus-inner { border: 0; }
.module_app_input___gray{
max-width: 400px;
}
.pagedTableDefault .pagedTable .RowLink a,.module_app_button___gray,.button_pm,.module_app_buttonjs___gray{/**/
/*Botones*/
.pagedTableDefault .pagedTable .RowLink a,.module_app_button___gray,.button_pm,.module_app_buttonjs___gray,.module_app_buttonDisabled___gray{
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
@@ -214,40 +131,12 @@ background-position: bottom;
cursor:pointer;
border:1px solid #aaa;
background:url("/skins/ext/images/gray/button/btn.gif") repeat-x scroll 0 -1096px transparent;
/*
background-image:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(225,225,225)),
color-stop(0.5, rgb(245,245,245))
);background-image:
-moz-linear-gradient(
center bottom,
rgb(225,225,225) 0%,
rgb(245,245,245) 50%
);*/
}
.pagedTableDefault .pagedTable .RowLink a:hover,.module_app_button___gray:hover,.button_pm:hover,.module_app_buttonHover___gray{/**/
.pagedTableDefault .pagedTable .RowLink a:hover,.module_app_button___gray:hover,.button_pm:hover,.module_app_buttonHover___gray{
background-color:#AAA;
border:1px solid #666;
background:url("/skins/ext/images/gray/button/btn.gif") repeat-x scroll 0 -2168px transparent;
/*
background-position: 0 0;
background-image:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(239,239,239)),
color-stop(0.5, rgb(225,225,225))
);background-image:
-moz-linear-gradient(
center bottom,
rgb(239,239,239) 0%,
rgb(225,225,225) 50%
);*/
}
.pagedTableDefault .pagedTable .RowLink a:focus,.module_app_button___gray:focus,.button_pm:focus{/*,*/
border:1px solid #45626F;
@@ -257,18 +146,18 @@ background-position: bottom;
display:none;
margin:0;
}
ul#pm_menu a:focus,button.x-btn-text:focus,.x-combo-selected{
-moz-outline-style:none !important;
outline:none !important;
.module_app_buttonDisabled___gray{
border:1px solid #bbb;
background-position:0 -3240px;
color:#9f9f9f;
cursor:default;
}
.panel_statusButtons___processmaker input{
margin:0 5px 3px !important;
.module_app_buttonDisabled___gray:hover{
background:url("/skins/ext/images/gray/button/btn.gif") repeat-x scroll 0 -3240px transparent;
}
input::-moz-focus-inner { border: 0; }
button::-moz-focus-inner { border: 0; }
/*
Sprite modificado de http://ajaxbestiary.com/Labs/SilkSprite/
*/
@@ -526,6 +415,7 @@ Sprite modificado de http://ajaxbestiary.com/Labs/SilkSprite/
.ss_computer_key{background-position:0px -4681px !important}
.ss_computer_link{background-position:0px -4699px !important}
.ss_connect{background-position:0px -4717px !important}
.ss_control_pause{background-position:0px -4969px !important}
.ss_controller{background-position:0px -5185px !important}
.ss_controller_add{background-position:0px -5203px !important}
.ss_controller_delete{background-position:0px -5221px !important}

View File

@@ -250,4 +250,37 @@
.x-locationbar .x-btn-pressed .x-btn-center,
.x-locationbar .x-btn-menu-active .x-btn-center {
background:transparent url(/skins/ext/images/gray/locationbar/tb-btn-sprite.gif) repeat-x scroll 0pt -105px;
}
/*Los botones de EXT solamente s even iguales en los x-form*/
.x-window button.x-btn-text,.x-form-label-right button.x-btn-text,.x-form button.x-btn-text{
color:#333;
font-size:10px;
font-weight:400;
}
.x-window .x-btn-small,.x-form-label-right .x-btn-small,.x-form .x-btn-small{
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.x-panel-header-text{
text-shadow:#fff 0px 1px 1px;
color:#444;
}
/*Texto en ExtJS*/
.x-btn-text,.xtb-text{
color:#333;
}
.x-btn-pressed .x-btn-text{
color:#000;
}
/*Tabs con ícono en EXT*/
.x-tab-strip span.x-tab-strip-text{
padding:4px 0;
font-weight: normal;
}
.ext-gecko .x-tab-strip span.x-tab-strip-text,
.ext-webkit .x-tab-strip span.x-tab-strip-text{
height:12px;
}

View File

@@ -628,7 +628,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
}
.x-grid3-row-selected {
background-color:#CCCCCC !important;
background-color:#CCCCCC;
background-image: none;
border-color:#ACACAC;
}

View File

@@ -320,7 +320,7 @@ span.XtreeMinus:hover
/* Menues */
TD.mainMenuBG {
background-image: url(/skins/green/images/bm.jpg);
background-image: url(/skins/ext/images/gray/toolbar/bg.gif);
background-repeat: repeat-x;
height: 25px;
left: 46px;
@@ -675,6 +675,9 @@ form.formDefault .FormFieldContent
color:#000;
background-color:#EFEFEF;
padding-left:5px;
text-align: left;
background-color:#f9f9f9;
font-size:11px;
}
form.formDefault textarea.FormTextArea
{
@@ -697,11 +700,13 @@ form.formDefault .FormTitle
color:#000;
padding-left:5px;
font-weight:bold;
background-color:#E0EFE6;
background:#E0E7EF;
border-bottom:1px solid #C3D1DF;
}
form.formDefault .FormSubTitle
{
background-color:#D1DEDF;
background:#E0E7EF;
color:black;
}
form.formDefault .FormButton
@@ -725,6 +730,15 @@ form.formDefault td.withoutLabel, form.formDefault td.withoutLabel table td
padding:0px;
height:8px;
}
.FormTitle .FormTitle{
border:none;
}
form.formDefault .FormTitle,form.formDefault .FormSubTitle{
color:#333;
text-shadow:0 1px 0px rgba(255,255,255,1);
padding-left:5px;
font-weight: 700;
}
/* form END */
/* formSearch BEGIN */
@@ -778,6 +792,7 @@ form.formSearch .FormFieldContent
background-color:#EFEFEF;
padding-left:5px;
width:60%;
text-align: left;
}
form.formSearch .Record
@@ -870,22 +885,30 @@ font-weight:bold;
.pagedTableDefault .pagedTable .pagedTableHeader
{
border-bottom:0px solid #DFDFDF;
background-color:#E0E9EF;
background-color:#6F7F75;
color:#5B5B5B;
font-weight:bold;
background-image:url(/js/maborak/core/images/silverBackgroundTableTitle.jpg);
background-repeat:repeat-x;
height:26px;
padding:0px;
overflow:hidden;
text-align: center;
background-color:#F2F2F2;
background-image:url("/skins/ext/images/gray/grid/grid3-hrow2.gif");
background-position: bottom;
}
.pagedTableDefault .pagedTable .pagedTableHeader a
{
text-decoration:none;
color:#5B5B5B;
padding-left:5px;
font:normal 8pt Tahoma, sans-serif,MiscFixed;
font-size:11px;
font-weight: bold;
color:#666;
text-shadow:#fff 0px 1px 1px;
text-align: left;
display:block;
}
.pagedTableDefault .pagedTable .pagedTableHeader a:hover
{
@@ -919,9 +942,16 @@ font-weight:bold;
/*Fin Adicion Rube*/
.pagedTableDefault .pagedTable .RowLink
{
background-color:#6F7F75;
/*background-color:#6F7F75;*/
text-align :center;
}
.pagedTable tr{
padding:3px 0;
}
.pagedTableDefault .pagedTable .RowLink a{
display:block;
}
A.firstPage {
background-image: url('/images/firstPage.gif');
background-repeat: no-repeat;
@@ -1009,7 +1039,7 @@ div.pattern .FormTitle
{
font-weight:bold;
color: black;
background-color:#E0EFE6;
/*background-color:#E0EFE6;*/
padding:2px;
}
@@ -1154,7 +1184,7 @@ div.treeParent .FormTitle
font:normal 11px sans-serif,MiscFixed;*/
font-weight:bold;
color: black;
background-color:#E0EFE6;
/*background-color:#E0EFE6;*/
padding:2px;
}
/* TreeParent END */