PageRenderTime 50ms CodeModel.GetById 18ms app.highlight 28ms 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
 1body{font:75% "Lucida Grande",verdana,arial,helvetica,sans-serif;background:#eee;}
 2.unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;}
 3#background{position:absolute;background:#eee;z-index:-1;top:0;left:0;margin:0;padding:0;width:100%;height:100%;}
 4#messagebox{position:absolute;top:33px;left:0;width:100%;height:24px !important;overflow:hidden;border-bottom:solid #999 1px;font-size:90%;}
 5#left,#left-border,#center,#right-border,#right{position:absolute;top:39px;bottom:0px;overflow:hidden;background:#fff;}
 6#left,#center,#right{border-top:solid #999 1px;}
 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#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#left-border div,#right-border.hidden div{background-image:url(tiny_arrow_left.png);cursor:w-resize;}
10#left-border.hidden div,#right-border div{background-image:url(tiny_arrow_right.png);cursor:e-resize;}
11#left-border.hover div,#right-border.hover div{background-color:#AAAAEE;}
12#left{left:0px;width:250px;z-index:200;}
13#left-border{left:250px;}
14#center{left:259px;right:259px;overflow:hidden;z-index:1;}
15#right-border{right:250px;}
16#right{width:250px;right:0px;z-index:200;}
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.unified-panel-header-inner{padding-top:0.45em;}
19.menu-bg{background:#C1C9E5 url(menu_bg.png) top repeat-x;}
20div.unified-panel-body{position:absolute;top:2em;bottom:0;width:100%;margin-top:1px;}
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.panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;}
23.panel-header-button:hover{color:black;background-color:#ccc;}
24.panel-header-button:active{color:white;background-color:#aaaaaa;}
25#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}
26.dialog-box-container{position:relative;margin-top:80px;margin-right:auto;margin-left:auto;}
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.dialog-box{border:solid #999 1px;background:white;z-index:80000;}
29.dialog-box .body{padding:5px;overflow:auto;max-height:500px;min-width:300px;}
30.dialog-box .buttons{padding:5px;}
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.panel-warning-message{background-image:url(warn_small.png);background-color:#FFFFCC;}
33.panel-done-message{background-image:url(done_small.png);background-color:#CCFFCC;}
34.panel-info-message{background-image:url(info_small.png);background-color:#CCCCFF;}
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#masthead a{color:#eeeeee;text-decoration:none;}
37#masthead .title{font-family:verdana;padding:3px 10px;font-size:175%;font-weight:bold;z-index:-1;}
38#masthead a:hover{text-decoration:underline;}
39.quota-meter-container{position:absolute;top:0;right:0;height:32px;}
40.quota-meter{position:absolute;top:8px;right:8px;height:16px;width:100px;background-color:#C1C9E5;;}
41.quota-meter-bar{position:absolute;top:0;left:0;height:16px;background-color:#969DB3;;}
42.quota-meter-bar-warn{background-color:#FFB400;;}
43.quota-meter-bar-error{background-color:#FF4343;;}
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.tab-group{margin:0;padding:0 10px;height:100%;white-space:nowrap;cursor:default;background:transparent;}
46.tab-group .tab{background:#2C3143;position:relative;float:left;margin:0;padding:0 1em;height:32px;line-height:32px;text-align:left;}
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.tab-group .tab .submenu ul{display:block;margin:0;padding:0;list-style-type:none;background:#2C3143;}
49.tab-group .tab .submenu ul li{display:block;padding:0 1em;white-space:nowrap;}
50.tab-group .tab:hover > a{color:gold !important;}
51.tab-group .active{background:rgb(1,1,1);}