Mercurial > libervia-web
changeset 68:c378653792b8
browser side: menu CSS update
author | Adrien Vigneron <adrienvigneron@mailoo.org> |
---|---|
date | Wed, 15 Jun 2011 20:22:53 +0200 |
parents | b096facaa5b3 |
children | 4a157389a981 |
files | public/libervia.css |
diffstat | 1 files changed, 105 insertions(+), 7 deletions(-) [+] |
line wrap: on
line diff
--- a/public/libervia.css Wed Jun 15 20:22:27 2011 +0200 +++ b/public/libervia.css Wed Jun 15 20:22:53 2011 +0200 @@ -101,23 +101,121 @@ /* Misc Pyjamas stuff */ .gwt-MenuBar,.gwt-MenuBar-horizontal { - background-color: #01FF78; + /*background-color: #01FF78; border: 1px solid #87B3FF; - cursor: default; + cursor: default;*/ + width: 97%; + height: 28px; + margin: 0 0 0 1.5%; + font: normal 0.8em/1.4em Arial, Helvetica, sans-serif; + padding: 5px 0 0 5px; + line-height: 100%; + box-shadow:0px 1px 4px #000 + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); + border: 1px solid #ddd; + border-radius: 0 0 1em 1em; + -webkit-border-radius: 0 0 1em 1em; + -moz-border-radius: 0 0 1em 1em; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’); + background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); + background: -moz-linear-gradient(top, #444444, #222222); + background-image: -o-linear-gradient(#444444,#222222); + display: inline-block; } .gwt-MenuBar-horizontal .gwt-MenuItem { + text-decoration: none; + font-weight: bold; + height: 100%; + color: #e7e5e5; + padding: 3px 15px; + /*display: block;*/ + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); + border-radius: 1em; + -webkit-border-radius: 1em; + -moz-border-radius: 1em; + -webkit-transition: color 0.2s linear; + -moz-transition: color 0.2s linear; + -o-transition: color 0.2s linear; } -.gwt-MenuItem { - padding: 1px 20px 1px 10px; - font-size: smaller; - cursor: default; + + +.gwt-MenuBar-horizontal .gwt-MenuItem-selected { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′); + background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); + background: -moz-linear-gradient(top, #eee, #aaa); + background-image: -o-linear-gradient(#eee,#aaa); + color: #444; + /*border-top: solid 1px #fff;*/ + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); + cursor: pointer; +} + +.gwt-MenuBar { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’); + background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); + background: -moz-linear-gradient(top, #fff, #ccc); + background-image: -o-linear-gradient(#fff,#ccc); + /*display: none;*/ + height: 100%; + min-width: 148px; + margin: 0; + padding: 0; + /*min-width: 148px; + top: 28px;*/ + border: solid 1px #aaa; + -webkit-border-radius: 0 0 10px 10px; + -moz-border-radius: 0 0 10px 10px; + border-radius: 0 0 10px 10px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); + box-shadow: 0 1px 3px rgba(0, 0, 0, .3); +} + +.gwt-MenuBar table { + width: 100%; + display: inline-table; +} + +.gwt-MenuBar .gwt-MenuItem { + padding: 8px 15px; } .gwt-MenuBar .gwt-MenuItem-selected { - background-color: #E8EEF7; + background: #cf2828 !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#b01e1e’); + background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)) !important; + background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important; + background-image: -o-linear-gradient(#cf2828,#b01e1e); + color: #fff !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + text-shadow: 0 1px 1px rgba(0, 0, 0, .1); + transition: color 0.2s linear; + -webkit-transition: color 0.2s linear; + -moz-transition: color 0.2s linear; + -o-transition: color 0.2s linear; + cursor: pointer; } +.gwt-MenuBar tr:last-child td { + border-radius: 0 0 9px 9px; + -webkit-border-radius: 0 0 9px 9px; + -moz-border-radius: 0 0 9px 9px; +} + +.gwt-MenuItem { + /*padding: 1px 20px 1px 10px; + font-size: smaller; + cursor: default;*/ +} + + .gwt-AutoCompleteTextBox { width: 80%; border: 1px solid #87B3FF;