Changeset 240 for ether_megapoli


Ignore:
Timestamp:
11/08/11 15:27:42 (13 years ago)
Author:
vmipsl
Message:

Boutons cliquables

Location:
ether_megapoli/trunk/web
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • ether_megapoli/trunk/web/resources/css/button.css

    r238 r240  
    99    -webkit-border-radius: 4px 4px 4px 4px; 
    1010 
    11     display:block; 
    12     float:left; 
    13     margin:0 11px 0 0; 
    14     background-color:#f5f5f5; 
    15     border:1px solid #dedede; 
    16     border-top:1px solid #eee; 
    17     border-left:1px solid #eee; 
     11    display: block; 
     12    float: left; 
     13    margin: 0 11px 0 0; 
     14    background-color: #f5f5f5; 
     15    border: 1px solid #dedede; 
     16    border-top: 1px solid #eee; 
     17    border-left: 1px solid #eee; 
    1818 
    19     font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; 
    20     font-size:100%; 
    21     line-height:130%; 
    22     text-decoration:none; 
    23     font-weight:bold; 
    24     color:#565656; 
    25     cursor:pointer; 
     19    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; 
     20    font-size: 100%; 
     21    line-height: 130%; 
     22    text-decoration: none; 
     23    font-weight: bold; 
     24    color: #565656; 
     25    cursor: pointer; 
    2626 
    27     width:auto; 
    28     overflow:visible; 
    29     padding:4px 6px 3px 6px; /* IE6 */ 
     27    width: auto; 
     28    overflow: visible; 
     29    padding: 4px 6px 3px 6px; /* IE6 */ 
    3030} 
    3131 
    32 button[type]{ 
    33     padding:5px 10px 5px 7px; /* Firefox */ 
    34     line-height:17px; /* Safari */ 
     32button[type] { 
     33    padding: 5px 10px 5px 7px; /* Firefox */ 
     34    line-height: 17px; /* Safari */ 
    3535} 
    3636 
    37 *:first-child+html button[type]{ 
    38     padding:4px 10px 3px 7px; /* IE7 */ 
     37*:first-child+html button[type] { 
     38    padding: 4px 10px 3px 7px; /* IE7 */ 
    3939} 
    4040 
    41 .small{ 
    42     font-size:80%; 
     41.small { 
     42    font-size: 80%; 
    4343} 
    4444 
    45 button img{ 
    46     margin:0 3px -3px 0 !important; 
    47     padding:0; 
    48     border:none; 
    49     width:16px; 
    50     height:16px; 
     45button img { 
     46    margin: 0 3px -3px 0 !important; 
     47    padding: 0; 
     48    border: none; 
     49    width: 16px; 
     50    height: 16px; 
    5151} 
    5252 
    53  
    5453/* STANDARD */ 
    55 button:hover{ 
    56     background-color:#dff4ff; 
    57     border:1px solid #c2e1ef; 
    58     color:#336699; 
     54button:hover { 
     55    background-color: #dff4ff; 
     56    border: 1px solid #c2e1ef; 
     57    color: #336699; 
    5958} 
    6059 
    6160/* POSITIVE */ 
    62 button.positive{ 
    63     color:#529214; 
     61button.positive { 
     62    color: #529214; 
    6463} 
    65 button.positive:hover{ 
    66     background-color:#E6EFC2; 
    67     border:1px solid #C6D880; 
    68     color:#529214; 
     64 
     65button.positive:hover { 
     66    background-color: #E6EFC2; 
     67    border: 1px solid #C6D880; 
     68    color: #529214; 
    6969} 
    7070 
    7171/* NEGATIVE */ 
    72 button.negative{ 
    73     color:#d12f19; 
     72button.negative { 
     73    color: #d12f19; 
    7474} 
    75 button.negative:hover{ 
    76     background:#fbe3e4; 
    77     border:1px solid #fbc2c4; 
    78     color:#d12f19; 
     75 
     76button.negative:hover { 
     77    background: #fbe3e4; 
     78    border: 1px solid #fbc2c4; 
     79    color: #d12f19; 
    7980} 
    8081 
    8182/* DISABLE */ 
    82 button.disable, button.disable:hover{ 
    83     background-color:#CCCCCC; 
    84     border:1px solid #dedede; 
    85     color:#565656; 
     83button.disable, button.disable:hover { 
     84    background-color: #CCCCCC; 
     85    border: 1px solid #dedede; 
     86    color: #565656; 
    8687} 
     88 
     89/* BLUE BUTTON */ 
     90button.blue_button { 
     91    background-image: url("../images/elements/button_middle_3.png"); 
     92    background-repeat: repeat-x; 
     93    height: 39px; 
     94    float: right; 
     95    margin-right: 0; 
     96    border: 0; 
     97} 
     98 
     99.blue_button_text { 
     100    color: white; 
     101    font-size: 11px; 
     102    font-weight: bold; 
     103} 

  • ether_megapoli/trunk/web/resources/css/megapoli.css

    r239 r240  
    269269    position: relative; 
    270270} 
    271  
    272 #title_tools .links { 
    273     margin: 0; 
    274     padding: 0; 
    275     position: relative; 
    276     z-index: 3; 
    277 } 
    278  
    279 #title_tools .links:after { 
    280     clear: both; 
    281     content: "."; 
    282     display: block; 
    283     height: 0; 
    284     visibility: hidden; 
    285 } 
    286  
    287 #title_tools .links li { 
    288     display: inline; 
    289 } 
    290  
    291 #title_tools .links li a { 
    292     background: url("../images/navButtonTest.png") no-repeat scroll 0 0 transparent; 
    293     cursor: pointer; 
    294     float: left; 
    295     overflow: hidden; /*text-indent: -9999px;*/ 
    296     width: 102px; 
    297 } 
    298  
    299 #title_tools .links li a span { 
    300     background-position: 50% 0; 
    301     background-repeat: no-repeat; 
    302     display: block; 
    303     height: 30px; 
    304     margin: 3px auto; 
    305     width: 100%; 
    306 } 
    307  
    308 #title_tools .links li a { 
    309     background-position: 100% 0; 
    310 } 
    311  
    312 #title_tools .links li a.before { 
    313     background-position: 100% -36px; 
    314 } 
    315  
    316 #title_tools li a.apple { 
    317     background-position: 0 0; 
    318 } 
    319  
    320 #title_tools li a.apple.before { 
    321     background-position: 0 -36px; 
    322 } 
    323  
    324 #title_tools .links li a:hover, #title_tools .links li a:focus { 
    325     background-position: 100% -72px; 
    326 } 
    327  
    328 #title_tools li a.apple:hover, #title_tools li a.apple:focus { 
    329     background-position: 0 -72px; 
    330 } 
    331  
    332 #title_tools .links li a:active { 
    333     background-position: 100% -108px; 
    334 } 
    335  
    336 #title_tools li a.apple:active { 
    337     background-position: 0 -108px; 
    338 } 
    339  
    340 #title_tools.store li a.store, #title_tools.mac li a.mac, #title_tools.ipod li a.ipod, #title_tools.iphone li a.iphone, #title_tools.ipad li a.ipad, #title_tools.itunes li a.itunes, #title_tools.support li a.support { 
    341     background-position: 100% -144px !important; 
    342 } 
    343  
    344 #title_tools li a.apple span { 
    345     background-position: 50% 0; 
    346 } 
    347  
    348 #title_tools li a.store span { 
    349     background-position: 50% -30px; 
    350 } 
    351  
    352 #title_tools li a.mac span { 
    353     background-position: 50% -60px; 
    354 } 
    355  
    356 #title_tools li a.ipod span { 
    357     background-position: 50% -90px; 
    358 } 
    359  
    360 #title_tools li a.iphone span { 
    361     background-position: 50% -120px; 
    362 } 
    363  
    364 #title_tools li a.ipad span { 
    365     background-position: 50% -150px; 
    366 } 
    367  
    368 #title_tools li a.itunes span { 
    369     background-position: 50% -180px; 
    370 } 
    371  
    372 #title_tools li a.support span { 
    373     background-position: 50% -210px; 
    374 } 
    375  
    376 #title_tools .search { 
    377     background: url("source/store/base/nav/globalnav/css/bg/globalsearch_bg.png") no-repeat scroll 0 0 transparent; 
    378     padding: 8px 12px; 
    379     position: absolute; 
    380     right: 0; 
    381     top: 0; 
    382     width: 140px; 
    383     z-index: 99999; 
    384 } 
    385  
    386 #title_tools #site-search.site-search { 
    387     padding: 0; 
    388     position: relative; 
    389 } 
    390  
    391 #title_tools .search fieldset, #title_tools .search fieldset .wrapper { 
    392     background: none repeat scroll 0 0 transparent; 
    393     margin: 0; 
    394     padding: 0; 
    395 } 
    396  
    397 #title_tools .site-search fieldset .wrapper input, #title_tools.globalheader-loaded .search fieldset .wrapper { 
    398     background: url("source/store/base/nav/globalnav/css/bg/globalsearch_field.png") no-repeat scroll 0 0 transparent; 
    399     height: 20px; 
    400     margin-right: 0; 
    401     margin-top: 0; 
    402     padding: 0 17px 0 23px; 
    403     width: 100px; 
    404 } 
    405  
    406 #title_tools.globalheader-loaded .site-search fieldset .wrapper input { 
    407     background: none repeat scroll 0 0 transparent; 
    408     padding: 0 17px 0 0; 
    409 } 
    410  
    411 #title_tools .site-search span.field-with-placeholder { 
    412 } 
    413  
    414 #title_tools .site-search span.field-with-placeholder label.placeholder span { 
    415     margin-top: 1px; 
    416     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); 
    417 } 
    418  
    419 #title_tools .search fieldset .wrapper input { 
    420     color: #FFFFFF; 
    421     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); 
    422 } 
    423  
    424 #title_tools #site-search fieldset.focused .wrapper input, #title_tools.searchmode #site-search fieldset .wrapper input { 
    425     color: #000000; 
    426 } 
    427  
    428 #title_tools #site-search .focused span.field-with-placeholder label.placeholder span { 
    429     text-shadow: none; 
    430 } 
    431  
    432 #title_tools #site-search fieldset.focused .wrapper input, #title_tools .search #site-search .wrapper input:focus, #title_tools.globalheader-loaded.searchmode .search span.field-with-placeholder input, #title_tools.searchmode .search .wrapper, #title_tools.globalheader-loaded.searchmode .site-search .wrapper, #title_tools .search fieldset.focused .wrapper, #title_tools.searchmode #site-search fieldset .wrapper input { 
    433     background-position: 0 100%; 
    434     color: #000000; 
    435     outline: medium none; 
    436     text-shadow: none; 
    437 } 
    438  
    439 #title_tools #site-search .search-spinner, #title_tools #site-search .search-reset { 
    440     background-image: url("source/store/base/nav/globalnav/css/bg/globalsearch_reset.png"); 
    441     right: 5px; 
    442     top: 5px; 
    443     z-index: 5; 
    444 } 
    445  
    446 #title_tools #site-search .search-spinner { 
    447     background-image: url("source/store/base/nav/globalnav/css/bg/globalsearch_spinner.gif"); 
    448 } 
    449  
    450 #title_tools.searchmode #site-search .search-spinner { 
    451     display: block; 
    452 } 
    453  
    454 #title_tools.searchmode #site-search .search-spinner.hide { 
    455     display: none; 
    456 } 
    457  
    458 #globalheader-roundrect, #globalheader-fill { 
    459     display: block; 
    460     height: 35px; 
    461     left: 0; 
    462     position: absolute; 
    463     top: 0; 
    464     width: 980px; 
    465     z-index: 2; 
    466 } 
    467  
    468 #globalheader-shadow { 
    469     display: block; 
    470     height: 35px; 
    471     left: -2px; 
    472     position: absolute; 
    473     top: -1px; 
    474     width: 980px; 
    475     z-index: 1; 
    476 } 
    477  
    478 #title_tools.enhanced, #title_tools.enhanced .links, #title_tools.enhanced .links li, #title_tools.enhanced .links li a { 
    479     height: 36px; 
    480 } 
    481  
    482 #title_tools.enhanced { 
    483     background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.2) 0pt, transparent 5%, transparent 95%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, -moz-linear-gradient(left center, rgba(0, 0, 0, 0.2) 0pt, transparent 0.2%, transparent 99.8%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA9QAAAAkCAMAAABfcIIyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVQTFRFAAAA%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F5YtmQAAAACd0Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmZiD6WAAAAdlJREFUeF7t3btuFEEQheFzunotGYkIERA4spn3fyeHiAgEEtsXB82s2eEJavR%2F0Wjyo75XWfHpw4MkSXNqCkA2lr2%2B%2Fvz63n15qpI0x5yTSAM52XaxJLVXf%2FkoaY6xQk2sgXy8Ql2KJf3wS5HG6HMMQg3kZNkuxVGKNLxJo48%2BxhxTpBrIx7JcXEqUKJI3zd77CjWLaiAle4U6Iixv6q33MfocTL%2BBlCy7OEqJqCFvs%2FV2m3%2BTaiAd6zb7rlHtrbc1VA%2Bm30BSa%2B%2B7RNSo4a21thbVTL%2BBnCy7rCV1rdXbtbXW%2B%2Bh%2Ft78BZLM2v6NE1Fov%2FrpC3Zl%2BA2l5H6lrrRe%2FXNu%2BqCbUQE57qGvsoW5t9D4H028gJculOKLUWuvFz%2B16O9NipAZSsm8nWpfq53ZlTQ3k9s%2BamlADZ0CogZMh1MDJEGrgZAg1cDL%2Fh5ojLSC1%2ByMtLp8A2R0un3BNFEjv%2FpooDzqA9O4fdPD0Esju8PSSIglAdsciCZQzArI7lDOat30yCg8CGe2FB1eovZcI7oMSwUBSq0TwWlQHxfyBEzgW86ftDpDase0ODfKA7A4N8mhlC2R318r2px%2BeQqLpPJDae9P5%2FmrVz491%2FWekBlKy7PXVfn9rb9xXsMD2wdOcAAAAAElFTkSuQmCC") no-repeat scroll 50% 50%, -moz-linear-gradient(center bottom, #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent; 
    484 } 
    485  
    486 #title_tools.enhanced .links { 
    487     display: table; 
    488     float: left; 
    489     table-layout: fixed; 
    490     width: 845px; 
    491 } 
    492  
    493 #title_tools.enhanced .links li { 
    494     display: table-cell; 
    495     overflow: hidden; 
    496     width: 100%; 
    497 } 
    498  
    499 #title_tools.enhanced .links li a { 
    500     -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWP4r8bA8F%2BKwQEADZUCf37PGokAAAAASUVORK5CYII%3D") 0 2 0 1; 
    501     background: none repeat scroll 0 0 transparent; 
    502     border-width: 0 2px 0 1px; 
    503     display: block; 
    504     float: none; 
    505     text-decoration: none; 
    506     width: auto; 
    507 } 
    508  
    509 #title_tools.enhanced .links li a.before { 
    510     -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAD0lEQVQIHWP4r8YABP%2BlAAsjAj%2FwRF%2BaAAAAAElFTkSuQmCC") 0 2 0 1; 
    511 } 
    512  
    513 #title_tools.enhanced .links li:first-child a { 
    514     -moz-border-radius: 4px 0 0 4px; 
    515     border-width: 0 2px 0 0; 
    516 } 
    517  
    518 #title_tools.enhanced .links:last-child li:last-child a { 
    519     -moz-border-radius: 0 4px 4px 0; 
    520     border-width: 0 0 0 1px; 
    521 } 
    522  
    523 #title_tools.enhanced .links li a:hover, #title_tools.enhanced .links li a:focus, #title_tools.enhanced .links li a.apple:hover, #title_tools.enhanced .links li a.apple:focus { 
    524     -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWP4L8TA8F%2FovxAADsEDNFWY%2FFQAAAAASUVORK5CYII%3D") 0 2 0 1; 
    525     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAQAAADifZiHAAAAJ0lEQVQIW2P4L8zE8JeJ4R8q%2Bo%2BKCIH%2FjEA1TAyMSIgJRkIQM9BYAGa0Dj%2FXpUiAAAAAAElFTkSuQmCC") repeat-x scroll 0 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABCAQAAACvIOyMAAAAE0lEQVQIW2P8z8jAwMAIh0wICAAa0gETv9XXOgAAAABJRU5ErkJggg%3D%3D") repeat-y scroll 100% 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABCAQAAACvIOyMAAAAEklEQVQIW2P8L8TwDwn%2Bh0MGAKnjDAIoAAlcAAAAAElFTkSuQmCC") repeat-y scroll 0 0pt, none repeat scroll 0 0 rgba(0, 0, 0, 0.4); 
    526 } 
    527  
    528 #title_tools.enhanced .links li a:active { 
    529     -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWNgWMDAoFDDsAAABv0B3XOLOeEAAAAASUVORK5CYII%3D") 0 2 0 1; 
    530     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAQAAACoGTy6AAAAF0lEQVQIHWNhOMTCcJ2F4SyYfMTC8BoAKm8FI0rGpqcAAAAASUVORK5CYII%3D") repeat-x scroll 100% 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAQAAACx6dw%2FAAAAD0lEQVQIHWNgYGTgZlAAAABNAC0BZt40AAAAAElFTkSuQmCC") repeat-y scroll 100% 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWNgcGBQYOBmYAQAAosAbdRXg8oAAAAASUVORK5CYII%3D") repeat-y scroll 0 0pt, none repeat scroll 0 0 rgba(0, 0, 0, 0.4); 
    531 } 
    532  
    533 #title_tools.enhanced .links li a.apple:active { 
    534     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAQAAACoGTy6AAAAF0lEQVQIHWNhOMTCcJ2F4SyYfMTC8BoAKm8FI0rGpqcAAAAASUVORK5CYII%3D") repeat-x scroll 100% 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAQAAACx6dw%2FAAAAD0lEQVQIHWNgYGTgZlAAAABNAC0BZt40AAAAAElFTkSuQmCC") repeat-y scroll 100% 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAQAAAC896x4AAAAE0lEQVQIHWPQq2FwYFBg4GZgBAAItQEXeDLkwgAAAABJRU5ErkJggg%3D%3D") repeat-y scroll 0 0pt, none repeat scroll 0 0 rgba(0, 0, 0, 0.4); 
    535 } 
    536  
    537 #title_tools.enhanced.store .links li a.store, #title_tools.enhanced.mac .links li a.mac, #title_tools.enhanced.ipod .links li a.ipod, #title_tools.enhanced.iphone .links li a.iphone, #title_tools.enhanced.ipad .links li a.ipad, #title_tools.enhanced.itunes .links li a.itunes, #title_tools.enhanced.support .links li a.support { 
    538     -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAADklEQVQIHWNg8GUAAV8AAnEAm4WyilcAAAAASUVORK5CYII%3D") 0 2 0 1; 
    539     background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.8) 0pt, transparent 10%, transparent 100%) repeat scroll 0 0%, -moz-linear-gradient(center top, rgba(0, 0, 0, 0.2) 0pt, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, -moz-linear-gradient(left center, rgba(0, 0, 0, 0.2) 0pt, transparent 20%, transparent 80%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, -moz-linear-gradient(center top, #1E1E1E 0pt, #4B4B4B 97%, transparent 97%, rgba(0, 0, 0, 0.45) 100%) repeat scroll 0 0 transparent; 
    540 } 
    541  
    542 #title_tools.enhanced.store .links li a.store:focus, #title_tools.enhanced.mac .links li a.mac:focus, #title_tools.enhanced.ipod .links li a.ipod:focus, #title_tools.enhanced.iphone .links li a.iphone:focus, #title_tools.enhanced.ipad .links li a.ipad:focus, #title_tools.enhanced.itunes .links li a.itunes:focus, #title_tools.enhanced.support .links li a.support:focus { 
    543     background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.8) 0pt, transparent 10%, transparent 100%) repeat scroll 0 0%, -moz-linear-gradient(center top, rgba(0, 0, 0, 0.2) 0pt, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, -moz-linear-gradient(left center, rgba(0, 0, 0, 0.2) 0pt, transparent 20%, transparent 80%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, -moz-linear-gradient(center top, #000000 0pt, #262626 100%) repeat scroll 0 0 transparent; 
    544 } 
    545  
    546 #title_tools.enhanced .search { 
    547     -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAADUlEQVQIHWP4r8YABgAJCwEmqyi5lgAAAABJRU5ErkJggg%3D%3D") 0 2 0 1; 
    548     background: none repeat scroll 0 0 transparent; 
    549     border-width: 0 2px 0 1px; 
    550     padding: 8px 13px; 
    551     position: absolute; 
    552     right: 0; 
    553     top: 0; 
    554     width: 106px; 
    555 } 
    556  
    557 #title_tools.enhanced #site-search fieldset .wrapper { 
    558     background: none repeat scroll 0 0 transparent; 
    559     height: 19px; 
    560     margin: 0; 
    561     padding: 0 0 0 20px; 
    562     width: auto; 
    563 } 
    564  
    565 #title_tools.enhanced .site-search span.field-with-placeholder { 
    566     margin-top: 0; 
    567 } 
    568  
    569 #title_tools.enhanced .site-search span.field-with-placeholder label span { 
    570     margin-top: -1px; 
    571     padding: 2px 0 0 1px; 
    572     width: 114%; 
    573 } 
    574  
    575 #title_tools.enhanced .search fieldset { 
    576     -moz-border-radius: 12px 12px 12px 12px; 
    577     -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.6) inset, 0 1px 0 rgba(255, 255, 255, 0.2); 
    578     background-color: rgba(255, 255, 255, 0.1); 
    579     background-image: none; 
    580     padding: 0; 
    581     position: relative; 
    582 } 
    583  
    584 #title_tools.enhanced .site-search fieldset .wrapper input { 
    585     -moz-border-radius: 12px 12px 12px 12px; 
    586     -moz-box-sizing: border-box; 
    587     background-image: none; 
    588     height: 19px; 
    589     margin: 0; 
    590     width: 100%; 
    591 } 
    592  
    593 #title_tools.enhanced .search fieldset .wrapper > input { 
    594     padding: 0 17px 0 0; 
    595     position: relative; 
    596     top: 0; 
    597     width: 100%; 
    598 } 
    599  
    600 #title_tools.enhanced .search span.field-with-placeholder input:focus { 
    601     outline: medium none; 
    602 } 
    603  
    604 #title_tools.enhanced.noinset .search fieldset { 
    605     margin-top: 1px; 
    606 } 
    607  
    608 #title_tools.enhanced.noinset .search span.field-with-placeholder input { 
    609     margin-bottom: -1px; 
    610 } 
    611  
    612 #title_tools.enhanced .search .search-spinner, #title_tools.enhanced .search .search-reset { 
    613     right: 5px; 
    614     top: 5px; 
    615 } 
    616  
    617 #title_tools.enhanced.noinset .search .search-spinner, #title_tools.enhanced.noinset .search .search-reset { 
    618     top: 4px; 
    619 } 
    620  
    621 #title_tools.enhanced .search .search-reset { 
    622     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAlUlEQVR42o2RSQrDMAxFc5KCD5MTBgw5ioejeFMoybYhyaLdqPpFKp9AaAwPeXgSQu5E5EvO%2BaZE5a6IxRH37rjYKyukI6WUDe%2FwvOKTBSalhIQFHuTBH7Baa9gj4siJA%2BSHwgJHbmeC%2FKLso8i8%2F1ZGz1w5Xuw5Qg42Hjmj1rrD%2B835LEHvd58z%2F2CwH5tNnO0c3PkAGud706ytt0YAAAAASUVORK5CYII%3D") repeat scroll 0 0 transparent; 
    623 } 
    624  
    625 #title_tools.enhanced .search .reset, #title_tools.enhanced.searchmode .search .search-reset, #title_tools.enhanced.searchmode .search .empty .search-reset { 
    626     display: block; 
    627     opacity: 0; 
    628 } 
    629  
    630 #title_tools.enhanced.searchmode .search .search-reset { 
    631     opacity: 1; 
    632 } 
    633  
    634 #title_tools.enhanced #sp-magnify, #title_tools.enhanced .sp-magnify { 
    635     height: 14px; 
    636     left: 18px; 
    637     position: absolute; 
    638     top: 13px; 
    639     width: 15px; 
    640 } 
    641  
    642 #title_tools.enhanced #sp-magnify *, #title_tools.enhanced .sp-magnify * { 
    643     background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGJhc2VQcm9maWxlPSJmdWxsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpldj0iaHR0cDovL3d3dy53My5vcmcvMjAwMS94bWwtZXZlbnRzIj4KPGcgZmlsbC1vcGFjaXR5PSIuNSI%2BCgk8cG9seWdvbiBwb2ludHM9IjkuMjA3LDcuMTI2IDcuNzkzLDguNTQxIDExLjc5MywxMi41NDEgMTMuMjA3LDExLjEyNiIgLz4KCTxwYXRoIGQ9Ik01LjkxNywzYzEuNjA4LDAsMi45MTcsMS4zMDgsMi45MTcsMi45MTdTNy41MjUsOC44MzMsNS45MTcsOC44MzNTMyw3LjUyNSwzLDUuOTE3UzQuMzA4LDMsNS45MTcsMyBNNS45MTcsMQoJCUMzLjIwMSwxLDEsMy4yMDEsMSw1LjkxN3MyLjIwMSw0LjkxNyw0LjkxNyw0LjkxN3M0LjkxNy0yLjIwMSw0LjkxNy00LjkxN0MxMC44MzMsMy4yMDEsOC42MzIsMSw1LjkxNywxTDUuOTE3LDF6IiAvPgo8L2c%2BCjxnPgoJPHBvbHlnb24gZmlsbD0iI2ZmZiIgcG9pbnRzPSI5LjIwNyw2LjEyNiA3Ljc5Myw3LjU0MSAxMS43OTMsMTEuNTQxIDEzLjIwNywxMC4xMjYiIC8%2BCgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNNS45MTcsMmMxLjYwOCwwLDIuOTE3LDEuMzA4LDIuOTE3LDIuOTE3UzcuNTI1LDcuODMzLDUuOTE3LDcuODMzUzMsNi41MjUsMyw0LjkxN1M0LjMwOCwyLDUuOTE3LDIKCQkgTTUuOTE3LDBDMy4yMDEsMCwxLDIuMjAxLDEsNC45MTdzMi4yMDEsNC45MTcsNC45MTcsNC45MTdzNC45MTctMi4yMDEsNC45MTctNC45MTdDMTAuODMzLDIuMjAxLDguNjMyLDAsNS45MTcsMEw1LjkxNywweiIgLz4KPC9nPgo8L3N2Zz4K") no-repeat scroll 0 0 transparent; 
    644     height: 14px; 
    645     opacity: 1; 
    646     position: absolute; 
    647     width: 15px; 
    648 } 
    649  
    650 #title_tools.decelerate.enhanced #sp-magnify *, #title_tools.decelerate.enhanced .sp-magnify * { 
    651     background-image: url("source/store/base/nav/globalnav/css/bg/globalsearch_icon.gif"); 
    652 } 
    653  
    654 #title_tools.enhanced #sp-magnify .magnify, #title_tools.enhanced .sp-magnify .magnify { 
    655     background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGJhc2VQcm9maWxlPSJmdWxsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpldj0iaHR0cDovL3d3dy53My5vcmcvMjAwMS94bWwtZXZlbnRzIj4KPGc%2BCgk8cG9seWdvbiBmaWxsPSIjNjY2IiBwb2ludHM9IjkuMjA3LDYuMTI2IDcuNzkzLDcuNTQxIDExLjc5MywxMS41NDEgMTMuMjA3LDEwLjEyNiIgLz4KCTxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik01LjkxNywyYzEuNjA4LDAsMi45MTcsMS4zMDgsMi45MTcsMi45MTdTNy41MjUsNy44MzMsNS45MTcsNy44MzNTMyw2LjUyNSwzLDQuOTE3UzQuMzA4LDIsNS45MTcsMgoJCSBNNS45MTcsMEMzLjIwMSwwLDEsMi4yMDEsMSw0LjkxN3MyLjIwMSw0LjkxNyw0LjkxNyw0LjkxN3M0LjkxNy0yLjIwMSw0LjkxNy00LjkxN0MxMC44MzMsMi4yMDEsOC42MzIsMCw1LjkxNywwTDUuOTE3LDB6IiAvPgo8L2c%2BCjwvc3ZnPgo%3D") no-repeat scroll 0 0 transparent; 
    656     opacity: 0; 
    657 } 
    658  
    659 #title_tools.enhanced.globalheader-loaded .links, #title_tools.enhanced.globalheader-loaded .search, #title_tools.enhanced.globalheader-loaded .search .search-reset, #title_tools.enhanced.globalheader-loaded #sp-magnify *, #title_tools.enhanced.globalheader-loaded .sp-magnify * { 
    660 } 
    661  
    662 #title_tools.enhanced.globalheader-loaded .search .search-reset, #title_tools.enhanced.globalheader-loaded #sp-magnify *, #title_tools.enhanced.globalheader-loaded .sp-magnify * { 
    663 } 
    664  
    665 #title_tools.enhanced.globalheader-loaded .search fieldset { 
    666 } 
    667  
    668 #title_tools.enhanced.globalheader-loaded .search span.field-with-placeholder input { 
    669 } 
    670  
    671 #title_tools.enhanced.searchmode .links { 
    672     width: 781px; 
    673 } 
    674  
    675 #title_tools.enhanced.searchmode .search { 
    676     width: 170px; 
    677 } 
    678  
    679 #title_tools.enhanced.searchmode #sp-magnify *, #title_tools.enhanced.searchmode .sp-magnify * { 
    680     opacity: 0; 
    681 } 
    682  
    683 #title_tools.enhanced.searchmode #sp-magnify .magnify, #title_tools.enhanced.searchmode .sp-magnify .magnify { 
    684     opacity: 1; 
    685 } 
    686  
    687 #title_tools.enhanced.searchmode .search fieldset { 
    688     background-color: #FFFFFF; 
    689 } 
    690  
    691 #title_tools.enhanced.searchmode .search span.field-with-placeholder input { 
    692     color: #000000; 
    693     text-shadow: 0 1px 1px transparent; 
    694 } 
    695  
    696 #title_tools.enhanced.searchmode #site-search .search-auto-complete { 
    697     margin-left: -57px; 
    698 } 
    699  
    700 #title_tools.outside { 
    701     visibility: visible; 
    702 } 
    703  
    704 #title_tools.outside.ios { 
    705 } 
    706  
    707 #title_tools.outside.decelerate { 
    708 } 
    709  
    710 #title_tools.enhanced .links, #title_tools.enhanced .search, #title_tools.enhanced .search fieldset, #title_tools.enhanced .search span.field-with-placeholder input, #title_tools.enhanced .search #sp-magnify, #title_tools.enhanced .search #sp-magnify *, #title_tools.enhanced .search .sp-magnify, #title_tools.enhanced .search .sp-magnify *, #title_tools.enhanced .search .search-reset { 
    711     z-index: 0; 
    712 } 
    713  
    714 #title_tools.ios .links { 
    715 } 
    716  
    717 /*#menu {*/ 
    718 /*-moz-border-radius: 4px 4px 4px 4px;*/ 
    719 /*-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/ 
    720 /*float: left;*/ 
    721 /*margin: 0;*/ 
    722 /*position: relative;*/ 
    723 /*width: 830px;*/ 
    724 /*}*/ 
    725  
    726 /*#menu.collapsed {*/ 
    727 /*background-image: url("source/store/base/nav/header/css/bg/old/menu-collapsed.png");*/ 
    728 /*}*/ 
    729  
    730 /*#menu_content a, #menu_content span {*/ 
    731 /*color: #666666;*/ 
    732 /*}*/ 
    733  
    734 /*#menu_content a:hover {*/ 
    735 /*color: #0085CF;*/ 
    736 /*text-decoration: none;*/ 
    737 /*}*/ 
    738  
    739 /*#nav {*/ 
    740 /*color: #666666;*/ 
    741 /*float: left;*/ 
    742 /*line-height: 30px;*/ 
    743 /*list-style: none outside none;*/ 
    744 /*}*/ 
    745  
    746 /*#menu.collapsed #nav {*/ 
    747 /*line-height: 49px;*/ 
    748 /*}*/ 
    749  
    750 /*#nav li {*/ 
    751 /*float: left;*/ 
    752 /*}*/ 
    753  
    754 /*#nav #bc-home a {*/ 
    755 /*display: block; *//*text-indent: -9999px;*/ 
    756 /*width: 52px;*/ 
    757 /*}*/ 
    758  
    759 /*#menu.collapsed .contact-us {*/ 
    760 /*color: #333333;*/ 
    761 /*font-size: 11px;*/ 
    762 /*padding-left: 19px;*/ 
    763 /*}*/ 
    764  
    765 /*#menu_content {*/ 
    766 /*float: right;*/ 
    767 /*line-height: 30px;*/ 
    768 /*z-index: 9050;*/ 
    769 /*}*/ 
    770  
    771 /*#menu.collapsed #menu_content {*/ 
    772 /*margin: 10px 13px 0 0;*/ 
    773 /*}*/ 
    774  
    775 /*#menu_content > li {*/ 
    776 /*float: left;*/ 
    777 /*}*/ 
    778  
    779 /*#menu.collapsed #menu_content > li:first-child a {*/ 
    780 /*border-left: 0 none;*/ 
    781 /*}*/ 
    782  
    783 /*#menu_content #u_cart {*/ 
    784 /*padding-right: 7px;*/ 
    785 /*}*/ 
    786  
    787 /*#menu_content a {*/ 
    788 /*border-left: 1px solid #CCCCCC;*/ 
    789 /*display: block;*/ 
    790 /*padding: 0 10px;*/ 
    791 /*z-index: 9050;*/ 
    792 /*}*/ 
    793  
    794 /*#menu_content #u_cart a {*/ 
    795 /*background: url("source/store/base/nav/header/css/bg/store-header-footer-sprite.png") no-repeat scroll 100% -144px transparent;*/ 
    796 /*padding-right: 26px;*/ 
    797 /*}*/ 
    798  
    799 /*#menu_content .open {*/ 
    800 /*background: url("source/store/base/nav/header/css/bg/old/usernav-open.png") repeat-x scroll 0 0 transparent;*/ 
    801 /*margin-bottom: -1px;*/ 
    802 /*position: relative;*/ 
    803 /*z-index: 9999;*/ 
    804 /*}*/ 
    805  
    806 /*#menu_content .open a {*/ 
    807 /*color: #0085CF;*/ 
    808 /*}*/ 
    809  
    810 /*#menu_content .open:first-child a {*/ 
    811 /*border-left: 0 none;*/ 
    812 /*}*/ 
    813  
    814 /*#menu_content #u_cart.open {*/ 
    815 /*background-position: 100% 0;*/ 
    816 /*}*/ 
    817  
    818 /*#aos_header #menu a:hover span {*/ 
    819 /*color: #0085CF;*/ 
    820 /*text-decoration: none;*/ 
    821 /*}*/ 
    822  
    823 /*#aos_header #menu {*/ 
    824 /*background-image: url("source/store/base/nav/header/css/bg/old/menu-collapsed.png");*/ 
    825 /*}*/ 
    826  
    827 /*#aos_header #menu #contact-us {*/ 
    828 /*line-height: 49px;*/ 
    829 /*}*/ 
    830  
    831 /*#aos_header #menu #contact-us li {*/ 
    832 /*color: #333333;*/ 
    833 /*font-size: 11px;*/ 
    834 /*padding-left: 19px;*/ 
    835 /*}*/ 
    836  
    837 /*#aos_header #menu #contact-us li span {*/ 
    838 /*color: #333333;*/ 
    839 /*}*/ 
    840  
    841 /*#aos_header #menu #contact-us li strong {*/ 
    842 /*font-weight: normal;*/ 
    843 /*}*/ 
    844  
    845 /*#aos_header #menu #menu_content {*/ 
    846 /*margin: 10px 13px 0 0;*/ 
    847 /*}*/ 
    848  
    849 /*#aos_header #menu ul > li {*/ 
    850 /*float: left;*/ 
    851 /*}*/ 
    852  
    853 /*#aos_header #menu #menu_content ul > li:first-child a {*/ 
    854 /*border-left: 0 none;*/ 
    855 /*}*/ 

  • ether_megapoli/trunk/web/resources/js/classesForJQuery/Button.js

    r234 r240  
    3131        this.divContainer = $( document.createElement( "button" ) ); 
    3232        if( this.className ) 
    33             this.divContainer.className = this.className; 
     33            this.divContainer.addClass( this.className ); 
    3434        this.divContainer.attr( {id:this.id} ); 
    3535        if( this.parent ) 
    … …  
    3838        this.divText = $( document.createElement( "div" ) ); 
    3939        if( this.classNameText ) 
    40             this.divText.className = "button_text"; 
     40            this.divText.addClass( this.classNameText ); 
    4141        this.divText.html( this.value ); 
    4242        this.divContainer.append( this.divText ); 

  • ether_megapoli/trunk/web/resources/jsp/etherHead.jsp

    r239 r240  
    3131 
    3232            this.createLogin(); 
    33             var mailButton = new ComplexButton( {value:templateTexts["data.upload.metadata.contact.mail"], parent:this.containerTools, id:"button_mail", onClick:jQuery.proxy( this.onClickMail, this )} ); 
     33            var mailButton = new Button( {value:templateTexts["data.upload.metadata.contact.mail"], parent:this.containerTools, id:"button_mail", className: "blue_button", classNameText:"blue_button_text", onClick:jQuery.proxy( this.onClickMail, this )} ); 
    3434 
    3535            var valueLanguage = templateTexts["app.fr"]; 
    … …  
    3737                valueLanguage = templateTexts["app.en"]; 
    3838 
    39             var languageButton = new ComplexButton( {value:valueLanguage, parent:this.containerTools, id:"button_language", onClick:jQuery.proxy( this.onClickLanguage, this )} ); 
    40             var homeButton = new ComplexButton( {value:templateTexts["app.home"], parent:this.containerTools, id:"button_home", onClick:this.onClickHome} ); 
     39            var languageButton = new Button( {value:valueLanguage, parent:this.containerTools, id:"button_language", className: "blue_button", classNameText:"blue_button_text", onClick:jQuery.proxy( this.onClickLanguage, this )} ); 
     40            var homeButton = new Button( {value:templateTexts["app.home"], parent:this.containerTools, id:"button_home", className: "blue_button", classNameText:"blue_button_text", onClick:this.onClickHome} ); 
    4141 
    4242            var divSmallLogoEther = $( document.createElement( "div" ) ); 

  • ether_megapoli/trunk/web/resources/templates/templateEther.jsp

    r239 r240  
    1717 
    1818    <ether:htmlCss cssFile="apycom.com-4-steel-blue/menu"/> 
     19    <ether:htmlCss cssFile="button"/> 
    1920    <ether:htmlCss cssFile="complexButton"/> 
    2021    <ether:htmlCss cssFile="TwitterLogin/front"/> 
    … …  
    2627    <ether:htmlJs jsFile="library/jquery.protify-0.3"/> 
    2728    <ether:htmlJs jsFile="classesForJQuery/etherHelper"/> 
     29    <ether:htmlJs jsFile="classesForJQuery/Button"/> 
    2830    <ether:htmlJs jsFile="classesForJQuery/ComplexButton"/> 
    2931    <ether:htmlJs jsFile="classesForJQuery/Slide"/> 

  • ether_megapoli/trunk/web/visualization/visu_parameter_by_pf.jsp

    r239 r240  
    1010 
    1111    <tiles:put name="insertCss" type="string"> 
    12         <ether:htmlCss cssFile="button"/> 
    1312        <ether:htmlCss cssFile="blueprint-css/blueprint/src/grid"/> 
    1413        <ether:htmlCss cssFile="visu_parameter_by_pf"/> 
    … …  
    2221        <ether:htmlJsp jspFile="visu_parameter_by_pf-script"/> 
    2322        <ether:htmlJsp jspFile="visu_parameter_by_pf-classes"/> 
    24         <ether:htmlJs jsFile="classesForJQuery/Button"/> 
    2523        <ether:htmlJs jsFile="classesForJQuery/Select"/> 
    2624        <ether:htmlJs jsFile="classesForJQuery/Loading"/> 
Note: See TracChangeset for help on using the changeset viewer.