mirror of
https://github.com/serghey-rodin/vesta.git
synced 2025-08-14 02:28:03 -07:00
Improved css style
This commit is contained in:
parent
a34da7e243
commit
0797ddfddb
2 changed files with 337 additions and 86 deletions
|
@ -35,7 +35,7 @@
|
|||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e6e6e6;}
|
||||
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #999;}
|
||||
|
||||
|
||||
/*!
|
||||
|
@ -58,7 +58,7 @@
|
|||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
|
||||
.ui-widget-content { border: 1px solid #aaaaaa; color: #222222; }
|
||||
.ui-widget-content a { color: #222222; }
|
||||
.ui-widget-header { background: #505050; color: #444; font-size: 10pt; font-weight: bold;}
|
||||
.ui-widget-header { background: #777; color: #444; font-size: 10pt; font-weight: bold;}
|
||||
.ui-widget-header a { color: #222222; }
|
||||
|
||||
/* Interaction Cues
|
||||
|
@ -75,14 +75,14 @@
|
|||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
/* states and images
|
||||
.ui-icon { width: 16px; height: 16px; }
|
||||
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
|
||||
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
|
||||
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
|
||||
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
|
||||
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
|
||||
|
||||
*/
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
|
@ -376,8 +376,8 @@
|
|||
* http://docs.jquery.com/UI/Button#theming
|
||||
*/
|
||||
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .10pt; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
|
||||
.ui-button { filter:chroma(color=#000000); cursor: pointer; color: #555; background-color: #ececec; border: 1px solid #e0e0e0; border-radius: 3px 3px 3px 3px; font-weight: bold; font-size: 14px; padding: 2px 16px; width: 108px; height: 34px; }
|
||||
.ui-button:hover { border: 1px solid #f79b44; background-color: #f79b44; color: #fff;}
|
||||
.ui-button { filter:chroma(color=#000000); cursor: pointer; color: #fff; background-color: #f79b44; border: 1px solid #f79b44; border-radius: 3px 3px 3px 3px; font-weight: bold; font-size: 14px; padding: 2px 16px; width: 108px; height: 34px; }
|
||||
.ui-button:hover { border: 1px solid #9e9e9e; background-color: #9e9e9e; color: #fff;}
|
||||
.ui-button:active { background-color: #ccc; color: #fff; border: 1px solid #ccc; }
|
||||
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
|
||||
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue