/static/june_2007_style/blue/iphone.css

https://bitbucket.org/h_morita_dbcls/galaxy-central · CSS · 54 lines · 54 code · 0 blank · 0 comment · 0 complexity · da05ae4bb13001dc286e2fb36869934c MD5 · raw file 

    

  1. body{margin:0;font-family:Helvetica;background:#FFFFFF;color:#000000;overflow-x:hidden;-webkit-user-select:none;-webkit-text-size-adjust:none;}
    2. 

  2. body > *:not(.toolbar){display:none;position:absolute;margin:0;padding:0;left:0;width:100%;min-height:372px;}
    3. 

  3. body[orient="landscape"] > *:not(.toolbar){min-height:268px;}
    4. 

  4. body > *[selected="true"]{display:block;}
    5. 

  5. a[selected],a:active{background-color:#194fdb !important;background-image:url(../iui/listArrowSel.png), url(../iui/selection.png) !important;background-repeat:no-repeat, repeat-x;background-position:right center, left top;color:#FFFFFF !important;}
    6. 

  6. a[selected="progress"]{background-image:url(../iui/loading.gif), url(../iui/selection.png) !important;}
    7. 

  7. body > .toolbar{position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #2d3642;padding:10px;height:45px;background:url(../iui/toolbar.png) #6d84a2 repeat-x;}
    8. 

  8. .toolbar > h1{position:absolute;overflow:hidden;left:50%;margin:1px 0 0 -75px;height:45px;font-size:20px;width:150px;font-weight:bold;text-shadow:rgba(0, 0, 0, 0.4) 0px -1px 0;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#FFFFFF;}
    9. 

  9. body[orient="landscape"] > .toolbar > h1{margin-left:-125px;width:250px;}
    10. 

  10. body > .toolbar.masthead{background:#2C3143 repeat-x;}
    11. 

  11. body > .toolbar.masthead > h1{left:0;margin-left:0;width:100%;}
    12. 

  12. .button{position:absolute;overflow:hidden;top:8px;right:6px;margin:0;border-width:0 5px;padding:0 3px;width:auto;height:30px;line-height:30px;font-family:inherit;font-size:12px;font-weight:bold;color:#FFFFFF;text-shadow:rgba(0, 0, 0, 0.6) 0px -1px 0;text-overflow:ellipsis;text-decoration:none;white-space:nowrap;background:none;-webkit-border-image:url(../iui/toolButton.png) 0 5 0 5;}
    13. 

  13. .blueButton{-webkit-border-image:url(../iui/blueButton.png) 0 5 0 5;border-width:0 5px;}
    14. 

  14. .leftButton{left:6px;right:auto;}
    15. 

  15. #backButton{display:none;left:6px;right:auto;padding:0;max-width:55px;border-width:0 8px 0 14px;-webkit-border-image:url(../iui/backButton.png) 0 8 0 14;}
    16. 

  16. .whiteButton,.grayButton{display:block;border-width:0 12px;padding:10px;text-align:center;font-size:20px;font-weight:bold;text-decoration:inherit;color:inherit;}
    17. 

  17. .whiteButton{-webkit-border-image:url(../iui/whiteButton.png) 0 12 0 12;text-shadow:rgba(255, 255, 255, 0.7) 0 1px 0;}
    18. 

  18. .grayButton{-webkit-border-image:url(../iui/grayButton.png) 0 12 0 12;color:#FFFFFF;}
    19. 

  19. body > ul > li{position:relative;margin:0;border-bottom:1px solid #E0E0E0;padding:8px 0 8px 10px;font-size:20px;font-weight:bold;list-style:none;}
    20. 

  20. body > ul > li.group{position:relative;top:-1px;margin-bottom:-2px;border-top:1px solid #7d7d7d;border-bottom:1px solid #999999;padding:1px 10px;background:url(../iui/listGroup.png) repeat-x;font-size:17px;font-weight:bold;text-shadow:rgba(0, 0, 0, 0.4) 0 1px 0;color:#FFFFFF;}
    21. 

  21. body > ul > li.group:first-child{top:0;border-top:none;}
    22. 

  22. body > ul > li > a{display:block;margin:-8px 0 -8px -10px;padding:8px 32px 8px 10px;text-decoration:none;color:inherit;background:url(../iui/listArrow.png) no-repeat right center;}
    23. 

  23. a[target="_replace"]{box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:25px;padding-bottom:25px;font-size:18px;color:cornflowerblue;background-color:#FFFFFF;background-image:none;}
    24. 

  24. body > .dialog{top:0;width:100%;min-height:417px;z-index:2;background:rgba(0, 0, 0, 0.8);padding:0;text-align:right;}
    25. 

  25. .dialog > fieldset{box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;margin:0;border:none;border-top:1px solid #6d84a2;padding:10px 6px;background:url(../iui/toolbar.png) #7388a5 repeat-x;}
    26. 

  26. .dialog > fieldset > h1{margin:0 10px 0 10px;padding:0;font-size:20px;font-weight:bold;color:#FFFFFF;text-shadow:rgba(0, 0, 0, 0.4) 0px -1px 0;text-align:center;}
    27. 

  27. .dialog > fieldset > label{position:absolute;margin:16px 0 0 6px;font-size:14px;color:#999999;}
    28. 

  28. input:not(input[type|=radio]):not(input[type|=checkbox]){box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;margin:8px 0 0 0;padding:6px 6px 6px 44px;font-size:16px;font-weight:normal;}
    29. 

  29. body > .panel{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px;background:#c8c8c8 url(../iui/pinstripes.png);}
    30. 

  30. .panel > fieldset{position:relative;margin:0 0 20px 0;padding:0;background:#FFFFFF;-webkit-border-radius:10px;-moz-border-radius:10px;border:1px solid #999999;text-align:right;font-size:16px;}
    31. 

  31. .row{position:relative;min-height:42px;border-bottom:1px solid #999999;-webkit-border-radius:0;text-align:right;overflow:hidden;text-overflow:ellipsis;}
    32. 

  32. fieldset > .row:last-child{border-bottom:none !important;}
    33. 

  33. .row > input:not(input[type|=radio]):not(input[type|=checkbox]){box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;border:none;padding:12px 10px 0 110px;height:42px;background:none;}
    34. 

  34. .row > input[type|=radio],.row > input[type|=checkbox]{margin:7px 7px 0 0;height:25px;width:25px;}
    35. 

  35. .row > label{position:absolute;margin:0 0 0 14px;line-height:42px;font-weight:bold;}
    36. 

  36. .row > a{font-weight:bold;text-align:left;display:block;padding:8px 32px 8px 14px;text-decoration:none;color:inherit;background:url(../iui/listArrow.png) no-repeat right center;}
    37. 

  37. .row > .error{height:25px;text-align:left;font-size:14px;padding:0 0 0 110px;color:red;}
    38. 

  38. .row > span{position:absolute;padding:12px 10px 0 110px;margin:0;}
    39. 

  39. .row > .toggle{position:absolute;top:6px;right:6px;width:100px;height:28px;}
    40. 

  40. .toggle{border:1px solid #888888;-webkit-border-radius:6px;background:#FFFFFF url(../iui/toggle.png) repeat-x;font-size:19px;font-weight:bold;line-height:30px;}
    41. 

  41. .toggle[toggled="true"]{border:1px solid #143fae;background:#194fdb url(../iui/toggleOn.png) repeat-x;}
    42. 

  42. .toggleOn{display:none;position:absolute;width:60px;text-align:center;left:0;top:0;color:#FFFFFF;text-shadow:rgba(0, 0, 0, 0.4) 0px -1px 0;}
    43. 

  43. .toggleOff{position:absolute;width:60px;text-align:center;right:0;top:0;color:#666666;}
    44. 

  44. .toggle[toggled="true"] > .toggleOn{display:block;}
    45. 

  45. .toggle[toggled="true"] > .toggleOff{display:none;}
    46. 

  46. .thumb{position:absolute;top:-1px;left:-1px;width:40px;height:28px;border:1px solid #888888;-webkit-border-radius:6px;background:#ffffff url(../iui/thumb.png) repeat-x;}
    47. 

  47. .toggle[toggled="true"] > .thumb{left:auto;right:-1px;}
    48. 

  48. .panel > h2{margin:0 0 8px 14px;font-size:inherit;font-weight:bold;color:#4d4d70;text-shadow:rgba(255, 255, 255, 0.75) 2px 2px 0;}
    49. 

  49. #preloader{display:none;background-image:url(loading.gif), url(selection.png),
    50. 

  50.         url(blueButton.png), url(listArrowSel.png), url(listGroup.png);}
    51. 

  51. .state-color-queued{background:#EEEEEE;}
    52. 

  52. .state-color-ok{background:#CCFFCC;}
    53. 

  53. .state-color-error{background:#FFCCCC;}
    54. 

  54. .state-color-running{background:#FFFFCC;}
    55.