PageRenderTime 55ms CodeModel.GetById 20ms RepoModel.GetById 1ms app.codeStats 0ms

/static/june_2007_style/blue/panel_layout.css

https://bitbucket.org/cistrome/cistrome-harvard/
CSS | 51 lines | 51 code | 0 blank | 0 comment | 0 complexity | ffc975e638435a165463d6654e9e1d08 MD5 | raw file
    

  1. body{font:75% "Lucida Grande",verdana,arial,helvetica,sans-serif;background:#eee;}
    2. 

  2. .unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;}
    3. 

  3. #background{position:absolute;background:#eee;z-index:-1;top:0;left:0;margin:0;padding:0;width:100%;height:100%;}
    4. 

  4. #messagebox{position:absolute;top:33px;left:0;width:100%;height:24px !important;overflow:hidden;border-bottom:solid #999 1px;font-size:90%;}
    5. 

  5. #left,#left-border,#center,#right-border,#right{position:absolute;top:39px;bottom:0px;overflow:hidden;background:#fff;}
    6. 

  6. #left,#center,#right{border-top:solid #999 1px;}
    7. 

  7. #left-border,#right-border{background:#eeeeee;border-left:solid #999 1px;border-right:solid #999 1px;padding-right:1px;padding-left:1px;width:5px;z-index:10000;}
    8. 

  8. #left-border div,#right-border div{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;position:absolute;width:5px;height:100%;}
    9. 

  9. #left-border div,#right-border.hidden div{background-image:url(tiny_arrow_left.png);cursor:w-resize;}
    10. 

  10. #left-border.hidden div,#right-border div{background-image:url(tiny_arrow_right.png);cursor:e-resize;}
    11. 

  11. #left-border.hover div,#right-border.hover div{background-color:#AAAAEE;}
    12. 

  12. #left{left:0px;width:250px;z-index:200;}
    13. 

  13. #left-border{left:250px;}
    14. 

  14. #center{left:259px;right:259px;overflow:hidden;z-index:1;}
    15. 

  15. #right-border{right:250px;}
    16. 

  16. #right{width:250px;right:0px;z-index:200;}
    17. 

  17. .unified-panel-header{height:2em;z-index:1000;background:#cccccc;background-image:url(panel_header_bg.png);background-position:top center;background-repeat:repeat-x;border-bottom:solid #999 1px;margin:0;padding:0;padding-right:10px;padding-left:10px;color:#333;font-weight:bold;}
    18. 

  18. .unified-panel-header-inner{padding-top:0.45em;}
    19. 

  19. .menu-bg{background:#C1C9E5 url(menu_bg.png) top repeat-x;}
    20. 

  20. div.unified-panel-body{position:absolute;top:2em;bottom:0;width:100%;margin-top:1px;}
    21. 

  21. .panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;margin-top:-0.2em;border:solid #999 1px;padding-right:0.5em;padding-left:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;}
    22. 

  22. .panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;}
    23. 

  23. .panel-header-button:hover{color:black;background-color:#ccc;}
    24. 

  24. .panel-header-button:active{color:white;background-color:#aaaaaa;}
    25. 

  25. #overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}
    26. 

  26. .dialog-box-container{position:relative;margin-top:80px;margin-right:auto;margin-left:auto;}
    27. 

  27. .dialog-box-wrapper{position:relative;padding:1em;background-color:rgba(0,0,0,0.5);-moz-border-radius:1em;-webkit-border-radius:1em;}
    28. 

  28. .dialog-box{border:solid #999 1px;background:white;z-index:80000;}
    29. 

  29. .dialog-box .body{padding:5px;overflow:auto;max-height:500px;min-width:300px;}
    30. 

  30. .dialog-box .buttons{padding:5px;}
    31. 

  31. .panel-error-message,.panel-warning-message,.panel-done-message,.panel-info-message{height:24px;line-height:24px;color:#303030;padding:0px;padding-left:26px;background-color:#FFCCCC;background-image:url(error_small.png);background-repeat:no-repeat;background-position:6px 50%;}
    32. 

  32. .panel-warning-message{background-image:url(warn_small.png);background-color:#FFFFCC;}
    33. 

  33. .panel-done-message{background-image:url(done_small.png);background-color:#CCFFCC;}
    34. 

  34. .panel-info-message{background-image:url(info_small.png);background-color:#CCCCFF;}
    35. 

  35. #masthead{position:absolute;top:0;left:0;width:100%;min-width:900px;height:32px;background:#2C3143;color:#fff;border-bottom:solid #444 1px;z-index:15000;padding:0;}
    36. 

  36. #masthead a{color:#eeeeee;text-decoration:none;}
    37. 

  37. #masthead .title{font-family:verdana;padding:3px 10px;font-size:175%;font-weight:bold;z-index:-1;}
    38. 

  38. #masthead a:hover{text-decoration:underline;}
    39. 

  39. .quota-meter-container{position:absolute;top:0;right:0;height:32px;}
    40. 

  40. .quota-meter{position:absolute;top:8px;right:8px;height:16px;width:100px;background-color:#C1C9E5;;}
    41. 

  41. .quota-meter-bar{position:absolute;top:0;left:0;height:16px;background-color:#969DB3;;}
    42. 

  42. .quota-meter-bar-warn{background-color:#FFB400;;}
    43. 

  43. .quota-meter-bar-error{background-color:#FF4343;;}
    44. 

  44. .quota-meter-text{position:absolute;top:50%;left:0;width:100px;height:16px;margin-top:-6px;text-align:center;z-index:9001;color:#000;;}
    45. 

  45. .tab-group{margin:0;padding:0 10px;height:100%;white-space:nowrap;cursor:default;background:transparent;}
    46. 

  46. .tab-group .tab{background:#2C3143;position:relative;float:left;margin:0;padding:0 1em;height:32px;line-height:32px;text-align:left;}
    47. 

  47. .tab-group .tab .submenu{display:none;position:absolute;z-index:16000;left:0;top:32px;padding:1em;margin:-1em;padding-top:0;margin-top:0;background-color:rgba(0,0,0,0.5);-moz-border-radius:0 0 1em 1em;-webkit-border-bottom-right-radius:1em;-webkit-border-bottom-left-radius:1em;}
    48. 

  48. .tab-group .tab .submenu ul{display:block;margin:0;padding:0;list-style-type:none;background:#2C3143;}
    49. 

  49. .tab-group .tab .submenu ul li{display:block;padding:0 1em;white-space:nowrap;}
    50. 

  50. .tab-group .tab:hover > a{color:gold !important;}
    51. 

  51. .tab-group .active{background:rgb(1,1,1);}
    52. 

  52.